add explanation for "rattratape"

members/static/js/members.js

@@ -62,6 +62,7 @@ var html_elts = {
     real_capture : $('#real_capture'),
     multi_results : $('#multi_results_preview'),
     cooperative_state : $('#cooperative_state'),
+    status_explanation: $('#status_explanation'),
     next_shifts : $('#next_shifts')
 };
 
@@ -91,8 +92,12 @@ function fill_member_slide(member) {
     }
     html_elts.image_medium.html('<img src="'+img_src+'" width="128" />');
     html_elts.cooperative_state.html(member.cooperative_state);
-    if (member.cooperative_state == 'Désinscrit(e)' || member.cooperative_state == 'Rattrapage') coop_info.addClass('b_red');
-    else if (member.cooperative_state == 'En alerte' || member.cooperative_state == 'Délai accordé') coop_info.addClass('b_orange');
+    if (member.cooperative_state == 'Rattrapage') {
+      var explanation = "Tu as dû manquer un service! Pour pouvoir faire tes courses aujourd'hui, tu dois d'abord sélectionner un rattrapage sur ton espace membre."
+      html_elts.status_explanation.html(explanation)
+    };
+    if (member.cooperative_state == 'Désinscrit(e)') coop_info.addClass('b_red');
+    else if (member.cooperative_state == 'En alerte' || member.cooperative_state == 'Délai accordé' || member.cooperative_state == 'Rattrapage') coop_info.addClass('b_orange');
 
     if (member.shifts.length > 0) {
         html_elts.next_shifts.append('Prochains services : ');

templates/members/index.html

@@ -107,6 +107,8 @@
                 </div>
                 <div id="cooperative_state">
                 </div>
+                <div id="status_explanation">
+                </div>
                  <div id="next_shifts">
                 </div>
               </div>