settings split for development and production.py

templates/client/booking-list.html

@@ -1,6 +1,7 @@
 {% extends 'list-crud.html' %}
 {% load static %}
 {% load filters %}
+{% load custom_filters %}
 
 {% block filter %}
 <form id="filterForm" method="get" style="display: inline;">
@@ -32,8 +33,8 @@
     <td>{{ object.container_number }}</td>
     <td>{{ object.container_count }}</td>
     <td>{{ object.containers_left }}</td>
-    <td>{{ object.vehicles }}</td>
-    <td>{{ object.vehicles_left }}</td>
+    <td>{{ object.vehicles|distinct_vehicles }}</td>
+    <td>{{ object.vehicles_left|distinct_vehicles }}</td>
     <td>{{ object.created_on|bg_date }}</td>
     <td>{{ object.created_by.username }}</td>
     <td>{{ object.status }}</td>

templates/common/allowed-vehicles.html

@@ -7,12 +7,14 @@
     body {
       font-family: Arial, sans-serif;
       margin: 40px;
-        background-color: black;
-        color: white;
+      background-color: black;
+      color: white;
+        font-size: 2em;
     }
     h1 {
       font-size: 2.5em;
       margin-bottom: 20px;
+      text-align: center;
     }
     .table-container {
       width: 90%;
@@ -21,14 +23,22 @@
     table {
       width: 100%;
       border-collapse: collapse;
+      margin-bottom: 30px;
     }
     th, td {
       text-align: left;
       padding: 12px;
       border: 1px solid #ddd;
     }
+
     th {
-      background-color: #f5f5f5;
+      font-size: 2em;
+      background-color: white;
+      color: black;
+    }
+    td {
+      font-size: 2em;
+      color: white;
     }
   </style>
 </head>
@@ -36,20 +46,22 @@
 
   <h1>Vehicles with bookings</h1>
 
-  <div class="table-container">
-    <table>
-      <thead>
-        <tr>
-          <th>Line name</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr>
-          <td>BB1234TT, TT1234BB</td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
+  {% for obj in objects %}
+      <div class="table-container">
+        <table>
+          <thead>
+            <tr>
+              <th>{{ obj.line }}</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td>{{ obj.vehicles|upper}}</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+  {% endfor %}
 
 </body>
 </html>

templates/common/base.html

@@ -48,6 +48,10 @@
             <script src="{% static 'js/container_validation.js' %}"></script>
         {% endblock extra_js %}
 
+        {% block custom_js %}
+        {% endblock custom_js %}
+
+
     </body>
 
 </html>

templates/employee/unpaid-list.html

@@ -43,7 +43,7 @@
 {% endblock table_data %}
 
 {% block buttons %}
-<button id="createPaymentBtn" class="btn btn-primary" data-requires-selection disabled>Create Payment</button>
+    <button id="createPaymentBtn" class="btn btn-primary" data-requires-selection disabled>Create Payment</button>
 {% endblock buttons %}
 
 {% block create_modal_header %}
@@ -74,5 +74,6 @@ document.getElementById('createPaymentBtn').addEventListener('click', function()
         window.location.href = '{% url "payments_create" %}?' + params.toString();
     }
 });
+
 </script>
 {% endblock custom_js %}