Finish new admin users pages

1 files changed, 74 insertions, 106 deletions

diff --git a/templates/admin/user/edit.tmpl b/templates/admin/user/edit.tmpl
index 5975832f32..e88126706e 100644
--- a/templates/admin/user/edit.tmpl
+++ b/templates/admin/user/edit.tmpl
@@ -1,110 +1,78 @@
-{{template "base/head" .}}
-{{template "base/navbar" .}}
-<div id="body" class="container" data-page="admin">
-    {{template "admin/nav" .}}
-    <div id="admin-container" class="col-md-9">
-        <div class="panel panel-default">
-            <div class="panel-heading">
-                Edit Account
-            </div>
-
-            <div class="panel-body">
-            	<br/>
-				<form action="/admin/users/{{.User.Id}}" method="post" class="form-horizontal">
-				    {{.CsrfTokenHtml}}
-				    {{template "base/alert" .}}
-					<div class="form-group">
-					    <label class="col-md-3 control-label">Auth Source: </label>
-					    <div class="col-md-7">
-						    <select name="logintype" class="form-control">
-							    <option value="0-0">Local</option>
-							    {{$tp := .User.LoginSource}}
-							    {{range $key, $val := .LoginSources}}
-			  					<option value="{{$val.Type}}-{{$val.Id}}"{{if eq $val.Id $tp}} selected{{end}}>{{$val.Name}}</option>
-			  					{{end}}
-							</select>
-						</div>
-					</div>
-
-					<div class="form-group">
-					    <label class="col-md-3 control-label">Auth Login Name: </label>
-					    <div class="col-md-7">
-							<input name="loginname" class="form-control" placeholder="Type auth login's username" value="{{.User.LoginName}}">
-						</div>
-					</div>
-
-					<div class="form-group">
-						<label class="col-md-3 control-label">Username: </label>
-						<label class="control-label">{{.User.Name}}</label>
-					</div>
-
-					<div class="form-group {{if .Err_Email}}has-error has-feedback{{end}}">
-						<label class="col-md-3 control-label">Email<strong class="text-danger">*</strong></label>
-						<div class="col-md-7">
-							<input name="email" class="form-control" placeholder="Type account's e-mail address" value="{{.User.Email}}" required="required">
-						</div>
-					</div>
-
-					<div class="form-group">
-						<label class="col-md-3 control-label">Password</label>
-						<div class="col-md-7">
-							<input name="passwd" type="password" class="form-control" placeholder="Type account's new password or leave unfilled">
-						</div>
-					</div>
-
-	                <div class="form-group">
-	                    <label class="col-md-3 control-label">Website</label>
-	                    <div class="col-md-7">
-	                        <input name="website" class="form-control" placeholder="Type account's website URL" value="{{.User.Website}}">
-	                    </div>
-	                </div>
-
-	                <div class="form-group">
-	                    <label class="col-md-3 control-label">Location</label>
-	                    <div class="col-md-7">
-	                        <input name="location" class="form-control" placeholder="Type account's current location" value="{{.User.Location}}">
-	                    </div>
-	                </div>
-
-	                <div class="form-group {{if .Err_Avatar}}has-error has-feedback{{end}}">
-	                    <label class="col-md-3 control-label">Gravatar Email<strong class="text-danger">*</strong></label>
-	                    <div class="col-md-7">
-	                        <input name="avatar" class="form-control" placeholder="Type account's Gravatar e-mail address" required="required" value="{{.User.AvatarEmail}}">
-	                    </div>
-	                </div>
-
-	                <div class="form-group">
-			            <div class="col-md-7 col-md-offset-3">
-			                <div class="checkbox">
-			                    <label>
+{{template "ng/base/head" .}}
+{{template "ng/base/header" .}}
+<div id="admin-wrapper">
+    <div id="setting-wrapper" class="main-wrapper">
+        <div id="admin-setting" class="container clear">
+            {{template "admin/nav" .}}
+            <div class="grid-4-5 left">
+                <div class="setting-content">
+                    {{template "ng/base/alert" .}}
+                    <div id="setting-content">
+                        <div class="panel panel-radius">
+                            <div class="panel-header">
+                                <strong>{{.i18n.Tr "admin.users.edit_account"}}</strong>
+                            </div>
+                            <form class="form form-align panel-body" id="user-profile-form" action="/admin/users/{{.User.Id}}" method="post" data-delete-url="/admin/users/{{.User.Id}}/delete">
+					            {{.CsrfTokenHtml}}
+                                <div class="field">
+                                    <label class="req">{{.i18n.Tr "admin.users.auth_source"}}</label>
+                                    <select id="login-type" name="logintype">
+                                        <option value="0-0">{{.i18n.Tr "admin.users.local"}}</option>
+									    {{$tp := .User.LoginSource}}
+									    {{range $key, $val := .LoginSources}}
+					  					<option value="{{$val.Type}}-{{$val.Id}}"{{if eq $val.Id $tp}} selected{{end}}>{{$val.Name}}</option>
+					  					{{end}}
+                                    </select>
+                                </div>
+                                <div class="field">
+                                    <label for="loginname">{{.i18n.Tr "admin.users.auth_login_name"}}</label>
+                                    <input class="ipt ipt-large ipt-radius {{if .Err_LoginName}}ipt-error{{end}}" id="loginname" name="loginname" value="{{.User.LoginName}}" />
+                                </div>
+                                <div class="field">
+                                    <label>{{.i18n.Tr "username"}}</label>
+                                    <label>{{.User.Name}}</label>
+                                </div>
+                                <div class="field">
+                                    <label class="req" for="email">{{.i18n.Tr "email"}}</label>
+                                    <input class="ipt ipt-large ipt-radius {{if .Err_Email}}ipt-error{{end}}" id="email" name="email" type="email" value="{{.User.Email}}" required/>
+                                </div>
+                                <div class="field pwd">
+                                    <label for="password">{{.i18n.Tr "password"}}</label>
+                                    <input class="ipt ipt-large ipt-radius {{if .Err_Password}}ipt-error{{end}}" id="password" name="password" type="password" />
+                                </div>
+	                            <div class="field">
+	                                <label for="website">{{.i18n.Tr "settings.website"}}</label>
+	                                <input class="ipt ipt-large ipt-radius {{if .Err_Website}}ipt-error{{end}}" id="website" name="website" type="url" value="{{.User.Website}}" />
+	                            </div>
+	                            <div class="field">
+	                                <label for="location">{{.i18n.Tr "settings.location"}}</label>
+	                                <input class="ipt ipt-large ipt-radius {{if .Err_Location}}ipt-error{{end}}" id="location" name="location" type="text" value="{{.User.Location}}" />
+	                            </div>
+	                            <div class="field">
+	                                <label for="gravatar-email">Gravatar {{.i18n.Tr "email"}}</label>
+	                                <input class="ipt ipt-large ipt-radius {{if .Err_Avatar}}ipt-error{{end}}" id="gravatar-email" name="avatar" type="text" value="{{.User.AvatarEmail}}" />
+	                            </div>
+	                            <div class="field">
+	                                <label></label>
 			                        <input type="checkbox" name="active" {{if .User.IsActive}}checked{{end}}>
