v0.14 tag

components/btn/Sort.vue

 <template>
-	<div class="d-flex align-items-center">
+	<div class="d-flex align-items-center justify-content-center">
 		<div style="width: fit-content">{{ title }}</div>
 		<div class="ml-2">
 			<div

components/member/List.vue

 <template>
 	<div class="table-responsive pb-3">
-		<table class="table table-striped table-hover">
+		<table class="table table-striped table-hover text-center">
 			<thead class="thead-light sortable" v-if="displayHead">
 				<tr>
 					<th class="position-relative" scope="col" @click="sort('uid')">
@@ -28,7 +28,7 @@
 						v-if="displayDate">
 						<BtnSort
 							fieldName="date_sortie"
-							:title="$t('membre.datelimpertestatut')"
+							:title="getTitleDate"
 							:currentSort="currentSort"
 							:currentSortDir="currentSortDir" />
 					</th>
@@ -69,11 +69,12 @@
 						@click="redirect(member.hash)">
 						<BadgeDate :date="date(member)" styleDate="long" />
 					</td>
-					<td class="py-1 text-center" :title="$t('favoris.supprimer')">
+					<td class="py-1">
 						<button
 							class="btn btn-danger"
 							v-if="$favourites.list.includes(member.uid)"
-							@click="$favourites.toggleFavourite(member.uid, $event)">
+							@click="$favourites.toggleFavourite(member.uid, $event)"
+							:title="$t('favoris.supprimer')">
 							X
 						</button>
 					</td>
@@ -196,6 +197,13 @@ export default {
 					let end = this.currentPage * this.pageSize
 					if (index >= start && index < end) return true
 				})
+		},
+		getTitleDate() {
+			if (this.adhesion || this.certif) {
+				return this.$t("date")
+			} else {
+				return this.$t("membre.datelimpertestatut")
+			}
 		}
 	}
 }

components/navigation/menu/Sidebar.vue

@@ -5,7 +5,7 @@
 				<img :src="$icon(512)" alt="Accueil" class="logo" />
 				<div>
 					<h1 class="h3">
-						Wotwizard <small><span class="small">v0.13</span></small>
+						Wotwizard <small><span class="small">v0.14</span></small>
 					</h1>
 					<small class="text-muted">{{ $t("slogan") }}</small>
 				</div>

i18n/locales/de.json

@@ -57,6 +57,7 @@
 		}
 	},
 	"copie": "Kopiert",
+	"date": "Datum",
 	"description": "Beschreibung",
 	"dev": "In Entwicklung",
 	"dividende": {

i18n/locales/en.json

@@ -58,6 +58,7 @@
 		}
 	},
 	"copie": "Copied",
+	"date": "Date",
 	"description": "Description",
 	"dev": "In development",
 	"dividende": {

i18n/locales/es.json

@@ -58,6 +58,7 @@
 		}
 	},
 	"copie": "Copiada",
+	"date": "Fecha",
 	"description": "Descripción",
 	"dev": "En desarrollo",
 	"dividende": {

i18n/locales/fr.json

@@ -58,6 +58,7 @@
 		}
 	},
 	"copie": "Copiée",
+	"date": "Date",
 	"description": "Description",
 	"dev": "En Développement",
 	"dividende": {

pages/previsions/futures_sorties.vue

@@ -2,16 +2,16 @@
 	<main class="container">
 		<h2 class="text-center my-5 font-weight-light">{{ $t("futureexits") }}</h2>
 		<div class="row flex-column align-items-center">
-			<div class="col-6 mb-4 text-center">
+			<div class="col mb-4 text-center">
 				<input type="checkbox" id="favoris" v-model="favoris" />
 				<label for="favoris" class="form-label">{{ $t("favoris.use") }}</label>
 			</div>
-			<div class="col-6 mb-4" v-if="!favoris">
-				<div class="form-group row">
-					<label for="period" class="col-sm-6 col-form-label text-right">{{
+			<div class="col-10 mb-4" v-if="!favoris">
+				<div class="form-group row period">
+					<label for="period" class="col-sm-6 col-form-label">{{
 						$t("previsions.period.title") + "&nbsp;:"
 					}}</label>
-					<div class="col-sm-6">
+					<div class="col-sm-6 col-md-5 col-lg-4 col-xl-3">
 						<select
 							class="form-control"
 							id="period"
@@ -157,3 +157,19 @@ export default {
 	}
 }
 </script>
+
+<style lang="scss">
+.period {
+	text-align: center;
+
+	select {
+		text-align: inherit;
+	}
+
+	@media (min-width: 576px) {
+		label {
+			text-align: right;
+		}
+	}
+}
+</style>