Exercise: Add labels in timers BT#17791

app/Resources/public/css/base.css

@@ -3000,19 +3000,19 @@ table.certaintyTable td.globalChart {
     padding: 5px;
     text-align: center;
     margin-bottom: 10px;
-    background: url(../../main/img/clock-exercise.png) no-repeat center center #FFF;
+    background: no-repeat center center #FFF;
     border: 1px solid #DDD;
     border-radius: 5px;
 }
 
 .time_warning_two {
-    background: url(../../main/img/clock-exercise.png) no-repeat center center #FFD700;
+    background: no-repeat center center #FFD700;
     border: 1px solid #FFCC00;
     color: #C00;
 }
 
 .time_warning_one {
-    background: url(../../main/img/clock-exercise.png) no-repeat center center #FB3A35;
+    background: no-repeat center center #FB3A35;
     border: 1px solid #FB3A35;
     color: #FFF;
 }

main/exercise/exercise.class.php

@@ -7190,7 +7190,12 @@ class Exercise
             '<span id="counter_to_redirect" class="red_alert"></span>'
         );
         $html .= '</div>';
-        $html .= '<div id="exercise_clock_warning" class="count_down"></div>';
+
+        $icon = Display::returnFontAwesomeIcon('clock-o');
+        $html .= '<div class="count_down">
+                    '.get_lang('RemainingTimeToFinishExercise').'
+                    '.$icon.'<span id="exercise_clock_warning"></span>
+                </div>';
 
         return $html;
     }

main/exercise/exercise_submit.php

@@ -1139,7 +1139,9 @@ if ($time_control) {
 }
 
 if ($allowTimePerQuestion) {
+    $icon = Display::returnFontAwesomeIcon('clock-o');
     echo '<div class="well" style="text-align: center">
+            '.get_lang('RemainingTimeToFinishQuestion').'
             <div id="question_timer" class="label label-warning"></div>
           </div>';
 }

main/lang/english/trad4all.inc.php

@@ -8684,4 +8684,6 @@ $WrongAnswer = "Wrong answer";
 $WrongAttemptXInCourseX = "Failure on attempt %s at %s";
 $ExerciseValidationInCourseX = "Validation of exercise at %s";
 $BlockCategoryExplanation = "You finished the questions related to this question category, it's your last chance to go back and revise those questions. Once you click on follow exercise you will go to the next question category and will not be able to go back to this part of the test.";
+$RemainingTimeToFinishExercise = "Remaining time to finish exercise";
+$RemainingTimeToFinishQuestion = "Remaining time to finish question";
 ?>

main/lang/french/trad4all.inc.php

@@ -8616,4 +8616,6 @@ $WrongAnswer = "Mauvaise réponse";
 $WrongAttemptXInCourseX = "Échec à la tentative %s de %s";
 $ExerciseValidationInCourseX = "Validation de l'exercice pour %s";
 $BlockCategoryExplanation = "Vous avez terminé les questions de cette catégorie, c'est votre dernière chance de revenir en arrière et réviser ces questions. Une fois que vous cliquerez sur le bouton pour continuer l'exercice vous passerez à la prochaine catégorie de questions et vous ne pourrez pas revenir sur cette partie de l'exercice.";
+$RemainingTimeToFinishExercise = "Temps restant pour terminer l'exercice";
+$RemainingTimeToFinishQuestion = "Temps restant pour terminer la question";
 ?>

main/lang/spanish/trad4all.inc.php

@@ -8712,4 +8712,6 @@ $WrongAnswer = "Respuesta incorrecta";
 $WrongAttemptXInCourseX = "Fallo en el intento %s de %s";
 $ExerciseValidationInCourseX = "Validacion del ejercicio de %s";
 $BlockCategoryExplanation = "Ha completado las preguntas de esta categoría, esta es su última oportunidad para volver atrás y revisar estas preguntas. Una vez que haga clic en el botón para continuar con el ejercicio, pasará a la siguiente categoría de preguntas y no podrá volver a esta parte del ejercicio.";
+$RemainingTimeToFinishExercise = "Tiempo restante para terminar el ejercicio";
+$RemainingTimeToFinishQuestion = "Tiempo restante para terminar la pregunta";
 ?>