feat: separate admin view into own events and all users' events

Admin sees two tables: "Events" (own wallet events) and "All Users'
Events" (events from other users' wallets, admin only). Non-admin
users only see their own events table.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

static/js/index.js

@@ -11,7 +11,9 @@ window.app = Vue.createApp({
   data() {
     return {
       events: [],
+      allUserEvents: [],
       pendingEvents: [],
+      isAdmin: false,
       tickets: [],
       currencies: [],
       eventsTable: {
@@ -200,12 +202,12 @@ window.app = Vue.createApp({
       LNbits.utils.exportCSV(this.ticketsTable.columns, this.tickets)
     },
     getEvents() {
-      // Try admin endpoint first (shows all events across all wallets)
+      // Always fetch own events
-      // Falls back to user's own events if not admin
       LNbits.api
         .request(
           'GET',
-          '/events/api/v1/events/all'
+          '/events/api/v1/events?all_wallets=true',
+          this.g.user.wallets[0].inkey
         )
         .then(response => {
           this.events = response.data.map(obj => {
@@ -213,20 +215,24 @@ window.app = Vue.createApp({
           })
           this.checkCanceledEvents()
         })
+
+      // Admin: also fetch all users' events
+      LNbits.api
+        .request(
+          'GET',
+          '/events/api/v1/events/all'
+        )
+        .then(response => {
+          this.isAdmin = true
+          // Exclude own events (already in this.events)
+          const ownWalletIds = this.g.user.wallets.map(w => w.id)
+          this.allUserEvents = response.data
+            .filter(obj => !ownWalletIds.includes(obj.wallet))
+            .map(obj => mapEvents(obj))
+        })
         .catch(() => {
-          // Not admin, fall back to own events
+          this.isAdmin = false
-          LNbits.api
+          this.allUserEvents = []
-            .request(
-              'GET',
-              '/events/api/v1/events?all_wallets=true',
-              this.g.user.wallets[0].inkey
-            )
-            .then(response => {
-              this.events = response.data.map(obj => {
-                return mapEvents(obj)
-              })
-              this.checkCanceledEvents()
-            })
         })
     },
     getPendingEvents() {

templates/events/index.html

@@ -229,6 +229,48 @@
       </q-card-section>
     </q-card>
 
+    <!-- All Users' Events (admin only) -->
+    <q-card v-if="isAdmin && allUserEvents.length > 0">
+      <q-card-section>
+        <div class="row items-center no-wrap q-mb-md">
+          <div class="col">
+            <h5 class="text-subtitle1 q-my-none">
+              All Users' Events
+              <q-badge color="blue" :label="allUserEvents.length" class="q-ml-sm"></q-badge>
+            </h5>
+          </div>
+        </div>
+        <q-table
+          dense
+          flat
+          :rows="allUserEvents"
+          row-key="id"
+          :columns="eventsTable.columns"
+          :pagination="{rowsPerPage: 10}"
+        >
+          <template v-slot:header="props">
+            <q-tr :props="props">
+              <q-th v-for="col in props.cols" :key="col.name" :props="props">
+                <span v-text="col.label"></span>
+              </q-th>
+            </q-tr>
+          </template>
+          <template v-slot:body="props">
+            <q-tr :props="props">
+              <q-td v-for="col in props.cols" :key="col.name" :props="props">
+                <q-badge
+                  v-if="col.name === 'status'"
+                  :color="col.value === 'approved' ? 'green' : col.value === 'proposed' ? 'orange' : 'red'"
+                  :label="col.value"
+                ></q-badge>
+                <span v-else v-text="col.value"></span>
+              </q-td>
+            </q-tr>
+          </template>
+        </q-table>
+      </q-card-section>
+    </q-card>
+
     <q-card>
       <q-card-section>
         <div class="row items-center no-wrap q-mb-md">