From 24795f519fcc8bb34a3adccecf0e9c882af36739 Mon Sep 17 00:00:00 2001
From: Vlad Stan <stan.v.vlad@gmail.com>
Date: Mon, 6 Feb 2023 14:23:41 +0200
Subject: [PATCH] feat: update `Create Relay` dialog

---
 .../relay-details/relay-details.html          |  4 +-
 .../components/relay-details/relay-details.js |  6 +-
 static/js/index.js                            |  5 +-
 templates/nostrrelay/index.html               | 64 ++++++++++---------
 4 files changed, 39 insertions(+), 40 deletions(-)

diff --git a/static/components/relay-details/relay-details.html b/static/components/relay-details/relay-details.html
index 3f33cc1..5baf10f 100644
--- a/static/components/relay-details/relay-details.html
+++ b/static/components/relay-details/relay-details.html
@@ -1,3 +1 @@
-<div>
- xxx
-</div>
+<div>xxx</div>
diff --git a/static/components/relay-details/relay-details.js b/static/components/relay-details/relay-details.js
index 91384eb..5cda00f 100644
--- a/static/components/relay-details/relay-details.js
+++ b/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 () {}
   })
 }
diff --git a/static/js/index.js b/static/js/index.js
index 3932067..633b701 100644
--- a/static/js/index.js
+++ b/static/js/index.js
@@ -16,8 +16,9 @@ const relays = async () => {
           data: {
             name: '',
             description: '',
-            type: '',
-            amount: '',
+            pubkey: '',
+            contact: '',
+            contact: '',
             wallet: ''
           }
         },
diff --git a/templates/nostrrelay/index.html b/templates/nostrrelay/index.html
index fb7ff82..a06605c 100644
--- a/templates/nostrrelay/index.html
+++ b/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"
-          type="number"
-          label="*Amount (how many sats it costs to vote)"
+          v-model.trim="formDialogRelay.data.pubkey"
+          type="text"
+          label="Relay Public Key"
         ></q-input>
-
-        <q-select
+        <q-input
           filled
           dense
-          emit-value
-          v-model="formDialogRelay.data.wallet"
-          :options="g.user.walletOptions"
-          label="Wallet *"
-        >
-        </q-select>
+          v-model.trim="formDialogRelay.data.contact"
+          type="text"
+          label="Contact"
+        ></q-input>
+
         <q-toggle
           v-model="formDialogRelay.showAdvanced"
           label="Show advanced options"
         ></q-toggle>
-        <div v-if="formDialogRelay.showAdvanced" class="row">
-          <div class="col">xxx</div>
+        <div v-if="formDialogRelay.showAdvanced">
+          <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 || 
-            !formDialogRelay.data.type ||
-            !formDialogRelay.data.wallet ||
-            !formDialogRelay.data.amount"
+            :disable="!formDialogRelay.data.name"
             type="submit"
             >Create Relay</q-btn
           >