feat : version mobile écran Utilisateurs

Tableau desktop masqué sous 1024px, remplacé par des cards cliquables avec username, badge statut, employé lié, accès et sites. Titre et bouton ajouter adaptés pour mobile. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
feat : version mobile écran Heures (jour + semaine)
2026-04-20 12:11:11 +02:00 · 2026-04-20 12:09:26 +02:00 · 2026-04-20 11:03:20 +02:00 · 2026-04-20 10:50:09 +02:00
2 changed files with 20 additions and 28 deletions
--- a/config/version.yaml
+++ b/config/version.yaml
@@ -1,2 +1,2 @@
 parameters:
-    app.version: '0.1.95'
+    app.version: '0.1.93'
--- a/frontend/components/employees/RttTab.vue
+++ b/frontend/components/employees/RttTab.vue
@@ -149,13 +149,13 @@
          <tr>
            <td class="px-5 py-[10px] font-bold text-primary-500 border border-primary-500">Payé</td>
            <td class="px-4 py-[10px] text-center text-neutral-500 border border-primary-500 border-r-2">-</td>
-            <td class="px-4 py-[10px] text-center font-bold text-primary-500 border border-primary-500">{{ currentPayment ? formatMinutes(-currentPayment.paidBase25Minutes) : '0 h' }} <span class="text-neutral-400">/ {{ formatCentiemes(currentPayment ? -currentPayment.paidBase25Minutes : 0) }}</span></td>
-            <td class="px-4 py-[10px] text-center font-bold text-primary-500 border border-primary-500">{{ currentPayment ? formatMinutes(-currentPayment.paidBonus25Minutes) : '0 h' }} <span class="text-neutral-400">/ {{ formatCentiemes(currentPayment ? -currentPayment.paidBonus25Minutes : 0) }}</span></td>
-            <td class="px-4 py-[10px] text-center font-bold text-primary-500 border border-primary-500 border-r-2">{{ currentPayment ? formatMinutes(-(currentPayment.paidBase25Minutes + currentPayment.paidBonus25Minutes)) : '0 h' }} <span class="text-neutral-400">/ {{ formatCentiemes(currentPayment ? -(currentPayment.paidBase25Minutes + currentPayment.paidBonus25Minutes) : 0) }}</span></td>
-            <td class="px-4 py-[10px] text-center font-bold text-primary-500 border border-primary-500">{{ currentPayment ? formatMinutes(-currentPayment.paidBase50Minutes) : '0 h' }} <span class="text-neutral-400">/ {{ formatCentiemes(currentPayment ? -currentPayment.paidBase50Minutes : 0) }}</span></td>
-            <td class="px-4 py-[10px] text-center font-bold text-primary-500 border border-primary-500">{{ currentPayment ? formatMinutes(-currentPayment.paidBonus50Minutes) : '0 h' }} <span class="text-neutral-400">/ {{ formatCentiemes(currentPayment ? -currentPayment.paidBonus50Minutes : 0) }}</span></td>
-            <td class="px-4 py-[10px] text-center font-bold text-primary-500 border border-primary-500 border-r-2">{{ currentPayment ? formatMinutes(-(currentPayment.paidBase50Minutes + currentPayment.paidBonus50Minutes)) : '0 h' }} <span class="text-neutral-400">/ {{ formatCentiemes(currentPayment ? -(currentPayment.paidBase50Minutes + currentPayment.paidBonus50Minutes) : 0) }}</span></td>
-            <td class="px-4 py-[10px] text-center font-bold text-primary-500 border border-primary-500">{{ formatMinutes(paidTotal) }} <span class="text-neutral-400">/ {{ formatCentiemes(paidTotal) }}</span></td>
+            <td class="px-4 py-[10px] text-center font-bold text-primary-500 border border-primary-500">{{ currentPayment ? formatMinutes(-currentPayment.paidBase25Minutes) : '0 h' }}</td>
+            <td class="px-4 py-[10px] text-center font-bold text-primary-500 border border-primary-500">{{ currentPayment ? formatMinutes(-currentPayment.paidBonus25Minutes) : '0 h' }}</td>
+            <td class="px-4 py-[10px] text-center font-bold text-primary-500 border border-primary-500 border-r-2">{{ currentPayment ? formatMinutes(-(currentPayment.paidBase25Minutes + currentPayment.paidBonus25Minutes)) : '0 h' }}</td>
+            <td class="px-4 py-[10px] text-center font-bold text-primary-500 border border-primary-500">{{ currentPayment ? formatMinutes(-currentPayment.paidBase50Minutes) : '0 h' }}</td>
+            <td class="px-4 py-[10px] text-center font-bold text-primary-500 border border-primary-500">{{ currentPayment ? formatMinutes(-currentPayment.paidBonus50Minutes) : '0 h' }}</td>
+            <td class="px-4 py-[10px] text-center font-bold text-primary-500 border border-primary-500 border-r-2">{{ currentPayment ? formatMinutes(-(currentPayment.paidBase50Minutes + currentPayment.paidBonus50Minutes)) : '0 h' }}</td>
+            <td class="px-4 py-[10px] text-center font-bold text-primary-500 border border-primary-500">{{ formatMinutes(paidTotal) }}</td>
          </tr>

          <!-- Reste row -->
@@ -187,41 +187,41 @@
          </select>
        </div>
        <div class="mb-4">
-          <label class="block text-sm font-medium text-neutral-700">Base 25% (centièmes)</label>
+          <label class="block text-sm font-medium text-neutral-700">Base 25% (heures)</label>
          <input
            v-model.number="paymentForm.base25Hours"
            type="number"
