bvandeusen
311fe0ee9c
Goal (operator 2026-06-18): the overview of a Settings tab fits one unscrolled viewport; expanding a tile to read into it is the only reason to scroll. - Every Maintenance card converted to the collapsible MaintenanceTile (collapsed by default = icon + short title + one-line blurb). Task cards (ML backfill, centroids, thumbnails, archive re-extract, missing-file repair, DB maintenance) sit in a responsive grid; running tasks auto-expand. Tagging config (suggestion thresholds, allowlist, aliases) grouped in one Tagging section as collapsible tiles; Backup is its own collapsible tile. - Three labeled sections mirror the Cleanup tab: Backfills and reprocessing / Tagging / Storage. - Center the whole Settings surface: SettingsView is now a centered, width-capped (1140px) column so the tab strip and every panel sit in a tidy centered measure (was full-width). CleanupView drops its own left-aligned max-width to fill it. All card logic unchanged - only the chrome. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
50 lines
1.7 KiB
Vue
50 lines
1.7 KiB
Vue
<template>
|
|
<!-- #713: re-extract PostAttachments that are really archives but were filed
|
|
opaquely before the magic-byte gate, and attach their images to the post. -->
|
|
<MaintenanceTile
|
|
icon="mdi-folder-zip-outline"
|
|
title="Re-extract archives"
|
|
blurb="Extract images from zip attachments filed opaquely."
|
|
:open="busy"
|
|
>
|
|
<p class="text-body-2 mb-3">
|
|
Some posts attached an archive (zip) whose images weren't extracted
|
|
because the downloaded file had no usable extension. This scans existing
|
|
attachments, extracts any that are really archives, and attaches their
|
|
images to the post. Idempotent — safe to run more than once.
|
|
</p>
|
|
<v-btn color="primary" rounded="pill" :loading="busy" @click="run">
|
|
<v-icon start>mdi-folder-zip-outline</v-icon> Re-extract archives now
|
|
</v-btn>
|
|
<span v-if="queued" class="ml-3 text-caption text-success">Queued ✓</span>
|
|
<QueueStatusBar queue="maintenance" queue-label="Maintenance" />
|
|
</MaintenanceTile>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref } from 'vue'
|
|
|
|
import { useApi } from '../../composables/useApi.js'
|
|
import { toast } from '../../utils/toast.js'
|
|
import MaintenanceTile from '../common/MaintenanceTile.vue'
|
|
import QueueStatusBar from './QueueStatusBar.vue'
|
|
|
|
const api = useApi()
|
|
const busy = ref(false)
|
|
const queued = ref(false)
|
|
|
|
async function run () {
|
|
busy.value = true
|
|
queued.value = false
|
|
try {
|
|
await api.post('/api/admin/maintenance/reextract-archives')
|
|
queued.value = true
|
|
toast({ text: 'Archive re-extract queued', type: 'success' })
|
|
} catch (e) {
|
|
toast({ text: e?.body?.detail || e?.message || 'Failed to queue', type: 'error' })
|
|
} finally {
|
|
busy.value = false
|
|
}
|
|
}
|
|
</script>
|