shelf_inventory.html 7.7 KB
Newer Older
Administrator committed
1 2 3 4 5 6 7 8 9 10 11 12
{% extends "base.html" %}
{% load static %}

{% block additionnal_css %}
<link rel="stylesheet" href="{% static 'css/datatables/jquery.dataTables.css' %}">
<link rel="stylesheet" href="{% static 'css/shelfs.css' %}">
{% endblock %}

{% block additionnal_scripts %}
<script type="text/javascript" src="{% static 'js/download.js' %}"></script>
<script type="text/javascript" src="{% static 'js/datatables/jquery.dataTables.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/datatables/dataTables.plugins.js' %}"></script>
13
<script type="text/javascript" src="{% static 'js/jquery.pos.js' %}"></script>
14
<script type="text/javascript" src="{% static 'js/notify.min.js' %}?v=1651853225"></script>
Administrator committed
15 16 17 18 19 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
{% endblock %}

{% block content %}
<div id="FAQ_modal_content" style="display: none"></div>

<div class="page_body">
  <header class="flex-container">
    <button class="right btn--danger" onclick="back()">Retour</button>
    <div class="w33 arrow-block txtcenter" id="header_step_one">
      <h4 id="header_step_one_content">Produits à compter en rayon </h4>
    </div>
    <div class="w33 arrow-block txtcenter" id="header_step_two">
      <h4>Produits à compter en réserve</h4>
    </div>
    <div class="item-fluid arrow-block txtcenter" id="header_step_three">
      <h4>Inventaire terminé</h4>
    </div>
  </header>
  <section class="grid-2 has-gutter">
    <div>
      <section id="container_shelf_name" class="page_element grid-2 has-gutter">
        <div class="txtright">
          <h3 id="page_title">Inventaire du rayon</h3>
        </div>
        <div class="txtleft">
          <h3><b><span id="shelf_name"></span></b></h3>
        </div>
      </section>

      <div id="container_search_edition">
        <div id="container_search">
          <div class="txtcenter">
            <input autocomplete="off" type="text" placeholder="Rechercher un produit par son nom ou son code barre" class="searchMultipleTables" id="search_input" autofocus>
          </div>
        </div>

        <div id="container_edition">
          <form action="javascript:;" name="edition" onsubmit="validateEdition(this)">
            <div>
              <h4 id="edition_header"></h4>
            </div>
            <div class="grid-9 has-gutter">
              <div class="col-4">
                <p id="product_name"></p>
              </div>
              <div class="col-3 center">
                <label for="edition_input" id="edition_input_label">Qté : </label>
Félicie committed
62
                <input type="number" class="input_small" id="edition_input" autocomplete="off" required>
Administrator committed
63
                <span id="product_uom"></span>
64
                <i class="fa fa-undo" id="reset_to_previous_qty" style="display:none;"></i>
Administrator committed
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
              </div>
              <div class="col-1 center">
                <a class="btn" id='edition_cancel'>
                  <i class="far fa-window-close fa-lg"></i>
                </a>
              </div>
              <div class="col-1 center">
                <button type="submit" class="btn" id='edition_valid'>
                  <i class='far fa-check-square fa-lg'></i>
                </button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
    <div>
      <div class="page_element txtcenter">
        <button class="btn btn_light full_width_button" id="open_issues_report">Renseigner un problème d'inventaire</button>
      </div>
      <div class="page_element txtcenter">
        <button class="btn--warning full_width_button" name="faq" id="open_faq">FAQ - En cas de soucis avec la marche à suivre...</button>
      </div>
      <div class="page_element txtcenter">
        <button class='btn--danger full_width_button' id='process_all_items'>Il n'y a plus de produits à compter</button>
      </div>
    </div>

    <div class="container_products" id="container_left">
      <h4 id="header_container_left">Produits à compter</h4>
95 96 97
      <button style="display:none;" id="change_shelf_btn" class="btn btn--primary">
      Changer de rayon
      </button>
