From f40f80dd1f543e9a84038b61452dcf04f8c26e41 Mon Sep 17 00:00:00 2001
From: vincent <vincent@sleede.com>
Date: Wed, 15 Jun 2022 13:48:42 +0200
Subject: [PATCH] Fix canceled event label's translation

---
 CHANGELOG.md                                        | 1 +
 app/frontend/src/stylesheets/app.layout.scss        | 2 +-
 app/frontend/templates/admin/calendar/calendar.html | 2 +-
 app/frontend/templates/admin/members/edit.html      | 2 +-
 app/frontend/templates/dashboard/trainings.html     | 4 ++--
 5 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b855591ae..3f84f3352 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -17,6 +17,7 @@
 - Fix a bug: error message during the setup: the input device is not a TTY
 - Fix a bug: when Fab-manager was installed as non-root user, unable to compile the assets during the upgrade
 - [TODO DEPLOY] `\curl -sSL https://raw.githubusercontent.com/sleede/fab-manager/master/scripts/set-docker-user.sh | bash`
+- Fix canceled event label's translation
 
 ## v5.4.4 2022 June 8
 
diff --git a/app/frontend/src/stylesheets/app.layout.scss b/app/frontend/src/stylesheets/app.layout.scss
index 5ef13ba35..00ccea00d 100644
--- a/app/frontend/src/stylesheets/app.layout.scss
+++ b/app/frontend/src/stylesheets/app.layout.scss
@@ -420,7 +420,7 @@ body.container {
   }
 
   &:before {
-    content: "Annulée";
+    content: attr(data-label);
     display: inline-block;
     background-color: #c44242;
     border-radius: 0.25em;
diff --git a/app/frontend/templates/admin/calendar/calendar.html b/app/frontend/templates/admin/calendar/calendar.html
index 821c70b40..f7a132f7d 100644
--- a/app/frontend/templates/admin/calendar/calendar.html
+++ b/app/frontend/templates/admin/calendar/calendar.html
@@ -83,7 +83,7 @@
         </div>
         <div class="widget-content no-bg auto wrapper" ng-class="{'reservations-locked': availability.lock}">
           <ul class="list-unstyled" ng-if="reservations.length > 0">
-            <li ng-repeat="r in reservations" class="m-b-xs" ng-class="{'reservation-canceled':r.canceled_at}">
+            <li ng-repeat="r in reservations" class="m-b-xs" data-label="{{ 'app.admin.event_reservations.canceled' | translate}}" ng-class="{'reservation-canceled':r.canceled_at}">
               <span ng-if="r.user.name">{{r.user.name}}</span>
               <span translate ng-if="!r.user.name">{{ 'app.admin.calendar.deleted_user' }}</span>
                 - <span class="label reservation-time">{{ r.start_at | amDateFormat:'LLL' }} - {{ r.end_at | amDateFormat:'LT' }}</span>
diff --git a/app/frontend/templates/admin/members/edit.html b/app/frontend/templates/admin/members/edit.html
index cb22dc095..a4373b635 100644
--- a/app/frontend/templates/admin/members/edit.html
+++ b/app/frontend/templates/admin/members/edit.html
@@ -136,7 +136,7 @@
               </div>
               <div class="widget-content bg-light wrapper r-b">
                 <ul class="list-unstyled" ng-if="user.training_reservations.length > 0">
-                  <li class="m-b" ng-repeat="r in user.training_reservations | trainingReservationsFilter:'future'" ng-class="{'reservation-canceled':r.canceled_at}">
+                  <li class="m-b" ng-repeat="r in user.training_reservations | trainingReservationsFilter:'future'" data-label="{{ 'app.admin.event_reservations.canceled' | translate}}" ng-class="{'reservation-canceled':r.canceled_at}">
                     <span class="font-sbold">{{r.reservable.name}}</span> - <span class="label label-warning wrapper-sm">{{ r.start_at | amDateFormat:'LLL' }} - {{ r.end_at | amDateFormat:'LT' }}</span>
                   </li>
                 </ul>
diff --git a/app/frontend/templates/dashboard/trainings.html b/app/frontend/templates/dashboard/trainings.html
index 6209b0a3b..9516ac27a 100644
--- a/app/frontend/templates/dashboard/trainings.html
+++ b/app/frontend/templates/dashboard/trainings.html
@@ -39,7 +39,7 @@
         </div>
         <div class="widget-content bg-light wrapper r-b">
           <ul class="list-unstyled" ng-if="user.training_reservations.length > 0">
-            <li ng-repeat="r in user.training_reservations | trainingReservationsFilter:'future'" class="m-b" ng-class="{'reservation-canceled':r.canceled_at}">
+            <li ng-repeat="r in user.training_reservations | trainingReservationsFilter:'future'" class="m-b" data-label="{{ 'app.admin.event_reservations.canceled' | translate}}" ng-class="{'reservation-canceled':r.canceled_at}">
               <span class="font-sbold">{{r.reservable.name}}</span> - <span class="label label-warning wrapper-sm">{{ r.start_at | amDateFormat:'LLL' }} - {{ r.end_at | amDateFormat:'LT' }}</span>
             </li>
           </ul>
@@ -54,7 +54,7 @@
         </div>
         <div class="widget-content bg-light auto wrapper r-b">
           <ul class="list-unstyled" ng-if="user.training_reservations.length > 0">
-            <li ng-repeat="r in user.training_reservations | trainingReservationsFilter:'passed'" class="m-b" ng-class="{'reservation-canceled':r.canceled_at}">
+            <li ng-repeat="r in user.training_reservations | trainingReservationsFilter:'passed'" class="m-b" data-label="{{ 'app.admin.event_reservations.canceled' | translate}}" ng-class="{'reservation-canceled':r.canceled_at}">
               <span class="font-sbold">{{r.reservable.name}}</span> - <span class="label label-info text-white wrapper-sm">{{ r.start_at | amDateFormat:'LLL' }} - {{ r.end_at | amDateFormat:'LT' }}</span>
             </li>
           </ul>