From d5487f521283f36c27a258cdeb72dcee0274104c Mon Sep 17 00:00:00 2001
From: tp_dhu <terry.probert@dhuhealthcare.nhs.uk>
Date: Sun, 16 Feb 2025 22:09:07 +0000
Subject: [PATCH] updated layout of ticket view

---
 ui/views/ticket/view.html | 94 +++++++++++++++++++++++++++++++++------
 1 file changed, 81 insertions(+), 13 deletions(-)

diff --git a/ui/views/ticket/view.html b/ui/views/ticket/view.html
index b1c44c7..9e1ad7e 100644
--- a/ui/views/ticket/view.html
+++ b/ui/views/ticket/view.html
@@ -1,16 +1,84 @@
-<h1 class="title">Ticket - View</h1>
+<!-- Ticket - View -->
+<h1 class="title">{{ @ticket.title }}</h1>
+<p><a href="/ticket/{{ @ticket.id}}/edit">edit ticket</a></p>
+<hr>
 
-<div class="box">
+<div class="content">
 
-    <table class="table is-bordered is-fullwidth">
-        <thead>
-            <tr><th class="has-width-200">Property</th><th>Value</th></tr>
-        </thead>
-        <tbody>
-            <repeat group="{{ @ticket }}" key="{{ @key }}" value="{{ @value }}">
-                <tr><td>{{@key}}</td> <td>{{@value}}</td></tr>
-            </repeat>
-        </tbody>
-    </table>
+    <div class="columns">
+        <div class="column is-two-thirds">
+            <div class="block">
+                <p>{{ @ticket.created_at }}</p>
+                <div class="content">
+                    <parsedown>{{ @ticket.description | raw }}</parsedown>
+                </div>
+            </div>
+        </div>
+        
+        <div class="column">
+            <!-- meta data -->
+            <div class="block">
+                <table class="table is-bordered is-fullwidth">
+                    <thead>
+                        <tr><th class="has-width-100">Property</th><th>Value</th></tr>
+                    </thead>
+                    <tbody>
+                        <repeat group="{{ @ticket }}" key="{{ @key }}" value="{{ @value }}">
+                            <check if="{{ @key !== 'description'}}">
+                                <tr><td>{{@key}}</td> <td>{{@value}}</td></tr>
+                            </check>
+                        </repeat>
+                    </tbody>
+                </table>
+            </div>
+            <!-- form to add child ticket relationships -->
+            <div class="box">
+                <h3>Linked Tickets</h3>
+                <!-- parent -->
+                <check if="{{ @parent_tickets }}">
+                    <div class="block">
+                        <h4 class="title">Parent Tickets</h4>
+                        <ul>
+                            <repeat group="{{ @parent_tickets }}" value="{{ @p }}">
+                                <li><a href="/ticket/{{ @p.id }}">{{ @p.title }}</a></li>
+                            </repeat>
+                        </ul>
+                    </div>
+                </check>
+                <!-- child tickets -->
+                <check if="{{ @child_tickets }}">
+                    <div class="block">
+                        <h4 class="title">Child Tickets</h4>
+                        <ul>
+                            <repeat group="{{ @child_tickets }}" value="{{ @c }}">
+                                <li><a href="/ticket/{{ @c.id }}">{{ @c.title }}</a></li>
+                            </repeat>
+                    </div>
+                </check>
+                <form action="/ticket/{{ @ticket.id }}/add-subtask" method="POST">
+                    <div class="field">
+                        <label class="label">Add existing ticket as child ticket (ID):</label>
+                        <div class="control">
+                            <input class="input" type="number" placeholder="Child Ticket ID" required 
+                                name="child_ticket_id">
+                        </div>
+                    </div>
+                    <div class="field">
+                        <div class="control">
+                            <button class="button is-link" type="submit">Link</button>
+                        </div>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
 
-</div>
+    
+    
+    <hr>
+
+
+    <div class="block" id="attachments"></div>
+    <div class="block" id="comments"></div>
+
+</div>
\ No newline at end of file