feat(fc3c): /subscriptions Check Now button — wires SourceRow → store.checkNow
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -13,9 +13,11 @@
|
||||
<div v-if="open" class="fc-artist-section__body">
|
||||
<SourceRow
|
||||
v-for="s in sources" :key="s.id" :source="s"
|
||||
:checking="checkingIds.has(s.id)"
|
||||
@edit="$emit('edit', $event)"
|
||||
@remove="$emit('remove', $event)"
|
||||
@toggle="$emit('toggle-source', $event)"
|
||||
@check="$emit('check', $event)"
|
||||
/>
|
||||
<v-btn
|
||||
size="small" variant="text" prepend-icon="mdi-plus"
|
||||
@@ -34,8 +36,9 @@ const props = defineProps({
|
||||
artist: { type: Object, required: true },
|
||||
sources: { type: Array, required: true },
|
||||
open: { type: Boolean, default: false },
|
||||
checkingIds: { type: Set, default: () => new Set() },
|
||||
})
|
||||
defineEmits(['toggle', 'edit', 'remove', 'toggle-source', 'add-source'])
|
||||
defineEmits(['toggle', 'edit', 'remove', 'toggle-source', 'add-source', 'check'])
|
||||
|
||||
const latestChecked = computed(() => {
|
||||
const dates = props.sources.map(s => s.last_checked_at).filter(Boolean)
|
||||
|
||||
@@ -11,14 +11,22 @@
|
||||
density="compact" hide-details color="accent"
|
||||
@update:model-value="onToggleEnabled"
|
||||
/>
|
||||
<v-btn
|
||||
icon="mdi-play" size="x-small" variant="text"
|
||||
:loading="checking"
|
||||
@click="$emit('check', source)"
|
||||
/>
|
||||
<v-btn icon="mdi-pencil" size="x-small" variant="text" @click="$emit('edit', source)" />
|
||||
<v-btn icon="mdi-close" size="x-small" variant="text" @click="$emit('remove', source)" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
const props = defineProps({ source: { type: Object, required: true } })
|
||||
const emit = defineEmits(['edit', 'remove', 'toggle'])
|
||||
const props = defineProps({
|
||||
source: { type: Object, required: true },
|
||||
checking: { type: Boolean, default: false },
|
||||
})
|
||||
const emit = defineEmits(['edit', 'remove', 'toggle', 'check'])
|
||||
function onToggleEnabled(value) {
|
||||
emit('toggle', { source: props.source, enabled: value })
|
||||
}
|
||||
@@ -27,7 +35,7 @@ function onToggleEnabled(value) {
|
||||
<style scoped>
|
||||
.fc-source-row {
|
||||
display: grid;
|
||||
grid-template-columns: 96px 1fr auto auto auto;
|
||||
grid-template-columns: 96px 1fr auto auto auto auto;
|
||||
gap: 0.75rem;
|
||||
align-items: center;
|
||||
padding: 0.4rem 0;
|
||||
|
||||
Reference in New Issue
Block a user