Development

docker/routlin-dash/app/pages/accountmanage/content.json

@@ -11,38 +11,48 @@
       ]
     },
     {
-      "type": "table",
-      "datasource": "config:accounts",
-      "empty_message": "No accounts configured.",
-      "columns": [
+      "type": "card",
+      "label": "Active Sessions",
+      "items": [
         {
-          "label": "Email Address",
-          "field": "email_address"
-        },
-        {
-          "label": "Access Level",
-          "field": "access_level"
-        },
-        {
-          "label": "Added By",
-          "field": "account_created_by"
-        },
-        {
-          "label": "Added",
-          "field": "account_created_utc"
-        },
-        {
-          "label": "Status",
-          "field": "account_status",
-          "render": "badge_active_inactive"
+          "type": "raw_html",
+          "html": "%ACTIVE_SESSIONS_TABLE%"
         }
-      ],
-      "row_actions": [
+      ]
+    },
+    {
+      "type": "card",
+      "label": "User Accounts",
+      "items": [
         {
-          "action": "/action/accountmanage/accounts_delete",
-          "method": "post",
-          "text": "Remove",
-          "class": "btn-danger btn-sm"
+          "type": "table",
+          "datasource": "config:accounts",
+          "empty_message": "No accounts configured.",
+          "columns": [
+            {"label": "Email Address", "field": "email_address"},
+            {"label": "Access Level",  "field": "access_level"},
+            {"label": "Added By",      "field": "account_created_by"},
+            {"label": "Added",         "field": "account_created_utc"},
+            {
+              "label": "Status",
+              "field": "account_status",
+              "render": "badge_active_inactive"
+            }
+          ],
+          "row_actions": [
+            {
+              "method": "js_edit",
+              "target": "edit-form",
+              "text": "Edit",
+              "class": "btn-ghost btn-sm"
+            },
+            {
+              "action": "/action/accountmanage/accounts_delete",
+              "method": "post",
+              "text": "Delete",
+              "class": "btn-danger btn-sm"
+            }
+          ]
         }
       ]
     },
@@ -84,6 +94,43 @@
           ]
         }
       ]
+    },
+    {
+      "type": "card",
+      "id": "edit-form",
+      "label": "Edit Account",
+      "hidden": true,
+      "items": [
+        {
+          "type": "form",
+          "action": "/action/accountmanage/accounts_edit",
+          "method": "post",
+          "items": [
+            {"type": "hidden", "name": "row_index", "value": ""},
+            {
+              "type": "field",
+              "label": "Email Address",
+              "name": "email_address_display",
+              "input_type": "text",
+              "value": ""
+            },
+            {
+              "type": "field",
+              "label": "Access Level",
+              "name": "access_level",
+              "input_type": "select",
+              "options": "%ACCOUNT_LEVEL_OPTIONS%"
+            },
+            {
+              "type": "button_row",
+              "items": [
+                {"type": "button_primary", "text": "Save Changes"},
+                {"type": "button_cancel",  "text": "Cancel"}
+              ]
+            }
+          ]
+        }
+      ]
     }
   ]
-}
+}