feat: update Create Relay dialog

static/components/relay-details/relay-details.html

@@ -1,3 +1 @@
-<div>
+<div>xxx</div>
- xxx
-</div>

static/components/relay-details/relay-details.js

@@ -21,11 +21,9 @@ async function relayDetails(path) {
     methods: {
       satBtc(val, showUnit = true) {
         return satOrBtc(val, showUnit, this.satsDenominated)
-      },
+      }
     },
 
-    created: async function () {
+    created: async function () {}
-      
-    }
   })
 }

static/js/index.js

@@ -16,8 +16,9 @@ const relays = async () => {
           data: {
             name: '',
             description: '',
-            type: '',
+            pubkey: '',
-            amount: '',
+            contact: '',
+            contact: '',
             wallet: ''
           }
         },

templates/nostrrelay/index.html

@@ -98,11 +98,11 @@
                 <div class="row items-center q-mt-md q-mb-lg">
                   <div class="col-2 q-pr-lg"></div>
                   <div class="col-10 q-pr-lg">
-                    <relay-items
+                    <relay-details
                       :relay-id="props.row.id"
                       :adminkey="g.user.wallets[0].adminkey"
                       :inkey="g.user.wallets[0].inkey"
-                    ></relay-items>
+                    ></relay-details>
                   </div>
                 </div>
               </q-td>
@@ -130,7 +130,18 @@
 
   <q-dialog v-model="formDialogRelay.show" position="top">
     <q-card class="q-pa-lg q-pt-xl lnbits__dialog-card">
+      <q-card-section>
+        <div class="text-h6">New Relay</div>
+      </q-card-section>
       <q-form @submit="sendFormDataRelay" class="q-gutter-md">
+        <q-input
+          v-if="g.user.admin"
+          filled
+          dense
+          v-model.trim="formDialogRelay.data.id"
+          type="text"
+          label="*Id"
+        ></q-input>
         <q-input
           filled
           dense
@@ -145,50 +156,41 @@
           type="text"
           label="Description"
         ></q-input>
-
-        <q-select
-          filled
-          dense
-          emit-value
-          v-model="formDialogRelay.data.type"
-          :options="relayTypes"
-          label="Relay Type"
-          class="q-mt-lg"
-        >
-        </q-select>
-
         <q-input
           filled
           dense
-          v-model.trim="formDialogRelay.data.amount"
+          v-model.trim="formDialogRelay.data.pubkey"
-          type="number"
+          type="text"
-          label="*Amount (how many sats it costs to vote)"
+          label="Relay Public Key"
         ></q-input>
-
+        <q-input
-        <q-select
           filled
           dense
-          emit-value
+          v-model.trim="formDialogRelay.data.contact"
-          v-model="formDialogRelay.data.wallet"
+          type="text"
-          :options="g.user.walletOptions"
+          label="Contact"
-          label="Wallet *"
+        ></q-input>
-        >
+
-        </q-select>
         <q-toggle
           v-model="formDialogRelay.showAdvanced"
           label="Show advanced options"
         ></q-toggle>
-        <div v-if="formDialogRelay.showAdvanced" class="row">
+        <div v-if="formDialogRelay.showAdvanced">
-          <div class="col">xxx</div>
+          <q-select
+            filled
+            dense
+            emit-value
+            v-model="formDialogRelay.data.wallet"
+            :options="g.user.walletOptions"
+            label="Wallet *"
+          >
+          </q-select>
         </div>
         <div class="row q-mt-lg">
           <q-btn
             unelevated
             color="primary"
-            :disable="!formDialogRelay.data.name || 
+            :disable="!formDialogRelay.data.name"
-            !formDialogRelay.data.type ||
-            !formDialogRelay.data.wallet ||
-            !formDialogRelay.data.amount"
             type="submit"
             >Create Relay</q-btn
           >