index.html 10.9 KB
Newer Older
1
{% extends "members/base.html" %}
Administrator committed
2 3
{% load static %}
{% block additionnal_css %}
4
  <link rel="stylesheet" href="{% static 'css/member.css' %}?v=1651853225">
5
  {{ block.super }}
Administrator committed
6 7 8 9 10
{% endblock %}
{% block additionnal_scripts %}
 <script type="text/javascript">
    // Prevent back page
    // Add actual page to history
11
    history.pushState(null, null, location.pathname);
Administrator committed
12 13 14 15 16 17 18

    // Register back button click
    window.onpopstate = function (e) {
        // Prevent default action on back button click
        e.preventDefault()
        // Add actual page to history again
        history.pushState(null, null, location.pathname)
19 20
    };
    window.late_mode = {% if LATE_MODE %}true{% else %}false{% endif %};
21 22 23
    {% if committees_shift_id %}
       window.committees_shift_id = {{committees_shift_id}};
    {% endif %} 
Administrator committed
24 25 26 27 28
  </script>
  <script src="{% static "js/webcam.min.js" %}">
  </script>
  <script src="{% static "js/JsBarcode.all.min.js" %}">
  </script>
29
  <script type="text/javascript" src="{% static 'js/notify.min.js' %}?v=1651853225"></script>
Administrator committed
30 31 32 33 34
  <script defer src="{% static "fontawesome/js/fontawesome-all.js" %}"></script>

{% endblock %}
{% block content %}
<section class="grid-6 has-gutter" id="first_page">
35 36 37 38
  <h1 class="col-6 txtcenter">{{WELCOME_ENTRANCE_MSG}}</h1>
  {% if WELCOME_SUBTITLE_ENTRANCE_MSG %}
    <h4 class="col-6 txtcenter">{{WELCOME_SUBTITLE_ENTRANCE_MSG|safe}}</h4>
  {% endif %}
Administrator committed
39
    <div class="col-1"></div>
40
    <a class="col-4 row-2 btn txtcenter b_yellow" data-next="shopping_entry">{{ENTRANCE_SHOPPING_BTN|safe}}</b></a>
Administrator committed
41 42
    <div class="col-1 row-2"></div>
    <div class="col-1 row-2"></div>
43
    <a class="col-4 row-2 btn txtcenter b_green" data-next="service_entry">{{ENTRANCE_SERVICE_BTN|safe}}</b></a>
Administrator committed
44 45 46 47 48 49 50 51 52 53 54
    <div class="col-1 row-2"></div>
</section>
<section class="grid-6 has-gutter" id="shopping_entry">
    <div class="col-6 row-2">
        <a class="btn btn--primary" data-next="first_page" >Retour accueil</a>
    </div>
    <div class="search_box_wrapper col-5 top">
       <section>
        <div class="row-1 grid-2">
            <div class="col-1">
              <div class="label">
Félicie committed
55
              Biper le badge, ou saisir le n° de coop. ou le nom
Administrator committed
56 57 58
              </div>
              Recherche :
              <input type="text" name="search_string" autocomplete="off" />
59
              <button class="btn--primary search">Cherche-moi !
Administrator committed
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 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108
              </button>
              <span class="loading2"><img width="75" src="/static/img/Pedro_luis_romani_ruiz.gif" alt="Chargement en cours...." /></span>
             <div class="row-1" id="multi_results_preview">

            </div>
            </div>
            {% if ENTRANCE_COME_FOR_SHOPING_MSG %}
            <div class="col-1 msg-big">
              {{ENTRANCE_COME_FOR_SHOPING_MSG|safe}}
            </div>
            {% endif %}
        </div>

        </section>
    </div>

    <div id="photo_studio" class="row-2 grid-2">
      <div id="webcam" class="center col-1">
      </div>
      <div name="slider-wrapper" style="display:block;clear:both;width:100px;" class="center">
            <input id="crop_width" name="crop_width" type="range" min="250" max="480" value="380"/>
      </div>
       <div id="webcam_button" class="col-1 center">
        <div id="pre_take_buttons" class="fr">
         <input class="btn--primary" type="button" value="Capture" onclick="preview_snapshot()" />
        </div>
        <div id="post_take_buttons" style="display:none" class="center">
            <!-- These buttons are shown after a snapshot has been taken -->
            <input class="btn--inverse" type="button" value="Annul." onclick="cancel_preview()" />
            <input class="btn--primary" type="button" value="Envoi" onclick="save_photo()" style="font-weight:bold;" />
        </div>
      </div>

    </div>

     <div class="col-5" id="member_slide">
        <section>
          <div class="row-1 grid-2" >
            <div class="col-1" style="padding-right: 15px;">
              <div class="coop-info">
                <div id="image_medium">
                </div>
                <img id="barcode" />
                <br class="clear" />
                 <div id="barcode_base">
                </div>
                <div id="name">
                </div>
                <div id="cooperative_state">
