turn highquality badge into a star

This commit is contained in:
axolotle 2021-04-08 10:50:04 +02:00
parent f35b848bf6
commit 016b49b94d

View file

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