From 20390f8ede3787ee502d1f380cd9344dd6b2d083 Mon Sep 17 00:00:00 2001
From: Matthew Lemon <matt@matthewlemon.com>
Date: Tue, 10 Mar 2020 22:13:32 +0000
Subject: working on card layout

---
 .../organisations/organisation_detail.html         | 35 +++++++++++++++-------
 1 file changed, 24 insertions(+), 11 deletions(-)

(limited to 'ctrack/organisations')

diff --git a/ctrack/organisations/templates/organisations/organisation_detail.html b/ctrack/organisations/templates/organisations/organisation_detail.html
index 9dde56e..61e9fdd 100644
--- a/ctrack/organisations/templates/organisations/organisation_detail.html
+++ b/ctrack/organisations/templates/organisations/organisation_detail.html
@@ -26,16 +26,20 @@
       <h4>People</h4>
     </div>
 
-    <div class="row pl-3 pt-2 border rounded bg-light">
-      <div class="col">
+    <div class="row">
+      <div class="col-sm-12">
         {% for p in people %}
-          <div class="row">
-            <ul class="list-unstyled">
-              <h4>{{ p.first_name }} {{ p.last_name }}</h4>
-              <table class="table-bordered">
+          <div class="card mb-3">
+            <div class="card-body">
+            <h5 class="card-title">{{ p.first_name }} {{ p.last_name }}</h5>
+              <table class="table table-bordered">
                 <tr>
                   <td>Primary NIS Contact:</td>
-                  <td>{{ p.primary_nis_contact }}</td>
+                  {% if p.primary_nis_contact %}
+                    <td>Yes</td>
+                  {% else %}
+                    <td>No</td>
+                  {% endif %}
                 </tr>
                 <tr>
                   <td>Job Title:</td>
@@ -49,11 +53,20 @@
                   <td>Mobile:</td>
                   <td>{{ p.mobile }}</td>
                 </tr>
+                <tr>
+                  <td>Landline:</td>
+                  <td>{{ p.landline }}</td>
+                </tr>
+                <tr>
+                  <td>Clearance:</td>
+                  <td>{{ p.clearance }}</td>
+                </tr>
+                <tr>
+                  <td>Clearance Expiry:</td>
+                  <td>{{ p.clearance_expiry }}</td>
+                </tr>
               </table>
-              <li>{{ p.landline }}</li>
-              <li>Clearance: {{ p.clearance }}</li>
-              <li>Clearance Expiry: {{ p.clearance_expiry }}</li>
-            </ul>
+            </div>
           </div>
         {% endfor %}
       </div>
-- 
cgit v1.2.3