Unknwon
9 years ago
parent
2e8ffc2ffb
commit
4c7b6414eb
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,4 +1,12 @@ |
|||||||
.user { |
.user { |
||||||
padding-top: 15px; |
padding-top: 15px; |
||||||
padding-bottom: @footer-margin * 3; |
padding-bottom: @footer-margin * 3; |
||||||
|
|
||||||
|
&.settings { |
||||||
|
.key.list { |
||||||
|
.desc.item { |
||||||
|
padding-bottom: 30px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
} |
} |
||||||
@ -1,56 +1,85 @@ |
|||||||
{{template "ng/base/head" .}} |
{{template "base/head" .}} |
||||||
{{template "ng/base/header" .}} |
<div class="user settings"> |
||||||
<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.manage_access_token"}} |
||||||
<div id="user-applications-panel" class="panel panel-radius"> |
<div class="ui right"> |
||||||
<div class="panel-header"> |
<div class="ui blue tiny show-panel button" data-panel="#add-access-token-panel">{{.i18n.Tr "settings.generate_new_token"}}</div> |
||||||
<a class="show-form-btn" data-target-form="#access-add-form"> |
</div> |
||||||
<button class="btn btn-medium btn-black btn-radius right">{{.i18n.Tr "settings.generate_new_token"}}</button> |
</h4> |
||||||
</a> |
<div class="ui attached segment"> |
||||||
<strong>{{.i18n.Tr "settings.manage_access_token"}}</strong> |
<div class="ui key list"> |
||||||
</div> |
<div class="desc item"> |
||||||
<ul class="panel-body setting-list"> |
{{.i18n.Tr "settings.tokens_desc"}} |
||||||
<li>{{.i18n.Tr "settings.tokens_desc"}}</li> |
</div> |
||||||
{{range .Tokens}} |
{{range .Tokens}} |
||||||
<li class="ssh clear"> |
<div class="item ui grid"> |
||||||
<span class="active-icon left label label-{{if .HasRecentActivity}}green{{else}}gray{{end}} label-radius"></span> |
<div class="one wide column"> |
||||||
<i class="fa fa-send fa-2x left"></i> |
<i class="ssh-key-state-indicator fa fa-circle{{if .HasRecentActivity}} active invert poping up{{else}}-o{{end}}" {{if .HasRecentActivity}}data-content="{{$.i18n.Tr "settings.key_state_desc"}}" data-variation="inverted"{{end}}></i> |
||||||
<div class="ssh-content left"> |
</div> |
||||||
<p><strong>{{.Name}}</strong></p> |
<div class="one wide column"> |
||||||
<p class="activity"><i>{{$.i18n.Tr "settings.add_on"}} <span title="{{DateFmtLong .Created}}">{{DateFmtShort .Created}}</span> — <i class="octicon octicon-info"></i>{{if .HasUsed}}{{$.i18n.Tr "settings.last_used"}} {{DateFmtShort .Updated}}{{else}}{{$.i18n.Tr "settings.no_activity"}}{{end}}</i></p> |
<i class="fa fa-send fa-2x left"></i> |
||||||
</div> |
</div> |
||||||
<a href="{{AppSubUrl}}/user/settings/applications?remove={{.Id}}"> |
<div class="eleven wide column"> |
||||||
<button class="btn btn-small btn-red btn-radius ssh-btn right">{{$.i18n.Tr "settings.delete_token"}}</button> |
<strong>{{.Name}}</strong> |
||||||
</a> |
<div class="activity meta"> |
||||||
</li> |
<i>{{$.i18n.Tr "settings.add_on"}} <span>{{DateFmtShort .Created}}</span> — <i class="octicon octicon-info"></i> {{if .HasUsed}}{{$.i18n.Tr "settings.last_used"}} <span>{{DateFmtShort .Updated}}</span>{{else}}{{$.i18n.Tr "settings.no_activity"}}{{end}}</i> |
||||||
{{end}} |
|
||||||
</ul> |
|
||||||
</div> |
|
||||||
<br> |
|
||||||
<form class="panel panel-radius form form-align form-settings-add hide" id="access-add-form" action="{{AppSubUrl}}/user/settings/applications" method="post"> |
|
||||||
{{.CsrfTokenHtml}} |
|
||||||
<p class="panel-header"><strong>{{.i18n.Tr "settings.generate_new_token"}}</strong></p> |
|
||||||
<div class="panel-body"> |
|
||||||
<div class="text-center panel-desc">{{.i18n.Tr "settings.new_token_desc"}}</div> |
|
||||||
<input type="hidden" name="type" value="token"> |
|
||||||
<p class="field"> |
|
||||||
<label class="req" for="token-name">{{.i18n.Tr "settings.token_name"}}</label> |
|
||||||
<input class="ipt ipt-radius" id="token-name" name="name" required /> |
|
||||||
</p> |
|
||||||
<p class="field"> |
|
||||||
<label></label> |
|
||||||
<button class="btn btn-green btn-medium btn-radius" id="ssh-add-btn">{{.i18n.Tr "settings.generate_token"}}</button> |
|
||||||
</p> |
|
||||||
</div> |
|
||||||
</form> |
|
||||||
</div> |
</div> |
||||||
|
</div> |
||||||
|
<div class="two wide column"> |
||||||
|
<button class="ui red tiny button delete-button" data-url="{{$.Link}}/delete" data-id="{{.ID}}"> |
||||||
|
{{$.i18n.Tr "settings.delete_token"}} |
||||||
|
</button> |
||||||
|
</div> |
||||||
</div> |
</div> |
||||||
|
{{end}} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<br> |
||||||
|
<div {{if not .HasError}}class="hide"{{end}} id="add-access-token-panel"> |
||||||
|
<h4 class="ui top attached header"> |
||||||
|
{{.i18n.Tr "settings.generate_new_token"}} |
||||||
|
</h4> |
||||||
|
<div class="ui attached segment"> |
||||||
|
<form class="ui form" action="{{.Link}}" method="post"> |
||||||
|
{{.CsrfTokenHtml}} |
||||||
|
<p>{{.i18n.Tr "settings.new_token_desc"}}</p> |
||||||
|
<div class="field {{if .Err_Name}}error{{end}}"> |
||||||
|
<label for="name">{{.i18n.Tr "settings.token_name"}}</label> |
||||||
|
<input id="name" name="name" value="{{.name}}" autofocus required> |
||||||
|
</div> |
||||||
|
<button class="ui green button"> |
||||||
|
{{.i18n.Tr "settings.generate_token"}} |
||||||
|
</button> |
||||||
|
</form> |
||||||
|
</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.access_token_deletion"}} |
||||||
|
</div> |
||||||
|
<div class="content"> |
||||||
|
<p>{{.i18n.Tr "settings.access_token_deletion_desc"}}</p> |
||||||
|
</div> |
||||||
|
<div class="actions"> |
||||||
|
<div class="ui red basic inverted cancel button"> |
||||||
|
<i class="remove icon"></i> |
||||||
|
{{.i18n.Tr "modal.no"}} |
||||||
|
</div> |
||||||
|
<div class="ui green basic inverted ok button"> |
||||||
|
<i class="checkmark icon"></i> |
||||||
|
{{.i18n.Tr "modal.yes"}} |
||||||
</div> |
</div> |
||||||
|
</div> |
||||||
</div> |
</div> |
||||||
{{template "ng/base/footer" .}} |
{{template "base/footer" .}} |
||||||
Loading…
Reference in new issue