Skip to content

Commit b1d4d79

Browse files
author
Tom Softreck
committed
update
1 parent bfc9ef1 commit b1d4d79

File tree

3 files changed

+38
-30
lines changed

3 files changed

+38
-30
lines changed

‎webtask/static/index.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -144,10 +144,10 @@ <h3>Process Details - PID <span id="details-pid"></span></h3>
144144
<div class="preview-overlay" id="preview-overlay">
145145
<button class="preview-close-button" onclick="webtask.closePreview()" title="Close Preview">&times;</button>
146146
<div class="preview-content">
147-
<div class="preview-header">
148-
<span id="preview-title">File Preview</span>
149-
<button class="close-btn" onclick="webtask.closePreview()">&times;</button>
150-
</div>
147+
<!-- <div class="preview-header">-->
148+
<!-- <span id="preview-title">File Preview</span>-->
149+
<!-- <button class="close-btn" onclick="webtask.closePreview()">&times;</button>-->
150+
<!-- </div>-->
151151
<div class="preview-body" id="preview-body"></div>
152152
</div>
153153
</div>

‎webtask/static/js/modules/ui-manager.js‎

Lines changed: 16 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ class UIManager {
1515
*/
1616
bindEvents() {
1717
// Process filter input
18-
const filterInput = document.getElementById('process-filter');
18+
const filterInput = document.getElementById('search-filter');
1919
if (filterInput) {
2020
filterInput.addEventListener('input', (e) => {
2121
this.processManager.setFilterText(e.target.value);
@@ -182,6 +182,12 @@ class UIManager {
182182
<button class="kill-button" data-pid="${process.pid}" title="Kill Process">
183183
<span class="kill-icon">×</span>
184184
</button>
185+
<button class="pause-button" data-pid="${process.pid}" title="Pause Process">
186+
<span class="pause-icon">⏸</span>
187+
</button>
188+
<button class="restart-button" data-pid="${process.pid}" title="Restart Process">
189+
<span class="restart-icon">↻</span>
190+
</button>
185191
<button class="more-button" data-pid="${process.pid}" title="More Actions">
186192
<span class="more-icon">⋮</span>
187193
</button>
@@ -320,9 +326,9 @@ class UIManager {
320326
if (fileType === 'html') {
321327
return `
322328
<div class="html-preview">
323-
<div class="preview-header">
324-
<span class="preview-title">HTML Preview</span>
325-
</div>
329+
<!-- <div class="preview-header">-->
330+
<!-- <span class="preview-title">HTML Preview</span>-->
331+
<!-- </div>-->
326332
<iframe srcdoc="${fileContent.replace(/"/g, '&quot;')}" style="width:100%; height:70%; transform: scale(0.2); transform-origin: 0 0; border: none;"></iframe>
327333
${metricsHTML}
328334
</div>
@@ -345,9 +351,9 @@ class UIManager {
345351
// For other text files
346352
return `
347353
<div class="text-preview">
348-
<div class="preview-header">
349-
<span class="preview-title">Text File</span>
350-
</div>
354+
<!-- <div class="preview-header">-->
355+
<!-- <span class="preview-title">Text File</span>-->
356+
<!-- </div>-->
351357
<div class="text-content">${fileContent.substring(0, 100)}${fileContent.length > 100 ? '...' : ''}</div>
352358
${metricsHTML}
353359
</div>
@@ -364,9 +370,9 @@ class UIManager {
364370
// Default generic preview
365371
return `
366372
<div class="generic-preview">
367-
<div class="preview-header">
368-
<span class="preview-title"></span>
369-
</div>
373+
<!-- <div class="preview-header">-->
374+
<!-- <span class="preview-title"></span>-->
375+
<!-- </div>-->
370376
<div class="preview-content">
371377
<div class="command-display">${commandIcon}</div>
372378
${metricsHTML}

‎webtask/static/styles.css‎

Lines changed: 18 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -234,24 +234,25 @@ border-color: #555;
234234
display: flex;
235235
justify-content: space-between;
236236
align-items: center;
237-
padding-bottom: 10px;
238-
border-bottom: 1px solid #444;
237+
padding-bottom: 5px;
238+
/*border-bottom: 1px solid #444;*/
239239
}
240240

241241
.process-command-display {
242242
flex-grow: 1;
243243
font-weight: bold;
244-
white-space: nowrap;
245-
overflow: hidden;
246-
text-overflow: ellipsis;
244+
white-space: normal;
245+
overflow: visible;
246+
word-wrap: break-word;
247247
color: #00ffff;
248+
max-width: calc(100% - 80px);
248249
}
249250

250251
.process-card-body {
251252
display: flex;
252253
flex-direction: column;
253254
gap: 12px;
254-
padding: 12px 0;
255+
padding: 6px 0;
255256
}
256257

257258
.process-metrics {
@@ -304,8 +305,8 @@ border-color: #555;
304305
display: flex;
305306
flex-wrap: wrap;
306307
gap: 6px;
307-
padding-top: 10px;
308-
border-top: 1px solid #444;
308+
padding-top: 5px;
309+
/*border-top: 1px solid #444;*/
309310
}
310311

311312
.info-badge {
@@ -380,7 +381,7 @@ border-color: #555;
380381
align-items: center;
381382
justify-content: center;
382383
overflow: hidden;
383-
height: 150px;
384+
height: 90px;
384385
cursor: pointer;
385386
border-radius: 6px;
386387
background: #222;
@@ -525,7 +526,8 @@ border-color: #555;
525526

526527
.action-buttons {
527528
display: flex;
528-
gap: 4px;
529+
gap: 6px;
530+
margin-left: 10px;
529531
}
530532

531533
.kill-button, .pause-button, .restart-button {
@@ -1052,12 +1054,12 @@ background: #ffcc44;
10521054

10531055
.preview-content {
10541056
background-color: #1a1a1a;
1055-
margin: 1% auto;
1056-
padding: 0;
1057-
border: 3px solid #00ff00;
1058-
width: 98%;
1059-
height: 98%;
1060-
border-radius: 15px;
1057+
/*margin: 1% auto;*/
1058+
padding: 4px;
1059+
border: 0px solid #00ff00;
1060+
/*width: 98%;*/
1061+
/*height: 98%;*/
1062+
/*border-radius: 1px;*/
10611063
color: #00ff00;
10621064
display: flex;
10631065
flex-direction: column;

0 commit comments

Comments
 (0)