matt
/
monacousa-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixes
Build And Push Image / docker (push) Successful in 1m47s Details

This commit is contained in:
Matt 2025-08-15 16:15:55 +02:00
parent 368293e0e2
commit 968fa6febb
2 changed files with 31 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
components/DuesActionCard.vue
View File

@ -151,27 +151,21 @@
</p> </p>
</div> </div>
<div class="date-picker-wrapper"> <v-text-field
<label class="date-picker-label">Payment Date</label> v-model="selectedPaymentDate"
<VueDatePicker label="Payment Date*"
v-model="selectedPaymentModel" type="date"
:timezone="{ :rules="[
timezone: 'Europe/Monaco', v => !!v || 'Payment date is required',
emitTimezone: 'UTC' v => !v || new Date(v).getTime() <= new Date().setHours(23,59,59,999) || 'Payment date cannot be in the future'
}" ]"
:format="'dd/MM/yyyy (Monaco)'" variant="outlined"
:max-date="new Date()" prepend-inner-icon="mdi-calendar"
placeholder="Select payment date" required
:enable-time-picker="false" :max="new Date().toISOString().split('T')[0]"
auto-apply hint="Select the date when the payment was received"
:clearable="false" persistent-hint
:required="true"
@update:model-value="handleDateUpdate"
/> />
<div class="text-caption text-medium-emphasis mt-1">
Select the date when the payment was received
</div>
</div>
<v-alert <v-alert
v-if="selectedPaymentDate && isDateInFuture" v-if="selectedPaymentDate && isDateInFuture"

36
components/DuesPaymentBanner.vue
View File

@ -18,7 +18,7 @@
<v-card <v-card
class="payment-details-card pa-3" class="payment-details-card pa-3"
color="rgba(0,0,0,0.1)" color="rgba(0,0,0,0.8)"
variant="outlined" variant="outlined"
> >
<div class="text-subtitle-1 font-weight-bold mb-2 text-white"> <div class="text-subtitle-1 font-weight-bold mb-2 text-white">
@ -112,27 +112,21 @@
</p> </p>
</div> </div>
<div class="date-picker-wrapper"> <v-text-field
<label class="date-picker-label">Payment Date</label> v-model="selectedPaymentDate"
<VueDatePicker label="Payment Date*"
v-model="selectedPaymentModel" type="date"
:timezone="{ :rules="[
timezone: 'Europe/Monaco', v => !!v || 'Payment date is required',
emitTimezone: 'UTC' v => !v || new Date(v).getTime() <= new Date().setHours(23,59,59,999) || 'Payment date cannot be in the future'
}" ]"
:format="'dd/MM/yyyy (Monaco)'" variant="outlined"
:max-date="new Date()" prepend-inner-icon="mdi-calendar"
placeholder="Select payment date" required
:enable-time-picker="false" :max="new Date().toISOString().split('T')[0]"
auto-apply hint="Select the date when the payment was received"
:clearable="false" persistent-hint
:required="true"
@update:model-value="handleDateUpdate"
/> />
<div class="text-caption text-medium-emphasis mt-1">
Select the date when the payment was received
</div>
</div>
<v-alert <v-alert
v-if="selectedPaymentDate && isDateInFuture" v-if="selectedPaymentDate && isDateInFuture"