From d9fe4dfa41d94e6183ef4b8b31c9baf202333c40 Mon Sep 17 00:00:00 2001
From: Javier Sánchez Parra <jsanchez@soleta.eu>
Date: Tue, 17 May 2022 10:56:59 +0200
Subject: Add color legend of the client states

Add an explanatory list of the colors used to represent the different
client states.
---
 ogcp/templates/macros.html | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/ogcp/templates/macros.html b/ogcp/templates/macros.html
index ba500b3..4da76d6 100644
--- a/ogcp/templates/macros.html
+++ b/ogcp/templates/macros.html
@@ -53,6 +53,17 @@
 
 {% macro selected_clients() -%}
 <hr><h2>{{_('Selected clients')}}</h2>
+<div class="card">
+  <div class="card-body">
+    <ul id="clients-color-legend" class="d-flex flex-wrap justify-content-center nav nav-pills">
+      <li class="nav-item"><i class="nav-icon far fa-circle"></i> {{_('Apagado')}} </li>
+      <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-success"></i> VDI </li>
+    </ul>
+  </div>
+</div>
 <div id="selected-clients" class="d-flex flex-wrap justify-content-center"></div>
 {% endmacro %}
 
-- 
cgit v1.2.3-18-g5258