f1a4330306
Close #24302 Part of #24229, Follows #24246 This PR focused on CSS style fine-tune, main changes: 1. Give `.ui.ui.ui.container` a width of `1280px` with a max-width of `calc(100vw - 64px)`, so the main contents looks better on large devices. 2. Share styles for table elements in all levels settings pages to fix overflow of runners table on mobile and for consistency (The headers on mobile can be further improved, but haven't found a proper way yet). 3. Use [stackable grid](https://fomantic-ui.com/collections/grid.html#stackable) and [device column width](https://fomantic-ui.com/examples/responsive.html) for responsiveness for some pages (repo/org collaborators settings pages, org teams related page) 4. Fixed #24302 by sharing label related CSS in reporg.css 5. Fine tune repo tags settings page --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
279 lines
9.5 KiB
Handlebars
279 lines
9.5 KiB
Handlebars
{{template "user/settings/layout_head" (dict "ctxData" . "pageClass" "user settings applications")}}
|
|
<div class="user-setting-content">
|
|
<h4 class="ui top attached header">
|
|
{{.locale.Tr "settings.manage_access_token"}}
|
|
</h4>
|
|
<div class="ui attached segment">
|
|
<div class="ui key list">
|
|
<div class="item">
|
|
{{.locale.Tr "settings.tokens_desc"}}
|
|
</div>
|
|
{{range .Tokens}}
|
|
<div class="item">
|
|
<div class="right floated content">
|
|
<button class="ui red tiny button delete-button" data-modal-id="delete-token" data-url="{{$.Link}}/delete" data-id="{{.ID}}">
|
|
{{svg "octicon-trash" 16 "gt-mr-2"}}
|
|
{{$.locale.Tr "settings.delete_token"}}
|
|
</button>
|
|
</div>
|
|
<i class="text {{if .HasRecentActivity}}green{{end}}" {{if .HasRecentActivity}}data-tooltip-content="{{$.locale.Tr "settings.token_state_desc"}}"{{end}}>{{svg "fontawesome-send" 36}}</i>
|
|
<div class="content">
|
|
<details><summary><strong>{{.Name}}</strong></summary>
|
|
<p class="gt-my-2">{{$.locale.Tr "settings.scopes_list"}}</p>
|
|
<ul class="gt-my-2">
|
|
{{range .Scope.StringSlice}}
|
|
<li>{{.}}</li>
|
|
{{end}}
|
|
</ul>
|
|
</details>
|
|
<div class="activity meta">
|
|
<i>{{$.locale.Tr "settings.add_on"}} <span>{{DateTime "short" .CreatedUnix}}</span> — {{svg "octicon-info"}} {{if .HasUsed}}{{$.locale.Tr "settings.last_used"}} <span {{if .HasRecentActivity}}class="green"{{end}}>{{DateTime "short" .UpdatedUnix}}</span>{{else}}{{$.locale.Tr "settings.no_activity"}}{{end}}</i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
<div class="ui attached bottom segment">
|
|
<h5 class="ui top header">
|
|
{{.locale.Tr "settings.generate_new_token"}}
|
|
</h5>
|
|
<p>{{.locale.Tr "settings.new_token_desc"}}</p>
|
|
<form class="ui form ignore-dirty" action="{{.Link}}" method="post">
|
|
{{.CsrfTokenHtml}}
|
|
<div class="field {{if .Err_Name}}error{{end}}">
|
|
<label for="name">{{.locale.Tr "settings.token_name"}}</label>
|
|
<input id="name" name="name" value="{{.name}}" autofocus required>
|
|
</div>
|
|
<details class="ui optional field">
|
|
<summary class="gt-p-2">
|
|
{{.locale.Tr "settings.select_scopes"}}
|
|
</summary>
|
|
<div class="field gt-pl-2">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="repo">
|
|
<label>repo</label>
|
|
</div>
|
|
</div>
|
|
<div class="field gt-pl-4">
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="repo:status">
|
|
<label>repo:status</label>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="public_repo">
|
|
<label>public_repo</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="admin:org">
|
|
<label>admin:org</label>
|
|
</div>
|
|
</div>
|
|
<div class="field gt-pl-4">
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="write:org">
|
|
<label>write:org</label>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="read:org">
|
|
<label>read:org</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="admin:public_key">
|
|
<label>admin:public_key</label>
|
|
</div>
|
|
</div>
|
|
<div class="field gt-pl-4">
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="write:public_key">
|
|
<label>write:public_key</label>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="read:public_key">
|
|
<label>read:public_key</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="admin:repo_hook">
|
|
<label>admin:repo_hook</label>
|
|
</div>
|
|
</div>
|
|
<div class="field gt-pl-4">
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="write:repo_hook">
|
|
<label>write:repo_hook</label>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="read:repo_hook">
|
|
<label>read:repo_hook</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="admin:org_hook">
|
|
<label>admin:org_hook</label>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="admin:user_hook">
|
|
<label>admin:user_hook</label>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="notification">
|
|
<label>notification</label>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="user">
|
|
<label>user</label>
|
|
</div>
|
|
</div>
|
|
<div class="field gt-pl-4">
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="read:user">
|
|
<label>read:user</label>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="user:email">
|
|
<label>user:email</label>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="user:follow">
|
|
<label>user:follow</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="delete_repo">
|
|
<label>delete_repo</label>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="package">
|
|
<label>package</label>
|
|
</div>
|
|
</div>
|
|
<div class="field gt-pl-4">
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="write:package">
|
|
<label>write:package</label>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="read:package">
|
|
<label>read:package</label>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="delete:package">
|
|
<label>delete:package</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="admin:gpg_key">
|
|
<label>admin:gpg_key</label>
|
|
</div>
|
|
</div>
|
|
<div class="field gt-pl-4">
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="write:gpg_key">
|
|
<label>write:gpg_key</label>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="read:gpg_key">
|
|
<label>read:gpg_key</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="admin:application">
|
|
<label>admin:application</label>
|
|
</div>
|
|
</div>
|
|
<div class="field gt-pl-4">
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="write:application">
|
|
<label>write:application</label>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="read:application">
|
|
<label>read:application</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="ui checkbox">
|
|
<input class="enable-system" type="checkbox" name="scope" value="sudo">
|
|
<label>sudo</label>
|
|
</div>
|
|
</div>
|
|
</details>
|
|
<button class="ui green button">
|
|
{{.locale.Tr "settings.generate_token"}}
|
|
</button>
|
|
</form>
|
|
</div>
|
|
|
|
{{if .EnableOAuth2}}
|
|
{{template "user/settings/grants_oauth2" .}}
|
|
{{template "user/settings/applications_oauth2" .}}
|
|
{{end}}
|
|
</div>
|
|
|
|
<div class="ui g-modal-confirm delete modal" id="delete-token">
|
|
<div class="header">
|
|
{{svg "octicon-trash"}}
|
|
{{.locale.Tr "settings.access_token_deletion"}}
|
|
</div>
|
|
<div class="content">
|
|
<p>{{.locale.Tr "settings.access_token_deletion_desc"}}</p>
|
|
</div>
|
|
{{template "base/modal_actions_confirm" (dict "locale" $.locale "ModalButtonColors" "yellow")}}
|
|
</div>
|
|
|
|
{{template "user/settings/layout_footer" .}}
|