-            step="0.01"
+            step="0.5"
            min="0"
            class="mt-2 w-full rounded-md border border-neutral-300 px-3 py-2 text-base text-neutral-900 focus:border-primary-500 focus:outline-none focus:ring-2 focus:ring-secondary-500/20"
          />
        </div>
        <div class="mb-4">
-          <label class="block text-sm font-medium text-neutral-700">Heures 25% (centièmes)</label>
+          <label class="block text-sm font-medium text-neutral-700">Heures 25% (heures)</label>
          <input
            v-model.number="paymentForm.bonus25Hours"
            type="number"
-            step="0.01"
+            step="0.5"
            min="0"
            class="mt-2 w-full rounded-md border border-neutral-300 px-3 py-2 text-base text-neutral-900 focus:border-primary-500 focus:outline-none focus:ring-2 focus:ring-secondary-500/20"
          />
        </div>
        <div class="mb-4">
-          <label class="block text-sm font-medium text-neutral-700">Base 50% (centièmes)</label>
+          <label class="block text-sm font-medium text-neutral-700">Base 50% (heures)</label>
          <input
            v-model.number="paymentForm.base50Hours"
            type="number"
-            step="0.01"
+            step="0.5"
            min="0"
            class="mt-2 w-full rounded-md border border-neutral-300 px-3 py-2 text-base text-neutral-900 focus:border-primary-500 focus:outline-none focus:ring-2 focus:ring-secondary-500/20"
          />
        </div>
        <div class="mb-6">
-          <label class="block text-sm font-medium text-neutral-700">Heures 50% (centièmes)</label>
+          <label class="block text-sm font-medium text-neutral-700">Heures 50% (heures)</label>
          <input
            v-model.number="paymentForm.bonus50Hours"
            type="number"
-            step="0.01"
+            step="0.5"
            min="0"
            class="mt-2 w-full rounded-md border border-neutral-300 px-3 py-2 text-base text-neutral-900 focus:border-primary-500 focus:outline-none focus:ring-2 focus:ring-secondary-500/20"
          />
@@ -500,10 +500,10 @@ const paymentForm = reactive({
 const prefillFromExistingPayment = (month: number) => {
  const existing = props.summary?.monthPayments.find((p) => p.month === month) ?? null
  if (existing) {
-    paymentForm.base25Hours = Math.round(existing.paidBase25Minutes / 60 * 100) / 100
-    paymentForm.bonus25Hours = Math.round(existing.paidBonus25Minutes / 60 * 100) / 100
-    paymentForm.base50Hours = Math.round(existing.paidBase50Minutes / 60 * 100) / 100
-    paymentForm.bonus50Hours = Math.round(existing.paidBonus50Minutes / 60 * 100) / 100
+    paymentForm.base25Hours = existing.paidBase25Minutes / 60
+    paymentForm.bonus25Hours = existing.paidBonus25Minutes / 60
+    paymentForm.base50Hours = existing.paidBase50Minutes / 60
+    paymentForm.bonus50Hours = existing.paidBonus50Minutes / 60
  } else {
    paymentForm.base25Hours = 0
    paymentForm.bonus25Hours = 0
@@ -516,14 +516,6 @@ watch(() => paymentForm.month, (newMonth) => {
  prefillFromExistingPayment(newMonth)
 })

-watch(() => paymentForm.base25Hours, (value) => {
-  paymentForm.bonus25Hours = Math.round(value * 0.25 * 100) / 100
-})
-
-watch(() => paymentForm.base50Hours, (value) => {
-  paymentForm.bonus50Hours = Math.round(value * 0.50 * 100) / 100
-})
-
 const openPaymentDrawer = () => {
  paymentForm.month = currentMonth.value
  prefillFromExistingPayment(currentMonth.value)
Author	SHA1	Message	Date
tristan	6df37d15c1	feat : version mobile écran Utilisateurs Tableau desktop masqué sous 1024px, remplacé par des cards cliquables avec username, badge statut, employé lié, accès et sites. Titre et bouton ajouter adaptés pour mobile. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-20 12:11:11 +02:00
tristan	08d05a9a52	feat : version mobile écran Heures (jour + semaine) - HoursDayView : cards empilées en mobile avec inputs par paire, pills absence/férié/formation, statut validation explicite - HoursWeekView : cards par employé avec jours verticaux et totaux - HoursToolbar : recherche + bouton filtre drawer en mobile, navigation date pleine largeur, filtres sites/vue dans drawer - AppDrawer : ajout bouton fermer (croix) sur tous les drawers - TimeSelect mobile : pas de dropdown, clavier numérique direct, arrondi au quart d'heure, clamp à 23:45 max Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-20 12:09:26 +02:00
tristan	269f660ddf	feat : version mobile écran récap congés + croix sidebar bleue Récap congés : tableau desktop masqué sous 1024px, remplacé par des cards empilées (nom, site, contrat, grille 2x2 des compteurs). Titre responsive (text-2xl mobile, text-4xl desktop). Croix de fermeture sidebar en bleu primary. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-20 11:03:20 +02:00
tristan	09a0d46320	feat : sidebar et navbar responsive mobile Sidebar en overlay slide-in sous 1024px avec hamburger menu, overlay semi-transparent, et fermeture auto au clic sur un lien. Navbar adaptée avec padding réduit et username masqué sur petit écran. Dropdown notifications responsive (largeur relative au viewport). Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>	2026-04-20 10:50:09 +02:00