UI: Remote-Modal und sp-loading Styling verbessern
- sp-loading: Flexbox-Layout statt text-align center - Remote-Modal: Powershell-Befehl immer sichtbar (nicht nur bei leerer Liste) - remote-card-content: Padding ergänzt
This commit is contained in:
1 parent
24c0c79a64
commit
0e55e45497
3 files changed
+12
-14
No files matched your search
@@ -869,8 +869,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.sp-loading {
|
.sp-loading {
|
||||||
text-align: center;
|
display: flex;
|
||||||
padding: var(--page-padding);
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
gap: var(--badge-spacing);
|
||||||
|
padding: var(--box-padding);
|
||||||
}
|
}
|
||||||
|
|
||||||
.sp-loading code {
|
.sp-loading code {
|
||||||
|
|||||||
@@ -888,7 +888,7 @@ a.admin-user-meta {
|
|||||||
.event-scanner-log { white-space: pre-line }
|
.event-scanner-log { white-space: pre-line }
|
||||||
|
|
||||||
.remote-hint { font-size: var(--font-size); opacity: var(--semi-transparent); margin-bottom: var(--box-spacing) }
|
.remote-hint { font-size: var(--font-size); opacity: var(--semi-transparent); margin-bottom: var(--box-spacing) }
|
||||||
.remote-card-content { font-size: var(--font-size); display: flex; align-items: center; gap: var(--box-spacing) }
|
.remote-card-content { font-size: var(--font-size); display: flex; align-items: center; gap: var(--box-spacing); padding: var(--box-padding) }
|
||||||
.remote-card-info { flex: 1; opacity: var(--semi-transparent) }
|
.remote-card-info { flex: 1; opacity: var(--semi-transparent) }
|
||||||
.none-card-image { display: flex; align-items: center; justify-content: center }
|
.none-card-image { display: flex; align-items: center; justify-content: center }
|
||||||
.none-card-icon { font-size: 2em; opacity: var(--semi-transparent) }
|
.none-card-icon { font-size: 2em; opacity: var(--semi-transparent) }
|
||||||
+6
-11
@@ -322,21 +322,16 @@ async function showRemoteModal(sessionId) {
|
|||||||
const connections = await apiGetRemoteConnections();
|
const connections = await apiGetRemoteConnections();
|
||||||
body.innerHTML = '';
|
body.innerHTML = '';
|
||||||
|
|
||||||
|
var empty = document.createElement('div');
|
||||||
|
empty.className = 'sp-loading';
|
||||||
|
empty.innerHTML = '<div>Powershell-Befehl unter Windows ausführen</div>' +
|
||||||
|
'<code>irm ' + esc(location.origin) + '/remote | iex</code>';
|
||||||
|
body.appendChild(empty);
|
||||||
|
|
||||||
if (!connections || connections.length === 0) {
|
if (!connections || connections.length === 0) {
|
||||||
var empty = document.createElement('div');
|
|
||||||
empty.className = 'sp-loading';
|
|
||||||
empty.innerHTML = 'Keine Remote-Verbindungen aktiv.<br><br>' +
|
|
||||||
'<span>Auf dem Windows-PC ausführen:<br>' +
|
|
||||||
'<code>irm ' + esc(location.origin) + '/remote | iex</code></span>';
|
|
||||||
body.appendChild(empty);
|
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
var hint = document.createElement('div');
|
|
||||||
hint.className = 'remote-hint';
|
|
||||||
hint.textContent = 'Verbindung auswählen um Remote-Befehle in dieser Session zu ermöglichen:';
|
|
||||||
body.appendChild(hint);
|
|
||||||
|
|
||||||
for (var i = 0; i < connections.length; i++) {
|
for (var i = 0; i < connections.length; i++) {
|
||||||
var conn = connections[i];
|
var conn = connections[i];
|
||||||
var card = document.createElement('div');
|
var card = document.createElement('div');
|
||||||
|
|||||||
Reference in new issue
Block a user