Add ajax-select app and improve some templates

counter/templates/counter/counter_click.jinja

@@ -1,4 +1,6 @@
 {% 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">
@@ -21,13 +23,12 @@
 {% endblock %}
 
 {% block content %}
-<h3>{% trans %}Counter{% endtrans %}</h3>
 <h4>{{ counter }}</h4>
-<p><strong>{% trans %}Club: {% endtrans %}</strong> {{ counter.club }}</p>
 
-<div>
+<div id="user_info">
     <h5>{% trans %}Customer{% endtrans %}</h5>
-    <p>{{ customer.user.get_display_name() }}, {{ customer.amount }} €</p>
+    {{ user_mini_profile(customer.user) }}
+    <p>{% trans %}Amount: {% endtrans %}{{ customer.amount }} €</p>
 </div>
 {% if counter.type == 'BAR' %}
 <div>
@@ -48,7 +49,7 @@
     <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 />
+        <input type="input" name="code" value="" autofocus id="code_field"/>
         <input type="submit" value="{% trans %}Go{% endtrans %}" />
     </form>
     <p>{% trans %}Basket: {% endtrans %}</p>
@@ -79,5 +80,45 @@
 
 {% 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 %}
+
 
 

counter/templates/counter/counter_edit.jinja

@@ -0,0 +1,19 @@
+{% extends "core/base.jinja" %}
+
+{% block title %}
+{% trans obj=object %}Edit {{ obj }}{% endtrans %}
+{% endblock %}
+
+{% block content %}
+<h2>{% trans obj=object %}Edit {{ obj }}{% endtrans %}</h2>
+<form action="" method="post">
+    {% csrf_token %}
+    <p>{{ form.sellers.errors }}<label for="{{ form.sellers.name }}">{{ form.sellers.label }}</label> {{ form.sellers }}</p>
+    <p><input type="submit" value="{% trans %}Save{% endtrans %}" /></p>
+    <p>{{ form.products.errors }}<label for="{{ form.products.name }}">{{ form.products.label }}</label> {{ form.products }}</p>
+    <p><input type="submit" value="{% trans %}Save{% endtrans %}" /></p>
+</form>
+{% endblock %}
+
+
+

counter/templates/counter/counter_list.jinja

@@ -10,13 +10,19 @@
 <h3>{% trans %}Counter admin list{% endtrans %}</h3>
 <ul>
     {% for c in counter_list  %}
+        <li>
     {% if c.type == "EBOUTIC" %}
-    <li><a href="{{ url('eboutic:main') }}">{{ c }}</a> -
-        <a href="{{ url('counter:admin', counter_id=c.id) }}">{% trans %}Edit{% endtrans %}</a></li>
+        <a href="{{ url('eboutic:main') }}">{{ c }}</a> -
     {% else %}
-    <li><a href="{{ url('counter:details', counter_id=c.id) }}">{{ c }}</a> -
-        <a href="{{ url('counter:admin', counter_id=c.id) }}">{% trans %}Edit{% endtrans %}</a></li>
+        <a href="{{ url('counter:details', counter_id=c.id) }}">{{ c }}</a> -
     {% endif %}
+    {% if user.can_edit(c) %}
+    <a href="{{ url('counter:admin', counter_id=c.id) }}">{% trans %}Edit{% endtrans %}</a> -
+    {% endif %}
+    {% if user.is_owner(c) %}
+    <a href="{{ url('counter:prop_admin', counter_id=c.id) }}">{% trans %}Props{% endtrans %}</a>
+    {% endif %}
+    </li>
     {% endfor %}
 </ul>
 {% else %}