17th-Ranger-Battalion-ORG/milsim-site-v4
8
1
Fork 0
Code Issues 22 Pull Requests 4 Actions 3 Packages Projects Releases 12 Wiki Activity

implemented "today" button for quickly setting promotion dates

Browse Source
This commit is contained in:
ajdj100
2025-12-17 22:58:46 -05:00
parent 00f8d583cc
commit b8750f1e8e
1 changed files with 24 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
ui/src/components/promotions/promotionForm.vue
View File

@@ -26,7 +26,7 @@ import { error } from 'console';
import Input from '../ui/input/Input.vue';
import Field from '../ui/field/Field.vue';
const { handleSubmit, errors, values, resetForm } = useForm({
const { handleSubmit, errors, values, resetForm, setFieldValue } = useForm({
validationSchema: toTypedSchema(batchPromotionSchema),
validateOnMount: false,
})
@@ -103,8 +103,21 @@ onMounted(async () => {
allRanks.value = await getAllRanks();
})
function setAllToday() {
const today = () => {
const d = new Date()
const year = d.getFullYear()
const month = String(d.getMonth() + 1).padStart(2, '0')
const day = String(d.getDate()).padStart(2, '0')
return `${year}-${month}-${day}`
}
values.promotions?.forEach((_, index) => {
// @ts-ignore
setFieldValue(`promotions[${index}].start_date`, today())
})
}
</script>
<template>
@@ -134,7 +147,10 @@ onMounted(async () => {
text-sm font-medium text-muted-foreground">
<div>Member</div>
<div>Rank</div>
<div>Date</div>
<div class="flex justify-between">
<p>Date</p><button @click.prevent.stop="setAllToday"
class="cursor-pointer border-1 rounded-full px-3 hover:bg-secondary hover:border-accent">Today</button>
</div>
<div></div>
<div></div>
</div>
@@ -145,8 +161,8 @@ onMounted(async () => {
<!-- Member -->
<VeeField :name="`promotions[${index}].member_id`" v-slot="{ field, errors }">
<div class="flex flex-col min-w-0">
<Combobox :model-value="field.value" @update:model-value="field.onChange"
:ignore-filter="true">
<Combobox :model-value="field.value"
@update:model-value="field.onChange" :ignore-filter="true">
<ComboboxAnchor>
<ComboboxInput class="w-full pl-3" placeholder="Search members…"
:display-value="id =>
@@ -178,8 +194,8 @@ onMounted(async () => {
<!-- Rank -->
<VeeField :name="`promotions[${index}].rank_id`" v-slot="{ field, errors }">
<div class="flex flex-col min-w-0">
<Combobox :model-value="field.value" @update:model-value="field.onChange"
:ignore-filter="true">
<Combobox :model-value="field.value"
@update:model-value="field.onChange" :ignore-filter="true">
<ComboboxAnchor>
<ComboboxInput class="w-full pl-3" placeholder="Select rank…"
:display-value="id => rankById.get(id)?.name"
@@ -190,8 +206,8 @@ onMounted(async () => {
<ComboboxGroup>
<div
class="max-h-80 overflow-y-auto min-w-[12rem] scrollbar-themed">
<ComboboxItem v-for="rank in filteredRanks" :key="rank.id"
:value="rank.id">
<ComboboxItem v-for="rank in filteredRanks"
:key="rank.id" :value="rank.id">
{{ rank.name }}
<ComboboxItemIndicator>
<Check />