compact pilot change summary row in sidebar
This commit is contained in:
@@ -125,43 +125,17 @@ defineProps<{
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div v-if="message.messageKind === 'change_set_summary'" class="rounded-xl border border-amber-300/35 bg-amber-500/10 p-3">
|
<div v-if="message.messageKind === 'change_set_summary'" class="rounded-xl border border-amber-300/35 bg-amber-500/10 p-3">
|
||||||
|
<div class="flex items-center justify-between gap-2">
|
||||||
<p class="text-xs font-semibold text-amber-100">
|
<p class="text-xs font-semibold text-amber-100">
|
||||||
{{ message.changeSummary || "Technical change summary" }}
|
{{ message.changeItems?.length || 0 }} changes
|
||||||
</p>
|
</p>
|
||||||
<div class="mt-2 flex flex-wrap gap-1.5 text-[10px]">
|
|
||||||
<span class="rounded border border-white/25 px-2 py-0.5 text-white/85">
|
|
||||||
total {{ message.changeItems?.length || 0 }}
|
|
||||||
</span>
|
|
||||||
<span class="rounded border border-white/25 px-2 py-0.5 text-white/85">
|
|
||||||
created {{ summarizeChangeActions(message.changeItems).created }}
|
|
||||||
</span>
|
|
||||||
<span class="rounded border border-white/25 px-2 py-0.5 text-white/85">
|
|
||||||
updated {{ summarizeChangeActions(message.changeItems).updated }}
|
|
||||||
</span>
|
|
||||||
<span class="rounded border border-white/25 px-2 py-0.5 text-white/85">
|
|
||||||
archived {{ summarizeChangeActions(message.changeItems).deleted }}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div v-if="summarizeChangeEntities(message.changeItems).length" class="mt-2 flex flex-wrap gap-1.5">
|
|
||||||
<span
|
|
||||||
v-for="row in summarizeChangeEntities(message.changeItems)"
|
|
||||||
:key="`entity-summary-${message.id}-${row.entity}`"
|
|
||||||
class="rounded border border-white/20 px-2 py-0.5 text-[10px] text-white/75"
|
|
||||||
>
|
|
||||||
{{ row.entity }}: {{ row.count }}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div class="mt-3 flex flex-wrap items-center gap-2">
|
|
||||||
<button
|
<button
|
||||||
v-if="message.changeSetId"
|
v-if="message.changeSetId"
|
||||||
class="btn btn-xs btn-outline"
|
class="btn btn-xs btn-outline"
|
||||||
@click="openChangeReview(message.changeSetId, 0, true)"
|
@click="openChangeReview(message.changeSetId, 0, true)"
|
||||||
>
|
>
|
||||||
Review Changes
|
View changes
|
||||||
</button>
|
</button>
|
||||||
<span class="text-[10px] uppercase tracking-wide text-amber-100/80">
|
|
||||||
status: {{ message.changeStatus || "pending" }}
|
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user