From 2b6e8ea5c1dbc06b9016b46fb58e503ea4aa27f5 Mon Sep 17 00:00:00 2001
From: Tykayn <contact@cipherbliss.com>
Date: Thu, 10 Mar 2022 16:43:59 +0100
Subject: [PATCH] error message when no date selected on hour page; add no
 default day

---
 .../form/steps/step-four/step-four.component.html    | 12 ++++++++++--
 src/assets/i18n/en.json                              |  1 +
 src/assets/i18n/fr.json                              |  1 +
 src/styles/partials/_typo.scss                       |  3 +++
 4 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/app/features/administration/form/steps/step-four/step-four.component.html b/src/app/features/administration/form/steps/step-four/step-four.component.html
index 566f23dc..08ec013e 100644
--- a/src/app/features/administration/form/steps/step-four/step-four.component.html
+++ b/src/app/features/administration/form/steps/step-four/step-four.component.html
@@ -3,10 +3,13 @@
 	<div class="min-height">
 		<app-errors-list [form]="pollService.form"></app-errors-list>
 
-		<div class="custom-day-time-slices" *ngIf="1">
+		<div class="custom-day-time-slices">
 			<h1 class="title is-1">
 				{{ 'hours.title' | translate }}
 			</h1>
+			<div class="no-days-error has-text-danger" *ngIf="!pollService.dateChoiceList.length">
+				{{ 'hours.missing-days' | translate }}
+			</div>
 			<div
 				class="days-list-having-separated-time-slices rounded-block"
 				*ngFor="let dayChoice of pollService.dateChoiceList; index as day_id"
@@ -68,7 +71,12 @@
 			</div>
 		</div>
 	</div>
-	<button id="apply_same_hour" class="is-secondary is-thin button is-fullwidth" (click)="openModal()">
+	<button
+		id="apply_same_hour"
+		class="is-secondary is-thin button is-fullwidth"
+		(click)="openModal()"
+		*ngIf="pollService.dateChoiceList.length"
+	>
 		{{ 'hours.apply_same' | translate }}
 	</button>
 </div>
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index 378faded..b6711647 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -108,6 +108,7 @@
         "element": "Time span",
         "apply_same": "Apply the same time spans to all dates",
         "add": "Add time span",
+        "missing-days": "No days have been selected, please add at least one",
         "empty": "No time span",
         "reinit": "Reinitialize",
         "modal": {
diff --git a/src/assets/i18n/fr.json b/src/assets/i18n/fr.json
index a8cae927..2825aa53 100644
--- a/src/assets/i18n/fr.json
+++ b/src/assets/i18n/fr.json
@@ -108,6 +108,7 @@
         "element": "Horaire",
         "apply_same": "Appliquer le même horaire à toutes les dates",
         "add": "Ajouter horaire",
+				"missing-days": "Aucun jour n'a été sélectionné, veuillez en ajouter au moins un",
         "empty": "Aucune plage horaire",
         "reinit": "Réinitialiser",
         "modal": {
diff --git a/src/styles/partials/_typo.scss b/src/styles/partials/_typo.scss
index 73c0b60c..f2c09de3 100644
--- a/src/styles/partials/_typo.scss
+++ b/src/styles/partials/_typo.scss
@@ -72,4 +72,7 @@ body {
 	.icon-success {
 		fill: $success_color;
 	}
+	.has-text-danger {
+		color: red !important;
+	}
 }