YunoHost/yunohost-admin
1
0
Fork 0
mirror of https://github.com/YunoHost/yunohost-admin.git synced 2024-09-03 20:06:15 +02:00
Code Issues Projects Releases Packages Wiki Activity

turn highquality badge into a star

Browse source
This commit is contained in:
axolotle 2021-04-08 10:50:04 +02:00
parent f35b848bf6
commit 016b49b94d
1 changed files with 13 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
app/src/views/app/AppCatalog.vue
View file

@ -66,15 +66,20 @@
<b-card-group v-else deck> <b-card-group v-else deck>
<b-card no-body v-for="app in filteredApps" :key="app.id"> <b-card no-body v-for="app in filteredApps" :key="app.id">
<b-card-body class="d-flex flex-column"> <b-card-body class="d-flex flex-column">
<b-card-title class="d-flex"> <b-card-title class="d-flex mb-2">
{{ app.manifest.name }} {{ app.manifest.name }}
<small v-if="app.state !== 'working'" class="ml-2"> <small v-if="app.state !== 'working'" class="d-flex align-items-center ml-2">
<b-badge <b-badge
v-if="app.state !== 'highquality'"
:variant="(app.color === 'danger' && app.state === 'lowquality') ? 'warning' : app.color" :variant="(app.color === 'danger' && app.state === 'lowquality') ? 'warning' : app.color"
v-b-popover.hover.bottom="$t(`app_state_${app.state}_explanation`)" v-b-popover.hover.bottom="$t(`app_state_${app.state}_explanation`)"
> >
{{ $t('app_state_' + app.state) }} {{ $t('app_state_' + app.state) }}
</b-badge> </b-badge>
<icon
v-else iname="star" class="star"
v-b-popover.hover.bottom="$t(`app_state_${app.state}_explanation`)"
/>
</small> </small>
</b-card-title> </b-card-title>
@ -268,7 +273,7 @@ export default {
} else { } else {
filters.isDecentQuality = true filters.isDecentQuality = true
} }
if (app.high_quality && app.level > 7) { if (app.level >= 8) {
filters.state = 'highquality' filters.state = 'highquality'
filters.isHighQuality = true filters.isHighQuality = true
} }
@ -276,8 +281,7 @@ export default {
}, },
formatColor (app) { formatColor (app) {
if (app.isHighQuality) return 'best' if (app.isDecentQuality || app.isHighQuality) return 'success'
if (app.isDecentQuality) return 'success'
if (app.isWorking) return 'warning' if (app.isWorking) return 'warning'
return 'danger' return 'danger'
}, },
@ -389,6 +393,10 @@ export default {
.alert-warning { .alert-warning {
font-size: .75em; font-size: .75em;
} }
.star {
color: goldenrod;
}
} }
.category-card { .category-card {