shift_exchange.html 4.29 KB
Newer Older
Administrator committed
1 2 3 4
{% extends "base.html" %}
{% load static %}
{% block additionnal_css %}
  <link href='{% static "css/fullcalendar.min.css" %}' rel='stylesheet' />
5
  <link href='{% static "css/shift_Cagette.css" %}?v=1651853225' rel='stylesheet' />
Administrator committed
6 7 8 9 10 11 12 13 14 15 16 17 18
  <link href='{% static "css/fullcalendar.print.min.css" %}' rel='stylesheet' media='print' />
{% endblock %}

{% block additionnal_scripts %}
  <script src='{% static "js/lib/moment.min.js" %}'></script>
  <script src='{% static "js/fullcalendar.min.js" %}'></script>
  <script src='{% static "js/locale-all.js" %}'></script>
  <script type="text/javascript">
      // document.domain = "{{domain}}";
      // Données du Membre
      dataPartner = {
          "partner_id":"{{partnerData.id}}",
          "name":"{{partnerData.display_name}}",
19
          "shift_type":"{{partnerData.shift_type}}",
Administrator committed
20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93
          "final_standard_point":"{{partnerData.final_standard_point}}",
          "final_ftop_point":"{{partnerData.final_ftop_point}}",
          "dateProlonge":"{{partnerData.date_delay_stop}}",
          "date_alert_stop":"{{partnerData.date_alert_stop}}",
          "cooperative_state":"{{partnerData.cooperative_state}}",
          "is_leave": "{{partnerData.is_leave}}",
          "leave_start_date": "{{partnerData.leave_start_date}}",
          "leave_stop_date": "{{partnerData.leave_stop_date}}",
          "next_regular_shift_date": "{{partnerData.next_regular_shift_date}}",
          "regular_shift_name": "{{partnerData.regular_shift_name}}",
          "verif_token" : "{{partnerData.verif_token}}"
          }
      daysToHide = [{{daysToHide}}]
      {% if calendarEventNoMoreLinks %}
        showMoreLinks = false
      {% else %}
        showMoreLinks = true
      {% endif %}
      {% if calInitialView %}
        calInitialView = '{{calInitialView}}'
      {% else %}
        calInitialView = 'dayGridMonth'
      {% endif %}

  </script>
  <script defer src='{% static "fontawesome/js/fontawesome-all.js" %}'></script>
{% endblock %}

{% block content %}
<div class="header">
    <a id="page_top_anchor"></a>
    {% if with_website_menu %}
      {% include "website/menu.html" %}
    {% endif %}
    <div class="intro">
        <div  style="font-size:100%;">
            <h2>Bienvenue dans le système de gestion de services.</h2>
            <div class="mac-msg" style="display:none;">
              Nous sommes désolés mais ce site ne marche pas bien sur iPhone, iPad et sur Safari. Veuillez utiliser Firefox ou Chrome. Merci de votre compréhension
            </div>
            Ici, je peux échanger mes prochains services <i class="fas fa-info-circle" title="Je clique pour avoir plus de détails."></i><span class="additionnal_intro_data"></span>.
            <div class="infocircle">
              <div class="close" onclick="closeInfo(this)"><i class="far fa-times-circle"></i></div>
              {{SHIFT_INFO|safe}}
            </div>
            <br/>Les services indiqués en vert sont ceux où il y a un besoin urgent : 1/12 signifie 1 inscrit·e sur 12 personnes nécessaires pour ce service.
            <br />
            {{PB_INSTRUCTIONS|safe}}
            <div id = "partnerData"></div>
        </div>
    </div>
    <div id="exchange_instructions">
        <div>
          Voilà comment procéder pour échanger un service :<br>
          <span class="step">1</span>
          Je choisis, en cochant, le service auquel je ne peux pas assister dans la liste de mes prochains services (ci-dessous)
        </div>
        <div  id="shift_list_wrapper">
          <h3>Liste de mes services: </h3>
          <div  style="display:table" id = "shifts"></div>
        </div>
        <div style="clear:both;">
          <span class="step">2</span>
          Je choisis, en cliquant sur le service de remplacement dans le calendrier ci-dessous.
        </div>
    </div>
</div>

<div style="clear:both;"><h3>Liste des services dans lesquels il y a des places disponibles : </h3></div>

<div style="clear:both;" id="Calendar">
  <div id="dp"></div>
</div>
<div id="templates" style="display:none;">
94
   <div class="extra_info">{{ADDITIONAL_INFO_SHIFT_PAGE|safe}}</div>
Administrator committed
95
</div>
96 97
<script src="{% static "js/all_common.js" %}?v=1651853225"></script>
<script src="{% static "js/shift_exchange.js" %}?v=1651853225"></script>
Administrator committed
98
{% endblock %}