jonathan/mmcm
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

WIP MMCM

Browse Source
This commit is contained in:
Jonathan Chevalier
2022-10-11 17:15:24 +02:00
parent acdbde8b84
commit e653f9ff45
5 changed files with 66 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/views/delivery-option-step-3.vue
View File

@@ -1,13 +1,28 @@
<template>
<div v-if="store.needPrescriptionDateCollect">
<div class="step_title">Date de collecte de l'ordonnance :</div>
<div class="input-group has-validation">
<Datepicker v-model="dateCollect" autoApply @update:modelValue="isErrorCollect = false" model-type="timestamp"
select-text="Choisir" cancel-text="Annuler"
monthNameFormat="long" format="dd MMMM yyyy" :minDate="store.minDateForDelivery" :enableTimePicker="false"
:disabledWeekDays="[6, 0]" :format-locale="fr" locale="fr-FR"/>
<button class="btn btn-primary" @click="gotToNextStep"><i class="fa-regular fa-circle-check fa-fw"></i> Valider
</button>
<div v-if="isErrorCollect" class="invalid-feedback d-block text-start">
Merci de renseigner la date
</div>
</div>
</div>
<div class="step_title">Date de livraison des médicaments :</div>
<div class="input-group has-validation">
<Datepicker v-model="dateDelivery" autoApply @update:modelValue="isError = false" model-type="timestamp"
<Datepicker v-model="dateDelivery" autoApply @update:modelValue="isErrorDelivery = false" model-type="timestamp"
select-text="Choisir" cancel-text="Annuler"
monthNameFormat="long" format="dd MMMM yyyy" :minDate="tomorrow" :enableTimePicker="false"
monthNameFormat="long" format="dd MMMM yyyy" :minDate="store.minDateForDelivery" :enableTimePicker="false"
:disabledWeekDays="[6, 0]" :format-locale="fr" locale="fr-FR"/>
<button class="btn btn-primary" @click="gotToNextStep"><i class="fa-regular fa-circle-check fa-fw"></i> Valider
</button>
<div v-if="isError" class="invalid-feedback d-block text-start">
<div v-if="isErrorDelivery" class="invalid-feedback d-block text-start">
Merci de renseigner la date
</div>
</div>
@@ -23,33 +38,17 @@ import {fr} from 'date-fns/locale';
export default {
setup() {
const store = useMMCMStore()
const isError = ref(false);
const isErrorCollect = ref(false);
const isErrorDelivery = ref(false);
const {dateDelivery} = storeToRefs(store)
const tomorrow =
add(new Date(), {
days: 1
})
const afterTomorrow =
add(new Date(), {
days: 2
})
const presetRanges = ref([
{label: 'Demain', range: [tomorrow, tomorrow]},
{label: 'Après demain', range: [afterTomorrow, afterTomorrow]},
{label: 'Semaine prochaine', range: [startOfMonth(new Date()), endOfMonth(new Date())]},
]);
const {dateDelivery, dateCollect} = storeToRefs(store)
return {
fr,
isError,
tomorrow,
isErrorCollect,
isErrorDelivery,
dateDelivery,
presetRanges,
dateCollect,
store
}
},