From 7dad8dd12fd694dc5d40c77f9201091021d3c3d9 Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <ste.pigozzi@gmail.com>
Date: Fri, 22 Sep 2017 08:29:20 +0200
Subject: [PATCH] Add OS icons in the device details

---
 templates/dispositivo/details.htm | 23 ++++++++++++++++++++++-
 templates/dispositivo/list.htm    | 25 ++++++++++++++++++++++++-
 templates/dispositivo/show.htm    |  2 +-
 3 files changed, 47 insertions(+), 3 deletions(-)

diff --git a/templates/dispositivo/details.htm b/templates/dispositivo/details.htm
index b73b28c..cb0475d 100644
--- a/templates/dispositivo/details.htm
+++ b/templates/dispositivo/details.htm
@@ -1,5 +1,8 @@
 {% extends "base.htm" %}
 {% block title %}Dettagli dispositivo • estus{% endblock %}
+{% block extrahead %}
+    <script src="https://use.fontawesome.com/f463ccd2d9.js"></script>
+{% endblock %}
 {% block content %}
     <div class="page-header">
         <h1>
@@ -51,12 +54,30 @@
                 </div>
             </li>
         {% endif %}
-        {% if disp.so != " " %}
+        {% if disp.so %}
             <li class="list-group-item">
                 <h4 class="list-group-item-heading">
                     Sistema Operativo
                 </h4>
                 <div class="list-group-item-text">
+                    {% if "windows" in d[0].dispositivo.so.lower() %}
+                        <i class="fa fa-windows"
+                           {% if "server" not in d[0].dispositivo.so.lower() %}
+                           style="color:
+                                   {% if "XP" in d[0].dispositivo.so %}#0046FF
+                                   {% elif "Vista" in d[0].dispositivo.so %}#69797E
+                                   {% elif "7" in d[0].dispositivo.so %}#30C6CC
+                                   {% elif "8" in d[0].dispositivo.so %}#F03A17
+                                   {% elif "10" in d[0].dispositivo.so %}#0078D7
+                                   {% endif %};"
+                           {% endif %}></i>
+                    {% elif "linux" in d[0].dispositivo.so.lower() or "ubuntu" in d[0].dispositivo.so.lower() or "debian" in d[0].dispositivo.so.lower() %}
+                        <i class="fa fa-linux"></i>
+                    {% elif "mac" in d[0].dispositivo.so.lower() or "iOS" in d[0].dispositivo.so %}
+                        <i class="fa fa-apple"></i>
+                    {% elif "android" in d[0].dispositivo.so.lower() %}
+                        <i class="fa fa-android"></i>
+                    {% endif %}
                     {{ disp.so }}
                 </div>
             </li>
diff --git a/templates/dispositivo/list.htm b/templates/dispositivo/list.htm
index 9224915..12cb5a0 100644
--- a/templates/dispositivo/list.htm
+++ b/templates/dispositivo/list.htm
@@ -1,5 +1,8 @@
 {% extends "base.htm" %}
 {% block title %}Elenco dispositivi • estus{% endblock %}
+{% block extrahead %}
+    <script src="https://use.fontawesome.com/f463ccd2d9.js"></script>
+{% endblock %}
 {% block content %}
     <div class="page-header">
         <h1>
@@ -24,7 +27,27 @@
                 <td>{{ d[0].dispositivo.tipo }}</td>
                 <td>{% for u in d %}<p>{{ u.impiegato.nomeimpiegato }}</p>{% endfor %}</td>
                 <td>{% if d[0].dispositivo.inv_ced %}{{ d[0].dispositivo.inv_ced }}{% endif %}</td>
-                <td>{{ d[0].dispositivo.so }}</td>
+                <td>
+                    {% if "windows" in d[0].dispositivo.so.lower() %}
+                        <i class="fa fa-windows"
+                           {% if "server" not in d[0].dispositivo.so.lower() %}
+                           style="color:
+                                   {% if "XP" in d[0].dispositivo.so %}#0046FF
+                                   {% elif "Vista" in d[0].dispositivo.so %}#69797E
+                                   {% elif "7" in d[0].dispositivo.so %}#30C6CC
+                                   {% elif "8" in d[0].dispositivo.so %}#F03A17
+                                   {% elif "10" in d[0].dispositivo.so %}#0078D7
+                                   {% endif %};"
+                           {% endif %}></i>
+                    {% elif "linux" in d[0].dispositivo.so.lower() or "ubuntu" in d[0].dispositivo.so.lower() or "debian" in d[0].dispositivo.so.lower() %}
+                        <i class="fa fa-linux"></i>
+                    {% elif "mac" in d[0].dispositivo.so.lower() or "iOS" in d[0].dispositivo.so %}
+                        <i class="fa fa-apple"></i>
+                    {% elif "android" in d[0].dispositivo.so.lower() %}
+                        <i class="fa fa-android"></i>
+                    {% endif %}
+                    {{ d[0].dispositivo.so }}
+                </td>
                 <td>{{ d[0].dispositivo.ip }}</td>
                 <td>{% if d[0].dispositivo.seriale %}{{ d[0].dispositivo.seriale }}{% endif %}</td>
                 <td>
diff --git a/templates/dispositivo/show.htm b/templates/dispositivo/show.htm
index eefbfe8..dd099b0 100644
--- a/templates/dispositivo/show.htm
+++ b/templates/dispositivo/show.htm
@@ -67,7 +67,7 @@
     <div class="alert alert-info">
         Sapevi che puoi fare doppio click sui campi con <b>[...]</b> per attivare il completamento automatico?
     </div>
-    <form class="form-horizontal" action="{% if dispositivo %}{{ url_for("page_disp_show", did=dispositivo.did) }}{% else %}{{ url_for("page_disp_add") }}{% endif %}" method="post">
+    <form class="form-horizontal" method="post">
         <div class="form-group">
             <label class="col-xs-2" for="form-tipo">Tipo dispositivo</label>
             <div class="col-xs-10">