pinokiod 3.9.2 → 3.9.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/:w +1247 -0
- package/package.json +1 -1
- package/server/public/style.css +4 -0
- package/server/views/app.ejs +15 -11
- package/server/views/index.ejs +38 -34
package/package.json
CHANGED
package/server/public/style.css
CHANGED
package/server/views/app.ejs
CHANGED
|
@@ -201,7 +201,6 @@ body.dark #new-window {
|
|
|
201
201
|
text-align: center;;
|
|
202
202
|
font-weight: bold;
|
|
203
203
|
align-items: center;
|
|
204
|
-
padding: 20px 0px 0px;
|
|
205
204
|
/*
|
|
206
205
|
background: rgba(0,0,0,0.04);
|
|
207
206
|
*/
|
|
@@ -249,16 +248,19 @@ body.dark .header-btns {
|
|
|
249
248
|
margin: 10px 20px 0;
|
|
250
249
|
*/
|
|
251
250
|
}
|
|
251
|
+
.app-info-card {
|
|
252
|
+
padding: 10px !important;
|
|
253
|
+
}
|
|
252
254
|
.app-info .btn {
|
|
253
255
|
width: 100%;
|
|
254
256
|
}
|
|
255
|
-
.app-info > * {
|
|
257
|
+
.app-info-card > * {
|
|
256
258
|
padding: 5px;
|
|
257
259
|
color: var(--light-color);
|
|
258
260
|
text-decoration: none;
|
|
259
261
|
box-sizing: border-box;
|
|
260
262
|
}
|
|
261
|
-
body.dark .app-info > * {
|
|
263
|
+
body.dark .app-info-card > * {
|
|
262
264
|
color: var(--dark-color);
|
|
263
265
|
}
|
|
264
266
|
.footer {
|
|
@@ -706,13 +708,15 @@ body.dark .appcanvas {
|
|
|
706
708
|
<aside class='active'>
|
|
707
709
|
<div class='header-top header-item'>
|
|
708
710
|
<div class='app-info'>
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
711
|
+
<div class='app-info-card'>
|
|
712
|
+
<% if (config.icon) { %>
|
|
713
|
+
<img src="<%=config.icon%>"/>
|
|
714
|
+
<% } else { %>
|
|
715
|
+
<i class="fa-regular fa-circle-dot"></i>
|
|
716
|
+
<% } %>
|
|
717
|
+
<div><%=config.title%></div>
|
|
718
|
+
<div class="folderpath">/api/<%=name%></div>
|
|
719
|
+
</div>
|
|
716
720
|
<div class='header-btns'>
|
|
717
721
|
<a class='btn header-item frame-link' href="/prototype">
|
|
718
722
|
<div class='tab'>
|
|
@@ -1758,7 +1762,7 @@ body.dark .appcanvas {
|
|
|
1758
1762
|
} else if (event.data.action.type === "location") {
|
|
1759
1763
|
let url = event.data.action.url
|
|
1760
1764
|
console.log({ action: event.data.action })
|
|
1761
|
-
document.querySelector("#open-browser").href = url
|
|
1765
|
+
//document.querySelector("#open-browser").href = url
|
|
1762
1766
|
//document.querySelector("#location").innerHTML = url
|
|
1763
1767
|
document.querySelector("#location").value = url
|
|
1764
1768
|
}
|
package/server/views/index.ejs
CHANGED
|
@@ -367,21 +367,23 @@ body.dark .open-menu {
|
|
|
367
367
|
<div class='uri'><i class="fa-regular fa-folder"></i><%=item.url%></div>
|
|
368
368
|
<div class='title'><%=item.name%></div>
|
|
369
369
|
<div class='description'><%=item.description%></div>
|
|
370
|
-
<div>
|
|
371
|
-
<
|
|
372
|
-
<
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
<div class='context-menu
|
|
376
|
-
<
|
|
377
|
-
<
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
<
|
|
381
|
-
|
|
370
|
+
<div class='menu-btns'>
|
|
371
|
+
<div>
|
|
372
|
+
<button class='btn open-menu'>
|
|
373
|
+
<i class="fa-solid fa-bars"></i><span> Menu</span>
|
|
374
|
+
</button>
|
|
375
|
+
<div class='context-menu collapsed'>
|
|
376
|
+
<div class='context-menu-wrapper'>
|
|
377
|
+
<button class='btn browse' data-src="<%=item.browser_url%>/browse">
|
|
378
|
+
<i class='fa-regular fa-folder-open'></i> View
|
|
379
|
+
</button>
|
|
380
|
+
<button class='btn copy-menu' data-src="<%=item.browser_url%>/browse">
|
|
381
|
+
<i class='fa-solid fa-copy'></i> Copy
|
|
382
|
+
</button>
|
|
383
|
+
</div>
|
|
382
384
|
</div>
|
|
383
|
-
<div class='flexible'></div>
|
|
384
385
|
</div>
|
|
386
|
+
<div class='flexible'></div>
|
|
385
387
|
<% if (item.running_scripts) { %>
|
|
386
388
|
<% item.running_scripts.forEach((s) => { %>
|
|
387
389
|
<button class='btn shutdown' data-src="<%=s.path%>">
|
|
@@ -434,29 +436,31 @@ body.dark .open-menu {
|
|
|
434
436
|
<div class='uri'><i class="fa-regular fa-folder"></i><%=item.url%></div>
|
|
435
437
|
<div class='title'><%=item.name%></div>
|
|
436
438
|
<div class='description'><%=item.description%></div>
|
|
437
|
-
<
|
|
438
|
-
<
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
<div class='context-menu
|
|
442
|
-
<
|
|
443
|
-
<
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
<
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
<
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
<
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
<
|
|
456
|
-
|
|
439
|
+
<div class='menu-btns'>
|
|
440
|
+
<button class='btn open-menu'>
|
|
441
|
+
<i class="fa-solid fa-bars"></i><span> Menu</span>
|
|
442
|
+
</button>
|
|
443
|
+
<div class='context-menu collapsed'>
|
|
444
|
+
<div class='context-menu-wrapper'>
|
|
445
|
+
<button class='btn browse' data-src="<%=item.browser_url%>/browse">
|
|
446
|
+
<i class='fa-regular fa-folder-open'></i> View
|
|
447
|
+
</button>
|
|
448
|
+
<button class='btn copy-menu' data-src="<%=item.browser_url%>/browse">
|
|
449
|
+
<i class='fa-solid fa-copy'></i> Copy
|
|
450
|
+
</button>
|
|
451
|
+
<button class='btn move-menu' data-src="<%=item.browser_url%>/browse">
|
|
452
|
+
<i class="fa-solid fa-pencil"></i> Move
|
|
453
|
+
</button>
|
|
454
|
+
<button class='btn edit-menu' data-src="<%=item.browser_url%>/browse">
|
|
455
|
+
<i class='fa-solid fa-pen-to-square'></i> Edit
|
|
456
|
+
</button>
|
|
457
|
+
<button class='btn del' data-src="<%=item.url%>">
|
|
458
|
+
<i class="fa-solid fa-trash-can"></i> Delete
|
|
459
|
+
</button>
|
|
460
|
+
</div>
|
|
457
461
|
</div>
|
|
458
|
-
<div class='fiexible'></div>
|
|
459
462
|
</div>
|
|
463
|
+
<div class='fiexible'></div>
|
|
460
464
|
<% if (item.shortcuts && item.shortcuts.length > 0) { %>
|
|
461
465
|
<div class='btns'>
|
|
462
466
|
<% item.shortcuts.forEach((btn) => { %>
|