index.html 9.79 KB
Newer Older
1 2 3 4
{% extends "base.html" %}
{% load static %}

{% block additionnal_css %}
5 6
<link rel="stylesheet" href="{% static 'css/datatables/jquery.dataTables.css' %}">
<link rel="stylesheet" href="{% static 'css/datatables/responsive.dataTables.min.css' %}">
7
<link rel="stylesheet" href="{% static 'fullcalendar-5.9.0/lib/main.min.css' %}">
8 9 10 11 12
<link rel="stylesheet" href="{% static "css/members-space.css" %}?v=1651853225">
<link rel="stylesheet" href="{% static "css/members-space-my-shifts.css" %}?v=1651853225">
<link rel="stylesheet" href="{% static "css/members-space-faq.css" %}?v=1651853225">
<link rel="stylesheet" href="{% static "css/members-space-my-info.css" %}?v=1651853225">
<link rel="stylesheet" href="{% static "css/members-space-shifts-exchange.css" %}?v=1651853225">
13 14
{% endblock %}

15 16 17
{% block additionnal_scripts %}
<script type="text/javascript" src="{% static 'js/datatables/jquery.dataTables.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/datatables/dataTables.responsive.min.js' %}"></script>
18 19
<script type="text/javascript" src="{% static 'fullcalendar-5.9.0/lib/main.min.js' %}"></script>
<script type="text/javascript" src="{% static 'fullcalendar-5.9.0/lib/locales/fr.js' %}"></script>
20
<script type="text/javascript" src="{% static 'js/notify.min.js' %}?v=1651853225"></script>
21
{% endblock %}
22 23 24 25

{% block content %}

<div class="page_body">
26
  {% include "members_space/header.html" %}
27 28

  <div id="main_content" class="page_content">
29 30 31
  </div>

  <div id="templates" style="display:none;">
32 33 34
    <div id="shift_line_template">
      <div class="shift_line">
        <i class="fas fa-chevron-right shift_line_chevron"></i>
Etienne Freiss committed
35
        <span class="shift_line_date"></span> - <span class="shift_line_time"></span>  <span class="shift_line_associate"> </span>
36 37
      </div>
    </div>
38 39

    <div id="selectable_shift_line_template">
40
      <div class="d-flex shift_line_container selectable_shift">
Etienne Freiss committed
41 42 43 44 45
        <div class="selectable_shift_line btn--primary">
          <input type="checkbox" class="checkbox">
          <div class="selectable_shift_line_text">
            <span class="shift_line_date"></span> - <span class="shift_line_time"></span>
          </div>
46
        </div>
47 48 49 50
        <div class="shift_line_extra_actions">
          <div class="affect_associate_registered">
            
          </div>
Etienne Freiss committed
51 52 53
        </div>
      </div>
    </div>
54 55 56 57
    
    <div id="delete_registration_button_template">
      <div class="delete_registration_button"><i class="fas fa-lg fa-trash"></i></div>
    </div>
Etienne Freiss committed
58 59

    <div id="modal_affect_shift">
Etienne Freiss committed
60
      <div>Qui sera présent.e ?</div>
61 62 63 64 65
      <div class="modal_affect_shift_buttons">
        <div id="shift_partner" class="btn--primary assign_shift_button">
        </div>
        <div id="shift_associate" class=" btn--primary assign_shift_button">
        </div>
66
        {% if ALLOW_BOTH_AS_ANSWER_TO_WHO_IS_COMING_TO_SHIFT %}
67 68 69
        <div id="shift_both" class=" btn--primary assign_shift_button">
          Les deux
        </div>
70
        {% endif %}
71 72
      </div>
    </div>
73 74 75 76 77 78

    <div id="modal_shift_exchange_template">
      <div>Je suis sur le point d'échanger le service du : </div>
      <div><span class="date_old_shift"></span> à <span class="time_old_shift"></span></div>
      <div>par celui du : </div>
      <div><span class="date_new_shift"></span> à <span class="time_new_shift"></span></div>
