[feat] UI for user notifications (#3267)

lnbits/core/models/users.py

@@ -25,6 +25,9 @@ class UserExtra(BaseModel):
     first_name: str | None = None
     last_name: str | None = None
     display_name: str | None = None
+    nostr_notification_identifiers: list[str] = []
+    telegram_chat_id: str | None = None
+    notifications_excluded_wallets: list[str] = []
     picture: str | None = None
     # Auth provider, possible values:
     # - "env": the user was created automatically by the system

lnbits/core/templates/core/account.html

@@ -20,6 +20,11 @@
               :label="$t('look_and_feel')"
               @update="val => tab = val.name"
             ></q-tab>
+            <q-tab
+              name="notifications"
+              :label="$t('notifications')"
+              @update="val => tab = val.name"
+            ></q-tab>
             <q-tab
               name="api_acls"
               :label="$t('access_control_list')"
@@ -566,6 +571,86 @@
                   </q-btn>
                 </div>
               </q-tab-panel>
+              <q-tab-panel name="notifications">
+                <q-card-section>
+                  <div class="row q-mb-md">
+                    <div class="col-4">
+                      <span
+                        v-text="$t('notifications_nostr_identifiers')"
+                      ></span>
+                    </div>
+                    <div class="col-8">
+                      <q-input
+                        filled
+                        dense
+                        v-model="notifications.nostr.identifier"
+                        :hint="$t('notifications_nostr_identifiers_desc')"
+                        @keydown.enter="addNostrNotificationIdentifier"
+                      >
+                        <q-btn
+                          @click="addNostrNotificationIdentifier()"
+                          dense
+                          flat
+                          icon="add"
+                        ></q-btn>
+                      </q-input>
+                      <div>
+                        <q-chip
+                          v-for="identifier in user.extra.nostr_notification_identifiers"
+                          :key="identifier"
+                          removable
+                          @remove="removeNostrNotificationIdentifier(identifier)"
+                          color="primary"
+                          text-color="white"
+                          ><span class="ellipsis" v-text="identifier"></span
+                        ></q-chip>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div class="row q-mb-md">
+                    <div class="col-4">
+                      <span v-text="$t('notifications_chat_id')"></span>
+                    </div>
+                    <div class="col-8">
+                      <q-input
+                        filled
+                        dense
+                        v-model="user.extra.telegram_chat_id"
+                        :hint="$t('notifications_chat_id_desc')"
+                      />
+                    </div>
+                  </div>
+                  <div class="row q-mb-md">
+                    <div class="col-4">
+                      <span v-text="$t('exclude_wallets')"></span>
+                    </div>
+                    <div class="col-8">
+                      <q-select
+                        filled
+                        dense
+                        emit-value
+                        map-options
+                        multiple
+                        v-model="user.extra.notifications_excluded_wallets"
+                        :options="g.user.walletOptions"
+                        :label="$t('exclude_wallets')"
+                        :hint="$t('notifications_excluded_wallets_desc')"
+                        class="q-mt-sm"
+                      >
+                      </q-select>
+                    </div>
+                  </div>
+                </q-card-section>
+                <q-card-section>
+                  <q-separator></q-separator>
+                  <div class="row q-mb-md q-mt-md">
+                    <q-btn @click="updateAccount" unelevated color="primary">
+                      <span v-text="$t('update_account')"></span>
+                    </q-btn>
+                  </div>
+                </q-card-section>
+              </q-tab-panel>
               <q-tab-panel name="api_acls">
                 <div class="row q-mb-md">
                   <q-badge v-if="user.admin">

lnbits/core/views/generic.py

@@ -206,11 +206,15 @@ 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),
         },
     )
@@ -361,7 +365,6 @@ async def node_public(request: Request):
         request,
         "node/public.html",
         {
-            "settings": settings.dict(),
             "balance": balance,
         },
     )
@@ -398,7 +401,6 @@ async def users_index(request: Request, user: User = Depends(check_admin)):
         {
             "request": request,
             "user": user.json(),
-            "settings": settings.dict(),
             "currencies": list(currencies.keys()),
             "ajax": _is_ajax_request(request),
         },