forgejo/web_src/js/components
Giteabot 3ea544d89c
Change access token UI to select dropdowns (#25109) (#25230)
Backport #25109 by @jtran

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">

Co-authored-by: Jonathan Tran <jon@allspice.io>
2023-06-13 12:42:25 +00:00
..
.eslintrc.yaml
ActionRunStatus.vue
ActivityHeatmap.vue
ContextPopup.vue
DashboardRepoList.vue Fix mobile navbar and misc cleanups (#25134) (#25169) 2023-06-11 09:50:39 +08:00
DiffFileList.vue Refactor diffFileInfo / DiffTreeStore (#24998) 2023-05-30 18:53:15 +08:00
DiffFileTree.vue Show file tree by default (#25052) 2023-06-02 23:39:01 +08:00
DiffFileTreeItem.vue Refactor diffFileInfo / DiffTreeStore (#24998) 2023-05-30 18:53:15 +08:00
PullRequestMergeForm.vue
RepoActionView.test.js
RepoActionView.vue Fix fullscreen for action (#25200) (#25207) 2023-06-12 15:41:13 +00:00
RepoActivityTopAuthors.vue
RepoBranchTagSelector.vue Use correct selector for hiding RSS icon link in the branch selector dropdown (#25080) 2023-06-05 12:34:25 +00:00
ScopedAccessTokenSelector.vue Change access token UI to select dropdowns (#25109) (#25230) 2023-06-13 12:42:25 +00:00