pinokiod 3.85.0 → 3.87.0

package/server/views/net.ejs

@@ -108,12 +108,12 @@ header .runner {
   margin-top: 5px;
 }
 a.badge {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   text-decoration: none;
   cursor: pointer;
 }
 .badge a {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   text-decoration: none;
 }
 body.dark .btn {
@@ -228,7 +228,7 @@ body.dark .open-menu, body.dark .browse {
   color: white !important;
 }
 .open-menu:hover, .browse:hover, body.dark .open-menu:hover, body.dark .browse:hover {
-  color: royalblue !important;
+  color: rgba(127, 91, 243, 0.9) !important;
 }
 .open-menu, .browse {
   width: 80px;
@@ -333,7 +333,7 @@ body.dark aside .tab {
   color: white;
 }
 body.dark aside .tab:hover, aside .tab:hover {
-  color: royalblue !important;
+  color: rgba(127, 91, 243, 0.9) !important;
   opacity: 1;
 }
 aside .tab {
@@ -368,7 +368,7 @@ aside .selected {
   padding: 0;
 }
 body.dark .net:hover, .net:hover {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 body.dark .net {
 /*
@@ -537,7 +537,6 @@ document.addEventListener('DOMContentLoaded', function() {
 <header class='navheader grabbable'>
   <h1>
     <a class='home' href="/"><img class='icon' src="/pinokio-black.png"></a>
-    <button id='collapse' class='btn2' data-tippy-content="toggle fullscreen view"><i class="fa-solid fa-bars"></i></button>
     <button class='btn2' id='back' data-tippy-content="back"><div><i class="fa-solid fa-chevron-left"></i></div></button>
     <button class='btn2' id='forward' data-tippy-content="forward"><div><i class="fa-solid fa-chevron-right"></i></div></button>
     <button class='btn2' id='refresh-page' data-tippy-content="refresh"><div><i class="fa-solid fa-rotate-right"></i></div></button>
@@ -545,7 +544,7 @@ document.addEventListener('DOMContentLoaded', function() {
     <button class='btn2 mobile-link-button' id='mobile-link-button' data-tippy-content="enter url"><i class="fa-solid fa-link"></i></button>
     <form class='urlbar'>
       <div class='url-input-container'>
-        <input type='url' placeholder='enter a local url'>
+        <input type='url' placeholder='enter any local url to open in pinokio'>
         <div class='url-dropdown' id='url-dropdown'></div>
       </div>
     </form>
@@ -580,7 +579,7 @@ document.addEventListener('DOMContentLoaded', function() {
     <!--
     <div class='app-btns'>
       <a class='btn create-new' href="/init"><i class="fa-solid fa-plus"></i> Build</a>
-      <a class='btn' id='explore' href="/?mode=explore"><i class="fa-solid fa-magnifying-glass"></i> Discover</a>
+      <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-magnifying-glass"></i> Discover</a>
     </div>
     -->
     <input type='search' class="flexible" placeholder='Search apps'>
@@ -644,6 +643,41 @@ document.addEventListener('DOMContentLoaded', function() {
           </h3>
         </div>
       <% }) %>
+      <% static_routes.forEach((route, index) => { %>
+        <div class='line align-top' data-index="<%=processes.length+index%>" data-name="<%=route.name%>" data-title="<%=route.name%>" data-description="<%=route.internal_router.join(' ')%>">
+          <h3>
+            <div class='item-icon'>
+              <div class='placeholder-icon'>
+                <i class="fa-solid fa-database"></i>
+              </div>
+            </div>
+            <div class='col'>
+              <div class='title'><i class="fa-solid fa-circle"></i><span><%=route.name%></span></div>
+              <div class='grid-3'>
+                <div class='section'>
+                  <% route.internal_router.forEach((domain) => { %>
+                    <% if (domain.endsWith(".localhost")) { %>
+                      <a class='net' target="_blank" href="https://<%=domain%>">https://<%=domain%></a>
+                    <% } else { %>
+                      <a class='net' target="_blank" href="http://<%=domain%>">http://<%=domain%></a>
+                    <% } %>
+                  <% }) %>
+                </div>
+                <div class='section'>
+                  <% if (route.external_ip) { %>
+                    <a class='net' target="_blank" href="http://<%=route.external_ip%>">http://<%=route.external_ip%></a>
+                  <% } %>
+                </div>
+                <div class='section'>
+                  <% route.external_router.forEach((domain) => { %>
+                    <a class='net' target="_blank" href="https://<%=domain%>">https://<%=domain%></a>
+                  <% }) %>
+                </div>
+              </div>
+            </div>
+          </h3>
+        </div>
+      <% }) %>
     <% } else { %>
       <div class='section-container'>
         <div class='section-col'>
@@ -733,7 +767,6 @@ document.addEventListener('DOMContentLoaded', function() {
             </h3>
           <% }) %>
         </div>
-        <!--
         <div class='section-col'>
           <div class='section-header'>
             <h3>
@@ -770,15 +803,14 @@ document.addEventListener('DOMContentLoaded', function() {
             </h3>
           <% }) %>
         </div>
-        -->
       </div>
     <% } %>
   </div>
 </div>
 <aside>
   <div class='btn-tab'>
-    <a href="/init" class='btn'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></a>
-    <a class='btn' id='explore' href="/?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Discover</div></a>
+    <button type='button' class='btn' id='create-launcher-button'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></button>
+    <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Discover</div></a>
   </div>
   <a href="/" class='tab'><i class='fas fa-laptop-code'></i><div class='caption'>This machine</div></a>
   <a href="/network" class='tab'><i class="fa-solid fa-wifi"></i><div class='caption'>Local network</div></a>
@@ -798,7 +830,7 @@ document.addEventListener('DOMContentLoaded', function() {
   <a id='downloadlogs' download class='hidden btn2' href="/pinokio/logs.zip"><i class="fa-solid fa-download"></i><div class='caption'>Download logs</div></a>
   <a class='tab' href="/screenshots"><i class="fa-solid fa-camera"></i><div class='caption'>Screenshots</div></a>
   <a class='tab' href="/tools"><i class="fa-solid fa-toolbox"></i><div class='caption'>Installed Tools</div></a>
-  <a class='tab' href="/?mode=settings"><i class="fa-solid fa-gear"></i><div class='caption'>Settings</div></a>
+  <a class='tab' href="/home?mode=settings"><i class="fa-solid fa-gear"></i><div class='caption'>Settings</div></a>
 </aside>
 </main>
 <script>

package/server/views/network.ejs

@@ -35,7 +35,7 @@ ol {
   padding-inline-start: 15px;
 }
 a.explain {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   text-decoration: underline; 
   cursor: pointer;
 }
@@ -126,12 +126,12 @@ header .runner {
   margin-top: 5px;
 }
 a.badge {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   text-decoration: none;
   cursor: pointer;
 }
 .badge a {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   text-decoration: none;
 }
 /*
@@ -147,7 +147,7 @@ body.dark .browser-options-row {
   border-bottom: 1px solid rgba(255,255,255,0.05);
 }
 .description a {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   text-decoration: none;
 }
 a.ln[href^=https] {
@@ -215,11 +215,11 @@ a.ln:hover {
   box-sizing: border-box;
 }
 .container-row.current .header-label-sub {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 /*
 .container-row.current .header-label-sub {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 */
 .desc {
@@ -241,7 +241,7 @@ a.ln:hover {
   padding-top: 5px;
   padding-bottom: 0 !important;
   text-decoration: none;
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   cursor: pointer;
 }
 .container-row table {
@@ -250,7 +250,7 @@ a.ln:hover {
 }
 table a {
   text-decoration: none;
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 td:first-child, th:first-child {
   max-width: 100px;
@@ -295,7 +295,7 @@ body.dark .config {
   align-items: stretch;
 }
 body.dark .config .btn {
-  background: royalblue;
+  background: rgba(127, 91, 243, 0.9);
 }
 .config .btn {
   font-size: 16px;
@@ -303,7 +303,7 @@ body.dark .config .btn {
   width: 100px;
   /*
   */
-  background: royalblue;
+  background: rgba(127, 91, 243, 0.9);
   flex-shrink: 0;
 }
 .config-row {
@@ -380,7 +380,7 @@ input:checked + .slider {
   background-color: #2196F3;
   background: black;
   */
-  background-color: royalblue;
+  background-color: rgba(127, 91, 243, 0.9);
 }
 
 input:focus + .slider {
@@ -468,7 +468,7 @@ body.dark aside .tab {
   color: white;
 }
 body.dark aside .tab:hover, aside .tab:hover {
-  color: royalblue !important;
+  color: rgba(127, 91, 243, 0.9) !important;
   opacity: 1;
 }
 aside .tab {
@@ -515,8 +515,8 @@ aside .current.selected {
   border-left: 10px solid transparent;
 }
 body.dark .net:hover, .net:hover {
-  color: royalblue;
-  border-left: 4px solid royalblue;
+  color: rgba(127, 91, 243, 0.9);
+  border-left: 4px solid rgba(127, 91, 243, 0.9);
 }
 body.dark .net {
   border-left: 3px solid white;
@@ -630,12 +630,12 @@ header .runner {
   margin-top: 5px;
 }
 a.badge {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   text-decoration: none;
   cursor: pointer;
 }
 .badge a {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   text-decoration: none;
 }
 body.dark .btn {
@@ -766,7 +766,7 @@ body.dark .open-menu, body.dark .browse {
   color: white !important;
 }
 .open-menu:hover, .browse:hover, body.dark .open-menu:hover, body.dark .browse:hover {
-  color: royalblue !important;
+  color: rgba(127, 91, 243, 0.9) !important;
 }
 .open-menu, .browse {
   width: 80px;
@@ -866,7 +866,7 @@ body.dark aside .tab {
   color: white;
 }
 body.dark aside .tab:hover, aside .tab:hover {
-  color: royalblue !important;
+  color: rgba(127, 91, 243, 0.9) !important;
   opacity: 1;
 }
 aside .tab {
@@ -906,8 +906,8 @@ aside .selected {
   padding: 0;
 }
 body.dark .net:hover, .net:hover {
-  color: royalblue;
-  border-left: 4px solid royalblue;
+  color: rgba(127, 91, 243, 0.9);
+  border-left: 4px solid rgba(127, 91, 243, 0.9);
 }
 body.dark .net {
   border-left: 3px solid white;
@@ -1050,7 +1050,6 @@ document.addEventListener('DOMContentLoaded', function() {
 <header class='navheader grabbable'>
 <h1>
 <a class='home' href="/"><img class='icon' src="/pinokio-black.png"></a>
-<button id='collapse' class='btn2' data-tippy-content="toggle fullscreen view"><i class="fa-solid fa-bars"></i></button>
 <button class='btn2' id='back' data-tippy-content="back"><div><i class="fa-solid fa-chevron-left"></i></div></button>
 <button class='btn2' id='forward' data-tippy-content="forward"><div><i class="fa-solid fa-chevron-right"></i></div></button>
 <button class='btn2' id='refresh-page' data-tippy-content="refresh"><div><i class="fa-solid fa-rotate-right"></i></div></button>
@@ -1058,7 +1057,7 @@ document.addEventListener('DOMContentLoaded', function() {
 <button class='btn2 mobile-link-button' id='mobile-link-button' data-tippy-content="enter url"><i class="fa-solid fa-link"></i></button>
 <form class='urlbar'>
   <div class='url-input-container'>
-    <input type='url' placeholder='enter a local url'>
+    <input type='url' placeholder='enter any local url to open in pinokio'>
     <div class='url-dropdown' id='url-dropdown'></div>
   </div>
 </form>
@@ -1147,6 +1146,7 @@ document.addEventListener('DOMContentLoaded', function() {
         <i class="fa-solid fa-circle-notch fa-spin"></i>
         </div>
       <% } %>
+      <!--
       <% static_routes.forEach((route, index) => { %>
         <div class='line align-top' data-index="<%=processes.length+index%>" data-name="<%=route.name%>" data-title="<%=route.name%>" data-description="<%=route.internal_router.join(' ')%>">
           <h3>
@@ -1182,13 +1182,14 @@ document.addEventListener('DOMContentLoaded', function() {
           </h3>
         </div>
       <% }) %>
+      -->
     </div>
   </div>
   </div>
   <aside>
     <div class='btn-tab'>
-      <a href="/init" class='btn'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></a>
-      <a class='btn' id='explore' href="/?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Discover</div></a>
+      <button type='button' class='btn' id='create-launcher-button'><i class="fa-solid fa-plus"></i><div class='caption'>Create</div></button>
+      <a class='btn' id='explore' href="/home?mode=explore"><i class="fa-solid fa-globe"></i><div class='caption'>Discover</div></a>
     </div>
     <a href="/" class='tab'><i class='fas fa-laptop-code'></i><div class='caption'>This machine</div></a>
     <a href="/network" class='tab selected'><i class="fa-solid fa-wifi"></i><div class='caption'>Local network</div></a>
@@ -1204,7 +1205,7 @@ document.addEventListener('DOMContentLoaded', function() {
     <a id='downloadlogs' download class='hidden btn2' href="/pinokio/logs.zip"><i class="fa-solid fa-download"></i><div class='caption'>Download logs</div></a>
     <a class='tab' href="/screenshots"><i class="fa-solid fa-camera"></i><div class='caption'>Screenshots</div></a>
     <a class='tab' href="/tools"><i class="fa-solid fa-toolbox"></i><div class='caption'>Installed Tools</div></a>
-    <a class='tab' href="/?mode=settings"><i class="fa-solid fa-gear"></i><div class='caption'>Settings</div></a>
+    <a class='tab' href="/home?mode=settings"><i class="fa-solid fa-gear"></i><div class='caption'>Settings</div></a>
   </aside>
 </main>
 <script>
@@ -1234,9 +1235,16 @@ document.querySelector("#reset-label").addEventListener("click", async (e) => {
           let res = await fetch("/check_peer").then((res) => {
             return res.json()
           })
+          console.log("RES", res)
           if (res.success) {
             document.querySelector(".loading").classList.add("hidden")
-            location.href = "/"
+            if (res.peer_name) {
+              console.log("> 1")
+              location.href = "/net/" + res.peer_name
+            } else {
+              console.log("> 2")
+              location.href = location.href
+            }
           }
         } catch (e) {
           console.log(e)
@@ -1393,7 +1401,13 @@ document.querySelector("main").addEventListener("click", async (e) => {
           })
           if (res.success) {
             document.querySelector(".loading").classList.add("hidden")
-            location.href = location.href
+            if (res.peer_name) {
+              console.log("> 1")
+              location.href = "/net/" + res.peer_name
+            } else {
+              console.log("> 2")
+              location.href = location.href
+            }
           }
         } catch (e) {
           console.log(e)

package/server/views/network2.ejs

@@ -31,7 +31,7 @@ ol {
   padding-inline-start: 15px;
 }
 a.explain {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   text-decoration: underline; 
   cursor: pointer;
 }
@@ -122,12 +122,12 @@ header .runner {
   margin-top: 5px;
 }
 a.badge {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   text-decoration: none;
   cursor: pointer;
 }
 .badge a {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   text-decoration: none;
 }
 body.dark .btn {
@@ -142,7 +142,7 @@ body.dark .browser-options-row {
   border-bottom: 1px solid rgba(255,255,255,0.05);
 }
 .description a {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   text-decoration: none;
 }
 a.ln[href^=https] {
@@ -210,11 +210,11 @@ a.ln:hover {
   box-sizing: border-box;
 }
 .container-row.current .header-label-sub {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 /*
 .container-row.current .header-label-sub {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 */
 .desc {
@@ -229,7 +229,7 @@ a.ln:hover {
 .link-label {
   margin-right: 10px;
   text-decoration: underline;
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   cursor: pointer;
 }
 .container-row table {
@@ -238,7 +238,7 @@ a.ln:hover {
 }
 table a {
   text-decoration: none;
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 td:first-child, th:first-child {
   max-width: 100px;
@@ -289,7 +289,7 @@ body.dark .config {
   font-size: 16px;
   font-weight: bold;
   width: 100px;
-  background: royalblue;
+  background: rgba(127, 91, 243, 0.9);
   flex-shrink: 0;
 }
 .config-row {
@@ -351,7 +351,7 @@ input:checked + .slider {
 /*
   background-color: #2196F3;
   */
-  background-color: royalblue;
+  background-color: rgba(127, 91, 243, 0.9);
 }
 
 input:focus + .slider {
@@ -427,7 +427,7 @@ table h3 {
   <a class='btn2' href="<%=portal%>" target="_blank"><div><i class="fa-solid fa-question"></i></div><div>Help</div></a>
   <button class='btn2' id='genlog'><div><i class="fa-solid fa-laptop-code"></i></div><div>Logs</div></button>
   <a id='downloadlogs' download class='hidden btn2' href="/pinokio/logs.zip"><div><i class="fa-solid fa-download"></i></div><div>Download logs</div></a>
-  <a class='btn2' href="/?mode=settings"><div><i class="fa-solid fa-gear"></i></div><div>Settings</div></a>
+  <a class='btn2' href="/home?mode=settings"><div><i class="fa-solid fa-gear"></i></div><div>Settings</div></a>
   <button id='new-window' title='open a new window' class='btn2' data-agent="<%=agent%>"><div><i class="fa-solid fa-plus"></i></div><div>Window</div></button>
 </div>
 </h1>

package/server/views/old_network.ejs

@@ -114,12 +114,12 @@ header .runner {
   margin-top: 5px;
 }
 a.badge {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   text-decoration: none;
   cursor: pointer;
 }
 .badge a {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   text-decoration: none;
 }
 body.dark .btn {
@@ -134,7 +134,7 @@ body.dark .browser-options-row {
   border-bottom: 1px solid rgba(255,255,255,0.05);
 }
 .description a {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   text-decoration: none;
 }
 a.ln[href^=https] {
@@ -202,7 +202,7 @@ a.ln:hover {
   box-sizing: border-box;
 }
 .container-row.current .header-label-sub {
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 /*
 .container-row.current .header-label-sub {
@@ -221,7 +221,7 @@ a.ln:hover {
 .link-label {
   margin-right: 10px;
   text-decoration: underline;
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
   cursor: pointer;
 }
 .container-row table {
@@ -230,7 +230,7 @@ a.ln:hover {
 }
 table a {
   text-decoration: none;
-  color: royalblue;
+  color: rgba(127, 91, 243, 0.9);
 }
 td:first-child, th:first-child {
   max-width: 100px;
@@ -281,7 +281,7 @@ body.dark .config {
   font-size: 16px;
   font-weight: bold;
   width: 100px;
-  background: royalblue;
+  background: rgba(127, 91, 243, 0.9);
   flex-shrink: 0;
 }
 .config-row {
@@ -338,7 +338,7 @@ input:checked + .slider {
 /*
   background-color: #2196F3;
   */
-  background-color: royalblue;
+  background-color: rgba(127, 91, 243, 0.9);
 }
 
 input:focus + .slider {
@@ -409,11 +409,11 @@ input:checked + .slider:before {
 <a href="/connect" class='btn2'><div><i class="fa-solid fa-circle-user"></i></div><div>Connect</div></a>
 <div class='flexible'></div>
 <div class='nav-btns'>
-  <a class='btn2' id='explore' href="/?mode=explore"><div><i class="fa-solid fa-magnifying-glass"></i></div><div>Discover</div></a>
+  <a class='btn2' id='explore' href="/home?mode=explore"><div><i class="fa-solid fa-magnifying-glass"></i></div><div>Discover</div></a>
   <a class='btn2' href="<%=portal%>" target="_blank"><div><i class="fa-solid fa-question"></i></div><div>Help</div></a>
   <button class='btn2' id='genlog'><div><i class="fa-solid fa-laptop-code"></i></div><div>Logs</div></button>
   <a id='downloadlogs' download class='hidden btn2' href="/pinokio/logs.zip"><div><i class="fa-solid fa-download"></i></div><div>Download logs</div></a>
-  <a class='btn2' href="/?mode=settings"><div><i class="fa-solid fa-gear"></i></div><div>Settings</div></a>
+  <a class='btn2' href="/home?mode=settings"><div><i class="fa-solid fa-gear"></i></div><div>Settings</div></a>
   <button id='new-window' title='open a new window' class='btn2' data-agent="<%=agent%>"><div><i class="fa-solid fa-plus"></i></div><div>Window</div></button>
 </div>
 </h1>

package/server/views/partials/dynamic.ejs

@@ -28,14 +28,14 @@
           <div class='tab'><%-item.btn%></div>
         </div>
       <% } else if (item.target === "_blank") { %>
-        <a <%=item.default ? 'data-default' : ''%> data-confirm="<%=item.confirm%>" data-index="<%=index+4%>" target="<%=item.target%>" data-mode="<%=item.mode%>" href="<%=item.href%>" class='btn header-item frame-link <%=item.display || ""%>'>
+        <a <%=item.default ? 'data-default' : ''%> data-confirm="<%=item.confirm%>" data-index="<%=index+4%>" target="<%=item.target%>" data-mode="<%=item.mode%>" href="<%=item.href%>" class='btn header-item frame-link <%=item.display || ""%>'<%= item.target_full ? ` data-target-full="${item.target_full}"` : '' %>>
           <div class='tab'><%-item.btn%></div>
           <div class='loader'>
             <i class="fa-solid fa-up-right-from-square"></i>
           </div>
         </a>
       <% } else { %>
-        <a <%=item.default ? 'data-default' : ''%> data-confirm="<%=item.confirm%>" data-index="<%=index+4%>" target="<%=item.target%>" data-mode="<%=item.mode%>" href="<%=item.href%>" class='btn header-item frame-link <%=item.display || ""%>' <%=item.shell_id ? `data-shell=${item.shell_id}` : ""%> <%=item.script_id ? `data-script=${item.script_id}` : ''%>>
+        <a <%=item.default ? 'data-default' : ''%> data-confirm="<%=item.confirm%>" data-index="<%=index+4%>" target="<%=item.target%>" data-mode="<%=item.mode%>" href="<%=item.href%>" class='btn header-item frame-link <%=item.display || ""%>'<%= item.target_full ? ` data-target-full="${item.target_full}"` : '' %> <%=item.shell_id ? `data-shell=${item.shell_id}` : ""%> <%=item.script_id ? `data-script=${item.script_id}` : ''%>>
           <% if (item.running) { %>
             <i class="fa-solid fa-circle"></i>
           <% } %>
@@ -46,9 +46,7 @@
               </div>
             <% } else { %>
               <div class='loader shutdown'>
-                <button class='btn'>
-                <i class="fa-solid fa-square"></i> Stop
-                </button>
+                  <i class="fa-solid fa-xmark"></i>
               </div>
             <% } %>
           <% } else { %>

package/server/views/partials/menu.ejs

@@ -40,7 +40,7 @@
           <% } %>
         </div>
       <% } else if (item.target === "_blank") { %>
-        <a <%=item.default ? 'data-default' : ''%> data-confirm="<%=item.confirm%>" data-index="<%=index%>" target="<%=item.target%>" data-mode="<%=item.mode%>" href="<%=item.href%>" class='btn header-item frame-link <%=item.display || ""%>'>
+        <a <%=item.default ? 'data-default' : ''%> data-confirm="<%=item.confirm%>" data-index="<%=index%>" target="<%=item.target%>" data-mode="<%=item.mode%>" href="<%=item.href%>" class='btn header-item frame-link <%=item.display || ""%>'<%= item.target_full ? ` data-target-full="${item.target_full}"` : '' %>>
           <div class='tab'><%-item.btn%></div>
           <% if (item.arrow) { %>
             <i class="fa-solid fa-angle-right"></i>
@@ -50,7 +50,7 @@
           </div>
         </a>
       <% } else { %>
-        <a <%=item.default ? 'data-default' : ''%> data-confirm="<%=item.confirm%>" data-index="<%=index%>" target="<%=item.target%>" data-mode="<%=item.mode%>" href="<%=item.href%>" class='btn header-item frame-link <%=item.display || ""%>' <%=item.shell_id ? `data-shell=${item.shell_id}` : ""%> <%=item.script_id ? `data-script=${item.script_id}` : ''%>>
+        <a <%=item.default ? 'data-default' : ''%> data-confirm="<%=item.confirm%>" data-index="<%=index%>" target="<%=item.target%>" data-mode="<%=item.mode%>" href="<%=item.href%>" class='btn header-item frame-link <%=item.display || ""%>'<%= item.target_full ? ` data-target-full="${item.target_full}"` : '' %> <%=item.shell_id ? `data-shell=${item.shell_id}` : ""%> <%=item.script_id ? `data-script=${item.script_id}` : ''%>>
           <% if (item.running) { %>
             <i class="fa-solid fa-circle"></i>
           <% } %>
@@ -65,9 +65,7 @@
               <i class='fa-solid fa-spin fa-circle-notch'></i>
               <i class="fa-solid fa-chevron-right"></i>
               -->
-              <button class='btn'>
-              <i class="fa-solid fa-square"></i> Stop
-              </button>
+                <i class="fa-solid fa-xmark"></i>
             </div>
           <% } %>
           <% if (item.arrow) { %>

package/server/views/partials/running.ejs

@@ -1,5 +1,5 @@
 <% dynamic.forEach((item, index) => { %>
-  <a <%=item.default ? 'data-default' : ''%> data-confirm="<%=item.confirm%>" data-index="<%=index+4%>" target="<%=item.target%>" data-mode="<%=item.mode%>" href="<%=item.href%>" class='btn header-item frame-link <%=item.display || ""%>' <%=item.shell_id ? `data-shell=${item.shell_id}` : ""%> <%=item.script_id ? `data-script=${item.script_id}` : ''%>>
+  <a <%=item.default ? 'data-default' : ''%> data-confirm="<%=item.confirm%>" data-index="<%=index+4%>" target="<%=item.target%>" data-mode="<%=item.mode%>" href="<%=item.href%>" class='btn header-item frame-link <%=item.display || ""%>'<%= item.target_full ? ` data-target-full="${item.target_full}"` : '' %> <%=item.shell_id ? `data-shell=${item.shell_id}` : ""%> <%=item.script_id ? `data-script=${item.script_id}` : ''%>>
     <% if (item.running) { %>
       <i class="fa-solid fa-circle"></i>
     <% } %>