5e7543fcf4
Close #24020 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>
27 lines
943 B
Handlebars
27 lines
943 B
Handlebars
<!-- This template should be kept the same as web_src/js/components/ActionRunStatus.vue
|
|
Please also update the vue file above if this template is modified.
|
|
-->
|
|
{{- $size := 16 -}}
|
|
{{- if .size -}}
|
|
{{- $size = .size -}}
|
|
{{- end -}}
|
|
|
|
{{- $className := "" -}}
|
|
{{- if .className -}}
|
|
{{- $className = .className -}}
|
|
{{- end -}}
|
|
|
|
{{if eq .status "success"}}
|
|
{{svg "octicon-check-circle-fill" $size (printf "text green %s" $className)}}
|
|
{{else if eq .status "skipped"}}
|
|
{{svg "octicon-skip" $size (printf "text grey %s" $className)}}
|
|
{{else if eq .status "waiting"}}
|
|
{{svg "octicon-clock" $size (printf "text yellow %s" $className)}}
|
|
{{else if eq .status "blocked"}}
|
|
{{svg "octicon-blocked" $size (printf "text yellow %s" $className)}}
|
|
{{else if eq .status "running"}}
|
|
{{svg "octicon-meter" $size (printf "text yellow job-status-rotate %s" $className)}}
|
|
{{else}}
|
|
{{svg "octicon-x-circle-fill" $size (printf "text red %s" $className)}}
|
|
{{end}}
|