From 56d40bddd0c35ac36b156217e961bb926cdc7dc8 Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens.langhammer@beryju.org>
Date: Tue, 14 Sep 2021 09:57:36 +0200
Subject: [PATCH] web/admin: make token list more consistent

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
---
 web/.prettierrc.json                  |  1 -
 web/src/pages/tokens/TokenListPage.ts | 22 ++++++++++++----------
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/web/.prettierrc.json b/web/.prettierrc.json
index b16c4b41e..bdb9c6487 100644
--- a/web/.prettierrc.json
+++ b/web/.prettierrc.json
@@ -4,7 +4,6 @@
     "embeddedLanguageFormatting": "auto",
     "htmlWhitespaceSensitivity": "css",
     "insertPragma": false,
-    "jsxBracketSameLine": false,
     "jsxSingleQuote": false,
     "printWidth": 100,
     "proseWrap": "preserve",
diff --git a/web/src/pages/tokens/TokenListPage.ts b/web/src/pages/tokens/TokenListPage.ts
index f066b40b5..82316b7e2 100644
--- a/web/src/pages/tokens/TokenListPage.ts
+++ b/web/src/pages/tokens/TokenListPage.ts
@@ -108,16 +108,18 @@ export class TokenListPage extends TablePage<Token> {
             html`${item.expiring ? item.expires?.toLocaleString() : "-"}`,
             html`${IntentToLabel(item.intent || IntentEnum.Api)}`,
             html`
-                ${item.managed
-                    ? html``
-                    : html`<ak-forms-modal>
-                          <span slot="submit"> ${t`Update`} </span>
-                          <span slot="header"> ${t`Update Token`} </span>
-                          <ak-token-form slot="form" .instancePk=${item.identifier}></ak-token-form>
-                          <button slot="trigger" class="pf-c-button pf-m-plain">
-                              <i class="fas fa-edit"></i>
-                          </button>
-                      </ak-forms-modal>`}
+                <ak-forms-modal>
+                    <span slot="submit"> ${t`Update`} </span>
+                    <span slot="header"> ${t`Update Token`} </span>
+                    <ak-token-form slot="form" .instancePk=${item.identifier}></ak-token-form>
+                    <button
+                        ?disabled=${item.managed !== null}
+                        slot="trigger"
+                        class="pf-c-button pf-m-plain"
+                    >
+                        <i class="fas fa-edit"></i>
+                    </button>
+                </ak-forms-modal>
                 <ak-token-copy-button identifier="${item.identifier}">
                     <i class="fas fa-copy"></i>
                 </ak-token-copy-button>