search

PrivateAIM / node-ui

User interface for a node.
0 stars 1 forks source link

Change status columns to tags and add filter #93

Closed brucetony closed 2 months ago

brucetony commented 2 months ago

To better highlight and differentiate the various build and run statuses, they should be converted to use the <Tag> element and to be filterable e.g.:

<Column header="Status" field="status" :filterMenuStyle="{ width: '14rem' }" style="min-width: 12rem">
    <template #body="{ data }">
        <Tag :value="data.run_status" :severity="getSeverity(data.status)" />
    </template>
    <template #filter="{ filterModel }">
        <Dropdown v-model="filterModel.value" :options="statuses" placeholder="Select One" class="p-column-filter" showClear>
            <template #option="slotProps">
                <Tag :value="slotProps.option" :severity="getSeverity(slotProps.option)" />
            </template>
        </Dropdown>
    </template>
</Column>
brucetony commented 2 months ago

This should also include sorting by a specific Status rather than just ascending/descending