From 113d5860ffa08b73a6c156938225596703033fcc Mon Sep 17 00:00:00 2001
From: Ivan Reshetnikov <ordinarydev@protonmail.com>
Date: Wed, 1 Nov 2023 22:49:15 +0500
Subject: [PATCH]  Keep settings page position after editing (#6)

---
 templates/settings.html.tmpl | 76 ++++++++++++++++++------------------
 views/groups.go              |  5 ++-
 views/links.go               |  5 ++-
 3 files changed, 44 insertions(+), 42 deletions(-)

diff --git a/templates/settings.html.tmpl b/templates/settings.html.tmpl
index 22fe40b..8fe8f1a 100644
--- a/templates/settings.html.tmpl
+++ b/templates/settings.html.tmpl
@@ -9,7 +9,7 @@
         <a href="/">Main page</a>
 
         {{range .groups}}
-        <h2>Group "{{.Name}}"</h2>
+        <h2 id="group-{{.ID}}">Group "{{.Name}}"</h2>
         <div class="row">
             <form method="POST" action="/api/groups/{{.ID}}/put" class="innerForm">
                 <input
@@ -36,43 +36,43 @@
         </div>
 
         {{range .Links}}
-        <div class="row">
-        <form method="POST" action="/api/links/{{.ID}}/put" class="innerForm">
-            <!-- method: put -->
-            <input
-                class="small-row"
-                value="{{ if .Icon }}{{ .Icon }}{{ end }}"
-                name="icon"
-                placeholder="Icon"
-            />
-            <input
-                class="small-row"
-                value="{{.Name}}"
-                name="linkName"
-                placeholder="Name"
-                required
-            />
-            <input
-                value="{{.Href}}"
-                name="href"
-                placeholder="Href"
-                required
-            />
-            <button
-                type="submit"
-                aria-label="Save the link"
-            >
-                <img src="/assets/svg/floppy-disk-solid.svg" width="16px" height="16px" />
-            </button>
-        </form>
-        <form method="POST" action="/api/links/{{.ID}}/delete">
-            <button
-                type="submit"
-                aria-label="Delete the link"
-            >
-                <img src="/assets/svg/trash-solid.svg" width="16px" height="16px" />
-            </button>
-        </form>
+        <div class="row" id="link-{{.ID}}">
+            <form method="POST" action="/api/links/{{.ID}}/put" class="innerForm">
+                <!-- method: put -->
+                <input
+                    class="small-row"
+                    value="{{ if .Icon }}{{ .Icon }}{{ end }}"
+                    name="icon"
+                    placeholder="Icon"
+                />
+                <input
+                    class="small-row"
+                    value="{{.Name}}"
+                    name="linkName"
+                    placeholder="Name"
+                    required
+                />
+                <input
+                    value="{{.Href}}"
+                    name="href"
+                    placeholder="Href"
+                    required
+                />
+                <button
+                    type="submit"
+                    aria-label="Save the link"
+                >
+                    <img src="/assets/svg/floppy-disk-solid.svg" width="16px" height="16px" />
+                </button>
+            </form>
+            <form method="POST" action="/api/links/{{.ID}}/delete">
+                <button
+                    type="submit"
+                    aria-label="Delete the link"
+                >
+                    <img src="/assets/svg/trash-solid.svg" width="16px" height="16px" />
+                </button>
+            </form>
         </div>
         {{end}}
 
diff --git a/views/groups.go b/views/groups.go
index ee2896d..ce1d7db 100644
--- a/views/groups.go
+++ b/views/groups.go
@@ -1,6 +1,7 @@
 package views
 
 import (
+	"fmt"
 	"github.com/gin-gonic/gin"
 	"github.com/ordinary-dev/phoenix/database"
 	"gorm.io/gorm"
@@ -20,7 +21,7 @@ func CreateGroup(db *gorm.DB) gin.HandlerFunc {
 		}
 
 		// This page is called from the settings, return the user back.
-		ctx.Redirect(http.StatusFound, "/settings")
+		ctx.Redirect(http.StatusFound, fmt.Sprintf("/settings#group-%v", group.ID))
 	}
 }
 
@@ -45,7 +46,7 @@ func UpdateGroup(db *gorm.DB) gin.HandlerFunc {
 		}
 
 		// This page is called from the settings, return the user back.
-		ctx.Redirect(http.StatusFound, "/settings")
+		ctx.Redirect(http.StatusFound, fmt.Sprintf("/settings#group-%v", group.ID))
 	}
 }
 
diff --git a/views/links.go b/views/links.go
index 8b7fd68..bba20d7 100644
--- a/views/links.go
+++ b/views/links.go
@@ -1,6 +1,7 @@
 package views
 
 import (
+	"fmt"
 	"github.com/gin-gonic/gin"
 	"github.com/ordinary-dev/phoenix/database"
 	"gorm.io/gorm"
@@ -33,7 +34,7 @@ func CreateLink(db *gorm.DB) gin.HandlerFunc {
 		}
 
 		// Redirect to settings.
-		ctx.Redirect(http.StatusFound, "/settings")
+		ctx.Redirect(http.StatusFound, fmt.Sprintf("/settings#link-%v", link.ID))
 	}
 }
 
@@ -65,7 +66,7 @@ func UpdateLink(db *gorm.DB) gin.HandlerFunc {
 		}
 
 		// Redirect to settings.
-		ctx.Redirect(http.StatusFound, "/settings")
+		ctx.Redirect(http.StatusFound, fmt.Sprintf("/settings#link-%v", link.ID))
 	}
 }