1915 display read only calendar for comite members

members_space/static/js/members-space-shifts-exchange.js

@@ -337,6 +337,102 @@ function init_calendar_page() {
     calendar.render();
 }
 
+function init_read_only_calendar_page() {
+    let template_explanations = $("#calendar_explaination_template");
+
+    if (vw <= 992) {
+        $(".loading-calendar").show();
+
+        $("#calendar_explaination_area").hide();
+        $("#calendar_explaination_button").on("click", () => {
+            openModal(
+                template_explanations.html(),
+                closeModal,
+                "J'ai compris"
+            );
+        })
+            .show();
+    } else {
+        $("#calendar_explaination_button").hide();
+        $("#calendar_explaination_area").html(template_explanations.html())
+            .show();
+    }
+
+    if (incoming_shifts !== null) {
+        init_shifts_list();
+    } else {
+        load_partner_shifts(partner_data.concerned_partner_id)
+            .then(init_shifts_list);
+    }
+
+    if (should_select_makeup()) {
+        $(".makeups_nb").text(partner_data.makeups_to_do);
+        $("#need_to_select_makeups_message").show();
+    }
+
+    let default_initial_view = "";
+    let header_toolbar = {};
+
+    if (vw <= 768) {
+        default_initial_view = 'listWeek';
+        header_toolbar = {
+            left: 'title',
+            center: 'listWeek,timeGridDay',
+            right: 'prev,next today'
+        };
+    } else if (vw <=992) {
+        default_initial_view = 'listWeek';
+        header_toolbar = {
+            left: 'title',
+            center: 'dayGridMonth,listWeek,timeGridDay',
+            right: 'prev,next today'
+        };
+    } else {
+        default_initial_view = 'dayGridMonth';
+        header_toolbar = {
+            left: 'prev,next today',
+            center: 'title',
+            right: 'dayGridMonth,listWeek,timeGridDay'
+        };
+    }
+
+    const hidden_days = days_to_hide.length > 0 ? $.map(days_to_hide.split(", "), Number) : [];
+
+    const calendarEl = document.getElementById('read_only_calendar');
+    console.log(calendarEl)
+
+    calendar = new FullCalendar.Calendar(calendarEl, {
+        locale: 'fr',
+        initialView: default_initial_view,
+        headerToolbar: header_toolbar,
+        buttonText: {
+            list: "Semaine"
+        },
+        eventTimeFormat: {
+            hour: '2-digit',
+            minute: '2-digit'
+        },
+        allDaySlot: false,
+        contentHeight: "auto",
+        eventDisplay: "block",
+        hiddenDays: hidden_days,
+        events: '/shifts/get_list_shift_calendar/' + partner_data.concerned_partner_id,
+        eventDidMount: function() {
+            // Calendar is hidden at first on mobile to hide header change when data is loaded
+            $(".loading-calendar").hide();
+            $("#calendar").show();
+
+            if (vw <= 992) {
+                $(".fc .fc-header-toolbar").addClass("resp-header-toolbar");
+            } else {
+                $(".fc .fc-header-toolbar").removeClass("resp-header-toolbar");
+            }
+        }
+    });
+
+    calendar.render();
+}
+
 function init_shifts_exchange() {
     $(".shifts_exchange_page_content").hide();
     vw = window.innerWidth;
@@ -371,9 +467,9 @@ function init_shifts_exchange() {
     } else if (
         partner_data.comite === "True") {
         let msg_template = $("#comite_template");
-
         $(".comite_content_msg").html(msg_template.html());
         $("#comite_content").show();
+        init_read_only_calendar_page();
     } else if (partner_data.cooperative_state === 'suspended'
                 && partner_data.date_delay_stop === 'False') {
         $("#suspended_content .makeups_nb").text(partner_data.makeups_to_do);

templates/members_space/index.html

@@ -71,7 +71,8 @@
           merci de contacter le bureau des membres pour résoudre ce problème en remplissant ce formulaire : </h3>
     </div>
     <div id="comite_template">
-      <h3>Vous êtes inscrit.e dans le service des comités, vous n'avez pas accès au calendrier d'échange des services car vous vous organisez directement avec le responsable du comité. Si vous avez des rattrapages à réaliser, merci de contacter le responsable du comité qui vous aidera à planifier les rattrapages ou trouver une solution</h3>
+      <h3>Vous êtes inscrit.e dans le service des comités, vous n'avez pas accès au calendrier d'échange des services car vous vous organisez directement avec le responsable du comité. Si vous avez des rattrapages à réaliser, merci de contacter le responsable du comité qui vous aidera à planifier les rattrapages ou trouver une solution.</h3>
+      <h3>Le calendrier ci-dessous est en lecture seule</h3>
     </div>
   </div>
 </div>

templates/members_space/shifts_exchange.html

@@ -13,6 +13,7 @@
     </div>
     <div id="comite_content" class="shifts_exchange_page_content">
         <div class="comite_content_msg"></div>
+        <div id="read_only_calendar"></div>
     </div>
     <div id="suspended_content" class="shifts_exchange_page_content">
         <h3>