Fǒnt update

Dockerfile

@@ -1,6 +1,7 @@
 FROM alpine
 
-RUN apk --no-cache add python3 inkscape bash imagemagick ttf-opensans
+RUN apk --no-cache add python3 inkscape bash imagemagick ghostscript ttf-opensans
+RUN apk --no-cache add py3-pip && pip3 install --break-system-packages django tzdata gunicorn
 
 ADD backend /root/zetikettes
 
@@ -8,6 +9,7 @@ RUN mkdir -p /usr/share/fonts/TTF \
     && cp /root/zetikettes/fonts/*.ttf /usr/share/fonts/TTF/ \
     && fc-cache -fv
 
+
 # the script will look for templates in /data
-WORKDIR /root/zetikettes
-CMD /usr/bin/python3 web.py
+WORKDIR /root/zetikettes/zetikettes
+CMD /usr/bin/gunicorn zetikettes.wsgi -b 0.0.0.0:8000 --timeout 600 --forwarded-allow-ips="*"

README.md

@@ -9,6 +9,9 @@ Initial setup
 
 ```
 docker build -t zetikettes .
+sudo mkdir -p /etc/docker/compose/zetikettes
+sudo cp docker-compose.yml /etc/docker/compose/zetikettes/
+sudo systemctl enable --now docker-compose@zetikettes
 ```
 
 Nginx is configured to:
@@ -21,7 +24,7 @@ Test
 ----
 
 ```
-docker run --rm -it -v $PWD/templates:/data zetikettes /bin/bash /root/zetikettes/mkjam.sh
+docker run --rm -it -v $PWD/templates:/data zetikettes /bin/bash /root/zetikettes/old/mkjam.sh
 ```
 
 This should produce a .pdf in `templates/`. Open it to check that
@@ -31,13 +34,31 @@ Run
 ---
 
 ```
-docker run -d --rm -p 127.0.0.1:8000:8000 -v /var/lib/zetikettes/templates:/data zetikettes
+docker-compose up
 ```
 
+Notes for deploying
+-------------------
+
+.h3 Initialize empty database
+```
+python manage.py migrate
+```
+
+.h3 Prepare static files
+```
+python manage.py collectstatic
+```
+The files will be in `www_static/` and need to be moved to `/var/lib/zetikettes/www_static`
+
+.h3 Change host settings
+If not deploying on `aerith.ponteilla.net`, you'll need to edit `backend/zetikettes/zetikettes/settings.py` to change a couple things in there.
+
+
 Change available templates
 --------------------------
 
-1. go to /zetikettes/newtikette.html or konami code from main app
+1. go to /zetikettes/admin
 1. add the newtikette
 1. still no need to restart the container (magic!)
 2. profit.

backend/zetikettes/tikette/migrations/0001_initial.py

@@ -0,0 +1,51 @@
+# Generated by Django 4.2.2 on 2023-07-03 14:37
+
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    initial = True
+
+    dependencies = [
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='Tikategory',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('name', models.CharField(max_length=50)),
+                ('landscape', models.BooleanField()),
+            ],
+            options={
+                'verbose_name_plural': 'tikategoriez',
+            },
+        ),
+        migrations.CreateModel(
+            name='Tisub',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('name', models.CharField(max_length=50)),
+                ('descritpion', models.TextField()),
+                ('default', models.TextField()),
+            ],
+            options={
+                'verbose_name_plural': 'tisubz',
+            },
+        ),
+        migrations.CreateModel(
+            name='Tikette',
+            fields=[
+                ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('title', models.CharField(max_length=100)),
+                ('svg', models.FileField(upload_to='')),
+                ('category', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, to='tikette.tikategory')),
+                ('subs', models.ManyToManyField(to='tikette.tisub')),
+            ],
+            options={
+                'verbose_name_plural': 'tikettz',
+            },
+        ),
+    ]

backend/zetikettes/tikette/models.py

@@ -1,16 +1,5 @@
 from django.db import models
 
-class Tikategory(models.Model):
-    name = models.CharField(max_length=50)
-    landscape = models.BooleanField()
-
-    def __str__(self):
-        return self.name
-
-    class Meta:
-        verbose_name_plural = "tikategoriez"
-
-
 class Tisub(models.Model):
     name = models.CharField(max_length=50)
     descritpion = models.TextField()
@@ -23,11 +12,22 @@ class Tisub(models.Model):
         verbose_name_plural = "tisubz"
 
 
+class Tikategory(models.Model):
+    name = models.CharField(max_length=50)
+    landscape = models.BooleanField()
+    subs = models.ManyToManyField(Tisub)
+
+    def __str__(self):
+        return self.name
+
+    class Meta:
+        verbose_name_plural = "tikategoriez"
+
+
 class Tikette(models.Model):
     title = models.CharField(max_length=100)
     category = models.ForeignKey(Tikategory, on_delete=models.CASCADE)
     svg = models.FileField()
-    subs = models.ManyToManyField(Tisub)
 
     def __str__(self):
         return self.title

backend/zetikettes/tikette/planche.svg.in

@@ -5,20 +5,20 @@
    width="210mm">
   <g transform="translate(3, 4.5)">
     <g transform="translate(-42,144) rotate(-90,144,0)">
-      <g transform="translate(  0,0)">$right0</g>
-      <g transform="translate( 48,0)">$right1</g>
-      <g transform="translate( 96,0)">$right2</g>
-      <g transform="translate(144,0)">$right3</g>
-      <g transform="translate(192,0)">$right4</g>
-      <g transform="translate(240,0)">$right5</g>
+      <g transform="translate(  0,0) scale(0.26458)">$right0</g>
+      <g transform="translate( 48,0) scale(0.26458)">$right1</g>
+      <g transform="translate( 96,0) scale(0.26458)">$right2</g>
+      <g transform="translate(144,0) scale(0.26458)">$right3</g>
+      <g transform="translate(192,0) scale(0.26458)">$right4</g>
+      <g transform="translate(240,0) scale(0.26458)">$right5</g>
     </g>
     <g transform="translate(-42,144) rotate(90,144,0)">
-      <g transform="translate(  0,0)">$left0</g>
-      <g transform="translate( 48,0)">$left1</g>
-      <g transform="translate( 96,0)">$left2</g>
-      <g transform="translate(144,0)">$left3</g>
-      <g transform="translate(192,0)">$left4</g>
-      <g transform="translate(240,0)">$left5</g>
+      <g transform="translate(  0,0) scale(0.26458)">$left0</g>
+      <g transform="translate( 48,0) scale(0.26458)">$left1</g>
+      <g transform="translate( 96,0) scale(0.26458)">$left2</g>
+      <g transform="translate(144,0) scale(0.26458)">$left3</g>
+      <g transform="translate(192,0) scale(0.26458)">$left4</g>
+      <g transform="translate(240,0) scale(0.26458)">$left5</g>
     </g>
   </g>
 </svg>

backend/zetikettes/tikette/views.py

@@ -16,7 +16,7 @@ def index(request):
         'category': x.category.name,
         'sticker': x.svg.name,
         'landscape': x.category.landscape,
-        'subs': {x.name: x.default for x in x.subs.all()},
+        'subs': {x.name: x.default for x in x.category.subs.all()},
         } for x in Tikette.objects.all()]
     return JsonResponse({'status': 'ok', 'tikettes': tikettes}, headers=CORS)
 

backend/zetikettes/zetikettes/settings.py

@@ -18,7 +18,7 @@ BASE_DIR = Path(__file__).resolve().parent.parent
 #TIKETTE_OUT_DIR = BASE_DIR / 'data'
 TIKETTE_OUT_DIR = Path('/data')
 MEDIA_ROOT = TIKETTE_OUT_DIR
-MEDIA_URL = 'data/'
+MEDIA_URL = '/data/'
 
 # Quick-start development settings - unsuitable for production
 # See https://docs.djangoproject.com/en/4.2/howto/deployment/checklist/
@@ -29,7 +29,8 @@ SECRET_KEY = 'django-insecure-64qxpe55#9wy=5@#dl0)3w7ywxh48m!f&!slp9e7v4lh@hjdct
 # SECURITY WARNING: don't run with debug turned on in production!
 DEBUG = True
 
-ALLOWED_HOSTS = []
+ALLOWED_HOSTS = ['*']
+CSRF_TRUSTED_ORIGINS = ['https://*.ponteilla.net']
 
 
 # Application definition
@@ -81,7 +82,7 @@ WSGI_APPLICATION = 'zetikettes.wsgi.application'
 DATABASES = {
     'default': {
         'ENGINE': 'django.db.backends.sqlite3',
-        'NAME': BASE_DIR / 'db.sqlite3',
+        'NAME': TIKETTE_OUT_DIR / 'db.sqlite3',
     }
 }
 
@@ -120,7 +121,9 @@ USE_TZ = True
 # Static files (CSS, JavaScript, Images)
 # https://docs.djangoproject.com/en/4.2/howto/static-files/
 
-STATIC_URL = 'static/'
+STATIC_URL = '/zetikettes/srv/static/'
+
+STATIC_ROOT = 'www_static'
 
 # Default primary key field type
 # https://docs.djangoproject.com/en/4.2/ref/settings/#default-auto-field

docker-compose.yml

@@ -0,0 +1,11 @@
+version: '3.1'
+
+services:
+
+  zetikettes:
+    image: zetikettes
+    restart: always
+    ports:
+      - 127.0.0.1:8000:8000
+    volumes:
+      - /var/lib/zetikettes/data:/data

frontend/config.js

@@ -1 +1 @@
-const backend_api = 'http://localhost:8001/'
+const backend_api = 'http://jenova.ponteilla.net:8001/'

frontend/zetikettes.js

@@ -35,7 +35,7 @@ function loadAll(zetikettes) {
                     $.post(backend_api, JSON.stringify(req))
                         .then(data => {
                             console.log(data);
-                            const pdfbtn = $(`<a class="btn" href="${backend_api}/data/${data.file}" target="_blank">open pdf</a>`);
+                            const pdfbtn = $(`<a class="btn" href="${backend_api}data/${data.file}" target="_blank">open pdf</a>`);
                             action.append(pdfbtn);
                         })
                         .catch(err => {
@@ -67,7 +67,7 @@ function konami() {
     $(document).keydown(function (e) {
         if (e.keyCode === k[n++]) {
             if (n === k.length) {
-                document.location.href = 'newtikette.html';
+                document.location.href = backend_api + 'admin';
             }
         }
         else {
@@ -82,7 +82,7 @@ $(document).ready(async () => {
             url: backend_api + 'list',
             timeout: 1000,
         });
-        loadAll(resp.tikettes);
+        loadAll(resp.tikettes.sort((a, b) => (a.title < b.title) ? -1 : 1));
     } catch(e) {
         const appbody = $("#appbody");
         appbody.append(`<li>Could not reach backend server`);

nginx_locations

@@ -0,0 +1,18 @@
+# prod site
+location /zetikettes {
+	alias /var/lib/zetikettes/frontend;
+}
+location /zetikettes/srv/static {
+	alias /var/lib/zetikettes/www_static;
+}
+
+location ^~ /zetikettes/srv {
+	proxy_pass http://127.0.0.1:8000;
+	proxy_set_header SCRIPT_NAME /zetikettes/srv;
+	proxy_set_header Host $http_host;
+
+	# generating stuff takes time
+	proxy_read_timeout 10m;
+
+	client_max_body_size 10M;
+}

product_definitions.csv

@@ -0,0 +1,33 @@
+aromate;Herbes de Provence;Thym*, Sarriette*, Origan*;Le classique des herbes aromatiques pour donner une touche méditerranéenne à vos plats.;6307a6;Aromate - Herbes de Provence - Thym Sarriette Origan.svg;True
+aromate;Origan;Origan*;La fameuse herbe à pizza, mais qui peut aussi assaisonner vos soupes, plats mijotés, poissons ou charcuteries.;4800b9;Aromate - Origan.svg;True
+aromate;Sarriette;Sarriette des montagnes*;Le pèbre d'aï s'utilise en cuisine dans les pommes de terre, champignons, ragoûts de légumes, riz...;00d40e;Aromate - Sarriette.svg;True
+aromate;Sauge;Sauge officinale*;La plante qui sauve peut être utilisée en cuisine, dans vos viandes en sauce, légumes, vinaigrettes...;d00676;Aromate - Sauge.svg;True
+aromate;Thym;Thym*;Le roi des aromates, à utiliser en branche ou effeuillé, pour agrémenter vos grillades, plats en sauce, poêlées...;0048ff;Aromate - Thym.svg;True
+confiture;Confiture d'Abricot;Abricot*, Sucre de canne*;;ff5d00;Confiture - Abricot.svg;True
+confiture;Confiture d'Abricot;Abricot, Sucre de canne*;;ff5d00;Confiture - Abricot - Non Bio.svg;False
+confiture;Confiture d'Abricot Lavande;Abricot, Lavande*, Sucre de canne*;;9683ec;Confiture - Abricot Lavande - Non Bio.svg;False
+confiture;Gelée Extra de Groseille;Groseille*, Sucre de canne*;;ec001a;Gelée Extra - Groseille.svg;True
+confiture;Gelée Extra de Cassis;Cassis*, Sucre de canne*;;9b00ff;Gelée Extra - Cassis.svg;True
+confiture;Marmelade d'Orange Amère; Oranges amères, Sucre de canne*, eau;;ff5d00;Marmelade - Orange Amère - Non Bio.svg;False
+pesto;Pesto de Livèche;Huile d'olive*, Livèche* (34%), *amandes*, jus de citron*, ail*, sel;;119200;Pesto - Livèche.svg;True
+pesto;Pesto d'Ail des Ours;Huile d'olive*, Ail des ours* (34%), *Amandes*, Jus de citron*, Sel;;196b00;Pesto - Ail des Ours.svg;True
+sirop;Lavande;Sucre* (55%), Infusion de lavande* (42%), Jus de citron* (3%);;4200ff;Sirop - Lavande.svg;True
+sirop;Thym;Sucre* (55%), Infusion de thym* (42%), Jus de citron* (3%);;0048ff;Sirop - Thym.svg;True
+sirop;Mélisse;Sucre* (55%), Infusion de mélisse* (42%), Jus de citron* (3%);;d00676;Sirop - Mélisse.svg;True
+sirop;Menthe Verte;Sucre* (55%), Infusion de menthe verte* (42%), Jus de citron* (3%);;007e49;Sirop - Menthe Verte.svg;True
+sirop;Menthe et Mélisse;Sucre* (55%), Infusion de menthe verte* et mélisse* (42%), Jus de citron* (3%);;fabf12;Sirop - Menthe et Mélisse.svg;True
+sirop;Sureau;Sucre* (55%), Infusion de sureau* (42%), Jus de citron* (3%);;8aa700;Sirop - Sureau.svg;True
+sirop;Romarin;Sucre* (55%), Infusion de romarin* (42%), Jus de citron* (3%);;007d87;Sirop - Romarin.svg;True
+tisane;J'ai Bien Mangé...; Thym*, Sauge*, Romarin*, Soucis*;;0c7c00;Tisane - Digestion - Thym Sauge Romarin Soucis.svg;True
+tisane;Nuit Étoilée;Agastache*, Mélisse*, Aubépine*;;5b7aff;Tisane - Nuit Étoilée - Agastache Mélisse Aubépine.svg;True
+tisane;Nuit Étoilée;Mélisse*, Lavande*, Aubépine*;;5b7aff;Tisane - Nuit Étoilée - Mélisse Lavande Aubépine.svg;True
+tisane;Réconfort de la Gorge; Origan*, Agastache*, Thym*, Bleuet*;;00a07b;Tisane - Réconfort de la Gorge - Origan Agastache Thym Bleuet.svg;True
+tisane;Équilibre Féminin;Achillée millefeuille*, Lavande vraie*, Cynorhodon*;;64139f;Tisane - Équilibre Féminin - Achillée millefeuille Lavande vraie Cynorhodon.svg;True
+tisane;Équilibre Féminin;Achillée millefeuille*, Lavande vraie*, Ortie piquante*;;64139f;Tisane - Équilibre Féminin - Achillée millefeuille Lavande vraie Ortie piquante.svg;True
+tisane;Équilibre Féminin;Achillée millefeuille*, Lavande vraie*, Pétales de Cynorhodon*;;64139f;Tisane - Équilibre Féminin - Achillée millefeuille Lavande vraie Pétales de Cynorhodon.svg;True
+tisane;Équilibre Féminin;Achillée millefeuille*, Lavande vraie*, Sauge officinale*, Ortie piquante*;;64139f;Tisane - Équilibre Féminin - Achillée millefeuille Lavande vraie Sauge officinale Ortie piquante.svg;True
+tisane;Joie de Vivre;Basilic sacré*, Sarriette des montagnes*, Lavande vraie*;;ff6d00;Tisane - Joie de Vivre - Basilic Sacré Sarriette des Montagnes Lavande Vraie.svg;True
+sel;Grillades - Viande et Légumes;Sel de Camargue, Thym*, Origan*, Sarriette*, Mélisse*, Souci*;;c80003;Sel - Grillades.svg;True
+sel;Herbes de Provence;Sel de Camargue, Thym*, Origan*, Sarriette*, Romarin*;;6307a6;Sel - Herbes de Provence.svg;True
+sel;Poisson et Viande Blanche;Sel de Camargue, Thym*, Sauge*, Agastache*, Bleuet*;;5b7aff;Sel - Poisson et Viande Blanche.svg;True
+chocolat;Menthe Poivrée;"Chocolat de couverture noir* (pâte de cacao*, sucre de canne*, beurre de cacao*; peut contenir : *lait), *crème entière* (crème de lait à 30% de matière grasse*, stabilisants : carraghénanes), menthe poivrée*";;007e49;Chocolat - Menthe Poivrée.svg;True

scripts/renew_lineup.py

@@ -0,0 +1,65 @@
+#!/usr/bin/env python3
+
+import argparse
+from string import Template
+import sys
+import os
+import csv
+from subber import Subber
+
+TEMPLATES_DIR = "/home/maxime/Documents/Anne/Etiquettes/Source SVGs/templates"
+OUT_DIR = "/home/maxime/Documents/Anne/Etiquettes/Source SVGs/autogenerated_svgs"
+
+JAM_DESIGNATION_FONTSIZE_DEFAULT = 42.6667
+JAM_DESIGNATION_FONTSIZE_SMALL   = 36
+
+
+templates = {
+    'aromate': f"{TEMPLATES_DIR}/Aromate.svg",
+    'chocolat': f"{TEMPLATES_DIR}/Chocolat.svg",
+    'confiture': f"{TEMPLATES_DIR}/Confiture.svg",
+    'pesto': f"{TEMPLATES_DIR}/Pesto.svg",
+    'sirop': f"{TEMPLATES_DIR}/Sirop.svg",
+    'tisane': f"{TEMPLATES_DIR}/Tisane.svg",
+    'sel': f"{TEMPLATES_DIR}/Sel.svg",
+}
+
+ALLERGEN_BEGIN_STYLE = '<tspan style="font-weight:bold">'
+ALLERGEN_END_STYLE = '</tspan>'
+
+
+def parse_args():
+    parser = argparse.ArgumentParser(description='Renew whole lineup from template and list of subs')
+    parser.add_argument('--list', required=True, help='Lineup file')
+
+    return parser.parse_args()
+
+
+def main():
+    args = parse_args()
+
+    with open(args.list) as csvfile:
+        reader = csv.reader(csvfile, delimiter=';', quotechar='"')
+        for row in reader:
+            template = templates[row[0]]
+            outfile = f"{OUT_DIR}/{row[5]}"
+            with open(outfile, 'w') as out:
+                # TODO Fix bold formatting with allergen and parenthesis
+                ingredients = [e.strip() for e in row[2].split(',')]
+                ingredients = [e if not e.startswith('*') else ALLERGEN_BEGIN_STYLE + e[1:] + ALLERGEN_END_STYLE for e in ingredients]
+                ingredients_sub = ", ".join(ingredients)
+                AB_logo_visibility = 'inline' if row[6] == 'True' else 'none'
+                subs = {
+                        'designation': row[1].strip(),
+                        'ingredients': ingredients_sub,
+                        'description': row[3].strip(),
+                        'color': row[4],
+                        'AB': AB_logo_visibility,
+                        'designation_fontsize': JAM_DESIGNATION_FONTSIZE_DEFAULT,
+                }
+                s = Subber(subs)
+                s.sub(template, out)
+
+
+if __name__ == "__main__":
+    main()

scripts/subber.py

@@ -0,0 +1,14 @@
+from string import Template
+
+
+class Subber():
+
+    def __init__(self, subs):
+        self.subs = subs
+
+    def sub(self, infile, outfile):
+        with open(infile) as template:
+            lines = template.readlines()
+            data = ''.join(lines)
+
+        outfile.write(Template(data).safe_substitute(self.subs))

zetikettes.service

@@ -0,0 +1,16 @@
+[Unit]
+Description=Zetikettes backend service
+After=docker.service
+Requires=docker.service
+
+[Service]
+ExecStart=/usr/bin/docker run --rm --name %n \
+	-p 127.0.0.1:8000:8000 \
+	-v /var/lib/zetikettes/data:/data \
+	zetikettes
+Restart=on-failure
+ExecStartPre=-/usr/bin/docker exec %n stop
+ExecStartPre=-/usr/bin/docker rm %n
+
+[Install]
+WantedBy=multi-user.target