don't zoom on double tap

.gitlab-ci.yml

@@ -46,4 +46,5 @@ deploy:
     - for f in $(find k8s -regex '.*\.ya*ml'); do envsubst < $f > "/deploy/$(basename $f)"; done
     - ./kubectl apply -f /deploy
     - ./kubectl rollout status deploy $DEPLOY
-    - ./kubectl exec $(./kubectl get pods --selector=app=$DEPLOY --output=jsonpath='{.items[*].metadata.name}') -- python manage.py migrate
+    - POD=$(./kubectl get pods --selector=app=$DEPLOY --output=jsonpath='{.items[*].metadata.name}')
+    - ./kubectl exec $POD -- python manage.py migrate

.vscode/launch.json

@@ -5,7 +5,7 @@
     "version": "0.2.0",
     "configurations": [
         {
-            "name": "Python: Django",
+            "name": "Test",
             "type": "python",
             "request": "launch",
             "program": "${workspaceFolder}/manage.py",
@@ -13,6 +13,17 @@
                 "test",
             ],
             "django": true
+        },
+        {
+            "name": "Run Server",
+            "type": "python",
+            "request": "launch",
+            "program": "${workspaceFolder}/manage.py",
+            "args": [
+                "runserver",
+                "--noreload"
+            ],
+            "django": true
         }
     ]
 }

config/urls.py

@@ -18,7 +18,7 @@ from django.urls import path, include
 from django.http import JsonResponse
 
 urlpatterns = [
-    path('', include('api.urls')),
+    # path('api/', include('api.urls')),
     path('', include('ui.urls')),
     path('admin/', admin.site.urls),
 ]

k8s/deploy.yaml

@@ -16,7 +16,9 @@ spec:
         image: $CI_REGISTRY_IMAGE:$CI_COMMIT_TAG
         envFrom:
         - configMapRef:
-          name: gitlab
+            name: $DEPLOY
+        - secretRef:
+            name: django-secrets
         volumeMounts:
           - mountPath: /app/db
             name: $DEPLOY

ui/static/ui/button.css

@@ -6,3 +6,15 @@ html, body {
 .section, .container {
     height: 100%;
 }
+
+.container {
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+}
+
+.disable-dbl-tap-zoom {
+    touch-action: manipulation;
+}

ui/static/ui/button.js

@@ -20,6 +20,7 @@ var count = document.getElementById("COUNT");
 
 button.addEventListener("click", event => {
     button.disabled = true;
+    button.classList.add("is-loading");
     fetch('/button', {
         method: 'POST',
         headers: {
@@ -34,6 +35,7 @@ button.addEventListener("click", event => {
             count.innerText = data.pressed;
         }).finally(() => {
             button.disabled = false;
+            button.classList.remove("is-loading");
         });
 });
 

ui/templates/ui/button.html

@@ -18,7 +18,7 @@
             <h1 class="title">
                 The Button
             </h1>
-            <button class="button is-primary" id="BUTTON">Press</button>
+            <button class="button is-primary disable-dbl-tap-zoom" id="BUTTON">Press</button>
         </div>
         <div><br></div>
         <div>