index.html 9.89 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 66 67 68
      <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>
        <div id="shift_both" class=" btn--primary assign_shift_button">
          Les deux
        </div>
69 70
      </div>
    </div>
71 72 73 74 75 76 77

    <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>
    </div>
Damien Moulard committed
78

79 80 81
    <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>
    </div>
Damien Moulard committed
82 83 84

    <div id="calendar_explaination_template"> 
      <h4>Légende du calendrier</h4>
85
      <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
86
      <p>Un service colorié en bleu : je peux m'inscrire à ce service.</p>
87 88
      <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
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_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>
90
      <p>Un service colorié en orange : je suis inscrit.e à un rattrapage sur ce service.</p>
Damien Moulard committed
91 92 93
      <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>
94 95

    <div id="cant_have_delay_msg_template">
96
      <h3>Bonjour, tu avais {{extension_duration}} mois pour rattraper tes services manqués et il semblerait que tu ne l'aies pas fait.</h3>
97 98 99
      <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>
100
    <div id="comite_template">
101 102
      <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>
103
    </div>
104 105 106 107 108 109 110 111
    <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>
112 113 114
  </div>
</div>

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