109
                </div>
Thibault Grandjean committed
110
                <div id="status_explanation" style="font-weight:bold;">
Administrator committed
111 112 113 114
                </div>
                 <div id="next_shifts">
                </div>
              </div>
Félicie committed
115
              <a class="btn" data-next="first_page">Coopérateur.rice suivant.e</a>
Administrator committed
116 117 118 119 120 121 122 123 124
            </div>
            <div class="col-1">
              <section id="member_advice">
                <div id="no-picture-msg" style="display:none;" class="msg-big">
                  {% if no_picture_member_advice %}
                    {{no_picture_member_advice|safe}}
                  {% endif %}
                </div>
              </section>
125

Administrator committed
126 127 128 129 130
            </div>
          </div>
        </section>

     </div>
131

Administrator committed
132 133 134 135 136 137 138 139 140
     <section id="photo_advice">
        <div class="col-6 big"><i class="fas fa-arrow-circle-up fa-3x "></i>
           Regardez la caméra, en haut, pendant la pose <i class="fas fa-arrow-circle-up fa-3x"></i>
        </div>
        <div class="col-6" id="real_capture">
        </div>
     </section>
</section>
<section class="grid-6 has-gutter" id="service_entry">
Etienne Freiss committed
141
    <div class="col-2 row-2">
Administrator committed
142 143
        <a class="btn btn--primary" data-next="first_page" >Retour accueil</a>
    </div>
144 145 146
    <div class="col-2 row-2 txtcenter">
        <div id="current_shift_process_data_actions" style="display:none;"></div>
    </div>
Etienne Freiss committed
147 148 149
    <div class="col-2 row-2 login_area">
      {% include "common/conn_admin.html" %}
    </div>
Administrator committed
150 151 152
    <div class="col-1"></div>
    <div class="col-4">
        <h1 class="col-4 txtcenter">Qui es-tu ?</h1>
153 154 155 156 157 158 159
        {% if extra_btns_display %}
          <section class="outside_list">
          <a class="btn b_orange" data-next="rattrapage_1" data-type="rattrapage">Je viens faire un rattrapage</a>
          {% if ftop_btn_display %}
            <a class="btn b_yellow" data-next="rattrapage_1" data-type="volant">Je suis volant</a>
          {% endif %}
          </section>
Administrator committed
160 161
        {% endif %}
    </div>
162

Administrator committed
163 164 165 166 167 168 169 170 171
    <div class="col-1"></div>
    <div class="col-1"></div>
    <section id="service_en_cours" class="col-4">
        <div class="info txtcenter"></div>
        <div class="txtcenter" id="current_shift_title">
        </div>
        <div id="current_shift_members">
        </div>

172 173
        {% if easy_shift_validate %}
          <div class="easy_shift_validate">
174
          <p>{{ENTRANCE_EASY_SHIFT_VALIDATE_MSG|safe}}</p>
175 176 177
          {% include "members/member_selection.html" %}
          </div>
        {% endif %}
Administrator committed
178 179 180 181 182 183 184 185
    </section>

</section>
<section class="grid-6 has-gutter" id="service_entry_validation">
    <h1 class="col-6 txtcenter">Bonjour <span class="member_name"></span> !</h1>
    <div class="validation_wrapper col-6">
        <section id="service_validation" class="col-6 grid-6 has-gutter">
            <div class="col-2"></div>
186
            <a class="col-2 btn present">{{CONFIRME_PRESENT_BTN|safe}}</a>
187 188 189
            <div class="col-2 loading2-container">
              <span class="loading2"><img width="75" src="/static/img/Pedro_luis_romani_ruiz.gif" alt="Chargement en cours...." /></span>
            </div>
