mirror of https://github.com/gogits/gogs.git
Unknwon
10 years ago
15 changed files with 233 additions and 200 deletions
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