79
      <div><span class="on_picking_shift_template_msg"></span></div>
80
    </div>
Damien Moulard committed
81

82 83
    <div id="modal_add_shift_template">
      <div>Je suis sur le point de m'inscrire au service du : <span class="date_new_shift"></span> à <span class="time_new_shift"></span></div>
84
      <div><span class="on_picking_shift_template_msg"></span></div>
85
    </div>
Damien Moulard committed
86 87 88

    <div id="calendar_explaination_template"> 
      <h4>Légende du calendrier</h4>
89
      <a class="example-event fc-daygrid-event fc-daygrid-block-event fc-h-event fc-event fc-event-start fc-event-end fc-event-future shift_less_alf"><div class="fc-event-main"><div class="fc-event-main-frame"><div class="fc-event-time">10:45</div><div class="fc-event-title-container"><div class="fc-event-title fc-sticky">&nbsp;- 3/12</div></div></div></div></a>
Damien Moulard committed
90
      <p>Un service colorié en bleu : je peux m'inscrire à ce service.</p>
91 92
      <a class="example-event fc-daygrid-event fc-daygrid-block-event fc-h-event fc-event fc-event-start fc-event-end fc-event-future shift_booked"><div class="fc-event-main"><div class="fc-event-main-frame"><div class="fc-event-time">06:00</div><div class="fc-event-title-container"><div class="fc-event-title fc-sticky">&nbsp;- 9/12</div></div></div></div></a>
      <p>Un service colorié en noir : je suis déjà inscrit.e à ce service.</p>
Damien Moulard committed
93
      <a class="example-event fc-daygrid-event fc-daygrid-block-event fc-h-event fc-event fc-event-start fc-event-end fc-event-future shift_booked_makeup"><div class="fc-event-main"><div class="fc-event-main-frame"><div class="fc-event-time">13:30</div><div class="fc-event-title-container"><div class="fc-event-title fc-sticky">&nbsp;- 7/12</div></div></div></div></a>
94
      <p>Un service colorié en orange : je suis inscrit.e à un rattrapage sur ce service.</p>
Damien Moulard committed
95 96 97
      <p>3/12 <i class="arrow_explanation_numbers fas fa-arrow-right"></i> il y a déjà 3 places réservées à ce service sur 12 disponibles.
          <b>Plus le chiffre de gauche est petit, plus on a besoin de coopérateurs.rices à ce service !</b></p>
    </div>
98
    <div id="comite_template">
99 100
      <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>
101
    </div>
102 103 104 105 106 107 108 109
    <div id="comite_my_shifs_message">
      <p data-type="nb_of_shifs_state">
        Vous avez actuellement <span data-type="shifts_nb"></span> <span data-type="service_txt">service</span> d'avance.
      </p>
      <p data-type="next_ftop_shift">
        Le système informatique viendra prélever un service sur votre compteur le <span data-type="next_ftop_shift_date"></span>.
      </p>
    </div>
110 111 112
  </div>
</div>

113 114
<script>
  var app_env = '{{app_env}}';
115
  var ftop_can_delete_shift = "{{ALLOW_FTOP_TO_DELETE_SHIFT}}"; 
116
  var forms_link = '{{forms_link}}';
117
  var unsuscribe_form_link = '{{unsuscribe_form_link}}';
118 119 120 121 122 123 124 125 126 127 128 129 130 131
  var request_form_link = '{{request_form_link}}';
  var late_service_form_link = '{{late_service_form_link}}';
  var change_template_form_link = '{{change_template_form_link}}';
  var associated_subscribe_form_link = '{{associated_subscribe_form_link}}';
  var associated_unsubscribe_form_link = '{{associated_unsubscribe_form_link}}';
  var template_unsubscribe_form_link = '{{template_unsubscribe_form_link}}';
  var change_email_form_link = '{{change_email_form_link}}';
  var coop_unsubscribe_form_link = '{{coop_unsubscribe_form_link}}';
  var sick_leave_form_link = '{{sick_leave_form_link}}';
  var underage_subscribe_form_link = '{{underage_subscribe_form_link}}';
  var helper_subscribe_form_link = '{{helper_subscribe_form_link}}';
  var helper_unsubscribe_form_link = '{{helper_unsubscribe_form_link}}';
  var covid_form_link = '{{covid_form_link}}';
  var covid_end_form_link = '{{covid_end_form_link}}';