Administrator committed
190
        </section>
Etienne Freiss committed
191 192
        <div id="associated_service_validation">
          <p class="col-6 txtcenter">Qui est présent à ce service ?</p>
193 194
          <section class="col-6 grid-5 has-gutter">
            <div class="col-1"></div>
Etienne Freiss committed
195 196 197
            <a id="associated_btn" class=" btn present">Membre</a>
            <a id="partner_btn" class=" btn present">Associé</a>
            <a id="both_btn" class=" btn present">Les deux</a>
198 199 200
            <div class="col-1 loading2-container">
              <span class="loading2"><img width="75" src="/static/img/Pedro_luis_romani_ruiz.gif" alt="Chargement en cours...." /></span>
            </div>
Etienne Freiss committed
201 202 203
          </section>
        </div>
        
Administrator committed
204 205 206 207 208 209 210 211 212
    </div>
    <div class="col-2"></div>
    <a class="btn col-2 return" data-next="service_entry">Retour</a>
    <div class="col-2"></div>
</section>
<section class="grid-6 has-gutter" id="service_entry_success">
    <h1 class="col-6 txtcenter">Bon service !</h1>
    <section class="col-6 txtcenter">
        <span class="member_name"></span><br />
213 214 215
        {% if ENTRANCE_VALIDATE_PRESENCE_MESSAGE != '' %}
        {{ENTRANCE_VALIDATE_PRESENCE_MESSAGE|safe}}
        {% else %}
Administrator committed
216 217 218 219 220 221 222 223 224 225 226 227
        Votre présence est bien enregistrée ! <br />
        <div class="compteur">
            Votre compteur est dorénavant à <span class="points"></span> point(s).<br />

            <div class="explanations">
                Pour pouvoir faire vos courses, votre compteur doit être au moins à -1 point. <br />
                Dans le cas où vous n’avez pas le temps de faire votre rattrapage, vous pouvez demander une extension.
                <br />
                Une extension vous donne 4 semaines de plus pour faire votre rattrapage.
            </div>
        </div>
        Votre prochain service <span class="service_verb">est prévu</span> le <span class="next_shift"></span>
228
        {% endif %}
Administrator committed
229 230
    </section>
    <div class="col-2"></div>
Félicie committed
231
    <a class="btn col-2" data-next="first_page">Coopérateur.ice suivant.e</a>
Administrator committed
232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269
    <div class="col-2"></div>
</section>
<section class="grid-6 has-gutter" id="rattrapage_1">
    <div class="col-6 row-2">
      <a class="btn btn--primary" data-next="first_page" >Retour accueil</a>
    </div>
    <h1 class="col-6 txtcenter">Vous faites un rattrapage</h1>
    <section class="col-6 search_box_wrapper">


    </section>


</section>
<section class="grid-6 has-gutter" id="rattrapage_2">
    <div class="col-6 row-2">
        <a class="btn btn--primary" data-next="first_page" >Retour accueil</a>
    </div>
    <h1 class="col-6 txtcenter">Bonjour <span class="member_name"></span> !</h1>
    <section class="col-6 txtcenter">
        <h2>Bienvenue pour votre rattrapage !</h2>
        <div class="validation_wrapper col-6">
        </div>

    </section>
    <div class="col-2"></div>
    <a class="btn col-2" data-next="rattrapage_1">Attention, ce n'est pas mon nom ...</a>
    <div class="col-2"></div>
</section>
<section style="display:none;">
  <input type="text" placeholder="width" id="img_width" /><br />
  <input type="text" placeholder="height" id="img_height" /><br />
  <input type="text" placeholder="dest_width" id="img_dest_width" /><br />
  <input type="text" placeholder="dest_height" id="img_dest_height" /><br />
  <input type="text" placeholder="crop_width" id="img_crop_width" /><br />
  <input type="text" placeholder="crop_height" id="img_crop_height" /><br />
  <button type="button" id="init_webcam">Cam</button>
</section>
270 271 272
<div style="display:none;">
  <p id="missed_begin_msg">{{ENTRANCE_MISSED_SHIFT_BEGIN_MSG|safe}}</p>
</div>
273 274
<script src="{% static "js/all_common.js" %}?v=1651853225"></script>
<script src="{% static "js/members.js" %}?v=1651853225"></script>
275
{% endblock %}