Sovran_Systems/Sovran_SystemsOS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #107 from naturallaw777/copilot/add-icon-to-service-detail-modal

Browse Source 
[WIP] Add service icon to modal header
This commit is contained in:
Sovran_Systems
2026-04-07 05:40:19 -05:00
committed by GitHub
parent 6e133b6b59 739f6a08da
commit b9069433b1
2 changed files with 40 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/sovran_systemsos_web/static/css/modals.css
View File

@@ -147,6 +147,17 @@ button.btn-reboot:hover:not(:disabled) {
font-size: 1.15rem; font-size: 1.15rem;
font-weight: 700; font-weight: 700;
flex: 1; flex: 1;
display: flex;
align-items: center;
gap: 10px;
}
.creds-title-icon {
width: 28px;
height: 28px;
vertical-align: middle;
border-radius: 6px;
flex-shrink: 0;
} }
.creds-close-btn { .creds-close-btn {

32
app/sovran_systemsos_web/static/js/service-detail.js
View File

@@ -55,7 +55,20 @@ function _attachCopyHandlers(container) {
async function openServiceDetailModal(unit, name, icon) { async function openServiceDetailModal(unit, name, icon) {
if (!$credsModal) return; if (!$credsModal) return;
if ($credsTitle) $credsTitle.textContent = name; if ($credsTitle) {
$credsTitle.innerHTML = '';
if (icon) {
var iconImg = document.createElement("img");
iconImg.className = "creds-title-icon";
iconImg.src = "/static/icons/" + escHtml(icon) + ".svg";
iconImg.alt = name;
iconImg.onerror = function() { this.style.display = "none"; };
$credsTitle.appendChild(iconImg);
}
var nameSpan = document.createElement("span");
nameSpan.textContent = name;
$credsTitle.appendChild(nameSpan);
}
if ($credsBody) $credsBody.innerHTML = '<p class="creds-loading">Loading…</p>'; if ($credsBody) $credsBody.innerHTML = '<p class="creds-loading">Loading…</p>';
$credsModal.classList.add("open"); $credsModal.classList.add("open");
@@ -370,9 +383,22 @@ async function openServiceDetailModal(unit, name, icon) {
// ── Credentials info modal ──────────────────────────────────────── // ── Credentials info modal ────────────────────────────────────────
async function openCredsModal(unit, name) { async function openCredsModal(unit, name, icon) {
if (!$credsModal) return; if (!$credsModal) return;
if ($credsTitle) $credsTitle.textContent = name + " — Connection Info"; if ($credsTitle) {
$credsTitle.innerHTML = '';
if (icon) {
var iconImg = document.createElement("img");
iconImg.className = "creds-title-icon";
iconImg.src = "/static/icons/" + escHtml(icon) + ".svg";
iconImg.alt = name;
iconImg.onerror = function() { this.style.display = "none"; };
$credsTitle.appendChild(iconImg);
}
var nameSpan = document.createElement("span");
nameSpan.textContent = name + " — Connection Info";
$credsTitle.appendChild(nameSpan);
}
if ($credsBody) $credsBody.innerHTML = '<p class="creds-loading">Loading…</p>'; if ($credsBody) $credsBody.innerHTML = '<p class="creds-loading">Loading…</p>';
$credsModal.classList.add("open"); $credsModal.classList.add("open");
try { try {