bvandeusen
1ac448d881
Items 2-5 of #3072. Item 1 (the per-row sweep inserts) is separate. 2. .fc-bad was not merely duplicated — it is .fc-weak under a second name. Both local definitions were `color: rgb(var(--v-theme-error))`, identical to the global .fc-weak, and GpuAgentCard was already using .fc-weak to colour exactly what GpuActivityPanel coloured .fc-bad (an errored count, red when non-zero). So rather than promoting a synonym to app.css, both call sites now use .fc-weak and the local defs are gone. app.css's status-colour comment records why there is no .fc-bad, next to the existing note on why .fc-ok is deliberately NOT global. 3. GalleryItem.vue's obsidian literals now use --v-theme-background, which IS obsidian (vuetify-theme.js maps background -> surfaces. obsidian). Preferred over --fc-chrome-rgb: same value, but that variable is named for the nav fade, not for the palette entry. The ticket said these were the only three real uses in the tree. They are not — GalleryItem itself had two more in the artist-label gradient (fixed here, so the file is now consistent), and ~13 more live in SeriesView, SeriesReaderView, ImageViewer, ArtistHeader, ExploreView and GalleryFilterBar. Those are a separate sweep, filed rather than folded in here. 4. The attachment download path had two hand-formatted copies. One definition now, `attachment_download_url`, next to the model both serializers already import. The test pins it by MATCHING the built path against the app's real URL map rather than comparing to a literal — a string-equality test would still pass after someone renamed the route, which is the drift the helper exists to prevent. 5. Extension API key now compares with hmac.compare_digest. Compared as BYTES, not str: compare_digest's str form raises TypeError on non-ASCII, and this value comes straight from an attacker-controlled header, so the str form would turn a junk key into a 500 instead of a 403. Low stakes either way — the API is unauthenticated-by-design on a LAN — but it costs nothing. Refs #3072
76 lines
2.2 KiB
Vue
76 lines
2.2 KiB
Vue
<template>
|
|
<v-card class="mb-4">
|
|
<CardHeading icon="mdi-download" title="Downloads (last 24h)">
|
|
<v-spacer />
|
|
<v-btn
|
|
variant="text" size="small" rounded="pill"
|
|
to="/subscriptions?tab=downloads"
|
|
>
|
|
Open subscriptions
|
|
<v-icon end size="small">mdi-arrow-right</v-icon>
|
|
</v-btn>
|
|
</CardHeading>
|
|
<v-card-text>
|
|
<div class="d-flex align-center flex-wrap mb-2" style="gap: 8px">
|
|
<v-chip size="small" variant="tonal" color="success">
|
|
{{ stats.ok }} ok
|
|
</v-chip>
|
|
<v-chip
|
|
size="small" variant="tonal"
|
|
:color="stats.error ? 'error' : undefined"
|
|
>
|
|
{{ stats.error }} failed
|
|
</v-chip>
|
|
<v-chip v-if="stats.running" size="small" variant="tonal" color="accent">
|
|
{{ stats.running }} running
|
|
</v-chip>
|
|
<v-chip v-if="stats.pending" size="small" variant="tonal">
|
|
{{ stats.pending }} pending
|
|
</v-chip>
|
|
<v-chip v-if="stats.skipped" size="small" variant="tonal">
|
|
{{ stats.skipped }} skipped
|
|
</v-chip>
|
|
</div>
|
|
<p v-if="!failing.length" class="fc-muted text-body-2 mb-0">
|
|
All subscription sources healthy.
|
|
</p>
|
|
<p v-else class="text-body-2 mb-0">
|
|
<b class="fc-weak">{{ failing.length }}</b> failing source(s):
|
|
<span class="fc-muted">{{ failingNames }}</span>
|
|
</p>
|
|
</v-card-text>
|
|
</v-card>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { computed, onMounted, onUnmounted } from 'vue'
|
|
import { storeToRefs } from 'pinia'
|
|
|
|
import CardHeading from '../common/CardHeading.vue'
|
|
import { useDownloadsStore } from '../../stores/downloads.js'
|
|
|
|
const store = useDownloadsStore()
|
|
const { stats, failing } = storeToRefs(store)
|
|
let pollId = null
|
|
|
|
const failingNames = computed(() => {
|
|
const names = failing.value.map((s) => s.artist_name || s.url).slice(0, 3)
|
|
const extra = failing.value.length - names.length
|
|
return names.join(', ') + (extra > 0 ? ` +${extra} more` : '')
|
|
})
|
|
|
|
function poll() {
|
|
store.loadStats(24)
|
|
store.loadFailing()
|
|
}
|
|
|
|
onMounted(() => {
|
|
poll()
|
|
pollId = setInterval(() => { if (!document.hidden) poll() }, 30000)
|
|
})
|
|
onUnmounted(() => { if (pollId) clearInterval(pollId) })
|
|
</script>
|
|
|
|
<style scoped>
|
|
</style>
|