Some templating and add webcam support for profile editing

counter/migrations/0020_auto_20160821_0307.py

@@ -0,0 +1,19 @@
+# -*- coding: utf-8 -*-
+from __future__ import unicode_literals
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('counter', '0019_auto_20160820_2053'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='product',
+            name='buying_groups',
+            field=models.ManyToManyField(to='core.Group', related_name='products', verbose_name='buying groups'),
+        ),
+    ]

counter/templates/counter/counter_click.jinja

@@ -86,10 +86,17 @@
     {% endif %}
 </div>
 <div id="products">
+    <ul>
+        {% for t in categories -%}
+        {%- if counter.products.filter(product_type=t).exists() -%}
+        <li><a href="#cat_{{ t|slugify }}">{{ t }}</a></li>
+        {%- endif -%}
+        {%- endfor %}
+    </ul>
     {% for t in categories -%}
     {%- if counter.products.filter(product_type=t).exists() -%}
-    <h5>{{ t }}</h5>
-    <div id="cat_{{ t }}">
+    <div id="cat_{{ t|slugify }}">
+        <h5>{{ t }}</h5>
         {% for p in counter.products.filter(product_type=t).all() -%}
             {% set file = None %}
             {% if p.icon %}
@@ -148,9 +155,7 @@ $( function() {
     $("#bar_ui").accordion({
         heightStyle: "content",
         });
-    $("#products").accordion({
-        heightStyle: "content",
-        });
+    $("#products").tabs();
 });
 </script>
 {% endblock %}