diff --git a/frontend/pages/wedstrijd/alltimes.vue b/frontend/pages/wedstrijd/alltimes.vue index 87e2385..6d874e4 100644 --- a/frontend/pages/wedstrijd/alltimes.vue +++ b/frontend/pages/wedstrijd/alltimes.vue @@ -33,18 +33,31 @@
-
- -
-
    -
  • - - -
  • -
+
+
+ +
+
    +
  • + + +
  • +
+
+
+
+ +
+
    +
  • + + +
  • +
+
-
+

{{ event.name }}

{{ filteredTimings.filter(a => a.event === event.id)[0].time.minutes }}:{{ timings.filter(a => a.event === event.id)[0].time.seconds }}:{{ timings.filter(a => a.event === event.id)[0].time.milliseconds }} @@ -55,16 +68,16 @@ - - - + - - - + + + + +
TijdDatumWie{{ property.name }}
{{ time.time.minutes }}:{{ time.time.seconds }}:{{ time.time.milliseconds}}{{ time.contest.date }}{{ competitors.filter(a => a.relatiecode === time.relatiecode)[0].name.split(', ')[1] + ' ' + competitors.filter(a => a.relatiecode === time.relatiecode)[0].name.split(', ')[0] }}{{ time.time.minutes }}:{{ time.time.seconds }}:{{ time.time.milliseconds}}{{ time.contest.date }}{{ competitors.filter(a => a.relatiecode === time.relatiecode)[0].name.split(', ')[1] + ' ' + competitors.filter(a => a.relatiecode === time.relatiecode)[0].name.split(', ')[0] }}{{ time.contest.type }}{{ time.contest.name }}
@@ -79,7 +92,7 @@ import { useToast } from 'vue-toastification' import { vOnClickOutside} from '@vueuse/components' definePageMeta({ - title: 'Eigen Tijden', + title: 'Brigade Tijden', key: 'back' }) @@ -89,10 +102,15 @@ const toast = useToast() const timings = ref([]) const showModel = ref(false) const disableButtons = ref(false) -const showDropdown = ref(false) +const showDeelnemersDropdown = ref(false) +const showPropertiesDropdown = ref(false) -const handleDropdown = (x) => { - showDropdown.value = false +const handleDeelnemersDropdown = () => { + showDeelnemersDropdown.value = false +} + +const handlePropertiesDropdown = () => { + showPropertiesDropdown.value = false } const filteredTimings = computed(() => { @@ -114,6 +132,34 @@ const modelData = ref({ } }) +const properties = ref({ + time: { + enabled: true, + id: 'time', + name: 'Tijd', + }, + date: { + enabled: true, + id: 'date', + name: 'Datum', + }, + name: { + enabled: true, + id: 'name', + name: 'Naam', + }, + type: { + enabled: false, + id: 'type', + name: 'Type zwembad', + }, + contest: { + enabled: false, + id: 'contest', + name: 'Wedstrijd', + }, +}) + const events = ref({ obstacleSwim: { open: false,