diff options
| author | NorthRealm <155140859+NorthRealm@users.noreply.github.com> | 2025-05-06 04:53:17 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-05-05 21:53:17 -0700 |
| commit | 6b2c506e0513232b4f111795e27db9b41e8bd8fc (patch) | |
| tree | a579f87853f1460c0b5648e8d144250a7a2317f0 /web_src/js/components/RepoActionView.vue | |
| parent | 12bf0b8e4270956cee1739520d303d9b7527a7f0 (diff) | |
| download | gitea-6b2c506e0513232b4f111795e27db9b41e8bd8fc.tar.gz gitea-6b2c506e0513232b4f111795e27db9b41e8bd8fc.zip | |
Grey out expired artifact on Artifacts list (#34314)
Grey out expired artifact on Artifacts list.
---------
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
Diffstat (limited to 'web_src/js/components/RepoActionView.vue')
| -rw-r--r-- | web_src/js/components/RepoActionView.vue | 31 |
1 files changed, 19 insertions, 12 deletions
diff --git a/web_src/js/components/RepoActionView.vue b/web_src/js/components/RepoActionView.vue index 447347890b..af300622b4 100644 --- a/web_src/js/components/RepoActionView.vue +++ b/web_src/js/components/RepoActionView.vue @@ -495,14 +495,24 @@ export default defineComponent({ {{ locale.artifactsTitle }} </div> <ul class="job-artifacts-list"> - <li class="job-artifacts-item" v-for="artifact in artifacts" :key="artifact.name"> - <a class="job-artifacts-link" target="_blank" :href="run.link+'/artifacts/'+artifact.name"> - <SvgIcon name="octicon-file" class="ui text black job-artifacts-icon"/>{{ artifact.name }} - </a> - <a v-if="run.canDeleteArtifact" @click="deleteArtifact(artifact.name)" class="job-artifacts-delete"> - <SvgIcon name="octicon-trash" class="ui text black job-artifacts-icon"/> - </a> - </li> + <template v-for="artifact in artifacts" :key="artifact.name"> + <li class="job-artifacts-item"> + <template v-if="artifact.status !== 'expired'"> + <a class="flex-text-inline" target="_blank" :href="run.link+'/artifacts/'+artifact.name"> + <SvgIcon name="octicon-file" class="text black"/> + <span class="gt-ellipsis">{{ artifact.name }}</span> + </a> + <a v-if="run.canDeleteArtifact" @click="deleteArtifact(artifact.name)"> + <SvgIcon name="octicon-trash" class="text black"/> + </a> + </template> + <span v-else class="flex-text-inline text light grey"> + <SvgIcon name="octicon-file"/> + <span class="gt-ellipsis">{{ artifact.name }}</span> + <span class="ui label text light grey tw-flex-shrink-0">{{ locale.artifactExpired }}</span> + </span> + </li> + </template> </ul> </div> </div> @@ -664,6 +674,7 @@ export default defineComponent({ padding: 6px; display: flex; justify-content: space-between; + align-items: center; } .job-artifacts-list { @@ -671,10 +682,6 @@ export default defineComponent({ list-style: none; } -.job-artifacts-icon { - padding-right: 3px; -} - .job-brief-list { display: flex; flex-direction: column; |