add rand photo in gallery

sxc · Jul 7, 2023 · 37f8dec · 37f8dec
1 parent 18c4988
commit 37f8dec
Show file tree

Hide file tree

Showing 4 changed files with 56 additions and 1 deletion.
diff --git a/controllers/galleries.go b/controllers/galleries.go
@@ -3,6 +3,7 @@ package controllers
 import (
 	"errors"
 	"fmt"
+	"math/rand"
 	"net/http"
 	"strconv"
 
@@ -14,6 +15,7 @@ import (
 
 type Galleries struct {
 	Templates struct {
+		Show  Template
 		New   Template
 		Edit  Template
 		Index Template
@@ -128,3 +130,34 @@ func (g Galleries) Index(w http.ResponseWriter, r *http.Request) {
 	}
 	g.Templates.Index.Execute(w, r, data)
 }
+
+func (g Galleries) Show(w http.ResponseWriter, r *http.Request) {
+	id, err := strconv.Atoi(chi.URLParam(r, "id"))
+	if err != nil {
+		http.Error(w, "Invalid ID", http.StatusNotFound)
+		return
+	}
+	gallery, err := g.GalleryService.ByID(id)
+	if err != nil {
+		if errors.Is(err, models.ErrNotFound) {
+			http.Error(w, "Gallery not found", http.StatusNotFound)
+			return
+		}
+		http.Error(w, "Something went wrong", http.StatusInternalServerError)
+		return
+	}
+	var data struct {
+		ID     int
+		Title  string
+		Images []string
+	}
+	data.ID = gallery.ID
+	data.Title = gallery.Title
+	for i := 0; i < 20; i++ {
+		w, h := rand.Intn(500)+200, rand.Intn(500)+200
+		catImageURL := fmt.Sprintf("https://placekitten.com/%d/%d", w, h)
+		data.Images = append(data.Images, catImageURL)
+	}
+
+	g.Templates.Show.Execute(w, r, data)
+}
diff --git a/main.go b/main.go
@@ -163,6 +163,11 @@ func main() {
 		"galleries/index.gohtml", "tailwind.gohtml",
 	))
 
+	galleriesC.Templates.Show = views.Must(views.ParseFS(
+		templates.FS,
+		"galleries/show.gohtml", "tailwind.gohtml",
+	))
+
 	umw := controllers.UserMiddleware{
 		SessionService: sessionService,
 	}
@@ -202,6 +207,7 @@ func main() {
 	})
 
 	r.Route("/galleries", func(r chi.Router) {
+		r.Get("/{id}", galleriesC.Show)
 		r.Group(func(r chi.Router) {
 			r.Use(umw.RequireUser)
 			r.Get("/", galleriesC.Index)

diff --git a/templates/galleries/show.gohtml b/templates/galleries/show.gohtml
@@ -0,0 +1,16 @@
+{{template "header" .}}
+<div class="p-8 w-full">
+    <h1 class="p-4 pb-8 text-3xl font-bold text-gray-800">
+        {{.Title}}
+    </h1>
+    <div class="columns-4 gap-4 space-y-4">
+        {{range .Images}}
+            <div clas="h-min w-full">
+                <a href="{{.}}">
+                    <img class="w-full" src="{{.}}">
+                </a>
+            </div>
+        {{end}}
+    </div>
+    </div>
+    {{template "footer" .}}
diff --git a/templates/tailwind.gohtml b/templates/tailwind.gohtml
@@ -4,7 +4,7 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link href= "https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
+    <script src="https://cdn.tailwindcss.com"></script>
     <title>My Awesome Site</title>
     </head>
     <body class="min-h-screen bg-gray-100">