alexei.dolgolyov/media-player-server
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update media-server: Improve script/callback table layout and command editor UX

Browse Source 
- Reduce command column max-width from 300px/400px to 200px for better table fit
- Change command input from single-line text to multiline textarea (3 rows)
- Apply changes to both script and callback dialogs
- Prevents table overflow and makes editing long commands easier

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
Admin
2026-02-06 17:34:11 +03:00
parent 0470a17a0c
commit 40c2c11c85
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
media_server/static/index.html
View File

@@ -1054,7 +1054,7 @@
<label> <label>
<span data-i18n="scripts.field.command">Command *</span> <span data-i18n="scripts.field.command">Command *</span>
<input type="text" id="scriptCommand" required data-i18n-placeholder="scripts.placeholder.command" placeholder="e.g., shutdown /s /t 0"> <textarea id="scriptCommand" required rows="3" data-i18n-placeholder="scripts.placeholder.command" placeholder="e.g., shutdown /s /t 0"></textarea>
</label> </label>
<label> <label>
@@ -1108,7 +1108,7 @@
<label> <label>
<span data-i18n="callbacks.field.command">Command *</span> <span data-i18n="callbacks.field.command">Command *</span>
<input type="text" id="callbackCommand" required data-i18n-placeholder="callbacks.placeholder.command" placeholder="e.g., shutdown /s /t 0"> <textarea id="callbackCommand" required rows="3" data-i18n-placeholder="callbacks.placeholder.command" placeholder="e.g., shutdown /s /t 0"></textarea>
</label> </label>
<label> <label>
@@ -1861,7 +1861,7 @@
<tr> <tr>
<td><code>${script.name}</code></td> <td><code>${script.name}</code></td>
<td>${script.label || script.name}</td> <td>${script.label || script.name}</td>
<td style="max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" <td style="max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"
title="${escapeHtml(script.command || 'N/A')}">${escapeHtml(script.command || 'N/A')}</td> title="${escapeHtml(script.command || 'N/A')}">${escapeHtml(script.command || 'N/A')}</td>
<td>${script.timeout}s</td> <td>${script.timeout}s</td>
<td> <td>
@@ -2072,7 +2072,7 @@
tbody.innerHTML = callbacksList.map(callback => ` tbody.innerHTML = callbacksList.map(callback => `
<tr> <tr>
<td><code>${callback.name}</code></td> <td><code>${callback.name}</code></td>
<td style="max-width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;" <td style="max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"
title="${escapeHtml(callback.command)}">${escapeHtml(callback.command)}</td> title="${escapeHtml(callback.command)}">${escapeHtml(callback.command)}</td>
<td>${callback.timeout}s</td> <td>${callback.timeout}s</td>
<td> <td>