From a84f6765711e92c668ecb3becd2b1ee12b36abe7 Mon Sep 17 00:00:00 2001
From: kaotisk <kaotisk@arching-kaos.org>
Date: Sun, 22 Dec 2024 04:49:34 +0200
Subject: Peering look up

---
 src/js/ui/sections/welcomeSection.js | 29 ++++++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

(limited to 'src/js/ui/sections/welcomeSection.js')

diff --git a/src/js/ui/sections/welcomeSection.js b/src/js/ui/sections/welcomeSection.js
index 31f7d4b..873063b 100644
--- a/src/js/ui/sections/welcomeSection.js
+++ b/src/js/ui/sections/welcomeSection.js
@@ -88,6 +88,30 @@ var renderForm = {
     ]
 };
 
+var manualPeerTitle = {
+    element : "h3",
+    innerText: "Connect to specific peer manually"
+};
+
+var manualPeerForm = {
+    element: "div",
+    style:"padding: 1vh 1vw; display: flex; flex-direction: row; align-items: center; gap: 10px;",
+    innerHTML: [
+        {
+            element: "input",
+            id:"peer-field",
+            type:"text",
+            name:"search",
+            placeholder:"Enter an arching-kaos node address"
+        },
+        {
+            element:"button",
+            onclick:"seekPeer(this.parentElement.querySelector('#peer-field').value, ['search', false])",
+            innerText:"Try"
+        }
+    ]
+};
+
 var content = {
     element : "div",
     className: "content",
@@ -96,12 +120,14 @@ var content = {
         homeGrid,
         renderTitle,
         renderForm,
+        manualPeerTitle,
+        manualPeerForm,
         {
             element: "div",
             className: "results-area",
             innerHTML: [
                 {
-                    elements: "h3",
+                    element: "h3",
                     innerText: "Results"
                 }
             ]
@@ -164,6 +190,7 @@ var content = {
                 },
                 {
                     element: "div",
+                    style: "font-size: 9px;",
                     id: "logs-area-element"
                 }
             ]
-- 
cgit v1.2.3