added button for seeing players

lnbits · Nov 5, 2024 · 098eb60 · 098eb60
1 parent 6413670
commit 098eb60
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git a/static/js/index.js b/static/js/index.js
@@ -13,6 +13,10 @@ window.app = Vue.createApp({
   data() {
     return {
       satspots: [],
+      players: {
+        show: false,
+        data: [],
+      },
       satspotsTable: {
         columns: [
           { name: "id", align: "left", label: "ID", field: "id" },
@@ -73,6 +77,10 @@ window.app = Vue.createApp({
           LNbits.utils.notifyApiError(err)
         })
     },
+    async openPlayers(players) {
+      this.players.show = true
+      this.players.data = players.split(',')
+    },
     async createGame() {
       const date = new Date(this.formDialogSatspot.data.closing_date)
       const unixTimestamp = Math.floor(date.getTime() / 1000)

diff --git a/templates/satspot/index.html b/templates/satspot/index.html
@@ -70,6 +70,15 @@ <h5 class="text-subtitle1 q-my-none">Satspots</h5>
                   icon="cancel"
                   color="pink"
                 ></q-btn>
+                <q-btn
+                flat
+                dense
+                size="sm"
+                @click="openPlayers(props.row.players)"
+                icon="groups"
+                color="secondary"
+              ><q-tooltip>View players</q-tooltip>
+            </q-btn>
               </q-td>
             </q-tr>
           </template>
@@ -92,6 +101,12 @@ <h6 class="text-subtitle1 q-my-none">
     </q-card>
   </div>
 
+  <q-dialog v-model="players.show" position="top">
+    <q-card class="q-pa-lg q-pt-xl lnbits__dialog-card">
+      <div v-text="players.data"></div>
+    </q-card>
+  </q-dialog>
+
   <q-dialog
     v-model="formDialogSatspot.show"
     position="top"