helper.html 10.7 KB
Newer Older
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 'jquery-ui-1.12.1/jquery-ui.min.css' %}">
<link rel="stylesheet" href="{% static 'css/oders_helper_style.css' %}">
{% endblock %}

{% block additionnal_scripts %}
<script type="text/javascript" src="{% static 'jquery-ui-1.12.1/jquery-ui.min.js' %}?v="></script>
<script type="text/javascript" src="{% static 'js/datatables/jquery.dataTables.min.js' %}"></script>
13
<script type="text/javascript" src="{% static 'js/notify.min.js' %}?v="></script>
14 15 16 17
{% endblock %}

{% block content %}
<div class="page_body">
18
    <div id="select_order_content" class="page_content txtcenter">
19 20 21
        <div class="login_area">
            {% include "common/conn_admin.html" %}
        </div>
22 23
        <div id="new_order_area">
            <h2>Créer une nouvelle commande</h2>
24 25 26 27
            <div class="txtcenter" id="not_connected_content" style="display:none;">
                <p>Vous devez vous connecter avec un compte Odoo pour accéder au module d'aide à la commande.</p>
            </div>
            <form id="new_order_form" style="display:none;">
28
                <input type="text" id="new_order_name" placeholder="Nom de la commande...">
29
                <button type="submit" class="btn btn--primary">C'est parti !</button>
30 31
            </form>
        </div>
32
        <div id="existing_orders_area" style="display:none;">
33
            <h2>Ou, continuer une commande en cours de création</h2>
34 35
            <div id="existing_orders"></div>
        </div>
36 37
    </div>

38
    <div id="main_content" class="page_content" style="display:none;">
39 40 41 42
        <div class="actions_buttons_area">
            <button type="button" class="btn--danger" id="back_to_order_selection_from_main">
                <i class="fas fa-arrow-left"></i>&nbsp; Retour
            </button>
43 44 45 46 47
            <div class="rights_buttons">
                <button type="button" class='btn--primary' id="do_inventory" style="display:none;">
                    Faire un inventaire
                </button>
            </div>
48 49 50 51
        </div>
    
        <div class="header txtcenter">
            <h1>Aide à la commande</h1>
52 53 54
            <p id="order_data_container">
                Commande : <span class="order_name_container"></span> 
                <span id="order_data_separator"> | </span>
55
                Total HT : <span id="order_total_value">0</span>
56
            </p>
57 58
        </div>
    
59
        <div class="txtcenter" id="order_forms_container">
60 61 62 63
            <form action="javascript:;" id="coverage_form">
                <input type="number" name="coverage_days" id="coverage_days_input" placeholder="Nb jours de couverture" min="1">
                <button type="submit" class='btn--primary'>Calculer les besoins</button>
            </form>
64 65 66 67 68 69
            <form action="javascript:;" id="supplier_form">
                <input type="text" name="supplier" id="supplier_input" placeholder="Rechercher un fournisseur par son nom">
                <button type="submit" class='btn--primary'>Ajouter le fournisseur</button>
            </form>
        </div>
    
70
        <div id="suppliers_container"></div>
71 72 73 74
    
        <div class="main" style="display:none;">
            <div class="table_area">
                <table id="products_table" class="display" cellspacing="0" width="100%"></table>
Damien Moulard committed
75 76
            </div>
        </div>
77

78
        <div id="main_content_footer" style="display:none;">
79 80 81 82 83 84 85 86 87 88 89 90 91 92
            <div id="footer_actions">
                <div class="add_product_container">
                    <div id="product_form_container">
                        <form action="javascript:;" id="product_form">
                            <input type="text" name="article" id="product_input" placeholder="Rechercher un article">
                            <button type="submit" class='btn--primary'>Ajouter l'article</button>
                        </form>
                    </div>
                </div>
                <button type="button" class='btn--primary' id="create_orders">
                    Générer les commandes
                </button>
            </div>
            </div>
93 94 95
    </div>

    <div id="orders_created" class="page_content" style="display:none;">
96 97 98 99
        <div class="actions_buttons_area">
            <button type="button" class="btn--danger" id="back_to_order_selection_from_orders_created">
                <i class="fas fa-arrow-left"></i>&nbsp; Retour
            </button>
100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118
        </div>
        <div class="order_created_header txtcenter">
            <h2>Commandes créées !</h2>
        </div>
        <div id="created_orders_area"></div>
        <br/><br/><hr/><br/>
        <div class="mail_example_container">
            <p class="mail_type_text">Mail type :</p>
            <div class="mail_example">
                Objet : Cde Cagette JJ/MM<br/>
                <br/>
                Bonjour XXXXXXX,<br/>
                <br/>
                Voici la commande de La Cagette pour le XX/XX/XX.<br/>
                <br/>
                Merci d'avance,<br/>
                Bonne journée
            </div>
        </div>
Damien Moulard committed
119
    </div>
120

121 122
    <div id="templates" style="display:none;">
        <div id="supplier_pill_template">
123
            <div class="pill supplier_pill">
124 125 126 127
                <div class="supplier_name_container">
                    <span class="pill_supplier_name"></span>
                    <i class="fas fa-times remove_supplier_icon"></i>
                </div>
128 129 130
                <div class="supplier_total_value_container">
                    Total: <span class="supplier_total_value">0</span>
                </div>
