index.html 10.7 KB
Newer Older
1
{% extends "members/base.html" %}
Administrator committed
2 3
{% load static %}
{% block additionnal_css %}
4 5
  <link rel="stylesheet" href="{% static 'css/member.css' %}?v=">
  {{ 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="></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>
Etienne Freiss committed
144 145 146 147
    <div class="col-2 row-2"></div>
    <div class="col-2 row-2 login_area">
      {% include "common/conn_admin.html" %}
    </div>
Administrator committed
148 149 150
    <div class="col-1"></div>
    <div class="col-4">
        <h1 class="col-4 txtcenter">Qui es-tu ?</h1>
151 152 153 154 155 156 157
        {% 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
158 159
        {% endif %}
    </div>
160

Administrator committed
161 162 163 164 165 166 167 168 169
    <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>

170 171
        {% if easy_shift_validate %}
          <div class="easy_shift_validate">
172
          <p>{{ENTRANCE_EASY_SHIFT_VALIDATE_MSG|safe}}</p>
173 174 175
          {% include "members/member_selection.html" %}
          </div>
        {% endif %}
Administrator committed
176 177 178 179 180 181 182 183
    </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>
184
            <a class="col-2 btn present">{{CONFIRME_PRESENT_BTN|safe}}</a>
185 186 187
            <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
188
        </section>
Etienne Freiss committed
189 190
        <div id="associated_service_validation">
          <p class="col-6 txtcenter">Qui est présent à ce service ?</p>
191 192
          <section class="col-6 grid-5 has-gutter">
            <div class="col-1"></div>
Etienne Freiss committed
193 194 195
            <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>
196 197 198
            <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
199 200 201
          </section>
        </div>
        
Administrator committed
202 203 204 205 206 207 208 209 210
    </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 />
211 212 213
        {% if ENTRANCE_VALIDATE_PRESENCE_MESSAGE != '' %}
        {{ENTRANCE_VALIDATE_PRESENCE_MESSAGE|safe}}
        {% else %}
Administrator committed
214 215 216 217 218 219 220 221 222 223 224 225
        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>
226
        {% endif %}
Administrator committed
227 228
    </section>
    <div class="col-2"></div>
Félicie committed
229
    <a class="btn col-2" data-next="first_page">Coopérateur.ice suivant.e</a>
Administrator committed
230 231 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
    <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>
268 269 270
<div style="display:none;">
  <p id="missed_begin_msg">{{ENTRANCE_MISSED_SHIFT_BEGIN_MSG|safe}}</p>
</div>
Administrator committed
271 272
<script src="{% static "js/all_common.js" %}?v="></script>
<script src="{% static "js/members.js" %}?v="></script>
273
{% endblock %}