src/main/webapp/WEB-INF/jspf/issue-filter.jspf

<%--

--%>
<form method="GET" id="filter-form">
    <div>
        <label>
            <input name="filter"
                   type="checkbox"
                   value="${viewmodel.filter.flagIncludeDone}"
                   <c:if test="${viewmodel.filter.includeDone}">checked</c:if>
            >
            <fmt:message key="issue.filter.done"/>
        </label>
        <label>
            <input name="filter"
                   type="checkbox"
                   value="${viewmodel.filter.flagMine}"
                   <c:if test="${viewmodel.filter.onlyMine}">checked</c:if>
            >
            <fmt:message key="issue.filter.mine"/>
        </label>
        <label>
            <input name="filter"
                   type="checkbox"
                   value="${viewmodel.filter.flagBlocker}"
                   <c:if test="${viewmodel.filter.onlyBlocker}">checked</c:if>
            >
            <fmt:message key="issue.filter.blocking"/>
        </label>
        <label>
            <input id="show-more-filters" type="checkbox" onclick="toggleFilterDetails()">
            <fmt:message key="issue.filter.more"/>
        </label>
    </div>
    <div id="more-filters" style="display: flex; gap: 1em">
        <div style="display: inline-block">
            <label class="caption" style="display:block;" for="filter-category"><fmt:message key="issue.category"/></label>
            <select id="filter-category" name="filter" multiple size="10">
                <c:forEach var="category" items="${viewmodel.filter.issueCategory}">
                    <option value="c.${category}" <c:if test="${viewmodel.filter.category.contains(category) }">selected</c:if> >
                        <fmt:message key="issue.category.${category}"/>
                    </option>
                </c:forEach>
            </select>
        </div>
        <div style="display: inline-block">
            <label class="caption" style="display:block;" for="filter-status"><fmt:message key="issue.status"/></label>
            <select id="filter-status" name="filter" multiple size="10">
                <c:forEach var="status" items="${viewmodel.filter.issueStatus}">
                    <option value="s.${status}" <c:if test="${viewmodel.filter.status.contains(status) }">selected</c:if>>
                        <fmt:message key="issue.status.${status}"/>
                    </option>
                </c:forEach>
            </select>
        </div>
    </div>
    <div class="medskip">
        <button name="filter" type="submit"><fmt:message key="button.apply"/></button>
        <a class="button" onclick="document.querySelectorAll('#filter-form *[name=filter]').forEach((elem) => elem.value = ''); document.getElementById('filter-form').submit()"><fmt:message key="button.remove"/></a>
    </div>
</form>