replace input vy select for futures_sorties

i18n/locales/en.json

@@ -77,6 +77,7 @@
 	"infos": "Informations",
 	"inout": "Entries and exits of the web of trust for the last 2 days",
 	"inpreparation": "In preparation",
+	"jours": "0 days | 1 day | {n} days",
 	"lexique": "Lexicon",
 	"limitDate": "Deadline",
 	"membre": {
@@ -158,7 +159,7 @@
 		"parmembre": "Forecasts by members",
 		"period": {
 			"title": "Search period",
-			"desc": "Select the desired number of days between 1 and 30"
+			"desc": "Select the desired number of days"
 		},
 		"title": "Forecasts"
 	},

i18n/locales/es.json

@@ -77,6 +77,7 @@
 	"infos": "Informaciones",
 	"inout": "Entradas y salidas de la red de confianza en los últimos 2 días",
 	"inpreparation": "En preparación",
+	"jours": "0 días | 1 día | {n} días",
 	"lexique": "Léxico",
 	"limitDate": "Fecha límite",
 	"membre": {
@@ -158,7 +159,7 @@
 		"parmembre": "Previsiones por miembros",
 		"period": {
 			"title": "Período de búsqueda",
-			"desc": "Seleccione el número de días deseado entre 1 y 30"
+			"desc": "Seleccione el número de días deseado"
 		},
 		"title": "Pronósticos"
 	},

i18n/locales/fr.json

@@ -77,6 +77,7 @@
 	"infos": "Informations",
 	"inout": "Entrées et sorties de la toile de confiance des 2 derniers jours",
 	"inpreparation": "En préparation",
+	"jours": "0 jours | 1 jour | {n} jours",
 	"lexique": "Lexique",
 	"limitDate": "Date limite",
 	"membre": {
@@ -158,7 +159,7 @@
 		"parmembre": "Prévisions par membres",
 		"period": {
 			"title": "Période de recherche",
-			"desc": "Sélectionnez le nombre de jours souhaités entre 1 et 30"
+			"desc": "Sélectionnez le nombre de jours souhaités"
 		},
 		"title": "Prévisions"
 	},

pages/previsions/futures_sorties.vue

@@ -6,17 +6,18 @@
 				<label for="period" class="form-label">{{
 					$t("previsions.period.title")
 				}}</label>
-				<input
-					type="number"
+
+				<select
 					class="form-control"
-					:class="{ 'is-invalid': periodIsInvalid() }"
 					id="period"
 					aria-describedby="periodHelp"
 					v-model="period"
-					autocomplete="off"
-					min="1"
-					max="30"
-					@keyup="save" />
+					@change="save">
+					<option v-for="index in 30" :key="index" :value="index">
+						{{ $tc("jours", index) }}
+					</option>
+				</select>
+
 				<small id="periodHelp" class="form-text text-muted">{{
 					$t("previsions.period.desc")
 				}}</small>
@@ -116,9 +117,6 @@ export default {
 				return this.period * day
 			}
 			return defaultPeriod
-		},
-		periodIsInvalid() {
-			return this.period != "" && (this.period < 1 || this.period > 30)
 		}
 	},
 	apollo: {