add password and encryption input

Author: cucu

.hintrc

@@ -0,0 +1,13 @@
+{
+  "extends": [
+    "development"
+  ],
+  "hints": {
+    "axe/forms": [
+      "default",
+      {
+        "label": "off"
+      }
+    ]
+  }
+}

internal/app/web_handler.go

@@ -1,6 +1,7 @@
 package app
 
 import (
+	"encoding/json"
 	"log/slog"
 	"net/http"
 
@@ -35,10 +36,8 @@ func (r *webHandler) GetById(c *gin.Context) {
 	id := c.Param("id")
 	slog.Info("request id", "id", id)
 	a, _ := r.Service.GetbyId(id)
-	data := make(map[string]string)
-	data["content"] = a[0].Content
-	data["id"] = a[0].Id
-	c.HTML(http.StatusOK, "index.html", data)
+	x, _ := json.Marshal(a[0])
+	c.HTML(http.StatusOK, "index.html", gin.H{"id": id, "data": string(x)})
 }
 
 func (r *webHandler) DeleteById(c *gin.Context) {

internal/pkg/.keep

@@ -4,5 +4,5 @@ type FormData struct {
 	Id          string `form:"id" json:"id"`
 	Content     string `form:"content" json:"content"`
 	Password    string `form:"password" json:"password"`
-	IsEncrypted bool   `form:"isEncrypted" json:"is_encrypted"`
+	IsEncrypted bool   `form:"is_encrypted" json:"is_encrypted"`
 }

internal/pkg/model/form_data.go

@@ -0,0 +1,9 @@
+package util
+
+import "encoding/json"
+
+func StructToMap(input interface{}) (result *map[string]interface{}, err error) {
+	temp, _ := json.Marshal(input)
+	json.Unmarshal(temp, &result)
+	return
+}

internal/pkg/util/util.go

@@ -26,21 +26,21 @@
                 <div class="flex-none w-14 h-14">
 
                 </div>
-                <div class="grow h-fit" x-data="{ content: '{{.content}}' }" x-init="$refs.contentx.textContent=content">    
+                <div class="grow h-fit" x-data="{{.data}}" x-init="$refs.contentx.textContent=content">    
                     <form hx-post="/save">
                         <div x-ref="contentx" @input="content = $event.target.textContent" contenteditable="true" class="bg-base-600 w-1/12 min-h-fit overflow-y-auto"></div>
                         <input title="=" type="hidden" name="content" x-model="content"/>
                         <!-- <textarea title="content" cols="200" rows="30" class="p-2 border-none outline-none overflow-y-auto bg-base-700 bg-gradient-to-r bg-opacity-50"></textarea> -->
                         <div class="flex gap-2">
-                            <label for="id">Url</label><input class="text-base-950" id="id" type="text" value="{{.id}}"/>
-                            <label for="password">Password</label><input class="text-base-950" id="password" type="text" value="{{.password}}"/>
-                            <input id="isEncrypted" type="checkbox" value="{{.isEncrypted}}"/><label for="isEncrypted">Encrypt</label>
+                            <label for="id">Url</label><input class="text-base-950" name="id" type="text" x-model="id"/>
+                            <label for="password">Password</label><input class="text-base-950" name="password" type="text" x-model="password"/>
+                            <input name="is_encrypted" type="checkbox" value="true" x-model="is_encrypted"/><label for="is_encrypted">Encrypt</label>
                             <button type="submit">Save</button>                            
                             <button type="button" id="deleteButton">Delete</button>                            
                         </div>
                     </form>                      
                     <dialog>
-                        <p>Greetings, one and all!</p>
+                        <p>Do you want to delete?</p>
                         <form method="dialog">
                           <button type="button" hx-trigger="click" hx-delete="/{{.id}}">OK</button>
                         </form>