From 0751adb564804ec407253fcc5d41fd5584d5fc77 Mon Sep 17 00:00:00 2001
From: tian <11429339@qq.com>
Date: Fri, 8 May 2026 12:23:10 +0800
Subject: [PATCH] fix: clean rewrite, all JS via data-attrs and forEach

---
 internal/web/ui/templates/face_gallery.html | 24 ++++++++++-----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/internal/web/ui/templates/face_gallery.html b/internal/web/ui/templates/face_gallery.html
index 57d36ec..a06933f 100644
--- a/internal/web/ui/templates/face_gallery.html
+++ b/internal/web/ui/templates/face_gallery.html
@@ -35,7 +35,7 @@
       <div style="margin-top:6px;display:flex;justify-content:space-between;align-items:center">
         <div><span style="font-weight:500;font-size:13px">{{.Name}}</span> <span class="muted small">{{.PhotoCount}}张</span></div>
         <div class="actions compact" style="gap:2px">
-<span class="btn-icon ghost edit-btn" title="编辑" data-id="{{.ID}}" data-name="{{.Name}}" data-photos='[{{range $i,$p := .Photos}}{{if $i}},{{end}}"/ui/face-photo/{{$p}}"{{end}}]'>&#9998;</span>
+          <span class="btn-icon ghost edit-btn" title="编辑" data-id="{{.ID}}" data-name="{{.Name}}" data-photos='[{{range $i,$p := .Photos}}{{if $i}},{{end}}"/ui/face-photo/{{$p}}"{{end}}]'>&#9998;</span>
           <form method="post" action="/ui/face-gallery/delete" style="display:inline" onsubmit="return confirm('确定删除 {{.Name}}？')">
             <input type="hidden" name="id" value="{{.ID}}">
             <span class="btn-icon ghost" style="color:var(--danger-soft-text)" title="删除" onclick="this.closest('form').requestSubmit()">&#10005;</span>
@@ -73,19 +73,19 @@ function showAdd(){
   document.getElementById('modal').style.display='flex';
 }
 function showEdit(id,name,photos){
-  var html='<h3 style="margin-bottom:8px">编辑人员</h3>';
-  html+='<form method="post" action="/ui/face-gallery/rename" style="margin-bottom:12px;display:flex;gap:8px;align-items:flex-end">';
-  html+='<input type="hidden" name="id" value="'+id+'"><label style="flex:1;margin:0"><span class="small muted" style="display:block;margin-bottom:4px">姓名</span><input type="text" name="name" value="'+esc(name)+'" required /></label>';
-  html+='<button class="btn" type="submit" style="margin-bottom:1px">保存</button></form>';
-  html+='<div style="display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px">';
+  var h='<h3 style="margin-bottom:8px">编辑人员</h3>';
+  h+='<form method="post" action="/ui/face-gallery/rename" style="margin-bottom:12px;display:flex;gap:8px;align-items:flex-end">';
+  h+='<input type="hidden" name="id" value="'+id+'"><label style="flex:1;margin:0"><span class="small muted" style="display:block;margin-bottom:4px">姓名</span><input type="text" name="name" value="'+esc(name)+'" required /></label>';
+  h+='<button class="btn" type="submit" style="margin-bottom:1px">保存</button></form>';
+  h+='<div style="display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px">';
   photos.forEach(function(p){
-    html+='<div style="position:relative;width:80px;height:100px"><img src="'+p+'" style="width:100%;height:100%;object-fit:cover;border-radius:4px"><span class="btn-icon ghost" style="position:absolute;top:2px;right:2px;font-size:10px;padding:1px 3px;color:red;background:rgba(0,0,0,0.5)" onclick="if(confirm(confirm("删除？")quot;删除？confirm("删除？")quot;))this.parentElement.remove()">&times;</span></div>';
+    h+='<div style="position:relative;width:80px;height:100px"><img src="'+p+'" style="width:100%;height:100%;object-fit:cover;border-radius:4px"><span class="btn-icon ghost" style="position:absolute;top:2px;right:2px;font-size:10px;color:red;background:rgba(0,0,0,0.5)" onclick="this.parentElement.remove()">&times;</span></div>';
   });
-  html+='</div>';
-  html+='<form method="post" action="/ui/face-gallery/add-photo" enctype="multipart/form-data" style="display:flex;gap:8px;align-items:flex-end">';
-  html+='<input type="hidden" name="id" value="'+id+'"><label style="flex:1;margin:0"><span class="small muted" style="display:block;margin-bottom:4px">添加照片</span><input type="file" name="photo" accept="image/*" /></label>';
-  html+='<button class="btn ghost" type="submit" style="margin-bottom:1px">上传</button></form>';
-  document.getElementById('modal-body').innerHTML=html;
+  h+='</div>';
+  h+='<form method="post" action="/ui/face-gallery/add-photo" enctype="multipart/form-data" style="display:flex;gap:8px;align-items:flex-end">';
+  h+='<input type="hidden" name="id" value="'+id+'"><label style="flex:1;margin:0"><span class="small muted" style="display:block;margin-bottom:4px">添加照片</span><input type="file" name="photo" accept="image/*" /></label>';
+  h+='<button class="btn ghost" type="submit" style="margin-bottom:1px">上传</button></form>';
+  document.getElementById('modal-body').innerHTML=h;
   document.getElementById('modal').style.display='flex';
 }
 function closeModal(){document.getElementById('modal').style.display='none';}