apply to html and body, not button

.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

@@ -17,6 +17,8 @@ spec:
         envFrom:
         - configMapRef:
             name: $DEPLOY
+        - secretRef:
+            name: django-secrets
         volumeMounts:
           - mountPath: /app/db
             name: $DEPLOY

ui/static/ui/button.css

@@ -1,6 +1,7 @@
 html, body { 
     height: 100%;
     width: 100%;
+    touch-action: manipulation;
 }
 
 .section, .container {

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");
         });
 });