+
+ let cardConfig: {cardLink:(content: TemplateResult) => TemplateResult, estCliquable: boolean, disabledBG: boolean, actions: TemplateResult|undefined, libelleDateAbsente: string };
+ let typeLieu = typeActionPour(this.lieu);
+ if(typeLieu === 'actif-via-plateforme' || typeLieu === 'inactif-via-plateforme') {
+ let specificCardConfig: { disabledBG: boolean, libelleDateAbsente: string, libelleBouton: string, typeBouton: 'btn-info'|'btn-primary', onclick: ()=>void };
+ if(typeLieu === 'inactif-via-plateforme') {
+ specificCardConfig = {
+ disabledBG: true,
+ libelleDateAbsente: 'Aucun rendez-vous',
+ libelleBouton: 'Vérifier le centre de vaccination',
+ typeBouton: 'btn-info',
+ onclick: () => this.verifierRdv()
+ };
+ } else {
+ specificCardConfig = {
+ disabledBG: false,
+ libelleDateAbsente: 'Date inconnue',
+ libelleBouton: 'Prendre rendez-vous',
+ typeBouton: 'btn-primary',
+ onclick: () => this.prendreRdv()
+ };
+ }
+ cardConfig = {
+ estCliquable: true,
+ disabledBG: specificCardConfig.disabledBG,
+ libelleDateAbsente: specificCardConfig.libelleDateAbsente,
+ cardLink: (content) =>
+ html`${content}`,
+ actions: html`
+
+ ${specificCardConfig.libelleBouton}
+
+
- `;
- } else {
- return html`
- |undefined;
- @property({type: Boolean, attribute: false}) recuperationCommunesEnCours: boolean = false;
+ @internalProperty() recuperationCommunesEnCours: boolean = false;
@property({type: Array, attribute: false}) set communesDisponibles(cd: Commune[]|undefined) {
if(cd !== this._communesDisponibles) {
this._communesDisponibles = cd;
@@ -43,14 +51,19 @@ export class VmdCommuneSelectorComponent extends LitElement {
get communesDisponibles(): Commune[]|undefined{ return this._communesDisponibles; }
private _communesDisponibles: Commune[]|undefined = undefined;
- @property({type: Array, attribute: false}) communesAffichees: Commune[]|undefined = undefined;
- @property({type: String, attribute: false}) filter: string = "";
+ @internalProperty() communesAffichees: Commune[]|undefined = undefined;
+ @internalProperty() filter: string = "";
private filterMatchingAutocomplete: string|undefined = undefined;
get showDropdown() {
return this.inputHasFocus
- && ((this.inputMode === 'text' && this.communesAffichees && this.communesAffichees.length)
+ && this.filter
+ // This one is done because otherwise we would start showing some departments matching
+ // first digit, and this would encourage search by department (whereas search by commune
+ // is by far better)
+ && this.filter.length >= 2
+ && ((this.inputMode === 'text' && !this.dropDownVide())
|| this.inputMode === 'numeric');
}
@@ -62,6 +75,14 @@ export class VmdCommuneSelectorComponent extends LitElement {
return undefined;
}
+ protected aucuneCommuneAffichee(): boolean {
+ return !this.communesAffichees || !this.communesAffichees.length;
+ }
+
+ protected dropDownVide(): boolean {
+ return this.aucuneCommuneAffichee();
+ }
+
private filtrerCommunesAffichees() {
// /!\ important note : this is important to have the same implementation of toFullTextSearchableString()
// function here, than the one used in communes-import.js tooling
@@ -175,7 +196,7 @@ export class VmdCommuneSelectorComponent extends LitElement {
`:html``}
${this.showDropdown?html`
+
+ `
+ };
+ } else if(typeLieu === 'actif-via-tel') {
+ cardConfig = {
+ estCliquable: true,
+ disabledBG: false,
+ libelleDateAbsente: 'Réservation tél uniquement',
+ cardLink: (content) => html`
+
+ ${content}
+ `,
+ actions: html`
+
+ Appeler le ${Strings.toNormalizedPhoneNumber(this.lieu.metadata.phone_number)}
+
+ `
+ };
+ } else if(typeLieu === 'inactif') {
+ cardConfig = {
+ estCliquable: false,
+ disabledBG: true,
+ libelleDateAbsente: 'Aucun rendez-vous',
+ cardLink: (content) => content,
+ actions: undefined
+ };
+ } else {
+ throw new Error(`Unsupported typeLieu : ${typeLieu}`)
+ }
+
+ return cardConfig.cardLink(html`
+
+ ${this.lieu.appointment_count.toLocaleString()} créneau${Strings.plural(this.lieu.appointment_count, "x")}
+
+ ${this.lieu.plateforme?html`
+ |
+
+ ${plateforme?html`
+ 
+ `:html`
+ ${this.lieu.plateforme}
+ `}
+
+ `:html``}
+
+ `:html`
+ ${this.lieu.plateforme}
+ `}
+
-
- ${this.estCliquable?html`
+ ${cardConfig.actions?html`
${Dates.isoToFRDatetime(this.lieu.prochain_rdv)}${distance ? `- ${distance} km` : ''}
++ ${this.lieu.prochain_rdv?Dates.isoToFRDatetime(this.lieu.prochain_rdv):cardConfig.libelleDateAbsente} + ${distance ? `- ${distance} km` : ''} +
@@ -74,7 +154,7 @@ export class VmdAppointmentCardComponent extends LitElement {
+ @click="${(e: Event) => { e.stopImmediatePropagation(); }}">
${Strings.toNormalizedPhoneNumber(this.lieu.metadata.phone_number)}
@@ -88,58 +168,15 @@ export class VmdAppointmentCardComponent extends LitElement {
- Prendre rendez-vous
-
`:html``}
-
+ ${cardConfig.actions}
- ${this.lieu.appointment_count.toLocaleString()} dose${Strings.plural(this.lieu.appointment_count)}
-
- ${this.lieu.plateforme?html`
- |
-
- ${plateforme?html`
-
- `:html`
- ${this.lieu.plateforme}
- `}
-
- `:html``}
-
- `:html`
- ${this.lieu.plateforme}
- `}
-
-
- `;
- }
+ `);
}
connectedCallback() {
diff --git a/src/components/vmd-commune-selector.component.ts b/src/components/vmd-commune-selector.component.ts
index 545335b03..3143bcf8a 100644
--- a/src/components/vmd-commune-selector.component.ts
+++ b/src/components/vmd-commune-selector.component.ts
@@ -1,4 +1,12 @@
-import {css, customElement, html, LitElement, property, unsafeCSS} from 'lit-element';
+import {
+ css,
+ customElement,
+ html,
+ internalProperty,
+ LitElement,
+ property,
+ unsafeCSS
+} from 'lit-element';
import {classMap} from "lit-html/directives/class-map";
import {Commune, Departement} from "../state/State";
import {repeat} from "lit-html/directives/repeat";
@@ -26,12 +34,12 @@ export class VmdCommuneSelectorComponent extends LitElement {
@property({type: String}) codeCommuneSelectionne: string | undefined = undefined;
- @property({type: Boolean, attribute: false}) inputHasFocus: boolean = false;
+ @internalProperty() inputHasFocus: boolean = false;
@property({type: Boolean, attribute: false}) inputModeFixedToText = true;
@property({type: String, attribute: false}) inputMode: 'numeric'|'text' = 'numeric';
@property({type: Array, attribute: false}) autocompleteTriggers: Set
-
-
-
-
-
-
-
-
- ${this.estCliquable?html`
-
- `:html``}
- Aucun rendez-vous
-
- ${this.lieu.nom}
-
- ${this.lieu.metadata.address} -
- - ${this.lieu.metadata.address} -
-
- ${(this.inputMode==='numeric' && (!this.communesAffichees || !this.communesAffichees.length))?html`
+ ${(this.inputMode==='numeric' && this.aucuneCommuneAffichee())?html`
- Je ne connais pas le code postal `:html``} ${this.renderListItems()} @@ -212,9 +233,21 @@ export class VmdCommuneSelectorComponent extends LitElement { } +type DepartementRecherchable = Departement & { + fullTextSearchableNom: string; + fullTextSearchableCodeDepartement: string; +}; + @customElement('vmd-commune-or-departement-selector') export class VmdCommuneOrDepartmentSelectorComponent extends VmdCommuneSelectorComponent { - @property({type: Array, attribute: false}) departementsDisponibles: Departement[] = []; + @property({type: Array, attribute: false}) set departementsDisponibles(dpts: Departement[]) { + this.departementsCherchables = dpts.map(d => ({...d, + fullTextSearchableCodeDepartement: Strings.toFullTextSearchableString(d.code_departement), + fullTextSearchableNom: Strings.toFullTextSearchableString(d.nom_departement) + })); + } + @internalProperty() departementsCherchables: DepartementRecherchable[] = []; + @property({type: Array, attribute: false}) departementsAffiches: Departement[] = []; departementSelectionne(dpt: Departement) { @@ -235,15 +268,17 @@ export class VmdCommuneOrDepartmentSelectorComponent extends VmdCommuneSelectorC this.filtrerDepartementsAffichees(); } + protected dropDownVide(): boolean { + return this.aucuneCommuneAffichee() && !this.departementsAffiches.length; + } + private filtrerDepartementsAffichees() { const fullTextSearchableQuery = Strings.toFullTextSearchableString(this.filter) - this.departementsAffiches = this.departementsDisponibles?this.departementsDisponibles.filter(dpt => { - const fullTextSearchableNomCommune = Strings.toFullTextSearchableString(dpt.nom_departement) - - return dpt.code_departement.indexOf(fullTextSearchableQuery) === 0 - || fullTextSearchableNomCommune.indexOf(fullTextSearchableQuery) !== -1; - }):[]; + this.departementsAffiches = this.departementsCherchables.filter(dpt => { + return dpt.fullTextSearchableCodeDepartement.indexOf(fullTextSearchableQuery) === 0 + || dpt.fullTextSearchableNom.indexOf(fullTextSearchableQuery) !== -1; + }); } renderListItems(): TemplateResult|DirectiveFn { diff --git a/src/state/State.ts b/src/state/State.ts index 952a71d0c..48c3adfa9 100644 --- a/src/state/State.ts +++ b/src/state/State.ts @@ -75,6 +75,7 @@ export type Lieu = { location: Coordinates, nom: string; url: string; + appointment_by_phone_only: boolean; plateforme: string; prochain_rdv: ISODateString|null; metadata: { @@ -113,11 +114,24 @@ export type LieuxParDepartement = { }; export type LieuxParDepartements = Map
-
+
+
-
+
+
-
@@ -106,14 +106,14 @@ export class VmdHomeView extends LitElement {
+
diff --git a/src/views/vmd-rdv.view.ts b/src/views/vmd-rdv.view.ts
index d12fd6ab6..001e71cb2 100644
--- a/src/views/vmd-rdv.view.ts
+++ b/src/views/vmd-rdv.view.ts
@@ -12,9 +12,9 @@ import {
Departement,
libelleUrlPathDeCommune,
libelleUrlPathDuDepartement,
- Lieu, LieuxAvecDistanceParDepartement,
+ Lieu, LieuAffichableAvecDistance, LieuxAvecDistanceParDepartement,
LieuxParDepartement,
- State,
+ State, TriCentre,
TRIS_CENTRE
} from "../state/State";
import {Dates} from "../utils/Dates";
@@ -29,6 +29,8 @@ import {ValueStrCustomEvent} from "../components/vmd-selector.component";
import {TemplateResult} from "lit-html";
import {Analytics} from "../utils/Analytics";
import {LieuCliqueCustomEvent} from "../components/vmd-appointment-card.component";
+import {setDebouncedInterval} from "../utils/Schedulers";
+import {ArrayBuilder} from "../utils/Arrays";
const MAX_DISTANCE_CENTRE_IN_KM = 100;
@@ -52,8 +54,10 @@ export abstract class AbstractVmdRdvView extends LitElement {
@property({type: Array, attribute: false}) lieuxParDepartementAffiches: LieuxAvecDistanceParDepartement | undefined = undefined;
@property({type: Boolean, attribute: false}) searchInProgress: boolean = false;
+ @property({type: Boolean, attribute: false}) miseAJourDisponible: boolean = false;
protected derniereCommuneSelectionnee: Commune|undefined = undefined;
+ protected lieuBackgroundRefreshIntervalId: number|undefined = undefined;
get communeSelectionnee(): Commune|undefined {
@@ -95,12 +99,12 @@ export abstract class AbstractVmdRdvView extends LitElement {
return undefined;
}
- get totalDoses() {
+ get totalCreneaux() {
if (!this.lieuxParDepartementAffiches) {
return 0;
}
return this.lieuxParDepartementAffiches
- .lieuxDisponibles
+ .lieuxAffichables
.reduce((total, lieu) => total+lieu.appointment_count, 0);
}
@@ -156,6 +160,10 @@ export abstract class AbstractVmdRdvView extends LitElement {
}
render() {
+ const lieuxDisponibles = (this.lieuxParDepartementAffiches && this.lieuxParDepartementAffiches.lieuxAffichables)?
+ this.lieuxParDepartementAffiches.lieuxAffichables.filter(l => l.disponible)
+ :[];
+
return html`
- ${this.totalDoses.toLocaleString()} dose${Strings.plural(this.totalDoses)} de vaccination Covid trouvée${Strings.plural(this.totalDoses)}
+ ${this.totalCreneaux.toLocaleString()} créneau${Strings.plural(this.totalCreneaux, "x")} de vaccination trouvé${Strings.plural(this.totalCreneaux)}
${this.libelleLieuSelectionne()}
Trouvez vos rendez-vous avec
${Object.values(PLATEFORMES).filter(p => p.promoted).map(plateforme => {
return html`
-
+
`
})}
@@ -180,7 +180,10 @@ export class VmdHomeView extends LitElement {
+
${this.statsLieu?this.statsLieu.global.creneaux.toLocaleString():""}
- Créneaux de vaccination disponibles
++ Créneaux de vaccination disponibles dans les prochaines semaines +
+ Ce nombre ne correspond pas au nombre de doses disponibles
@@ -188,58 +196,53 @@ export abstract class AbstractVmdRdvView extends LitElement {
`:html`
- ${this.totalDoses.toLocaleString()} dose${Strings.plural(this.totalDoses)} de vaccination Covid trouvée${Strings.plural(this.totalDoses)}
+ ${this.totalCreneaux.toLocaleString()} créneau${Strings.plural(this.totalCreneaux, "x")} de vaccination trouvé${Strings.plural(this.totalCreneaux)}
${this.libelleLieuSelectionne()}
- ${(this.lieuxParDepartementAffiches && this.lieuxParDepartementAffiches.derniereMiseAJour) ? html`Dernière mise à jour : il y a ${Dates.formatDurationFromNow(this.lieuxParDepartementAffiches!.derniereMiseAJour)}` : html``}
+ ${(this.lieuxParDepartementAffiches && this.lieuxParDepartementAffiches.derniereMiseAJour) ?
+ html`
+
+ Dernière mise à jour : il y a
+ ${Dates.formatDurationFromNow(this.lieuxParDepartementAffiches!.derniereMiseAJour)}
+ ${this.miseAJourDisponible?html`
+
+ `:html``}
+ `
+ : html``}
- ${(this.lieuxParDepartementAffiches && this.lieuxParDepartementAffiches.lieuxDisponibles.length) ? html`
+ ${lieuxDisponibles.length ? html`
{
+ onCommuneAutocompleteLoaded(autocompletes: Set): Promise {
return Promise.resolve();
}
- onceStartupPromiseResolved() {
+ async onceStartupPromiseResolved() {
// to be overriden
}
@@ -260,17 +263,28 @@ export abstract class AbstractVmdRdvView extends LitElement {
super.connectedCallback();
await Promise.all([
- State.current.departementsDisponibles().then(departementsDisponibles => {
- this.departementsDisponibles = departementsDisponibles;
- }),
- State.current.communeAutocompleteTriggers(Router.basePath).then(async (autocompletes) => {
- await this.onCommuneAutocompleteLoaded(autocompletes);
- this.communesAutocomplete = new Set(autocompletes);
- })
- ])
+ State.current.departementsDisponibles(),
+ State.current.communeAutocompleteTriggers(Router.basePath)
+ ]).then(async ([departementsDisponibles, autocompletes]: [Departement[], string[]]) => {
+ this.departementsDisponibles = departementsDisponibles;
+
+ this.communesAutocomplete = new Set(autocompletes);
+ await this.onCommuneAutocompleteLoaded(this.communesAutocomplete);
+ });
await this.onceStartupPromiseResolved();
await this.refreshLieux();
+
+ this.lieuBackgroundRefreshIntervalId = setDebouncedInterval(async () => {
+ if(this.codeDepartementSelectionne) {
+ const derniereMiseAJour = this.lieuxParDepartementAffiches?this.lieuxParDepartementAffiches.derniereMiseAJour:undefined;
+ const lieuxAJourPourDepartement = await State.current.lieuxPour(this.codeDepartementSelectionne, true)
+ this.miseAJourDisponible = (derniereMiseAJour !== lieuxAJourPourDepartement.derniereMiseAJour);
+
+ // Used only to refresh derniereMiseAJour's displayed relative time
+ await this.requestUpdate();
+ }
+ }, 45000);
}
preventRafraichissementLieux(): boolean {
@@ -358,6 +372,37 @@ export abstract class AbstractVmdRdvView extends LitElement {
return html``;
}
+ protected extraireFormuleDeTri(lieu: LieuAffichableAvecDistance, tri: CodeTriCentre) {
+ if(tri === 'date') {
+ let firstLevelSort;
+ if(lieu.appointment_by_phone_only && lieu.metadata.phone_number) {
+ firstLevelSort = 2;
+ } else if(lieu.url) {
+ firstLevelSort = lieu.appointment_count !== 0 ? (lieu.prochain_rdv!==null? 0:1):3;
+ } else {
+ firstLevelSort = 4;
+ }
+ return `${firstLevelSort}__${Strings.padLeft(Date.parse(lieu.prochain_rdv!) || 0, 15, '0')}`;
+ } else if(tri === 'distance') {
+ let firstLevelSort;
+
+ // Considering only 2 kind of sorting sections :
+ // - the one with (potentially) available appointments (with url, or appointment by phone only)
+ // - the one with unavailable appointments (without url, or with 0 available appointments)
+ if(lieu.appointment_by_phone_only && lieu.metadata.phone_number) {
+ firstLevelSort = 0;
+ } else if(lieu.url) {
+ firstLevelSort = lieu.appointment_count !== 0 ? 0:1;
+ } else {
+ firstLevelSort = 1;
+ }
+
+ return `${firstLevelSort}__${Strings.padLeft(Math.round(lieu.distance!*1000), 8, '0')}`;
+ } else {
+ throw new Error(`Unsupported tri : ${tri}`);
+ }
+ }
+
abstract libelleLieuSelectionne(): TemplateResult;
abstract afficherLieuxParDepartement(lieuxParDepartement: LieuxParDepartement): LieuxAvecDistanceParDepartement;
}
@@ -405,14 +450,14 @@ export class VmdRdvParCommuneView extends AbstractVmdRdvView {
`
}
- async onCommuneAutocompleteLoaded(autocompletes: string[]): Promise {
+ async onCommuneAutocompleteLoaded(autocompletes: Set): Promise {
if(this.codePostalSelectionne && this.codeCommuneSelectionne) {
let codePostalSelectionne = this.codePostalSelectionne;
await this.refreshBasedOnCodePostalSelectionne(autocompletes, codePostalSelectionne);
}
}
- private async refreshBasedOnCodePostalSelectionne(autocompletes: string[], codePostalSelectionne: string) {
+ private async refreshBasedOnCodePostalSelectionne(autocompletes: Set, codePostalSelectionne: string) {
const autoCompleteCodePostal = this.getAutoCompleteCodePostal(autocompletes, codePostalSelectionne);
if (!autoCompleteCodePostal) {
console.error(`Can't find autocomplete matching codepostal ${codePostalSelectionne}`);
@@ -430,11 +475,10 @@ export class VmdRdvParCommuneView extends AbstractVmdRdvView {
return autocompletes;
}
- private getAutoCompleteCodePostal(autocompletes: string[], codePostalSelectionne: string) {
- const autocompletesSet = new Set(autocompletes);
+ private getAutoCompleteCodePostal(autocompletes: Set, codePostalSelectionne: string) {
return codePostalSelectionne.split('')
.map((_, index) => codePostalSelectionne!.substring(0, index + 1))
- .find(autoCompleteAttempt => autocompletesSet.has(autoCompleteAttempt));
+ .find(autoCompleteAttempt => autocompletes.has(autoCompleteAttempt));
}
private async updateCommunesDisponiblesBasedOnAutocomplete(autoCompleteCodePostal: string) {
@@ -469,33 +513,19 @@ export class VmdRdvParCommuneView extends AbstractVmdRdvView {
:(lieu: Lieu) => undefined;
const { lieuxDisponibles, lieuxIndisponibles } = {
- lieuxDisponibles: lieuxParDepartement?lieuxParDepartement.lieuxDisponibles.map(l => ({
- ...l, distance: distanceAvec(l)
- })).filter(l => !l.distance || l.distance < MAX_DISTANCE_CENTRE_IN_KM):[],
- lieuxIndisponibles: lieuxParDepartement?lieuxParDepartement.lieuxIndisponibles.map(l => ({
- ...l, distance: distanceAvec(l)
- })).filter(l => !l.distance || l.distance < MAX_DISTANCE_CENTRE_IN_KM):[],
+ lieuxDisponibles: lieuxParDepartement?lieuxParDepartement.lieuxDisponibles:[],
+ lieuxIndisponibles: lieuxParDepartement?lieuxParDepartement.lieuxIndisponibles:[],
};
- if(this.critèreDeTri==='date') {
- return {
- ...lieuxParDepartement,
- lieuxDisponibles: [...lieuxDisponibles]
- .sort((a, b) => Date.parse(a.prochain_rdv!) - Date.parse(b.prochain_rdv!)),
- lieuxIndisponibles: [...lieuxIndisponibles]
- .sort((a, b) => Date.parse(a.prochain_rdv!) - Date.parse(b.prochain_rdv!)),
- };
- } else if(this.critèreDeTri==='distance') {
- return {
- ...lieuxParDepartement!,
- lieuxDisponibles: [...lieuxDisponibles]
- .sort((a, b) => a.distance! - b.distance!),
- lieuxIndisponibles: [...lieuxIndisponibles]
- .sort((a, b) => a.distance! - b.distance!),
- };
- } else {
- throw new Error("No critereDeTri defined !");
- }
+ return {
+ ...lieuxParDepartement,
+ lieuxAffichables: ArrayBuilder.from([...lieuxDisponibles].map(l => ({...l, disponible: true})))
+ .concat([...lieuxIndisponibles].map(l => ({...l, disponible: false})))
+ .map(l => ({...l, distance: distanceAvec(l) }))
+ .filter(l => !l.distance || l.distance < MAX_DISTANCE_CENTRE_IN_KM)
+ .sortBy(l => this.extraireFormuleDeTri(l, this.critèreDeTri))
+ .build()
+ };
}
critereTriUpdated(triCentre: CodeTriCentre) {
@@ -549,20 +579,17 @@ export class VmdRdvParDepartementView extends AbstractVmdRdvView {
afficherLieuxParDepartement(lieuxParDepartement: LieuxParDepartement): LieuxAvecDistanceParDepartement {
const { lieuxDisponibles, lieuxIndisponibles } = {
- lieuxDisponibles: lieuxParDepartement?lieuxParDepartement.lieuxDisponibles.map(l => ({
- ...l, distance: undefined
- })):[],
- lieuxIndisponibles: lieuxParDepartement?lieuxParDepartement.lieuxIndisponibles.map(l => ({
- ...l, distance: undefined
- })):[],
+ lieuxDisponibles: lieuxParDepartement?lieuxParDepartement.lieuxDisponibles:[],
+ lieuxIndisponibles: lieuxParDepartement?lieuxParDepartement.lieuxIndisponibles:[],
};
return {
...lieuxParDepartement,
- lieuxDisponibles: [...lieuxDisponibles]
- .sort((a, b) => Date.parse(a.prochain_rdv!) - Date.parse(b.prochain_rdv!)),
- lieuxIndisponibles: [...lieuxIndisponibles]
- .sort((a, b) => Date.parse(a.prochain_rdv!) - Date.parse(b.prochain_rdv!)),
+ lieuxAffichables: ArrayBuilder.from([...lieuxDisponibles].map(l => ({...l, disponible: true})))
+ .concat([...lieuxIndisponibles].map(l => ({...l, disponible: false})))
+ .map(l => ({...l, distance: undefined }))
+ .sortBy(l => this.extraireFormuleDeTri(l, 'date'))
+ .build()
};
}
}
diff --git a/src/vmd-app.component.ts b/src/vmd-app.component.ts
index 69b3b6386..4cc7696f3 100644
--- a/src/vmd-app.component.ts
+++ b/src/vmd-app.component.ts
@@ -29,18 +29,20 @@ export class VmdAppComponent extends LitElement {
render() {
return html`
-
- ${this.lieuxParDepartementAffiches.lieuxDisponibles.length} Lieu${Strings.plural(this.lieuxParDepartementAffiches.lieuxDisponibles.length, 'x')} de vaccination Covid avec des disponibilités + ${lieuxDisponibles.length} Lieu${Strings.plural(lieuxDisponibles.length, 'x')} de vaccination avec des disponibilités
` : html` -Aucun créneau de vaccination trouvé
-Nous n’avons pas trouvé de rendez-vous de vaccination Covid sur ces centres, nous vous recommandons toutefois de vérifier manuellement les rendez-vous de vaccination auprès des sites qui gèrent la réservation de créneau de vaccination. Pour ce faire, cliquez sur le bouton “vérifier le centre de vaccination”.
++ + + Aucun créneau de vaccination trouvé + +
+
+ Nous n’avons pas trouvé de rendez-vous de vaccination Covid-19
+ sur les plateformes de réservation. Nous vous recommandons toutefois de vérifier manuellement
+ les rendez-vous de vaccination auprès des sites qui gèrent la réservation de créneau de vaccination.
+ Pour ce faire, cliquez sur le bouton “vérifier le centre de vaccination”.
+
`}
-
-
- ${repeat(this.lieuxParDepartementAffiches?this.lieuxParDepartementAffiches.lieuxDisponibles:[], (c => `${c.departement}||${c.nom}||${c.plateforme}}`), (lieu, index) => {
- return html` `${c.departement}||${c.nom}||${c.plateforme}}`), (lieu, index) => {
+ return html`
- - - Autres centres sans créneaux de vaccination détectés - -
- - ${repeat(this.lieuxParDepartementAffiches.lieuxIndisponibles || [], (c => `${c.departement}||${c.nom}||${c.plateforme}`), (lieu, index) => { - return html`Les critères d'éligibilité sont vérifiés lors de la prise de rendez-vous
@@ -248,11 +251,11 @@ export abstract class AbstractVmdRdvView extends LitElement { `; } - onCommuneAutocompleteLoaded(autocompletes: string[]): Promise
-
- 
- 
-
-
-
-
-
-
- À propos
-
-
- CovidTracker
+
+
+
+
+
+
+
+
+
+
+
+ À propos
+
+
+ CovidTracker
+