tp_servicedesk/ui/views/kb/index.html

<h1 class="title">Knowledge Base</h1>
<include href="/ui/session/error.html"></include>
<p><a class="button" href="/kb/create">create kb article</a></p>
<hr>

<div class="block">
    <form method="GET" action="/kb">
        <div class="level">
            <div class="level-item">
                <check if="{{ isset(@GET.search)}}">
                    <true>
                        <input class="input" type="text" name="search" placeholder="Search by title..." 
                            value="{{ HTMLPurifier::instance()->purify( @GET.search) }}">
                    </true>
                    <false>
                        <input class="input" type="text" name="search" placeholder="Search by title...">
                    </false>
                </check>
            </div>
            <div class="level-right">
                <div class="select">
                    <select name="tag">
                        <option value="">--Filter by Tag</option>
                        <!-- TODO: load list of all tags-->
                    </select>
                </div>
            </div>
            <div class="level-right">
                <button class="button is-primary" type="submit">Search</button>
            </div>
        </div>
    </form>
</div>

<check if="{{@articles}}">
    <table class="table is-fullwidth is-bordered">
        <thead>
            <tr class="has-background-info">
                <th>id</th><th>title</th><th>created_at</th>
                <th></th>
            </tr>
        </thead>

        <tbody>
            <repeat group="{{@articles}}" value="{{@article}}">
                <tr>
                    <td>{{@article.id}}</td>
                    <td><a href="/kb/{{@article.id}}">{{@article.title}}</a></td>
                    <td>{{@article.created_at}}</td>
                    <td>
                        <a href="/kb/{{@article.id}}/edit"><i class="fa fa-edit"></i></a>
                    </td>
                </tr>
            </repeat>
        </tbody>
    </table>
</check>

<check if="!@articles">
    <div class="notification is-info is-light">
        <p>No articles found.</p>
    </div>
</check>