github-forks
/
gitea
mirror of https://github.com/go-gitea/gitea.git
1
0
Fork 0
Code Projects Releases Activity
gitea/web_src/js/components
History
HesterG 2f0e79e639
Use frontend fetch for branch dropdown component () 
- 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 

---------

Co-authored-by: silverwind <me@silverwind.io>
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
..
.eslintrc.yaml Enable `vue/html-closing-bracket-spacing` eslint rule ()
ActionRunStatus.vue Enable `vue/html-closing-bracket-spacing` eslint rule ()
ActivityHeatmap.vue Make the color of zero-contribution-squares in the activity heatmap more subtle ()
ContextPopup.vue Always pass 6-digit hex color to monaco ()
DashboardRepoList.vue Remove commit status running and warning from the dashboard repo list ()
DiffFileList.vue Refactor diffFileInfo / DiffTreeStore ()
DiffFileTree.vue Show file tree by default ()
DiffFileTreeItem.vue Highlight viewed files differently in the PR filetree ()
PullRequestMergeForm.vue Remove more unused Fomantic variants ()
RepoActionView.vue Actions Artifacts support uploading multiple files and directories ()
RepoActivityTopAuthors.vue Refactor dashboard repo list to Vue SFC ()
RepoBranchTagSelector.vue Use frontend fetch for branch dropdown component ()
ScopedAccessTokenSelector.vue Change access token UI to select dropdowns ()