tp_servicedesk/app/ui/views/ticket/index.html

<h1 class="title">Tickets</h1>
<!-- updated design -- inspiration gitea -->
<div class="block">
    <div class="field is-grouped">
        <div class="control is-expanded">
            <div class="field has-addons is-expanded">
                <div class="control is-expanded">
                    <input class="input" type="text" placeholder="Find a ticket">
                </div>
                <div class="control">
                    <button class="button is-info"><span class="icon"><i
                                class="fas fa-magnifying-glass"></i></span></button>
                </div>
            </div>
        </div>
        <div class="field">
            <div class="control">
                <p><a class="button is-primary" href="/ticket/create">create ticket</a></p>
            </div>
        </div>
    </div>
</div>
<div class="block">
    <div class="field has-addons">
        <!-- TODO: move this into a template -->
        <repeat group="{{ IconsHelper::$status_icons}}" key="{{ @k }}" value="{{ @icon }}">
            <p class="control">
                <a href="{{ @PATH }}/?status={{ @k }}" class="button">
                    <span class="icon is-small"><i class="fas fa-{{ @icon[0] }}"></i></span>
                    <span>{{ IconsHelper::$status_names[@k] }}</span>
                </a>
            </p>
        </repeat>
    </div>
</div>
<hr>

<div id="ticket_list">
    <repeat group="{{@tickets}}" value="{{@ticket}}">
        <include href="partials/ticket_item.html"></include>
    </repeat>
</div>

<exclude>
    <div id="ticket_list">
        <repeat group="{{@tickets}}" value="{{@ticket}}">
            <include href="views/ticket/index_row.html"></include>
        </repeat>
    </div>
</exclude>