From 6f44d2b64579540a1f24ad3e91733ff9361f4354 Mon Sep 17 00:00:00 2001 From: infidel Date: Mon, 21 Nov 2022 18:58:44 +0700 Subject: [PATCH] wg svelte multiple component communication --- public/200.html | 2 +- public/404.html | 2 +- public/assets/styles/index.css | 1 + public/assets/styles/tailwind.css | 151 ++++-------------- public/index.html | 2 +- .../Cards/.CardCreateWGUser.svelte.swp | Bin 24576 -> 0 bytes src/components/Cards/.CardSettings.svelte.swp | Bin 16384 -> 0 bytes .../Cards/.CardWGControl.svelte.swp | Bin 24576 -> 0 bytes .../Cards/.CardWGProfiles.svelte.swp | Bin 20480 -> 0 bytes src/components/Cards/CardCreateWGUser.svelte | 32 +--- src/components/Cards/CardTableInf.svelte | 106 ++++++++---- src/components/Cards/CardWGControl.svelte | 138 +++++++++++----- src/components/Cards/CardWGFilter.svelte | 81 ++++++++++ src/components/Cards/CardWGProfiles.svelte | 97 ++++++++--- src/components/Headers/GlobalHeader.svelte | 4 +- src/components/Sidebar/Sidebar.svelte | 18 ++- src/layouts/Admin.svelte | 2 + src/views/admin/.wgProfiles.svelte.swp | Bin 12288 -> 0 bytes src/views/admin/Dashboard.svelte | 3 - src/views/admin/wgBlast.svelte | 22 +++ src/views/admin/wgProfiles.svelte | 30 ++-- 21 files changed, 431 insertions(+), 260 deletions(-) delete mode 100644 src/components/Cards/.CardCreateWGUser.svelte.swp delete mode 100644 src/components/Cards/.CardSettings.svelte.swp delete mode 100644 src/components/Cards/.CardWGControl.svelte.swp delete mode 100644 src/components/Cards/.CardWGProfiles.svelte.swp create mode 100644 src/components/Cards/CardWGFilter.svelte delete mode 100644 src/views/admin/.wgProfiles.svelte.swp create mode 100644 src/views/admin/wgBlast.svelte diff --git a/public/200.html b/public/200.html index 36bbd88..261550b 100644 --- a/public/200.html +++ b/public/200.html @@ -35,7 +35,7 @@ diff --git a/public/404.html b/public/404.html index 36bbd88..261550b 100644 --- a/public/404.html +++ b/public/404.html @@ -35,7 +35,7 @@ diff --git a/public/assets/styles/index.css b/public/assets/styles/index.css index 7f39374..135056d 100644 --- a/public/assets/styles/index.css +++ b/public/assets/styles/index.css @@ -3,3 +3,4 @@ @tailwind components; @tailwind utilities; + diff --git a/public/assets/styles/tailwind.css b/public/assets/styles/tailwind.css index ba0141c..8c4e097 100644 --- a/public/assets/styles/tailwind.css +++ b/public/assets/styles/tailwind.css @@ -1237,21 +1237,11 @@ select { background-color: rgba(168, 85, 247, var(--tw-bg-opacity)); } -.bg-purple-600 { - --tw-bg-opacity: 1; - background-color: rgba(147, 51, 234, var(--tw-bg-opacity)); -} - .bg-indigo-500 { --tw-bg-opacity: 1; background-color: rgba(99, 102, 241, var(--tw-bg-opacity)); } -.bg-blue-600 { - --tw-bg-opacity: 1; - background-color: rgba(37, 99, 235, var(--tw-bg-opacity)); -} - .bg-lightBlue-200 { --tw-bg-opacity: 1; background-color: rgba(186, 230, 253, var(--tw-bg-opacity)); @@ -1272,11 +1262,26 @@ select { background-color: rgba(2, 132, 199, var(--tw-bg-opacity)); } +.bg-cyan-500 { + --tw-bg-opacity: 1; + background-color: rgba(6, 182, 212, var(--tw-bg-opacity)); +} + +.bg-teal-50 { + --tw-bg-opacity: 1; + background-color: rgba(240, 253, 250, var(--tw-bg-opacity)); +} + .bg-teal-200 { --tw-bg-opacity: 1; background-color: rgba(153, 246, 228, var(--tw-bg-opacity)); } +.bg-teal-300 { + --tw-bg-opacity: 1; + background-color: rgba(94, 234, 212, var(--tw-bg-opacity)); +} + .bg-teal-500 { --tw-bg-opacity: 1; background-color: rgba(20, 184, 166, var(--tw-bg-opacity)); @@ -1312,6 +1317,11 @@ select { background-color: rgba(249, 115, 22, var(--tw-bg-opacity)); } +.bg-red-50 { + --tw-bg-opacity: 1; + background-color: rgba(254, 242, 242, var(--tw-bg-opacity)); +} + .bg-red-200 { --tw-bg-opacity: 1; background-color: rgba(254, 202, 202, var(--tw-bg-opacity)); @@ -1387,51 +1397,21 @@ select { background-color: rgba(30, 41, 59, var(--tw-bg-opacity)); } -.hover\:bg-purple-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(126, 34, 206, var(--tw-bg-opacity)); -} - -.hover\:bg-blue-700:hover { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); -} - .focus\:bg-white:focus { --tw-bg-opacity: 1; background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); } -.focus\:bg-purple-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(126, 34, 206, var(--tw-bg-opacity)); -} - -.focus\:bg-blue-700:focus { - --tw-bg-opacity: 1; - background-color: rgba(29, 78, 216, var(--tw-bg-opacity)); -} - .focus\:bg-gray-200:focus { --tw-bg-opacity: 1; background-color: rgba(228, 228, 231, var(--tw-bg-opacity)); } -.active\:bg-purple-800:active { - --tw-bg-opacity: 1; - background-color: rgba(107, 33, 168, var(--tw-bg-opacity)); -} - .active\:bg-indigo-600:active { --tw-bg-opacity: 1; background-color: rgba(79, 70, 229, var(--tw-bg-opacity)); } -.active\:bg-blue-800:active { - --tw-bg-opacity: 1; - background-color: rgba(30, 64, 175, var(--tw-bg-opacity)); -} - .active\:bg-red-500:active { --tw-bg-opacity: 1; background-color: rgba(239, 68, 68, var(--tw-bg-opacity)); @@ -1556,10 +1536,6 @@ select { border-color: rgba(113, 113, 122, var(--tw-border-opacity)); } -.rounded-none { - border-radius: 0px; -} - .rounded { border-radius: 0.25rem; } @@ -1596,16 +1572,6 @@ select { border-bottom-left-radius: 0.25rem; } -.rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; -} - -.rounded-b-md { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; -} - .rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; @@ -1675,6 +1641,10 @@ select { border-bottom-width: 2px; } +.border-t-8 { + border-top-width: 8px; +} + .border-t { border-top-width: 1px; } @@ -2019,10 +1989,6 @@ select { flex-grow: 1; } -.flex-shrink-0 { - flex-shrink: 0; -} - .flex-shrink { flex-shrink: 1; } @@ -2063,10 +2029,6 @@ select { font-weight: 400; } -.font-medium { - font-weight: 500; -} - .font-semibold { font-weight: 600; } @@ -2083,10 +2045,6 @@ select { height: 0.5rem; } -.h-4 { - height: 1rem; -} - .h-5 { height: 1.25rem; } @@ -2200,10 +2158,6 @@ select { line-height: 1; } -.leading-tight { - line-height: 1.25; -} - .leading-snug { line-height: 1.375; } @@ -2566,14 +2520,6 @@ select { opacity: .8; } -.hover\:opacity-75:hover { - opacity: 0.75; -} - -.focus\:opacity-100:focus { - opacity: 1; -} - .outline-none { outline: 2px solid transparent; outline-offset: 2px; @@ -2792,11 +2738,6 @@ select { padding-right: 0.125rem; } -.py-2\.5 { - padding-top: 0.625rem; - padding-bottom: 0.625rem; -} - .pt-0 { padding-top: 0px; } @@ -3092,21 +3033,6 @@ select { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.focus\:shadow-lg:focus { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.focus\:shadow-none:focus { - --tw-shadow: 0 0 #0000; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.active\:shadow-lg:active { - --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - * { --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; @@ -3229,11 +3155,21 @@ select { color: rgba(2, 132, 199, var(--tw-text-opacity)); } +.text-teal-50 { + --tw-text-opacity: 1; + color: rgba(240, 253, 250, var(--tw-text-opacity)); +} + .text-teal-500 { --tw-text-opacity: 1; color: rgba(20, 184, 166, var(--tw-text-opacity)); } +.text-teal-700 { + --tw-text-opacity: 1; + color: rgba(15, 118, 110, var(--tw-text-opacity)); +} + .text-emerald-500 { --tw-text-opacity: 1; color: rgba(16, 185, 129, var(--tw-text-opacity)); @@ -3279,11 +3215,6 @@ select { color: rgba(63, 63, 70, var(--tw-text-opacity)); } -.text-gray-800 { - --tw-text-opacity: 1; - color: rgba(39, 39, 42, var(--tw-text-opacity)); -} - .text-gray-900 { --tw-text-opacity: 1; color: rgba(24, 24, 27, var(--tw-text-opacity)); @@ -3329,11 +3260,6 @@ select { color: rgba(30, 41, 59, var(--tw-text-opacity)); } -.hover\:text-black:hover { - --tw-text-opacity: 1; - color: rgba(0, 0, 0, var(--tw-text-opacity)); -} - .hover\:text-red-600:hover { --tw-text-opacity: 1; color: rgba(220, 38, 38, var(--tw-text-opacity)); @@ -3409,10 +3335,6 @@ select { text-decoration: none; } -.hover\:no-underline:hover { - text-decoration: none; -} - .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; @@ -3561,10 +3483,6 @@ select { word-break: break-all; } -.w-4 { - width: 1rem; -} - .w-5 { width: 1.25rem; } @@ -4137,3 +4055,4 @@ select { @media (min-width: 1536px) { } + diff --git a/public/index.html b/public/index.html index 36bbd88..261550b 100644 --- a/public/index.html +++ b/public/index.html @@ -35,7 +35,7 @@ diff --git a/src/components/Cards/.CardCreateWGUser.svelte.swp b/src/components/Cards/.CardCreateWGUser.svelte.swp deleted file mode 100644 index 6971b71b77dbb76bc6027391df890b3534f886d0..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 24576 zcmeI3eTW=q9mk*Q^^)2&txbzyRUX&YRLtDI+}$QUHf=61#%p_+ay=DA?7Td8JGt4J zbzW}oQdGp!N)x3O|7b1kAEEe%6(m?`f&?UBv7v}kw1U(kjfe<}4MJ$K`hDi*nc3Od z&E|TcN&5_ZcAocnp6@*K%=3HZS*`Ny_~x^+~2Hl?hf;CMLJn6t%W}Lea+SlX_)BpI8`I%eHAd z8{y^x3j2pn8r`uGP8VEwjDq45|8KVW!-7D9h=!myhnA7 z=y#9HRG)oe|GdZCu_)*Ht1MGU1>PMB1pb1u;~Fwvt5$e}K2iEO-E#f>yQ6Kg6;c7I zfK)&#AQg}bNCl(d|#Y;cYMAgcfK=kP1izqyka_sen{KDj*e*3P=T{0vAC6)gYt=2KpaeF6&tMVa zW8hlw)&@fU1x|sVg8RT7pbBmRqu}f)AuoXw;2d-~295%*$(!J>;J4r;coKXYoPuWe z0}Ff^jDefLi&*G*20RHK0xtL}xC7h*3@o&K6l@0n#Ujg}!7=a@_#nd0;CviJ2hAJ} zOVzL$BMoU7<}%eS)$?|iTxO}hxy)!sSqLnPwlrnDbh}8LO&X`L7N(D&YDftwCG*VqH5Wu&Qv?tMs0VD?x4FZTHQwHbpAWtrj^@Dq88ER z;u>p?YcN--(DsTlPTQ;e$5M6HbSxgO;adA$6~UDX_1TJ_hSU+FVGl^t^ci)Xz&4l> zCGlF+YpRCRp$m>4cvDW`Tc*tv8=FDmAlI}P6OoweF@+~kUFy54?U}ym*oq4MjKGDS z@Kh%&`3Cr_ZOFjul#eluoux(BG!)e^T;_S*@eR{%2Y#0tjdFNX^GZ)g*}IbF(=0gd zpo`I@XK0qAFVUdgX0DF*7HAo&yW&A08!AJ7-g|1fy1$LiM`=U$uAzHZ^pNmhshWHy zFV-{J)3 zEivRUUvR-x>UVsQ?=!g8&Uzv3sdvyuGk-~u|I73fQ=V__G}-O`lVDa@Dykvg4e9aU!@SX6Pp_ruO*{NcZyc+)c zN+ryld0;Y5K4s7X-*@b^6?4q@G3E8*+NTlGEH+A>_NL?+T2x$SD56QxTwB$-i7|z_ zH;y}$lj&!#_QN$jvf;BrGtUzn+vOo#{3Rrc65)j=2>K= zD1K_Vpm&6}Pn~O2M-F~#^4471QFRAKooOo_d82I34u=^heD?kIYpbl;Yd`*C_2Rse^4cPmyfYadTfUgbw04#&8;0EwF*#5r&KLJmGBVZqR05<P*>gi z$M=s(hHH_6w>j6y!hnL=JEf{^(9gA*P3N4z)!A4&?1!Z$3p~?QV|WFbSV*GtGxRRg z4|7f%7=JKIx^yo5+YS9By%)3Cj%gdBdcu*@dAQpqaz~Dwm!yUCi4T=2?kqiJ4M>~6 z4hhr7>tmvzHMOwkeijxd0z*f)FD#)Th&BoW3xd)vIUsUC6c+=BNKxqRiRY<$))U{k z4k>CMIdb0jPDjh$$WVkHCBhVip#^~jL1}mExmGg1@(1>OIeR*k$be$QqbJ~!>TsxH z&x=IVIB_KB_~FWV32$b=8imEOekT{Zad~>_JU7q+uQLZx%ktALB zdAo@(C_ld$B13d%aseV%I0`y!^nol)A(9D4m|pmV1Hr;A96YV?2uJRUB3w9<1R_8< zl9g%Z*ZqbcrK5ukp#~T2`9Yu(&~IlNGpiSxzERr*1UeWCZ~W zQ1!&r*RXsNTm51s0AE#0d`1@9{~KYu?*-ic=cX|~&cgpXI024>7T~u3KETsf!3cO6 zw*Ir=A@C)zADn}I|1x+1@O6Nvz+tci?g5X$#-9OG;8Q>zQUR%eR6r^q6_5%@1*8H} z0jaa| Ncga8LuK%BO{}091NhkmS diff --git a/src/components/Cards/.CardSettings.svelte.swp b/src/components/Cards/.CardSettings.svelte.swp deleted file mode 100644 index 95e805a7986436a06739b1f18dffaaedbe4f3ef2..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 16384 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 BvfBUv diff --git a/src/components/Cards/.CardWGProfiles.svelte.swp b/src/components/Cards/.CardWGProfiles.svelte.swp deleted file mode 100644 index aed2b851de8faaf33a5486cd317fcad426eca1e5..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 20480 zcmeI2ONfuzHA<2ZvYL#UXpBGRQ68^`*5Xlurp;Mb`F> zTQ>1B+h&JufZJx3HAPvUqDkQ?Vfj)uqUEUm@j4zl$^W}Hpu>vmiKvjY zyZC^Og;8LxD9}(9HnNlq4)hoGlveaCr+44AW3J53%)=;P6fg=H1&jhl0i%FXz$jo8 zxC8}Muz)-ZyZNc@ru00o>%1_%zb!pabk#3N@8diIuD5p8r?=*06fg=H1&jhl0i%FX zz$jo8FbWt2i~>dhqrf##fIEczjOP|~0sz1NXYv2(I|w-e4ugZB1$Kjbz^U5_`2f5Q zo(6lt9`FR%0RCA@$QkfG_!ztoj)22}f(O8DeYGa-+G2f=+{30QCw zA*Ye(_z`>qj)9{{Y`hCz122JRKm@G>*aS*IYsWwzSPFhY^5k3aNtQ(U@7^ozI!ekR z`J$2v*R~6$R|sy`XtSDbgjmlNr#zzA=do2bqnXsOq{`Bn%9@odRTKFxlk1YIwfm)1 z8)XfW`gNh;N;q`8TNgP)N;}PLk4Mp1Ptan+lzVQ~XLZ+cJVDDcbVQh*SR_5yp}`az zq)N0DYelpX1R}I~l$kP*6*Kb?m(7~1L=+H zGNfZ;W3(4TsHtB1DD5p*S=nod4I!UmtBQ$vuAu#_c3FS1*h@#_hM{oS>SEeR-wfa; znGw^s!!Vuc$;omtHMc2_EiSnRM#aleaoqD{6Kitg7Ng{qt;g{w!e`Y;c@;j|6WsO8 za=fzTxS4nSkuhJ6m+|Ge!Ysl|UxYcg3V*r=QOSaJ+T+UsR7*e`24L-2lLXDBX>U9r5wQ>qQ7 zkIhdv6dqUZq{wCrr*MeYd5fhAR6NmQ)lfEReAS<6nNv(xB(<@}2M@3wF&i6!Q{_7z zCmX(lFK|WcW%!Hn(_#-Zb<~RJUu%+T(H`B|XTWcyb=SxEuyWwhUAyu%dV?v>u&k1u|6B6N;v8EbWP%*q$}0 zwJd6LpOyv1c4#UqG_IoXb{!t>M-)X}?370P?Rw#^4`qPC`m_?tI_=5rqRwit7dvm5 zZluPe(r3vKtG~VZT9?LS&?kM&tki?*D6*vw=Ux;%S?%ixOwKjcE%h-=FG&UM3T?({ zhzI}=5CsRJ4$)RnB!3j}>Gk{Cc64klohI5KXUCh|Rg||}85OER_4U@23Pvrfe_(Z? zh=2W~cu_@*2krnirLXf`z45$vW!8=KC-CM~ACIPdoA#|d`;6SX>zFznqr3McO6m7n zkx~Vr>#MeS=}VhVyPip2SZ}hey|>#e9(igKU&Er5tsou$??j9|ir87l|Jm>NuOQBU zK8^Vw$9X*{f-ex?9{~qI3pn6!#Ph#`&%it2ZSX312;2+)KwN(U90#9*9bg?;2Ic_* zP9dIu4oI*8^n)U}AH0Vc|4pF4UhpJ1j`1D?Z-5uUB&dL0;7KqJ^qd|6<}eBv1&jhl z0i%FXz$kE46ezWWtoB8m2iN{_7D^#4o=>GyI&J9;e3od}erDVzm!nV0;?gvz%u14T zslx%MR`#f~R_B(qW0*9uQAxNnYsS4hjh?03&rPQXh|c2LQ0L6^+3a+rT|Y(WQV25Z zte{NxD@36Yz*!g0KCWn|P`ZQvadNZIi0Dz|k4u@7@b#*2=FEI}l1Sg@2GN|FlN~R- zxil+LM|$~sd`J0@kiNc@kCBfw@AWtraygUH8Hs)PQS%yq$LaWg5n}iWpyPjp*70!~ z_rHOY;7jl!I0O!Y5O5H;N$t(aC}0#Y3K#{90!9I&fKk9GU=%P47zJ)11 -
-
-
My account
- -
-
@@ -30,7 +16,7 @@ id="grid-username" type="text" class="border-0 px-3 py-3 placeholder-blueGray-300 text-blueGray-600 bg-white rounded text-sm shadow focus:outline-none focus:ring w-full ease-linear transition-all duration-150" - value="lucky.jesse" + value="" placeholder="User Name" />
@@ -55,13 +41,13 @@ class="block uppercase text-blueGray-600 text-xs font-bold mb-2" for="grid-address" > - Address + IP Allocation
@@ -69,13 +55,13 @@ class="block uppercase text-blueGray-600 text-xs font-bold mb-2" for="grid-address" > - Address + Allowed IP
@@ -83,13 +69,13 @@ class="block uppercase text-blueGray-600 text-xs font-bold mb-2" for="grid-address" > - Address + Extra Allowed IP
@@ -103,9 +89,5 @@
-
- About Me -
- diff --git a/src/components/Cards/CardTableInf.svelte b/src/components/Cards/CardTableInf.svelte index 6523236..29f7c01 100644 --- a/src/components/Cards/CardTableInf.svelte +++ b/src/components/Cards/CardTableInf.svelte @@ -4,16 +4,25 @@ let trColor; let footprint; let infTable = []; - onMount(async () => { - await axios.get('/api2/wgLogs') - .then( response => { - infTable = response.data - }); - console.log(infTable); - }); + // onMount(async () => { + // const wgResponse = await axios.get('/api2/wgLogs') + // .then( response => { + // infTable = response.data + // }); + // return await wgResponse.json(); + // }); + + async function getwgResponse() { + const wgResponse = await fetch( + '/api2/wgLogs' + ); + + return await wgResponse.json(); + } // core components import TableDropdown from "components/Dropdowns/TableDropdown.svelte"; + import CardWGControl from "components/Cards/CardWGControl.svelte"; // can be one of light or dark export let color = "light"; @@ -25,8 +34,30 @@ function handleMouseOut(e) { trColor = "dark"; } + + let promise = getwgResponse(); + +{#await promise} + +
+
+
+
+

+ Fetching... +

+
+
+
+
+ +{:then infTable}
@@ -43,45 +74,45 @@
- +
@@ -89,49 +120,49 @@ {#each infTable as infRows} - + @@ -141,3 +172,24 @@
Name Mail Public Key Data In Data Out Status - Create Time + Created Time ...
{ infRows.wgName } { infRows.wgMail } { infRows.wgKey } { infRows.wgDin/1000000 } MBytes { infRows.wgDout/1000000 } MBytes - { infRows.wgStatus } + { infRows.wgStatus == 'true' ? 'Connected Now': infRows.wgDin < 1 ? 'Never Connected' : 'Not Connected Now' } { infRows.wgTStamp }
+{:catch error} +
+
+
+
+
Error
+
+
+
+
+
+

{error.message}

+
+
+
+
+
+{/await} + diff --git a/src/components/Cards/CardWGControl.svelte b/src/components/Cards/CardWGControl.svelte index 24627a6..0f16d0e 100644 --- a/src/components/Cards/CardWGControl.svelte +++ b/src/components/Cards/CardWGControl.svelte @@ -1,44 +1,75 @@
-
-
-
- Contact Information -
-
-
-
+
+
+
Action
+
+
{#if showModal} -