index.html 10.4 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 99

    <div id="cant_have_delay_msg_template">
100
      <h3>Bonjour, tu avais {{extension_duration}} mois pour rattraper tes services manqués et il semblerait que tu ne l'aies pas fait.</h3>
101 102 103
      <h3>Tu ne peux plus sélectionner de rattrapages sur ton espace membre pour le moment, 
          merci de contacter le bureau des membres pour résoudre ce problème en remplissant ce formulaire : </h3>
    </div>
104
    <div id="comite_template">
105 106
      <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>
107
    </div>
108 109 110 111 112 113 114 115
    <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>
116 117 118
  </div>
</div>

119 120
<script>
  var app_env = '{{app_env}}';
121
  var ftop_can_delete_shift = "{{ALLOW_FTOP_TO_DELETE_SHIFT}}"; 
122
  var forms_link = '{{forms_link}}';
123
  var unsuscribe_form_link = '{{unsuscribe_form_link}}';
124 125 126 127 128 129 130 131 132 133 134 135 136 137
  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}}';
138
  var member_cant_have_delay_form_link = '{{member_cant_have_delay_form_link}}';
139 140
  var abcd_calendar_link = "{{abcd_calendar_link}}"
  var days_to_hide = "{{daysToHide}}"
141
  var on_picking_shift_template_msg = "{{on_picking_shift_template_msg}}"
142 143
  var partner_data = {
    "partner_id":"{{partnerData.id}}",
144
    "name":"{{partnerData.display_name|safe}}",
145
    "shift_type":"{{partnerData.shift_type}}",
146
    "date_delay_stop":"{{partnerData.date_delay_stop}}",
147
    "cooperative_state":"{{partnerData.cooperative_state}}",
148
    "regular_shift_name":"{{partnerData.regular_shift_name}}",
149
    "can_have_delay" : "{{partnerData.can_have_delay}}",
150 151
    "makeups_to_do" : "{{partnerData.makeups_to_do}}",
    "barcode_base" : "{{partnerData.barcode_base}}",
152 153
    "street" : "{{partnerData.street}}",
    "street2" : "{{partnerData.street2}}",
Damien Moulard committed
154
    "zip" : "{{partnerData.zip}}",
155
    "city" : "{{partnerData.city|safe}}",
Damien Moulard committed
156 157
    "mobile" : "{{partnerData.mobile}}",
    "phone" : "{{partnerData.phone}}",
158
    "function" : "{{partnerData.function}}",
Damien Moulard committed
159
    "email" : "{{partnerData.email}}",
160 161
    "is_associated_people" : "{{partnerData.is_associated_people}}",
    "parent_id" : "{{partnerData.parent_id}}",
162
    "parent_name" : "{{partnerData.parent_name|safe}}",
Félicie committed
163
    "parent_verif_token" : "{{partnerData.parent_verif_token}}",
164
    "associated_partner_id" : "{{partnerData.associated_partner_id}}",
165
    "associated_partner_name" : "{{partnerData.associated_partner_name|safe}}",
166
    "verif_token" : "{{partnerData.verif_token}}",
167
    "leave_stop_date": "{{partnerData.leave_stop_date}}",
168
    "comite": "{{partnerData.comite}}",
169 170 171
    "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
172 173
  };
  var block_actions_for_attached_people = '{{block_actions_for_attached_people}}';
Félicie committed
174
  var block_service_exchange_24h_before = '{{block_service_exchange_24h_before}}';
175
  const canAddShift = {{canAddShift}};
176
  const extension_duration = {{extension_duration}};
177
  const not_allowed_shift_op = `{{not_allowed_shift_op|safe}}`;
178
</script>
179
<script src="{% static "js/all_common.js" %}?v=1651853225"></script>
180
<script src="{% static "js/common.js" %}?v=1651853225"></script>
181 182 183 184 185 186
<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>
187
{% endblock %}