Cambios de Device model

Templates/Sistemas/Usuarios/lista.html

@@ -0,0 +1,33 @@
+{% extends 'base.html' %}
+
+{% block title %}
+| Sistemas
+{% endblock title %}
+    
+
+{% block content %}
+    <table class="table">
+        <thead class="thead-dark">
+        <tr>
+            <th scope="col">Usuario</th>
+            <th scope="col">Expira</th>
+            <th scope="col"></th>
+            <th scope="col"></th>
+            <th></th>
+        </tr>
+        </thead>
+    
+        <tbody>            
+        {% for user in object_list  %}
+            <tr>
+                <th scope="row">{{user.username}}</th>                
+                <td>Session expire at: {{ user.session_expire }}</td>
+                <td>-</td> 
+                <td><a href="#" class="btn btn-info">Detalles</a></td>
+            </tr>  
+        {% endfor %}
+        </tbody>
+    </table>
+
+        
+{% endblock content %}

Templates/Sistemas/Xclientes/detail.html

@@ -6,8 +6,84 @@
     
 
 {% block content %}
-    <h1>{{object.cliente}}</h1>        
-    {{object.id_sistema}} <br>
-    {{object.num_licencias}}
+<style>
+    @import url('https://fonts.googleapis.com/css?family=Assistant');
+
+body {
+    background: #eee;
+    font-family: Assistant, sans-serif
+}
+
+.cell-1 {
+  border-collapse: separate;
+  border-spacing: 0 4em;
+  background: #ffffff;
+  border-bottom: 5px solid transparent;
+  /*background-color: gold;*/
+  background-clip: padding-box;
+  cursor: pointer;
+}
+
+thead {
+  background: #dddcdc;
+}
+
+
+.table-elipse {
+  cursor: pointer;
+}
+
+#demo {
+  -webkit-transition: all 0.3s ease-in-out;
+  -moz-transition: all 0.3s ease-in-out;
+  -o-transition: all 0.3s 0.1s ease-in-out;
+  transition: all 0.3s ease-in-out;
+}
+
+.row-child {
+  background-color: rgb(113, 178, 238);
+  color: rgb(0, 0, 0);
+}
+</style>
+
+
+
+<h1>{{object.cliente}}</h1>        
+
+<div class="table-responsive table-borderless">
+    <table class="table">
+        <thead>
+            <tr>
+                <th class="text-center">Num. Licencias contratadas</th>
+                <th>Sistema</th>
+                <th>-</th>
+                <th>Estatus</th>
+                <th>-</th>
+                <th>-</th>
+                <th></th>
+            </tr>
+        </thead>
+        <tbody class="table-body">
+            <tr class="cell-1" data-toggle="collapse" data-target="#demo">
+                <td class="text-center">{{object.num_licencias}}</td>
+                <td>{{object.id_sistema}}</td>
+                <td>-</td>
+                <td><span class="badge badge-{% if object.cliente.Activo %}success{%else%}danger{% endif %}">{% if object.cliente.Activo %}Activo{%else%}Inactivo{% endif %}</span></td>
+                <td>-</td>
+                <td>click me</td>
+                <td class="table-elipse" data-toggle="collapse" data-target="#demo"><i class="fa fa-ellipsis-h text-black-50"></i></td>
+            </tr>
+            {% for sistema in  object.id_sistema.device_set.all %}                
+                <tr id="demo" class="collapse cell-1 row-child">
+                    <td class="text-center" colspan="1"><i class="fa fa-angle-up"></i></td>
+                    <td colspan="1">Dispositivo: <strong>{{sistema}}</strong> </td>
+                    <td colspan="3"></td>
+                    <td colspan="1">-</td>
+                    <td colspan="2">-</td>
+                </tr>
+            {% endfor %}            
+        </tbody>
+    </table>
+</div>      
 {% endblock content %}
     

Templates/base.html

@@ -40,6 +40,7 @@
     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.6/dist/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.2.1/dist/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"></script>
     <script>