-			                        <strong>This account is activated</strong>
-			                    </label>
-			                </div>
-			            </div>
-	                </div>
-
-	                <div class="form-group">
-			            <div class="col-md-7 col-md-offset-3">
-			                <div class="checkbox">
-			                    <label>
+			                        <strong>{{.i18n.Tr "admin.users.is_activated"}}</strong>
+			                        <br>
+	                                <label></label>
 			                        <input type="checkbox" name="admin" {{if .User.IsAdmin}}checked{{end}}>
-			                        <strong>This account has administrator permissions</strong>
-			                    </label>
-			                </div>
-			            </div>
-	                </div>
-					<hr/>
-					<div class="form-group">
-					    <div class="col-md-offset-3 col-md-6">
-					    	<button type="submit" class="btn btn-lg btn-primary btn-block">Update account profile</button>
-					    	<a type="button" href="/admin/users/{{.User.Id}}/delete" class="btn btn-lg btn-danger btn-block">Delete this account</a>
-					    </div>
-					</div>
-				</form>
-            </div>
-        </div>
-
+			                        <strong>{{.i18n.Tr "admin.users.is_admin"}}</strong>
+	                            </div>
+					            <div class="field">
+					                <label></label>
+                                	<button class="btn btn-green btn-large btn-radius">{{.i18n.Tr "admin.users.update_profile"}}</button>
+					                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+					                <button class="btn btn-large btn-red btn-radius" id="user-delete">{{.i18n.Tr "admin.users.delete_account"}}</button>
+					            </div>
+							</form>
+            			</div>
+        			</div>
+				</div>
+			</div>
+		</div>
 	</div>
 </div>
-{{template "base/footer" .}}
+{{template "ng/base/footer" .}}