summaryrefslogtreecommitdiffstats
path: root/ogcp
diff options
context:
space:
mode:
Diffstat (limited to 'ogcp')
-rw-r--r--ogcp/static/css/soleta.css16
-rw-r--r--ogcp/static/js/ogcp.js23
-rw-r--r--ogcp/templates/macros.html8
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>