finish all new user settings UI
parent
c8d92fad30
commit
52ec80fa18
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
|||||||
0.6.9.0910 Beta
|
0.6.10.0910 Beta
|
@ -1,60 +1,70 @@
|
|||||||
{{template "ng/base/head" .}}
|
{{template "base/head" .}}
|
||||||
{{template "ng/base/header" .}}
|
<div class="user settings emails">
|
||||||
<div id="setting-wrapper" class="main-wrapper">
|
<div class="ui container">
|
||||||
<div id="user-profile-setting" class="container clear">
|
<div class="ui grid">
|
||||||
{{template "user/settings/nav" .}}
|
{{template "user/settings/navbar" .}}
|
||||||
<div class="grid-4-5 left">
|
<div class="twelve wide column content">
|
||||||
<div class="setting-content">
|
{{template "base/alert" .}}
|
||||||
{{template "ng/base/alert" .}}
|
<h4 class="ui top attached header">
|
||||||
<div id="user-email-setting-content">
|
{{.i18n.Tr "settings.manage_emails"}}
|
||||||
<div id="user-email-panel" class="panel panel-radius">
|
</h4>
|
||||||
<div class="panel-header">
|
<div class="ui attached segment">
|
||||||
<strong>{{.i18n.Tr "settings.manage_emails"}}</strong>
|
<div class="ui email list">
|
||||||
</div>
|
<div class="item">
|
||||||
<ul class="panel-body setting-list">
|
{{.i18n.Tr "settings.email_desc"}}
|
||||||
<li>{{.i18n.Tr "settings.email_desc"}}</li>
|
|
||||||
{{range .Emails}}
|
|
||||||
<li class="email clear">
|
|
||||||
<div class="email-content left">
|
|
||||||
<p><strong>{{.Email}}</strong> {{if .IsPrimary}} <span class="text-red">{{$.i18n.Tr "settings.primary"}}</span> {{end}}</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
{{range .Emails}}
|
||||||
|
<div class="item ui grid">
|
||||||
|
<div class="column">
|
||||||
|
<strong>{{.Email}}</strong>
|
||||||
|
{{if .IsPrimary}}<span class="text red">{{$.i18n.Tr "settings.primary"}}</span>{{end}}
|
||||||
{{if not .IsPrimary}}
|
{{if not .IsPrimary}}
|
||||||
|
<div class="ui right">
|
||||||
|
<button class="ui red tiny button delete-button" data-url="{{$.Link}}/delete" data-id="{{.ID}}">
|
||||||
|
{{$.i18n.Tr "settings.delete_key"}}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
{{if .IsActivated}}
|
{{if .IsActivated}}
|
||||||
<form action="{{AppSubUrl}}/user/settings/email" method="post">
|
<div class="ui right">
|
||||||
|
<form action="{{$.Link}}" method="post">
|
||||||
{{$.CsrfTokenHtml}}
|
{{$.CsrfTokenHtml}}
|
||||||
<input name="_method" type="hidden" value="PRIMARY">
|
<input name="_method" type="hidden" value="PRIMARY">
|
||||||
<input name="id" type="hidden" value="{{.Id}}">
|
<input name="id" type="hidden" value="{{.ID}}">
|
||||||
<button class="right email-btn btn btn-small btn-green btn-radius">{{$.i18n.Tr "settings.primary_email"}}</button>
|
<button class="ui green tiny button">{{$.i18n.Tr "settings.primary_email"}}</button>
|
||||||
</form>
|
</form>
|
||||||
|
</div>
|
||||||
{{end}}
|
{{end}}
|
||||||
<form action="{{AppSubUrl}}/user/settings/email" method="post">
|
|
||||||
{{$.CsrfTokenHtml}}
|
|
||||||
<input name="_method" type="hidden" value="DELETE">
|
|
||||||
<input name="id" type="hidden" value="{{.Id}}">
|
|
||||||
<button class="right email-btn btn btn-small btn-red btn-radius" style="margin-right: 5px">{{$.i18n.Tr "settings.delete_email"}}</button>
|
|
||||||
</form>
|
|
||||||
{{end}}
|
{{end}}
|
||||||
</li>
|
</div>
|
||||||
|
</div>
|
||||||
{{end}}
|
{{end}}
|
||||||
</ul>
|
|
||||||
<div class="panel-header">
|
|
||||||
<strong>{{.i18n.Tr "settings.add_new_email"}}</strong>
|
|
||||||
</div>
|
</div>
|
||||||
<form class="form form-align panel-body" id="add-email-form" action="{{AppSubUrl}}/user/settings/email" method="post">
|
</div>
|
||||||
|
<div class="ui attached bottom segment">
|
||||||
|
<form class="ui form" action="{{.Link}}" method="post">
|
||||||
{{.CsrfTokenHtml}}
|
{{.CsrfTokenHtml}}
|
||||||
<p class="field">
|
<div class="required field {{if .Err_Email}}error{{end}}">
|
||||||
<label class="req" for="email">{{.i18n.Tr "email"}}</label>
|
<label for="email">{{.i18n.Tr "settings.add_new_email"}}</label>
|
||||||
<input class="ipt ipt-large ipt-radius" id="email" name="email" type="text" required />
|
<input id="email" name="email" type="email" autofocus required>
|
||||||
</p>
|
</div>
|
||||||
<p class="field">
|
<button class="ui green button">
|
||||||
<label></label>
|
{{.i18n.Tr "settings.add_email"}}
|
||||||
<button class="btn btn-green btn-large btn-radius" id="email-add-btn">{{.i18n.Tr "settings.add_email"}}</button>
|
</button>
|
||||||
</p>
|
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ui small basic delete modal">
|
||||||
|
<div class="ui icon header">
|
||||||
|
<i class="trash icon"></i>
|
||||||
|
{{.i18n.Tr "settings.email_deletion"}}
|
||||||
|
</div>
|
||||||
|
<div class="content">
|
||||||
|
<p>{{.i18n.Tr "settings.email_deletion_desc"}}</p>
|
||||||
</div>
|
</div>
|
||||||
|
{{template "base/delete_modal_actions" .}}
|
||||||
</div>
|
</div>
|
||||||
{{template "ng/base/footer" .}}
|
{{template "base/footer" .}}
|
@ -1,37 +1,36 @@
|
|||||||
{{template "ng/base/head" .}}
|
{{template "base/head" .}}
|
||||||
{{template "ng/base/header" .}}
|
<div class="user settings password">
|
||||||
<div id="setting-wrapper" class="main-wrapper">
|
<div class="ui container">
|
||||||
<div id="user-profile-setting" class="container clear">
|
<div class="ui grid">
|
||||||
{{template "user/settings/nav" .}}
|
{{template "user/settings/navbar" .}}
|
||||||
<div class="grid-4-5 left">
|
<div class="twelve wide column content">
|
||||||
<div class="setting-content">
|
{{template "base/alert" .}}
|
||||||
{{template "ng/base/alert" .}}
|
<h4 class="ui top attached header">
|
||||||
<div id="setting-content">
|
{{.i18n.Tr "settings.change_password"}}
|
||||||
<div id="user-profile-setting-content" class="panel panel-radius">
|
</h4>
|
||||||
<p class="panel-header"><strong>{{.i18n.Tr "settings.change_password"}}</strong></p>
|
<div class="ui attached segment">
|
||||||
<form class="form form-align panel-body" id="user-profile-form" action="{{AppSubUrl}}/user/settings/password" method="post">
|
<form class="ui form" action="{{.Link}}" method="post">
|
||||||
{{.CsrfTokenHtml}}
|
{{.CsrfTokenHtml}}
|
||||||
<p class="field">
|
<div class="required field {{if .Err_OldPassword}}error{{end}}">
|
||||||
<label class="req" for="old-password">{{.i18n.Tr "settings.old_password"}}</label>
|
<label for="old_password">{{.i18n.Tr "settings.old_password"}}</label>
|
||||||
<input class="ipt ipt-large ipt-radius {{if .Err_OldPassword}}ipt-error{{end}}" id="old-password" name="old_password" type="password" required />
|
<input id="old_password" name="old_password" type="password" autofocus required>
|
||||||
</p>
|
</div>
|
||||||
<p class="field">
|
<div class="required field {{if .Err_Password}}error{{end}}">
|
||||||
<label class="req" for="password">{{.i18n.Tr "settings.new_password"}}</label>
|
<label for="password">{{.i18n.Tr "settings.new_password"}}</label>
|
||||||
<input class="ipt ipt-large ipt-radius {{if .Err_Password}}ipt-error{{end}}" id="password" name="password" type="password" required />
|
<input id="password" name="password" type="password" required>
|
||||||
</p>
|
</div>
|
||||||
<p class="field">
|
<div class="required field {{if .Err_Password}}error{{end}}">
|
||||||
<label class="req" for="retype">{{.i18n.Tr "re_type"}}</label>
|
<label for="retype">{{.i18n.Tr "settings.retype_new_password"}}</label>
|
||||||
<input class="ipt ipt-large ipt-radius {{if .Err_Retype}}ipt-error{{end}}" id="retype" name="retype" type="password" required />
|
<input id="retype" name="retype" type="password" required>
|
||||||
</p>
|
|
||||||
<p class="field">
|
|
||||||
<span class="form-label"></span>
|
|
||||||
<button class="btn btn-green btn-large btn-radius">{{.i18n.Tr "settings.change_password"}}</button>
|
|
||||||
</p>
|
|
||||||
</form>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="field">
|
||||||
|
<button class="ui green button">{{$.i18n.Tr "settings.change_password"}}</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{{template "ng/base/footer" .}}
|
{{template "base/footer" .}}
|
Loading…
Reference in New Issue