You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
forgejo/web_src/js/components
Jonathan Tran a583c56306
Change access token UI to select dropdowns (#25109)
The current UI to create API access tokens uses checkboxes that have a
complicated relationship where some need to be checked and/or disabled
in certain states. It also requires that a user interact with it to
understand what their options really are.

This branch changes to use `<select>`s. It better fits the available
options, and it's closer to [GitHub's
UI](https://github.com/settings/personal-access-tokens/new), which is
good, in my opinion. It's more mobile friendly since the tap-areas are
larger. If we ever add more permissions, like Maintainer, there's a
natural place that doesn't take up more screen real-estate.

This branch also fixes a few minor issues:

- Hide the error about selecting at least one permission after second
submission
- Fix help description to call it "authorization" since that's what
permissions are about (not authentication)

Related: #24767.

<img width="883" alt="Screenshot 2023-06-07 at 5 07 34 PM"
src="https://github.com/go-gitea/gitea/assets/10803/6b63d807-c9be-4a4b-8e53-ecab6cbb8f76">

---

When it's open:

<img width="881" alt="Screenshot 2023-06-07 at 5 07 59 PM"
src="https://github.com/go-gitea/gitea/assets/10803/2432c6d0-39c2-4ca4-820e-c878ffdbfb69">
1 year ago
..
.eslintrc.yaml Enable `vue/html-closing-bracket-spacing` eslint rule (#24987) 1 year ago
ActionRunStatus.vue Enable `vue/html-closing-bracket-spacing` eslint rule (#24987) 1 year ago
ActivityHeatmap.vue Make the color of zero-contribution-squares in the activity heatmap more subtle (#24758) 1 year ago
ContextPopup.vue Enable `vue/html-closing-bracket-spacing` eslint rule (#24987) 1 year ago
DashboardRepoList.vue Fix mobile navbar and misc cleanups (#25134) 1 year ago
DiffFileList.vue Refactor diffFileInfo / DiffTreeStore (#24998) 1 year ago
DiffFileTree.vue Show file tree by default (#25052) 1 year ago
DiffFileTreeItem.vue Refactor diffFileInfo / DiffTreeStore (#24998) 1 year ago
PullRequestMergeForm.vue Enable `vue/html-closing-bracket-spacing` eslint rule (#24987) 1 year ago
RepoActionView.test.js Improve action log display with control chars (#23820) 1 year ago
RepoActionView.vue Fix fullscreen for action (#25200) 1 year ago
RepoActivityTopAuthors.vue Refactor dashboard repo list to Vue SFC (#23405) 1 year ago
RepoBranchTagSelector.vue Use correct selector for hiding RSS icon link in the branch selector dropdown (#25080) 1 year ago
ScopedAccessTokenSelector.vue Change access token UI to select dropdowns (#25109) 1 year ago