Rework onsite admin interface

.github/workflows/django.yml

@@ -33,6 +33,16 @@ jobs:
           # Maps tcp port 5432 on service container to the host
           - 5432:5432
 
+      gotenberg:
+        image: gotenberg/gotenberg:8
+        options: >-
+          --health-cmd "curl --fail http://localhost:3000/health"
+          --health-interval 10s
+          --health-timeout 5s
+          --health-retries 5
+        ports:
+          - 3000:3000
+
     steps:
     - uses: actions/checkout@v4
     - name: Set up Python ${{ matrix.python-version }}

.gitignore

@@ -17,3 +17,4 @@ venv3/
 .env
 htmlcov/
 .DS_Store
+node_modules/

Dockerfile

@@ -1,9 +1,20 @@
+FROM node:lts AS assets
+
+ENV NODE_ENVIRONMENT=production
+
+WORKDIR /app/registration/frontend
+
+COPY ./registration/frontend/package.json ./registration/frontend/package-lock.json /app/registration/frontend/
+RUN npm install
+COPY ./registration/frontend/ /app/registration/frontend/
+RUN node esbuild.mjs
+
 FROM ghcr.io/furthemore/apis:apis-base-cb35d5b
 
 LABEL org.opencontainers.image.source="https://github.com/furthemore/APIS"
 
 ARG SENTRY_RELEASE=local
-ENV SENTRY_RELEASE ${SENTRY_RELEASE}
+ENV SENTRY_RELEASE=${SENTRY_RELEASE}
 
 EXPOSE 80
 EXPOSE 443
@@ -12,6 +23,7 @@ WORKDIR /app
 
 COPY . /app/
 COPY ./fm_eventmanager/settings.py.docker /app/fm_eventmanager/settings.py
+COPY --from=assets /app/registration/static/ /app/registration/static/
 
 ENTRYPOINT ["/entrypoint.sh"]
 

fm_eventmanager/settings.py.docker

@@ -414,3 +414,6 @@ ENVIRONMENT_NAME = os.getenv('ENVIRONMENT_NAME', "Production Server")
 ENVIRONMENT_COLOR = os.getenv('ENVIRONMENT_COLOR', "#FF0000")
 ENVIRONMENT_TEXT_COLOR = os.getenv('ENVIRONMENT_TEXT_COLOR', "#00FF00")
 ENVIRONMENT_FLOAT = os.getenv('ENVIRONMENT_FLOAT', False)
+
+PRINT_RENDERER = os.getenv('PRINT_RENDERER', 'wkhtmltopdf')
+GOTENBERG_HOST = os.getenv('GOTENBERG_HOST', None)

fm_eventmanager/settings.py.travis

@@ -253,3 +253,5 @@ ENVIRONMENT_NAME = "Production Server"
 ENVIRONMENT_COLOR = "#FF0000"
 ENVIRONMENT_TEXT_COLOR = "#00FF00"
 ENVIRONMENT_FLOAT = True
+
+GOTENBERG_HOST = "http://localhost:3000"

registration/admin.py

@@ -11,8 +11,9 @@
 from django.contrib import admin, auth, messages
 from django.contrib.auth.models import User
 from django.contrib.sites.models import Site
+from django.core.signing import TimestampSigner
 from django.db import transaction
-from django.db.models import JSONField, Max
+from django.db.models import Max
 from django.forms import NumberInput, widgets
 from django.http import HttpResponseRedirect
 from django.shortcuts import render
@@ -544,7 +545,7 @@ class EventAdmin(admin.ModelAdmin):
                     "venue",
                     "charity",
                     "donations",
-                    ("codeOfConduct", "badgeTheme"),
+                    ("codeOfConduct", "badgeTheme", "defaultBadgeTemplate"),
                 )
             },
         ),
@@ -945,7 +946,17 @@ def get_attendee_age(attendee):
 
 
 def print_badges(modeladmin, request, queryset):
-    pdf_path = generate_badge_labels(queryset, request)
+    if getattr(settings, "PRINT_RENDERER", "wkhtmltopdf") == "gotenberg":
+        signer = TimestampSigner()
+        data = signer.sign_object({
+            "badge_ids": [badge.id for badge in queryset],
+        })
+
+        pdf_path = reverse("registration:pdf") + f"?data={data}"
+    else:
+        pdf_name = generate_badge_labels(queryset, request)
+        pdf_path = reverse("registration:pdf") + f"?file={pdf_name}"
+
 
     response = HttpResponseRedirect(reverse("registration:print"))
     url_params = {"file": pdf_path, "next": request.get_full_path()}
@@ -1615,3 +1626,47 @@ def headers_highlighted(self, instance):
 
 
 admin.site.register(PaymentWebhookNotification, PaymentWebhookAdmin)
+
+
+class BadgeTemplateAdmin(admin.ModelAdmin):
+    list_display = (
+        "name",
+        "paperWidth",
+        "paperHeight",
+        "marginTop",
+        "marginBottom",
+        "marginLeft",
+        "marginRight",
+        "landscape",
+        "scale"
+    )
+
+    fieldsets = (
+        (
+            None,
+            {
+                "fields": ("name", "template"),
+            }
+        ),
+        (
+            "Paper Setup",
+            {
+                "fields": (
+                    "landscape",
+                    "scale",
+                    ("paperWidth", "paperHeight"),
+                )
+            }
+        ),
+        (
+            "Margins And Padding",
+            {
+                "fields": (
+                    ("marginTop", "marginBottom"),
+                    ("marginLeft", "marginRight"),
+                ),
+            }
+        ),
+    )
+
+admin.site.register(BadgeTemplate, BadgeTemplateAdmin)

registration/frontend/esbuild.mjs

@@ -0,0 +1,33 @@
+import { writeFileSync } from "fs";
+
+import esbuild from "esbuild";
+import { sassPlugin } from "esbuild-sass-plugin";
+import { solidPlugin } from "esbuild-plugin-solid";
+
+const IS_PROD = process.env.NODE_ENVIRONMENT === "production";
+
+const result = await esbuild.build({
+  bundle: true,
+  drop: IS_PROD ? ["console"] : [],
+  entryPoints: ["src/entrypoints/admin.tsx"],
+  metafile: true,
+  minify: IS_PROD,
+  outdir: "../static/",
+  sourcemap: true,
+  target: ["es2020"],
+  loader: {
+    ".woff": "file",
+    ".woff2": "file",
+    ".ttf": "file",
+  },
+  plugins: [
+    sassPlugin({
+      quietDeps: ["bulma"],
+    }),
+    solidPlugin(),
+  ],
+});
+
+if (result.metafile) {
+  writeFileSync("./metafile.json", JSON.stringify(result.metafile));
+}