diff options
| -rw-r--r-- | ogcp/static/css/soleta.css | 16 | ||||
| -rw-r--r-- | ogcp/static/js/ogcp.js | 23 | ||||
| -rw-r--r-- | ogcp/templates/macros.html | 8 |
3 files changed, 44 insertions, 3 deletions
diff --git a/ogcp/static/css/soleta.css b/ogcp/static/css/soleta.css index 5edf03f..6a0a850 100644 --- a/ogcp/static/css/soleta.css +++ b/ogcp/static/css/soleta.css @@ -33,11 +33,27 @@ html, body { color: #99791a !important; } +.text-linux { + color: #d77cb3 !important; +} + +.text-windows { + color: #2d9efb !important; +} + .badge-wol { color: white !important; background-color: #99791a !important; } +.badge-linux { + background-color: #d77cb3 !important; +} + +.badge-windows { + background-color: #2d9efb !important; +} + .og-pill { width: 11em; } diff --git a/ogcp/static/js/ogcp.js b/ogcp/static/js/ogcp.js index 8fb9838..61d828d 100644 --- a/ogcp/static/js/ogcp.js +++ b/ogcp/static/js/ogcp.js @@ -179,10 +179,18 @@ function updatePillStatus(scope, pill) { let link = scope.link let units = 'Mb/s' const pillCls = ['badge-danger', 'badge-success', 'badge-warning', - 'badge-wol', 'badge-light']; + 'badge-wol', 'badge-light', 'text-linux', 'text-windows']; pill.classList.remove(...pillCls); if (state === 'OPG') { pill.classList.add('badge-warning'); + } else if (state === 'LNX') { + pill.classList.add('badge-linux'); + } else if (state === 'LNXS') { + pill.classList.add('badge-linux'); + } else if (state === 'WIN') { + pill.classList.add('badge-windows'); + } else if (state === 'WINS') { + pill.classList.add('badge-windows'); } else if (state === 'BSY') { pill.classList.add('badge-danger'); } else if (state === 'VDI') { @@ -209,8 +217,9 @@ function updateScopes(scopes) { const scopeId = `${scope.name}_${scope.id}`.replaceAll(/[.]|[ ]/g, '_'); const iconEl = document.querySelector(`#${scopeId} .nav-icon`); const iconCls = ['fas', 'far', 'fa-circle', 'fa-check-circle', - 'fa-times-circle', 'text-danger', 'text-success', - 'text-warning', 'text-wol']; + 'fa-times-circle', 'fa-user-circle', 'text-danger', + 'text-success', 'text-warning', 'text-wol', + 'text-linux', 'text-windows']; iconEl.classList.remove(...iconCls); let newIconCls = []; if (scope.state === 'OPG') { @@ -219,6 +228,14 @@ function updateScopes(scopes) { newIconCls.push('fa-times-circle'); else newIconCls.push('fa-circle'); + } else if (scope.state === 'LNX') { + newIconCls.push('fas', 'fa-circle', 'text-linux'); + } else if (scope.state === 'LNXS') { + newIconCls.push('fas', 'fa-user-circle', 'text-linux'); + } else if (scope.state === 'WIN') { + newIconCls.push('fas', 'fa-circle', 'text-windows'); + } else if (scope.state === 'WINS') { + newIconCls.push('fas', 'fa-user-circle', 'text-windows'); } else if (scope.state === 'BSY') { newIconCls.push('fas', 'fa-circle', 'text-danger'); } else if (scope.state === 'VDI') { diff --git a/ogcp/templates/macros.html b/ogcp/templates/macros.html index 6ba1d38..c56e4e8 100644 --- a/ogcp/templates/macros.html +++ b/ogcp/templates/macros.html @@ -59,6 +59,10 @@ {% if "state" in scope %} <i class="nav-icon fa-circle {% if scope['state'] == 'OPG' %}fas text-warning + {% elif scope['state'] == 'LNX' %}fas text-linux + {% elif scope['state'] == 'LNX' %}fas fa-user-circle text-linux + {% elif scope['state'] == 'WIN' %}fas text-windows + {% elif scope['state'] == 'WIN' %}fas fa-user-circle text-windows {% elif scope['state'] == 'BSY' %}fas text-danger {% elif scope['state'] == 'VDI' %}fas text-success {% elif scope['state'] == 'WOL_SENT' %}fas text-wol @@ -84,6 +88,10 @@ <li class="nav-item"><i class="nav-icon fas fa-circle text-wol"></i> {{_('WoL sent')}} </li> <li class="nav-item"><i class="nav-icon fas fa-circle text-warning"></i> ogLive </li> <li class="nav-item"><i class="nav-icon fas fa-circle text-danger"></i> {{_('Busy')}} </li> + <li class="nav-item"><i class="nav-icon fas fa-circle text-linux"></i> Linux </li> + <li class="nav-item"><i class="nav-icon fas fa-user-circle text-linux"></i> {{_('Linux session')}} </li> + <li class="nav-item"><i class="nav-icon fas fa-circle text-windows"></i> Windows </li> + <li class="nav-item"><i class="nav-icon fas fa-user-circle text-windows"></i> {{_('Windows session')}} </li> <li class="nav-item"><i class="nav-icon fas fa-circle text-success"></i> VDI </li> </ul> </div> |