Skip to content

T
third-party
Commit c7ae8642 by Damien Moulard
Options

sync with couchdb to keep data

parent bb3b8ebf
Showing with 150 additions and 75 deletions
orders/static/css/oders_helper_style.css
...@@ -2,16 +2,56 @@ ...@@ -2,16 +2,56 @@
position: relative; position: relative;
} }
#form_container { .page_content {
margin-top: 30px; position: absolute;
top: 0;
left: 0;
right: 0;
} }
#products_table_filter{ /* - Common */
text-align: right !important;
/* - Order selection screen */
#new_order_form {
margin-top: 20px;
margin-bottom: 30px;
} }
#products_table_filter input{ #existing_orders {
height: 40px; display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
width: 80%;
margin: 0 auto;
padding-top: 20px;
}
.order_pill {
border-radius: 30px;
min-width: 200px;
min-height: 40px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 8px;
margin: 0 10px 5px 0;
}
/* - Main screen */
/* -- Top right action button(s) */
#actions_buttons_area {
position: absolute;
top: 0;
right: 0;
}
/* -- Supplier form */
#supplier_form_container {
margin-top: 30px;
} }
#supplier_input { #supplier_input {
...@@ -20,17 +60,13 @@ ...@@ -20,17 +60,13 @@
border-radius: 5px; border-radius: 5px;
} }
.product_qty_input { /* -- Table */
width: 100px; #products_table_filter{
} text-align: right !important;
.product_not_from_supplier {
background-color: #e7e9ed;
cursor: pointer;
} }
.product_name, .supplier_name { #products_table_filter input{
font-weight: bold; height: 40px;
} }
#table_header_select_all{ #table_header_select_all{
...@@ -44,10 +80,24 @@ ...@@ -44,10 +80,24 @@
margin-left: 5px; margin-left: 5px;
} }
.product_qty_input {
width: 100px;
}
.product_not_from_supplier {
background-color: #e7e9ed;
cursor: pointer;
}
.product_name, .supplier_name {
font-weight: bold;
}
.select_product_cb { .select_product_cb {
cursor: pointer; cursor: pointer;
} }
/* -- Suppliers list */
#suppliers_container { #suppliers_container {
display: flex; display: flex;
justify-content: center; justify-content: center;
...@@ -73,10 +123,4 @@ ...@@ -73,10 +123,4 @@
color: red; color: red;
margin-left: 5px; margin-left: 5px;
cursor: pointer; cursor: pointer;
} }
\ No newline at end of file
#actions_buttons_area {
position: absolute;
top: 0;
right: 0;
}
orders/views.py
...@@ -16,6 +16,8 @@ def index(request): ...@@ -16,6 +16,8 @@ def index(request):
def helper(request): def helper(request):
context = { context = {
'title': 'Aide à la commande', 'title': 'Aide à la commande',
'couchdb_server': settings.COUCHDB['url'],
'db': settings.COUCHDB['dbs']['orders']
} }
template = loader.get_template('orders/helper.html') template = loader.get_template('orders/helper.html')
......
outils/settings_secret_example.py
...@@ -13,7 +13,8 @@ COUCHDB = { ...@@ -13,7 +13,8 @@ COUCHDB = {
'member': 'coops', 'member': 'coops',
'inventory': 'inventory', 'inventory': 'inventory',
'envelops': 'envelop', 'envelops': 'envelop',
'shop': 'shopping_carts' 'shop': 'shopping_carts',
'orders': 'orders_test'
} }
} }
......
templates/orders/helper.html
...@@ -15,70 +15,97 @@ ...@@ -15,70 +15,97 @@
{% block content %} {% block content %}
<div class="page_body"> <div class="page_body">
<div id="actions_buttons_area"> <div id="select_order_content" class="page_content txtcenter">
<button type="button" class='btn--primary' id="do_inventory">Faire un inventaire</button> <h2>Créer une nouvelle commande</h2>
</div> <form id="new_order_form">
<input type="text" id="new_order_name" placeholder="Nom de la commande...">
<div class="header txtcenter"> <button type="submit" class="btn btn--primary">Valider</button>
<h1>Aide à la commande</h1>
</div>
<div class="txtcenter" id="form_container">
<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> </form>
<h2>Ou, continuer une commande existante</h2>
<div id="existing_orders"></div>
</div> </div>
<div class="txtcenter" id="suppliers_container"></div> <div id="main_content" class="page_content" style="display:none;">
<div id="back_to_order_selection">
<div class="main" style="display:none;"> <button type="button" class="btn--danger"><i class="fas fa-arrow-left"></i>&nbsp; Retour</button>
<div class="table_area">
<table id="products_table" class="display" cellspacing="0" width="100%"></table>
</div> </div>
</div> <div id="actions_buttons_area">
</div> <button type="button" class='btn--primary' id="do_inventory">Faire un inventaire</button>
</div>
<div id="templates" style="display:none;">
<div id="supplier_pill"> <div class="header txtcenter">
<div class="supplier_pill"> <h1>Aide à la commande</h1>
<div class="supplier_name_container"> </div>
<span class="pill_supplier_name"></span>
<i class="fas fa-times remove_supplier_icon"></i> <div class="txtcenter" id="supplier_form_container">
<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>
<div class="txtcenter" id="suppliers_container"></div>
<div class="main" style="display:none;">
<div class="table_area">
<table id="products_table" class="display" cellspacing="0" width="100%"></table>
</div> </div>
</div> </div>
</div> </div>
<div id="modal_remove_supplier"> <div id="templates" style="display:none;">
<h3>Attention !</h3> <div id="supplier_pill_template">
<p> <div class="supplier_pill">
Vous vous apprêtez à supprimer le fournisseur <span class="supplier_name"></span> de la sélection.<br/> <div class="supplier_name_container">
Les produits associés uniquement à ce fournisseur seront supprimés du tableau.<br/> <span class="pill_supplier_name"></span>
Les données renseignées dans la colonne de ce fournisseur seront perdues. <i class="fas fa-times remove_supplier_icon"></i>
</p> </div>
<p>Êtez-vous sûr ?</p> </div>
<hr/> </div>
</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/>
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"> <div id="order_pill_template">
<p> <div class="pill order_pill btn btn--primary">
Vous vous apprêtez à créer un inventaire de <span class="inventory_products_count"></span> produits. <span class="pill_order_name"></span>
</p> </div>
<p>Êtez-vous sûr ?</p> </div>
<hr/>
<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/>
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>
</div> </div>
</div> </div>
<script src="{% static "js/pouchdb.min.js" %}"></script>
<script type="text/javascript">
var couchdb_dbname = '{{db}}';
var couchdb_server = '{{couchdb_server}}' + couchdb_dbname;
</script>
<script src="{% static "js/all_common.js" %}?v="></script> <script src="{% static "js/all_common.js" %}?v="></script>
<script type="text/javascript" src="{% static 'js/orders_helper.js' %}?v="></script> <script type="text/javascript" src="{% static 'js/orders_helper.js' %}?v="></script>
{% endblock %} {% endblock %}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment