tp_servicedesk/ui/views/ticket/view.html

<!-- Ticket - View -->
<div class="is-flex">
    <h1 class="title is-flex-grow-1">{{ @ticket.title }}</h1>
    <div class="field is-grouped">
        <p class="control"><a class="button" href="/ticket/{{ @ticket.id}}/edit">edit ticket</a></p>
        <p class="control"><a class="button is-primary" href="/ticket/create">new ticket</a></p>
    </div>
</div>

<hr>

<div class="content">

    <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>

    
    
    <hr>
    <include href="../ui/views/attachment/index.html">
    <include href="../ui/views/comments/view.html">


    <!-- 
    <div class="block" id="attachments"></div>
    <div class="block" id="comments"></div>
    -->

</div>