feat: edit relay info

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

@@ -7,6 +7,67 @@
   </q-tabs>
   <q-tab-panels v-model="tab">
     <q-tab-panel name="info">
+      <div v-if="relay">
+        <div class="row items-center no-wrap q-mb-md">
+          <div class="col-3 q-pr-lg">Name:</div>
+          <div class="col-6 q-pr-lg">
+            <q-input
+              filled
+              dense
+              v-model.trim="relay.name"
+              type="text"
+            ></q-input>
+          </div>
+          <div class="col-3"></div>
+        </div>
+        <div class="row items-center no-wrap q-mb-md">
+          <div class="col-3 q-pr-lg">Description:</div>
+          <div class="col-6 q-pr-lg">
+            <q-input
+              filled
+              dense
+              v-model.trim="relay.description"
+              type="text"
+            ></q-input>
+          </div>
+          <div class="col-3"></div>
+        </div>
+        <div class="row items-center no-wrap q-mb-md">
+          <div class="col-3 q-pr-lg">Relay Public Key:</div>
+          <div class="col-6 q-pr-lg">
+            <q-input
+              filled
+              dense
+              v-model.trim="relay.pubkey"
+              type="text"
+            ></q-input>
+          </div>
+          <div class="col-3"></div>
+        </div>
+        <div class="row items-center no-wrap q-mb-md">
+          <div class="col-3 q-pr-lg">Contact:</div>
+          <div class="col-6 q-pr-lg">
+            <q-input
+              filled
+              dense
+              v-model.trim="relay.contact"
+              type="text"
+            ></q-input>
+          </div>
+          <div class="col-3"></div>
+        </div>
+      </div>
+    </q-tab-panel>
+    <q-tab-panel name="payment">
+      <span>yyyy</span>
+    </q-tab-panel>
+    <q-tab-panel name="config">
+      <span>zzz</span>
+    </q-tab-panel>
+    <q-tab-panel name="access">
+      <span>qqq</span>
+    </q-tab-panel>
+  </q-tab-panels>
   <div class="row items-center q-mt-md q-mb-lg">
     <div class="col-6 q-pr-lg">
       <q-btn
@@ -28,15 +89,4 @@
       >
     </div>
   </div>
-    </q-tab-panel>
-    <q-tab-panel name="payment">
-      <span>yyyy</span>
-    </q-tab-panel>
-    <q-tab-panel name="config">
-      <span>zzz</span>
-    </q-tab-panel>
-    <q-tab-panel name="access">
-      <span>qqq</span>
-    </q-tab-panel>
-  </q-tab-panels>
 </div>

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

@@ -8,6 +8,7 @@ async function relayDetails(path) {
     data: function () {
       return {
         tab: 'info',
+        relay: null,
         formDialogItem: {
           show: false,
           data: {
@@ -40,9 +41,23 @@ async function relayDetails(path) {
               LNbits.utils.notifyApiError(error)
             }
           })
+      },
+      getRelay: async function () {
+        try {
+          const {data} = await LNbits.api.request(
+            'GET',
+            '/nostrrelay/api/v1/relay/' + this.relayId,
+            this.inkey
+          )
+          this.relay = data
+        } catch (error) {
+          LNbits.utils.notifyApiError(error)
+        }
       }
     },
 
-    created: async function () {}
+    created: async function () {
+      await this.getRelay()
+    }
   })
 }