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="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> |
||||||
|
<div class="one wide column"> |
||||||
<i class="fa fa-send fa-2x left"></i> |
<i class="fa fa-send fa-2x left"></i> |
||||||
<div class="ssh-content left"> |
</div> |
||||||
<p><strong>{{.Name}}</strong></p> |
<div class="eleven 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> |
<strong>{{.Name}}</strong> |
||||||
</div> |
<div class="activity meta"> |
||||||
<a href="{{AppSubUrl}}/user/settings/applications?remove={{.Id}}"> |
<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> |
||||||
<button class="btn btn-small btn-red btn-radius ssh-btn right">{{$.i18n.Tr "settings.delete_token"}}</button> |
</div> |
||||||
</a> |
</div> |
||||||
</li> |
<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> |
||||||
{{end}} |
{{end}} |
||||||
</ul> |
</div> |
||||||
</div> |
</div> |
||||||
<br> |
<br> |
||||||
<form class="panel panel-radius form form-align form-settings-add hide" id="access-add-form" action="{{AppSubUrl}}/user/settings/applications" method="post"> |
<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}} |
{{.CsrfTokenHtml}} |
||||||
<p class="panel-header"><strong>{{.i18n.Tr "settings.generate_new_token"}}</strong></p> |
<p>{{.i18n.Tr "settings.new_token_desc"}}</p> |
||||||
<div class="panel-body"> |
<div class="field {{if .Err_Name}}error{{end}}"> |
||||||
<div class="text-center panel-desc">{{.i18n.Tr "settings.new_token_desc"}}</div> |
<label for="name">{{.i18n.Tr "settings.token_name"}}</label> |
||||||
<input type="hidden" name="type" value="token"> |
<input id="name" name="name" value="{{.name}}" autofocus required> |
||||||
<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> |
</div> |
||||||
|
<button class="ui green button"> |
||||||
|
{{.i18n.Tr "settings.generate_token"}} |
||||||
|
</button> |
||||||
</form> |
</form> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
{{template "ng/base/footer" .}} |
</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> |
||||||
|
{{template "base/footer" .}} |
Loading…
Reference in new issue