public/pp-planer
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix(services): correct archived toggle button highlighting

Browse source
This commit is contained in:
Thorsten Bus 2026-03-02 12:03:27 +01:00
parent 8c2f8a5d0a
commit 951ed81e47
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
resources/js/Pages/Services/Index.vue
View file

@ -1,7 +1,7 @@
<script setup> <script setup>
import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout.vue' import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout.vue'
import { Head, router } from '@inertiajs/vue3' import { Head, router } from '@inertiajs/vue3'
import { ref } from 'vue' import { ref, computed } from 'vue'
const props = defineProps({ const props = defineProps({
services: { services: {
@ -20,7 +20,7 @@ const confirmDialog = ref(false)
const confirmWarnings = ref([]) const confirmWarnings = ref([])
const confirmServiceId = ref(null) const confirmServiceId = ref(null)
const finalizing = ref(false) const finalizing = ref(false)
const showArchived = ref(props.archived) const showArchived = computed(() => props.archived)
function formatDate(dateStr) { function formatDate(dateStr) {
if (!dateStr) return '—' if (!dateStr) return '—'
@ -254,7 +254,7 @@ function stateIconClass(isDone) {
<tbody class="divide-y divide-gray-100 bg-white"> <tbody class="divide-y divide-gray-100 bg-white">
<tr v-for="service in services" :key="service.id" :data-testid="`service-list-row-${service.id}`" class="align-top hover:bg-gray-50/60"> <tr v-for="service in services" :key="service.id" :data-testid="`service-list-row-${service.id}`" class="align-top hover:bg-gray-50/60">
<td class="px-4 py-4"> <td class="px-4 py-4">
<div class="font-medium text-gray-900">{{ service.title }}</div> <div class="font-medium text-gray-900" :title="'CTS Event #' + service.cts_event_id">{{ service.title }}</div>
<div class="mt-1 text-xs text-gray-500">{{ formatDate(service.date) }}</div> <div class="mt-1 text-xs text-gray-500">{{ formatDate(service.date) }}</div>
</td> </td>