feat(itam): status of device visible on device index page

!21

app/itam/models/device.py

@@ -1,5 +1,7 @@
 import json
 
+from datetime import timedelta
+
 from django.db import models
 
 from access.fields import *
@@ -86,6 +88,36 @@ def __str__(self):
 
         return self.name
 
+    @property
+    def status(self) -> str:
+        """ Fetch Device status
+
+        Returns:
+            str: Current status of the item
+        """
+
+        if self.inventorydate:
+
+            check_date = self.inventorydate
+
+        else:
+
+            check_date = now() + timedelta(days=99)
+
+        one = (now() - check_date).days
+
+        if (now() - check_date).days >= 0 and (now() - check_date).days <= 1:
+
+            return 'OK'
+
+        elif (now() - check_date).days >= 2 and (now() - check_date).days < 3:
+
+            return 'WARN'
+
+        else:
+
+            return 'UNK'
+
 
     def get_configuration(self, id):
 

app/itam/templates/itam/device_index.html.j2

@@ -5,9 +5,64 @@
 
 {% block content %}
 
+<style>
+
+a.status_icon {
+    display: inline-block;
+    height: 30px;
+    line-height: 30px;
+    /*background-color: aqua;*/
+}
+
+span.status_icon {
+   /* display: inline-block;*/
+    height: 30px;
+    line-height: 30px;
+    /*background-color: aqua;*/
+    width: auto;
+    align-items: center;
+    /*position: relative;*/
+    vertical-align: middle; padding: auto; margin: 0px
+}
+
+.status_icon_ok svg {
+    fill: #319c3a;
+    width: 22px;
+    height: 22px;
+    vertical-align: middle;
+    margin: 0px;
+    padding: 0px;
+    border: none;
+    border-radius: 11px;
+    /*background-color: #c7e2ca;*/
+}
+
+.status_icon_warn svg {
+    fill: #cf9925;
+    width: 22px;
+    height: 22px;
+    vertical-align: middle;
+    margin: 0px;
+    padding: 0px;
+    border: none;
+    border-radius: 11px;
+    /*background-color: #ffefc5;*/
+}
+
+.status_icon_ukn svg {
+    fill: #999;
+    width: 22px;
+    height: 22px;
+    border: none;
+    border-radius: 11px;
+    /*background-color: #e9e9e9;*/
+}
+
+</style>
 <input type="button" value="New Device" onclick="window.location='{% url 'ITAM:_device_add' %}';">
 <table class="data">
     <tr>
+        <th style="width: 50px;">&nbsp;</th>
         <th>Name</th>
         <th>Device Type</th>
         <th>Manufacturer</th>
@@ -17,7 +72,25 @@
     </tr>
     {% for device in devices %}
     <tr>
-        <td><a href="{% url 'ITAM:_device_view' pk=device.id %}">{{ device.name }}</a></td>
+        <td>
+            <span class="status_icon status_icon_ok">
+            {% if device.status == 'OK' %}
+            <span class="status_icon status_icon_ok">
+                {% include 'icons/status_ok.svg' %}
+            </span>
+            {% elif device.status == 'WARN' %}
+            <span class="status_icon status_icon_warn">
+                {% include 'icons/status_ok.svg' %}
+            </span>
+            {% else %}
+            <span class="status_icon status_icon_ukn">
+                {% include 'icons/status_unknown.svg' %}
+            </span>
+            {% endif %}
+        </td>
+        <td>   
+            <a href="{% url 'ITAM:_device_view' pk=device.id %}">{{ device.name }}</a>
+        </td>
         <td>
         {% if device.device_type %}
             {{ device.device_type }}

docs/projects/django-template/itam/device.md

@@ -28,6 +28,11 @@ For each device within your inventory, the following fields/tabs are available t
 - [Change History](../index.md#history)
 
 
+### Status at a glance
+
+On the devices list page you can quickly gauge the status of a device. It's a simple colour system: green=OK, Orange=Warning and Grey=Unknown. This status icon denotes the age of the last inventory report, being: within 24-hours, within 48-hours and unknown.
+
+
 ### Details
 
 This tab display the details of the device.