forgejo/web_src/js/components
HesterG 2f0e79e639
Use frontend fetch for branch dropdown component (#25719)
- Send request to get branch/tag list, use loading icon when waiting for
response.
- Only fetch when the first time branch/tag list shows.
- For backend, removed assignment to `ctx.Data["Branches"]` and
`ctx.Data["Tags"]` from `context/repo.go` and passed these data wherever
needed.
- Changed some `v-if` to `v-show` and used native `svg` as mentioned in
https://github.com/go-gitea/gitea/pull/25719#issuecomment-1631712757 to
improve perfomance when there are a lot of branches.
- Places Used the dropdown component:

     Repo Home Page
    
<img width="1429" alt="Screen Shot 2023-07-06 at 12 17 51"
src="https://github.com/go-gitea/gitea/assets/17645053/6accc7b6-8d37-4e88-ae1a-bd2b3b927ea0">

    Commits Page

<img width="1431" alt="Screen Shot 2023-07-06 at 12 18 34"
src="https://github.com/go-gitea/gitea/assets/17645053/2d0bf306-d1e2-45a8-a784-bc424879f537">

    Specific commit -> operations -> cherry-pick
    
<img width="758" alt="Screen Shot 2023-07-06 at 12 23 28"
src="https://github.com/go-gitea/gitea/assets/17645053/1e557948-3881-4e45-a625-8ef36d45ae2d">

    Release Page
    
<img width="1433" alt="Screen Shot 2023-07-06 at 12 25 05"
src="https://github.com/go-gitea/gitea/assets/17645053/3ec82af1-15a4-4162-a50b-04a9502161bb">

- Demo


https://github.com/go-gitea/gitea/assets/17645053/d45d266b-3eb0-465a-82f9-57f78dc5f9f3

- Note:

UI of dropdown menu could be improved in another PR as it should apply
to more dropdown menus.

Fix #14180

---------

Co-authored-by: silverwind <me@silverwind.io>
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
2023-07-21 11:20:04 +00:00
..
.eslintrc.yaml Enable vue/html-closing-bracket-spacing eslint rule (#24987) 2023-05-29 16:58:53 +00:00
ActionRunStatus.vue Enable vue/html-closing-bracket-spacing eslint rule (#24987) 2023-05-29 16:58:53 +00:00
ActivityHeatmap.vue Make the color of zero-contribution-squares in the activity heatmap more subtle (#24758) 2023-05-17 10:55:34 +00:00
ContextPopup.vue Always pass 6-digit hex color to monaco (#25780) 2023-07-09 12:17:22 +02:00
DashboardRepoList.vue Remove commit status running and warning from the dashboard repo list (#26036) 2023-07-21 10:32:25 +00: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 Highlight viewed files differently in the PR filetree (#24956) 2023-06-25 08:46:30 +08:00
PullRequestMergeForm.vue Remove more unused Fomantic variants (#25292) 2023-06-17 08:15:33 +00:00
RepoActionView.vue Actions Artifacts support uploading multiple files and directories (#24874) 2023-07-21 10:42:01 +08:00
RepoActivityTopAuthors.vue Refactor dashboard repo list to Vue SFC (#23405) 2023-03-14 12:09:06 +08:00
RepoBranchTagSelector.vue Use frontend fetch for branch dropdown component (#25719) 2023-07-21 11:20:04 +00:00
ScopedAccessTokenSelector.vue Change access token UI to select dropdowns (#25109) 2023-06-13 15:55:48 +08:00