gitea/web_src/js/components
Hester Gong 5e7543fcf4
Use same action status svg icons on actions list as on action page ()
Close  

After:

These icons are the same now:

<img width="1287" alt="截屏2023-04-18 13 52 11"
src="https://user-images.githubusercontent.com/17645053/232684252-05ddc101-dc5b-41b5-b374-132c3d853a41.png">

<img width="1141" alt="截屏2023-04-18 13 54 48"
src="https://user-images.githubusercontent.com/17645053/232684261-6ebd864a-a9aa-4982-af32-2cea91c35be8.png">


In this PR, didn't use `ActionRunStatus.vue` because the mounting of the
component will cause flash of the icons like below:

https://user-images.githubusercontent.com/17645053/232682646-713202dc-9023-4b9c-a849-c3a1ae6dd155.mov

Instead, modified and used `status.tmpl` to make it the same as
`ActionRunStatus.vue` to avoid the ui flash (Welcomed to show how to use
`ActionRunStatus.vue` without flashing if there is a way).
Added comments to both of them for reminding synchronization of these
two files.

---------

Co-authored-by: Jason Song <i@wolfogre.com>
..
.eslintrc.yaml Update eslints for Vue 3 ()
ActionRunStatus.vue Use same action status svg icons on actions list as on action page ()
ActivityHeatmap.vue Localize activity heatmap (except tooltip) ()
ContextPopup.vue Improve `<SvgIcon>` to make it output `svg` node and optimize performance ()
DashboardRepoList.vue Fine tune more downdrop settings, use SVG for labels, improve Repo Topic Edit form ()
DiffFileList.vue Use data-tooltip-content for tippy tooltip ()
DiffFileTree.vue Update the value of the `diffEnd` when click `Show More` btn in the DiffFileTree ()
DiffFileTreeItem.vue Use reactive store to share data between components ()
PullRequestMergeForm.vue Refactor branch/tag selector to Vue SFC ()
RepoActionView.test.js Improve action log display with control chars ()
RepoActionView.vue Add job.duration in web ui ()
RepoActivityTopAuthors.vue Refactor dashboard repo list to Vue SFC ()
RepoBranchTagSelector.vue Refactor branch/tag selector to Vue SFC ()