Gleipnir/nidus-sync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Make refresh button on planning work

Browse source 
And experiment with separating the list entries into a separate
component
This commit is contained in:
Eli Ribble 2026-03-23 15:50:15 -07:00
parent 21a8f3029e
commit 7f756ce8ca
No known key found for this signature in database
2 changed files with 18 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

11
ts/components/PlanningColumnList.vue
View file

@ -54,7 +54,7 @@
<div v-if="error" class="error-message">
<strong>Error:</strong> <span>{{ error }}</span>
<button
@click="loadData()"
@click="emit('refresh')"
class="btn btn-sm btn-outline-danger mt-2 w-100"
>
Retry
@ -138,14 +138,7 @@
:class="{ selected: isSelected(signal.id) }"
@click="toggleSignal(signal)"
>
<div class="small fw-semibold">{{ signal.title }}</div>
<div class="signal-address">
{{ shortAddress(signal.address) }}
</div>
<div class="text-muted small">{{ signal.description }}</div>
<span v-if="signal.badge" class="badge bg-secondary mt-1">
{{ signal.badge }}
</span>
<PlanningColumnListEntry :signal="signal"/>
</div>
</div>
</div>

16
ts/components/PlanningColumnListEntry.vue Normal file
View file

@ -0,0 +1,16 @@
<template>
<div class="small fw-semibold">{{ signal.title }}</div>
<div class="signal-address">
{{ shortAddress(signal.address) }}
</div>
<div class="text-muted small">{{ signal.description }}</div>
<span v-if="signal.badge" class="badge bg-secondary mt-1">
{{ signal.badge }}
</span>
</template>
<script lang="ts">
interface Props {
signal: Signal;
}
const props = defineProps<Props>();
</script>