finish user delete page ui

public/css/gogs.css

@@ -234,7 +234,7 @@ body {
 
 /* gogits user setting */
 
-#gogs-user-setting-nav > h4, #gogs-user-setting-container > h4 ,#gogs-ssh-keys > h4{
+#gogs-user-setting-nav > h4, #gogs-user-setting-container > h4, #gogs-ssh-keys > h4, #gogs-user-delete > h4 {
     padding-bottom: 18px;
     margin-bottom: 18px;
     border-bottom: 1px solid #CCC;

public/js/app.js

@@ -104,7 +104,7 @@ function initUserSetting(){
         var $this = $(this);
         Gogits.ajaxDelete("",{"id":$this.data("del")},function(json){
             if(json.ok){
-                $this.parent().remove();
+                window.location.reload();
             }else{
                 alert(json.err);
             }

routers/user/setting.go

@@ -56,6 +56,7 @@ func SettingSSHKeys(form auth.AddSSHKeyForm, r render.Render, data base.TmplData
 				"ok": true,
 			})
 		}
+		return
 	}
 
 	// Add new SSH key.

routers/user/user.go

@@ -134,7 +134,7 @@ func SignUp(form auth.RegisterForm, data base.TmplData, req *http.Request, r ren
 
 // TODO: unfinished
 func Delete(data base.TmplData, req *http.Request, r render.Render) {
-	data["Title"] = "Delete user"
+	data["Title"] = "Delete Account"
 
 	if req.Method == "GET" {
 		r.HTML(200, "user/delete", data)

templates/user/delete.tmpl

@@ -1,12 +1,33 @@
 {{template "base/head" .}}
 {{template "base/navbar" .}}
-<div class="container" id="gogs-body">
-	<form action="/user/delete" method="post" class="form-horizontal">
+<div id="gogs-body" class="container">
+    <div id="gogs-user-setting-nav" class="col-md-3">
+        <h4>Account Setting</h4>
+        <ul class="list-group">
+            <li class="list-group-item"><a href="/user/setting">Account Profile</a></li>
+            <li class="list-group-item"><a href="#">Emails and Password</a></li>
+            <li class="list-group-item"><a href="#">Notifications</a></li>
+            <li class="list-group-item"><a href="/user/setting/ssh/">SSH Keys</a></li>
+            <li class="list-group-item"><a href="#">Security</a></li>
+            <li class="list-group-item list-group-item-success"><a href="/user/delete">Delete Account</a></li>
+        </ul>
+    </div>
+    <div id="gogs-user-setting-container" class="col-md-9">
+        <form action="/user/delete" method="post" class="form-horizontal" id="gogs-user-delete">
+            <h4>Delete Account</h4>
+            <p class="alert alert-danger">Deleting your account is permanent. Sorry to see you go, if you have any feedback you can contact us.</p>
             <div class="form-group">
-		    <div class="col-md-offset-4 col-md-3">
-		    	<button type="submit" class="btn btn-danger">Delete user</button>
+                <div class="col-md-3">
+                    <button type="submit" class="btn btn-danger btn-lg">Delete Account</button>
                 </div>
             </div>
         </form>
     </div>
+</div>
+{{template "base/footer" .}}
+{{template "base/head" .}}
+{{template "base/navbar" .}}
+<div class="container" id="gogs-body">
+
+</div>
 {{template "base/footer" .}}

templates/user/publickey.tmpl

@@ -9,7 +9,7 @@
             <li class="list-group-item"><a href="#">Notifications</a></li>
             <li class="list-group-item list-group-item-success"><a href="/user/setting/ssh/">SSH Keys</a></li>
             <li class="list-group-item"><a href="#">Security</a></li>
-            <li class="list-group-item"><a href="#">Kill Myself</a></li>
+            <li class="list-group-item"><a href="/user/delete">Delete Account</a></li>
         </ul>
     </div>
 

templates/user/setting.tmpl

@@ -9,7 +9,7 @@
             <li class="list-group-item"><a href="#">Notifications</a></li>
             <li class="list-group-item"><a href="/user/setting/ssh/">SSH Keys</a></li>
             <li class="list-group-item"><a href="#">Security</a></li>
-            <li class="list-group-item"><a href="#">Kill Myself</a></li>
+            <li class="list-group-item"><a href="/user/delete">Delete Account</a></li>
         </ul>
     </div>
     <div id="gogs-user-setting-container" class="col-md-9">