tp_servicedesk/ui/views/kb/index.html

<h1 class="title">Knowledge Base</h1>

<check if="{{isset(@SESSION.error)}}">
    <div class="notification is-warning">
        {{ @SESSION.error }}
    </div>
</check>

<p><a href="/kb/create">create new 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>
                <th>id</th><th>title</th><th>created_at</th>
                <th></th>
            </tr>
        </thead>

        <tbody>
            <repeat group="{{@articles}}" value="{{@article}}">
                <tr>
                    <td><a href="/kb/{{@article.id}}">{{@article.id}}</a></td>
                    <td>{{@article.title}}</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>