From 663dffd8be82514af0dc77e604f9707f550dde16 Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens.langhammer@beryju.org>
Date: Sun, 19 Sep 2021 00:28:40 +0200
Subject: [PATCH] web/admin: fix error in firefox when creating token

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
---
 web/src/elements/forms/Form.ts                |  8 +++++++
 .../pages/stages/invitation/InvitationForm.ts |  1 +
 web/src/pages/tokens/TokenForm.ts             | 23 +------------------
 3 files changed, 10 insertions(+), 22 deletions(-)

diff --git a/web/src/elements/forms/Form.ts b/web/src/elements/forms/Form.ts
index 85cee382f..4ec712520 100644
--- a/web/src/elements/forms/Form.ts
+++ b/web/src/elements/forms/Form.ts
@@ -141,6 +141,14 @@ export class Form<T> extends LitElement {
                 element.type === "datetime-local"
             ) {
                 json[element.name] = new Date(element.valueAsNumber);
+            } else if (
+                element.tagName.toLowerCase() === "input" &&
+                "type" in element.dataset &&
+                element.dataset["type"] === "datetime-local"
+            ) {
+                // Workaround for Firefox <93, since 92 and older don't support
+                // datetime-local fields
+                json[element.name] = new Date(element.value);
             } else if (element.tagName.toLowerCase() === "input" && element.type === "checkbox") {
                 json[element.name] = element.checked;
             } else {
diff --git a/web/src/pages/stages/invitation/InvitationForm.ts b/web/src/pages/stages/invitation/InvitationForm.ts
index 635be3687..d2851264b 100644
--- a/web/src/pages/stages/invitation/InvitationForm.ts
+++ b/web/src/pages/stages/invitation/InvitationForm.ts
@@ -43,6 +43,7 @@ export class InvitationForm extends ModelForm<Invitation, string> {
             <ak-form-element-horizontal label=${t`Expires`} ?required=${true} name="expires">
                 <input
                     type="datetime-local"
+                    data-type="datetime-local"
                     class="pf-c-form-control"
                     required
                     value="${dateTimeLocal(first(this.instance?.expires, new Date()))}"
diff --git a/web/src/pages/tokens/TokenForm.ts b/web/src/pages/tokens/TokenForm.ts
index 7e5524121..2aeaa68f3 100644
--- a/web/src/pages/tokens/TokenForm.ts
+++ b/web/src/pages/tokens/TokenForm.ts
@@ -7,7 +7,6 @@ import "../../elements/forms/HorizontalFormElement";
 import "../../elements/forms/FormGroup";
 import { dateTimeLocal, first } from "../../utils";
 import { ModelForm } from "../../elements/forms/ModelForm";
-import { until } from "lit-html/directives/until";
 
 @customElement("ak-token-form")
 export class TokenForm extends ModelForm<Token, string> {
@@ -51,27 +50,6 @@ export class TokenForm extends ModelForm<Token, string> {
                     ${t`Unique identifier the token is referenced by.`}
                 </p>
             </ak-form-element-horizontal>
-            <ak-form-element-horizontal label=${t`User`} ?required=${true} name="user">
-                <select class="pf-c-form-control">
-                    ${until(
-                        new CoreApi(DEFAULT_CONFIG)
-                            .coreUsersList({
-                                ordering: "username",
-                            })
-                            .then((users) => {
-                                return users.results.map((user) => {
-                                    return html`<option
-                                        value=${user.pk}
-                                        ?selected=${this.instance?.user === user.pk}
-                                    >
-                                        ${user.username}
-                                    </option>`;
-                                });
-                            }),
-                        html`<option>${t`Loading...`}</option>`,
-                    )}
-                </select>
-            </ak-form-element-horizontal>
             <ak-form-element-horizontal label=${t`Intent`} ?required=${true} name="intent">
                 <select class="pf-c-form-control">
                     <option
@@ -111,6 +89,7 @@ export class TokenForm extends ModelForm<Token, string> {
             <ak-form-element-horizontal label=${t`Expires on`} name="expires">
                 <input
                     type="datetime-local"
+                    data-type="datetime-local"
                     value="${dateTimeLocal(first(this.instance?.expires, new Date()))}"
                     class="pf-c-form-control"
                 />