settings split for development and production.py

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>