refactor: move /account into vue component (#3467)

lnbits/core/views/generic.py

@@ -47,29 +47,6 @@ async def home(request: Request, lightning: str = ""):
     )
 
 
-@generic_router.get(
-    "/account",
-    response_class=HTMLResponse,
-    description="show account page",
-)
-async def account(
-    request: Request,
-    user: User = Depends(check_user_exists),
-):
-    nostr_configured = settings.is_nostr_notifications_configured()
-    telegram_configured = settings.is_telegram_notifications_configured()
-    return template_renderer().TemplateResponse(
-        request,
-        "core/account.html",
-        {
-            "user": user.json(),
-            "nostr_configured": nostr_configured,
-            "telegram_configured": telegram_configured,
-            "ajax": _is_ajax_request(request),
-        },
-    )
-
-
 @generic_router.get(
     "/wallet",
     response_class=HTMLResponse,
@@ -408,6 +385,7 @@ async def manifest(request: Request, usr: str):
 
 @generic_router.get("/payments", response_class=HTMLResponse)
 @generic_router.get("/wallets", response_class=HTMLResponse)
+@generic_router.get("/account", response_class=HTMLResponse)
 async def index(request: Request, user: User = Depends(check_user_exists)):
     return template_renderer().TemplateResponse(
         request,

lnbits/helpers.py

@@ -106,6 +106,8 @@ def template_renderer(additional_folders: list | None = None) -> Jinja2Templates
         "WEBPUSH_PUBKEY": settings.lnbits_webpush_pubkey,
         "LNBITS_DENOMINATION": settings.lnbits_denomination,
         "has_holdinvoice": settings.has_holdinvoice,
+        "LNBITS_NOSTR_CONFIGURED": settings.is_nostr_notifications_configured(),
+        "LNBITS_TELEGRAM_CONFIGURED": settings.is_telegram_notifications_configured(),
     }
 
     t.env.globals["WINDOW_SETTINGS"] = window_settings

lnbits/static/js/init-app.js

@@ -157,15 +157,6 @@ const routes = [
       scripts: ['/static/js/extensions_builder.js']
     }
   },
-  {
-    path: '/account',
-    name: 'Account',
-    component: DynamicComponent,
-    props: {
-      fetchUrl: '/account',
-      scripts: ['/static/js/account.js']
-    }
-  },
   {
     path: '/node',
     name: 'Node',
@@ -200,6 +191,11 @@ const routes = [
     path: '/admin',
     name: 'Admin',
     component: PageAdmin
+  },
+  {
+    path: '/account',
+    name: 'Account',
+    component: PageAccount
   }
 ]
 

lnbits/static/js/pages/account.js

@@ -1,4 +1,5 @@
-window.AccountPageLogic = {
+window.PageAccount = {
+  template: '#page-account',
   mixins: [window.windowMixin],
   data() {
     return {

lnbits/static/vendor.json

@@ -49,6 +49,7 @@
     "js/pages/audit.js",
     "js/pages/wallets.js",
     "js/pages/users.js",
+    "js/pages/account.js",
     "js/pages/admin.js",
     "js/components/admin/lnbits-admin-funding.js",
     "js/components/admin/lnbits-admin-funding-sources.js",

lnbits/templates/pages.vue

@@ -1,3 +1,4 @@
 {% include('pages/payments.vue') %} {% include('pages/node.vue') %} {%
 include('pages/audit.vue') %} {% include('pages/wallets.vue') %} {%
-include('pages/users.vue') %} {% include('pages/admin.vue') %}
+include('pages/users.vue') %} {% include('pages/admin.vue') %} {%
+include('pages/account.vue') %}

package.json

@@ -101,6 +101,7 @@
       "js/pages/audit.js",
       "js/pages/wallets.js",
       "js/pages/users.js",
+      "js/pages/account.js",
       "js/pages/admin.js",
       "js/components/admin/lnbits-admin-funding.js",
       "js/components/admin/lnbits-admin-funding-sources.js",