132 133
  var abcd_calendar_link = "{{abcd_calendar_link}}"
  var days_to_hide = "{{daysToHide}}"
134
  var on_picking_shift_template_msg = "{{on_picking_shift_template_msg}}"
135 136
  var partner_data = {
    "partner_id":"{{partnerData.id}}",
137
    "name":"{{partnerData.display_name|safe}}",
138
    "shift_type":"{{partnerData.shift_type}}",
139
    "date_delay_stop":"{{partnerData.date_delay_stop}}",
140
    "cooperative_state":"{{partnerData.cooperative_state}}",
141
    "regular_shift_name":"{{partnerData.regular_shift_name}}",
142 143
    "makeups_to_do" : "{{partnerData.makeups_to_do}}",
    "barcode_base" : "{{partnerData.barcode_base}}",
144 145
    "street" : "{{partnerData.street}}",
    "street2" : "{{partnerData.street2}}",
Damien Moulard committed
146
    "zip" : "{{partnerData.zip}}",
147
    "city" : "{{partnerData.city|safe}}",
Damien Moulard committed
148 149
    "mobile" : "{{partnerData.mobile}}",
    "phone" : "{{partnerData.phone}}",
150
    "function" : "{{partnerData.function}}",
Damien Moulard committed
151
    "email" : "{{partnerData.email}}",
152 153
    "is_associated_people" : "{{partnerData.is_associated_people}}",
    "parent_id" : "{{partnerData.parent_id}}",
154
    "parent_name" : "{{partnerData.parent_name|safe}}",
Félicie committed
155
    "parent_verif_token" : "{{partnerData.parent_verif_token}}",
156
    "associated_partner_id" : "{{partnerData.associated_partner_id}}",
157
    "associated_partner_name" : "{{partnerData.associated_partner_name|safe}}",
158
    "verif_token" : "{{partnerData.verif_token}}",
159
    "leave_stop_date": "{{partnerData.leave_stop_date}}",
160
    "comite": "{{partnerData.comite}}",
161 162 163
    "extra_shift_done": parseInt("{{partnerData.extra_shift_done}}", 10),
    "final_ftop_point": parseInt("{{partnerData.final_ftop_point}}", 10),
    "final_standard_point": parseInt("{{partnerData.final_standard_point}}", 10)
Félicie committed
164 165
  };
  var block_actions_for_attached_people = '{{block_actions_for_attached_people}}';
Félicie committed
166
  var block_service_exchange_24h_before = '{{block_service_exchange_24h_before}}';
167
  const canAddShift = {{canAddShift}};
168
  const not_allowed_shift_op = `{{not_allowed_shift_op|safe}}`;
169
</script>
170
<script src="{% static "js/all_common.js" %}?v=1651853225"></script>
171
<script src="{% static "js/common.js" %}?v=1651853225"></script>
172 173 174 175 176 177
<script src="{% static "js/members-space-home.js" %}?v=1651853225"></script>
<script src="{% static "js/members-space-my-info.js" %}?v=1651853225"></script>
<script src="{% static "js/members-space-my-shifts.js" %}?v=1651853225"></script>
<script src="{% static "js/members-space-faq.js" %}?v=1651853225"></script>
<script src="{% static "js/members-space-shifts-exchange.js" %}?v=1651853225"></script>
<script src="{% static "js/members-space.js" %}?v=1651853225"></script>
178
{% endblock %}