Administrator committed
98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120
      <table id="table_to_process" class="display" cellspacing="0"></table>
    </div>
    <div class="container_products" id="container_right">
      <h4 id="header_container_right">Produits déjà comptés</h4>
      <table id="table_processed" class="display" cellspacing="0"></table>
    </div>
    <div class="txtcenter">
      <button class='full_width_button' id='add_product_to_shelf'>Ajouter un produit au rayon</button>
    </div>
    <div class="txtcenter">
      <button class='full_width_button' id='validate_inventory'>J'ai fini de compter</button>
    </div>
  </section>
  <div id="templates" style="display:none;">
    <div id="main-waiting-zone">
      <p class="msg">
      </p>
      <p class="loader">
          <img src="/static/img/Pedro_luis_romani_ruiz.gif" id="rotating_loader"/>
      </p>
    </div>
    <div id="validation_msg">
      <h3>Attention !</h3>
Félicie committed
121
      <p>Vous vous apprêtez à valider le comptage des produits<span class="validation_msg_step2" style="display:none;"> en réserve</span> de ce rayon.</p>
Administrator committed
122 123 124 125 126 127
      <p class="validation_msg_step2" style="display:none;"><i>Cette opération pourra pendre un peu de temps. (ex: 5min pour 120 produits)</i><br/><br/></p>
      <p>Êtez-vous sûr ?</p>
      <hr />
    </div>
    <div id="inventory_validated">
      <div class="txtcenter">
Félicie committed
128
        <h3>Bravo, la première partie de l'inventaire de ce rayon est terminé !</h3>
Administrator committed
129 130 131 132 133 134 135 136 137 138
        <div id="products_missed_container" style="display:none;">
          <br />
          <h4>Attention, les produits suivants n'ont pas pu être inventoriés : </h4>
          <ul id="products_missed_list">

          </ul>
          <p>Merci d'en avertir un salarié avant d'aller plus loin !</p>
        </div>
        <div id="step1_validated" style="display:none;">
          <br/>
Félicie committed
139 140
          <p><strong>Vous allez maintenent passer à l'inventaire en réserve.</strong></p>
          <p>Si vous avez un doute sur ce qu'est l'inventaire en réserve, la présence de stock ou non, demandez au.à la salarié.e responsable.</p>
Administrator committed
141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173
        </div>
      </div>
      <hr />
    </div>
    <div id="process_all_items_msg">
      <h3>Attention !</h3>
      <br/>
      <p>
        Vous vous apprêtez à indiquer qu'il n'y a plus de produits à compter dans ce rayon.<br/>
        Cela aura pour effet de passer toutes les quantités des produits non traités à 0.
      </p>
      <p>Êtez-vous sûr ?</p>
      <hr />
    </div>
    <div id="issues_reporting">
      <h3>Renseigner un problème d'inventaire</h3>
      <hr />

      <p class="txtleft">
        Ici, vous pouvez signaler toute anomalie lors d'un inventaire de rayon.
        Merci d'indiquer un maximum d'informations.
      </p>
      <br />
      <textarea id="issues_report"></textarea>
      <hr />
    </div>
    <div id="add_product_form">
      <h3>Ajouter un produit au rayon</h3>
      <hr />
      <p>Scannez le produit à ajouter au rayon, ou entrez son code barre dans le champ ci-dessous.</p>
      <input autocomplete="off" type="text" placeholder="Code barre du produit" class="add_product_input">
      <hr />
    </div>
174 175 176 177 178 179 180 181 182 183 184 185 186
    <div id="change_shelf_form">
      <h3>Changement de rayons</h3>
      <hr />
      <table>
        <thead>
          <tr>
            <th>Produit</th>
            <th>Rayon</th>
          </tr>
        </thead>
        <tbody></tbody>
      </table>
    </div>
Administrator committed
187 188 189
  </div>
</div>
<script type="text/javascript">
190 191
  const ahead_shelfs_ids = {{ahead_shelfs_ids|safe}};
  var products = {{products|safe}};
Administrator committed
192
</script>
193 194 195
<script src="{% static "js/all_common.js" %}?v=1651853225"></script>
<script src="{% static "js/common.js" %}?v=1651853225"></script>
<script src='{% static "js/barcodes.js" %}?v=1651853225'></script>
Administrator committed
196 197
<script type="text/javascript" src="{% static 'js/shelf_inventory.js' %}"></script>
{% endblock %}