From 76ff1321e653f4d9168dcbba8863dd459a4e0faa Mon Sep 17 00:00:00 2001
From: jeessy2 <6205259+jeessy2@users.noreply.github.com>
Date: Wed, 20 Jul 2022 12:03:00 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E5=81=9C=E7=94=A8?=
 =?UTF-8?q?=E5=9B=BE=E6=A0=87=20(#33)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/writing.html | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/web/writing.html b/web/writing.html
index 4946c30..eeaacaa 100644
--- a/web/writing.html
+++ b/web/writing.html
@@ -49,6 +49,9 @@ <h5 class="portlet__head">备份设置</h5>
                     {{else}}
                     {{$v.ProjectName}}
                     {{end}}
+                    {{if ne $v.Enabled 0}}
+                    <span class="badge badge-pill badge-warning">停用</span>
+                    {{end}}
                   </a>
                   {{end}}
                 </div>
@@ -86,7 +89,7 @@ <h5 class="portlet__head">备份设置</h5>
                   <div class="form-group row">
                     <label for="Enabled_{{$i}}" class="col-sm-2">是否启用</label>
                     <div class="col-sm-4">
-                      <select class="form-control" name="Enabled" id="Enabled_{{$i}}" value="{{$v.Enabled}}">
+                      <select class="form-control" name="Enabled" id="Enabled_{{$i}}" value="{{$v.Enabled}}" onchange="enabledChange(this)">
                         <option value="0" {{if eq $v.Enabled 0}}selected{{end}}>启用</option>
                         <option value="1" {{if eq $v.Enabled 1}}selected{{end}}>停用</option>
                       </select>
@@ -298,8 +301,16 @@ <h5 class="portlet__head">对象存储配置</h5>
     // projectNameChange
     function projectNameChange(that) {
       let id = $(that).attr("id").split("_")[1]
-      console.log($(that).val())
-      $("#id_"+id).html($(that).val())
+      let name = $(that).val()
+      let enabled = $("#Enabled_"+id).val()
+      $("#id_"+id).html(enabled == 0?name:name+'<span class="badge badge-pill badge-warning">停用</span>')
+    }
+    // enabledChange
+    function enabledChange(that) {
+      let id = $(that).attr("id").split("_")[1]
+      let name = $("#ProjectName_"+id).val()
+      let enabled = $(that).val()
+      $("#id_"+id).html(enabled == 0?name:name+'<span class="badge badge-pill badge-warning">停用</span>')
     }
 
   </script>