mirror of
https://github.com/ae-utbm/sith3.git
synced 2024-09-20 01:48:09 +00:00
125 lines
4.4 KiB
Django/Jinja
125 lines
4.4 KiB
Django/Jinja
{% extends "core/base.jinja" %}
|
|
{% from "core/macros.jinja" import user_mini_profile %}
|
|
|
|
|
|
{% macro add_product(id, content) %}
|
|
<form method="post" action="{{ url('counter:click', counter_id=counter.id, user_id=customer.user.id) }}" class="inline" style="display:inline">
|
|
{% csrf_token %}
|
|
<input type="hidden" name="action" value="add_product">
|
|
<button type="submit" name="product_id" value="{{ id }}"> {{ content }} </button>
|
|
</form>
|
|
{% endmacro %}
|
|
|
|
{% macro del_product(id, content) %}
|
|
<form method="post" action="{{ url('counter:click', counter_id=counter.id, user_id=customer.user.id) }}" class="inline" style="display:inline">
|
|
{% csrf_token %}
|
|
<input type="hidden" name="action" value="del_product">
|
|
<button type="submit" name="product_id" value="{{ id }}"> {{ content }} </button>
|
|
</form>
|
|
{% endmacro %}
|
|
|
|
{% block title %}
|
|
{{ counter }}
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<h4>{{ counter }}</h4>
|
|
|
|
<div id="user_info">
|
|
<h5>{% trans %}Customer{% endtrans %}</h5>
|
|
{{ user_mini_profile(customer.user) }}
|
|
<p>{% trans %}Amount: {% endtrans %}{{ customer.amount }} €</p>
|
|
</div>
|
|
{% if counter.type == 'BAR' %}
|
|
<div>
|
|
<h5>{% trans %}Refilling{% endtrans %}</h5>
|
|
<form method="post" action="{{ url('counter:click', counter_id=counter.id, user_id=customer.user.id) }}">
|
|
{% csrf_token %}
|
|
{{ refill_form.as_p() }}
|
|
<input type="hidden" name="action" value="refill">
|
|
<input type="submit" value="{% trans %}Go{% endtrans %}" />
|
|
</form>
|
|
</div>
|
|
{% endif %}
|
|
<div>
|
|
<h5>{% trans %}Selling{% endtrans %}</h5>
|
|
{% if request.session['not_enough'] %}
|
|
<p><strong>{% trans %}Not enough money{% endtrans %}</strong></p>
|
|
{% endif %}
|
|
<form method="post" action="{{ url('counter:click', counter_id=counter.id, user_id=customer.user.id) }}">
|
|
{% csrf_token %}
|
|
<input type="hidden" name="action" value="code">
|
|
<input type="input" name="code" value="" autofocus id="code_field"/>
|
|
<input type="submit" value="{% trans %}Go{% endtrans %}" />
|
|
</form>
|
|
<p>{% trans %}Basket: {% endtrans %}</p>
|
|
<ul>
|
|
{% for id,infos in request.session['basket']|dictsort %}
|
|
{% set product = counter.products.filter(id=id).first() %}
|
|
{% set s = infos['qty'] * infos['price'] / 100 %}
|
|
<li>{{ del_product(id, '-') }} {{ infos['qty'] }} {{ add_product(id, '+') }} {{ product.name }}: {{ "%0.2f"|format(s) }} €</li>
|
|
{% endfor %}
|
|
</ul>
|
|
<p><strong>{% trans %}Total: {% endtrans %}{{ "%0.2f"|format(basket_total) }} €</strong></p>
|
|
<form method="post" action="{{ url('counter:click', counter_id=counter.id, user_id=customer.user.id) }}">
|
|
{% csrf_token %}
|
|
<input type="hidden" name="action" value="finish">
|
|
<input type="submit" value="{% trans %}Finish{% endtrans %}" />
|
|
</form>
|
|
<form method="post" action="{{ url('counter:click', counter_id=counter.id, user_id=customer.user.id) }}">
|
|
{% csrf_token %}
|
|
<input type="hidden" name="action" value="cancel">
|
|
<input type="submit" value="{% trans %}Cancel{% endtrans %}" />
|
|
</form>
|
|
<p><strong>{% trans %}Products: {% endtrans %}</strong>
|
|
{% for p in counter.products.all() %}
|
|
{{ add_product(p.id, p.name) }}
|
|
{% endfor %}
|
|
</p>
|
|
</div>
|
|
|
|
{% endblock %}
|
|
|
|
{% block script %}
|
|
{{ super() }}
|
|
<script>
|
|
$( function() {
|
|
var products = [
|
|
{% for p in counter.products.all() %}
|
|
{
|
|
value: "{{ p.code }}",
|
|
label: "{{ p.name }}",
|
|
tags: "{{ p.code }} {{ p.name }}",
|
|
},
|
|
{% endfor %}
|
|
];
|
|
var quantity = "";
|
|
var search = "";
|
|
var pattern = /^(\d+x)?(.*)/i;
|
|
$( "#code_field" ).autocomplete({
|
|
select: function (event, ui) {
|
|
event.preventDefault();
|
|
$("#code_field").val(quantity + ui.item.value);
|
|
},
|
|
focus: function (event, ui) {
|
|
event.preventDefault();
|
|
$("#code_field").val(quantity + ui.item.value);
|
|
},
|
|
source: function( request, response ) {
|
|
var res = pattern.exec(request.term);
|
|
quantity = res[1] || "";
|
|
search = res[2];
|
|
var matcher = new RegExp( $.ui.autocomplete.escapeRegex( search ), "i" );
|
|
response($.grep( products, function( value ) {
|
|
value = value.tags;
|
|
return matcher.test( value );
|
|
}));
|
|
},
|
|
});
|
|
});
|
|
</script>
|
|
{% endblock %}
|
|
|
|
|
|
|