131 132
            </div>
        </div>
133

134 135 136 137 138
        <div id="order_pill_template">
            <div class="pill order_pill btn btn--primary">
                <span class="pill_order_name"></span>
            </div>
        </div>
139

140 141 142 143
        <div id="new_order_item_template">
            <div class="new_order_item">
                <h3 class="new_order_supplier_name"></h3>
                <h3 class="new_order_po"></h3>
144
                <h4 class="new_order_date_planned"></h4>
145 146 147 148 149 150 151 152 153
                <div class='download_order_file'>
                    <i class="fas fa-spinner fa-spin download_order_file_loading"></i>
                    <a class='btn--success download_order_file_button' style="display:none;" href="#">
                        Télécharger le fichier de commande
                    </a>
                </div>
            </div>  
        </div>

154 155 156 157 158 159 160 161 162 163 164 165 166
        <div id="modal_order_access">
            <h3>Attention !</h3>
            <br/>
            <p class="order_modified_msg"> 
                Un autre navigateur a modifié cette commande il y a <span class="order_last_update"></span>.
            </p><br/>
            <p>
                Si quelqu'un d'autre que vous est à l'origine de la modification et que celle-ci est récente,
                nous conseillons fortement de ne pas accéder à la commande afin d'éviter les conflits.
            </p><br/>
            <p>Voulez-vous quand même y accéder ?</p>
            <hr/>
        </div>
167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182
    
        <div id="modal_remove_supplier">
            <h3>Attention !</h3>
            <p>
                Vous vous apprêtez à supprimer le fournisseur <span class="supplier_name"></span> de la sélection.<br/>
                Les produits associés uniquement à ce fournisseur seront supprimés du tableau.<br/>
                Les données renseignées dans la colonne de ce fournisseur seront perdues.
            </p>
            <p>Êtez-vous sûr ?</p>
            <hr/>
        </div>
    
        <div id="modal_attach_product_to_supplier">
            <h3>Attention !</h3>
            <p> 
                Vous vous apprêtez à associer le produit <span class="product_name"></span> au fournisseur <span class="supplier_name"></span>.<br/>
183 184
            </p>
            <br/>
185 186 187 188 189
            <div class="modal_input_area">
                <span class="modal_input_label">Prix du produit chez ce fournisseur: </span>
                <div class="modal_input_container">
                    <input type="number" class="modal_input new_product_supplier_price" >
                </div>
190
            </div>
191 192 193 194 195
            <div class="modal_input_area">
                <span class="modal_input_label">Colisage chez ce fournisseur: </span>
                <div class="modal_input_container">
                    <input type="number" class="modal_input new_product_supplier_package_pty">
                </div>
196 197 198
            </div>
            <br/>
            <p> 
199 200 201 202 203 204 205 206 207 208 209 210 211
                L'association sera sauvegardée dès que vous aurez cliqué sur "Valider".<br/>
            </p>
            <p>Êtez-vous sûr ?</p>
            <hr/>
        </div>
    
        <div id="modal_create_inventory">
            <p> 
                Vous vous apprêtez à créer un inventaire de <span class="inventory_products_count"></span> produits.
            </p>
            <p>Êtez-vous sûr ?</p>
            <hr/>
        </div>
Damien Moulard committed
212 213 214 215 216

        <div id="modal_product_npa">
            <h3>Attention !</h3>
            <p>
                Vous vous apprêtez à passer le produit <span class="product_name"></span> en <span class="product_npa"></span>.<br/>
Damien Moulard committed
217
                Dès que vous aurez cliqué sur "Valider", le produit sera retiré du tableau et l'information sera enregistrée dans Odoo.
Damien Moulard committed
218 219 220 221
            </p>
            <p>Êtez-vous sûr ?</p>
            <hr/>
        </div>
222 223

        <div id="modal_create_order">
224 225
            <h3>Dernière étape...</h3>
            <br/>
226 227 228
            <p>
                Vous vous apprêtez à générer les commandes à partir des données rentrées dans le tableau.
            </p>
229 230 231 232 233 234
            <p>
                Vous pouvez rentrer une date de livraison prévue pour chaque fournisseur (optionnel, la date par défaut sera celle de demain).
            </p>
            <br/>
            <div class="suppliers_date_planned_area"></div>
            <br/>
235 236
            <hr/>
        </div>
237 238 239 240 241 242 243 244 245

        <div id="modal_create_order__supplier_date_planned">
            <div class="modal_input_area">
                <span class="modal_input_label supplier_name"></span>
                <div class="modal_input_container">
                    <input type="text" class="modal_input supplier_date_planned" placeholder="Date de livraison prévue">
                </div>
            </div>
        </div>
246
    </div>
Damien Moulard committed
247 248
</div>

249 250 251 252 253

<script src="{% static "js/pouchdb.min.js" %}"></script>
<script type="text/javascript">
    var couchdb_dbname = '{{db}}';
    var couchdb_server = '{{couchdb_server}}' + couchdb_dbname;
254
    var odoo_server = '{{odoo_server}}';
255
</script>
256 257 258
<script src="{% static "js/all_common.js" %}?v="></script>
<script type="text/javascript" src="{% static 'js/orders_helper.js' %}?v="></script>
{% endblock %}