Add: token field to template, forms

logs_collector/collector/templates/collector/includes/ticket_info.html

@@ -16,4 +16,34 @@
 <div class="col-xl-6 mb-2">
   <h6 class="card-title mb-1">Platform: {{ ticket.platform.pretty_name }}</h6>
   <h6 class="card-title mb-3">Owner: {{ ticket.user.username }}</h6>
+  <!-- Token -->
+  <div class="input-group input-group mb-3">
+    <span class="input-group-text" id="inputGroup-sizing-sm"><i class="bi bi-key"></i></span>
+    <!--Token attempts-->
+    <span class="input-group-text" id="inputGroup-sizing-sm">
+      <span
+        class="badge
+        {% if ticket.attempts <= 0 %}
+          bg-danger 
+        {% elif ticket.attempts < 5 %}
+          text-dark bg-warning
+        {% else %}
+          bg-primary
+        {% endif %} rounded-pill">{{ ticket.attempts }}
+      </span>
+    </span>
+    <input
+      name="ticket-token"
+      class="form-control"
+      type="text"
+      value="{{ ticket.token }}"
+      aria-label="Disabled input example"
+      aria-describedby="inputGroup-sizing-sm"
+      disabled
+      readonly>
+    <button
+      class="input-group-text token-clipboard"
+      id="inputGroup-sizing-sm"><i class="bi bi-clipboard"></i>
+  </button>
+  </div>  
 </div>

logs_collector/collector/templates/collector/tickets.html

@@ -7,8 +7,8 @@
   {% csrf_token %}
   <!-- Ticket -->
   {% for ticket in tickets %}
-    <div id="div-ticket-{{ ticket.number }}" class="list-group mb-2">
-        <div class="list-group-item list-group-item-action disable" aria-current="true">
+    <ul id="div-ticket-{{ ticket.number }}" class="list-group mb-2">
+      <li class="list-group-item list-group-item-action disable" aria-current="true">
           {% include 'collector/includes/ticket_info.html' %} 
           <div class="col-xl-6 mt-1 mb-2">
             <div class="accordion" id="#archive_{{ ticket.number }}">
@@ -61,12 +61,12 @@
               </div>
               {% endif %}
             </div> 
-        </div>
+          </div>
           <div class="d-flex w-100 justify-content-between">
             <a
               href="{{ ticket.get_absolute_url }}"
               class="btn btn-outline-primary mb-1 mt-1"
-            >Open</a>
+            ><i class="bi bi-arrow-return-right"></i> Open</a>
             <button
               class="btn btn-outline-danger mb-1 mt-1"
               data-bs-toggle="modal"
@@ -74,8 +74,8 @@
             ><i class="bi bi-trash"></i> Delete
             </button>
           </div>
-        </div>
-      </div>
+        </li>
+    </ul>
     <!-- Modal ticket -->
     {% include 'collector/includes/modal_ticket.html' %}
     <!-- Modal archive -->