universe@86: <%--
universe@268: 
universe@86: --%>
universe@270: <form method="GET" id="filter-form">
universe@268:     <div>
universe@268:         <label>
universe@268:             <input name="filter"
universe@268:                    type="checkbox"
universe@268:                    value="${viewmodel.filter.flagIncludeDone}"
universe@268:                    <c:if test="${viewmodel.filter.includeDone}">checked</c:if>
universe@268:             >
universe@268:             <fmt:message key="issue.filter.done"/>
universe@268:         </label>
universe@268:         <label>
universe@268:             <input name="filter"
universe@268:                    type="checkbox"
universe@268:                    value="${viewmodel.filter.flagMine}"
universe@268:                    <c:if test="${viewmodel.filter.onlyMine}">checked</c:if>
universe@268:             >
universe@268:             <fmt:message key="issue.filter.mine"/>
universe@268:         </label>
universe@268:         <label>
universe@268:             <input name="filter"
universe@268:                    type="checkbox"
universe@268:                    value="${viewmodel.filter.flagBlocker}"
universe@268:                    <c:if test="${viewmodel.filter.onlyBlocker}">checked</c:if>
universe@268:             >
universe@268:             <fmt:message key="issue.filter.blocking"/>
universe@268:         </label>
universe@268:         <label>
universe@268:             <input id="show-more-filters" type="checkbox" onclick="toggleFilterDetails()">
universe@268:             <fmt:message key="issue.filter.more"/>
universe@268:         </label>
universe@268:     </div>
universe@268:     <div id="more-filters" style="display: flex; gap: 1em">
universe@268:         <div style="display: inline-block">
universe@268:             <label class="caption" style="display:block;" for="filter-category"><fmt:message key="issue.category"/></label>
universe@268:             <select id="filter-category" name="filter" multiple size="10">
universe@268:                 <c:forEach var="category" items="${viewmodel.filter.issueCategory}">
universe@268:                     <option value="c.${category}" <c:if test="${viewmodel.filter.category.contains(category) }">selected</c:if> >
universe@268:                         <fmt:message key="issue.category.${category}"/>
universe@268:                     </option>
universe@268:                 </c:forEach>
universe@268:             </select>
universe@268:         </div>
universe@268:         <div style="display: inline-block">
universe@268:             <label class="caption" style="display:block;" for="filter-status"><fmt:message key="issue.status"/></label>
universe@268:             <select id="filter-status" name="filter" multiple size="10">
universe@268:                 <c:forEach var="status" items="${viewmodel.filter.issueStatus}">
universe@268:                     <option value="s.${status}" <c:if test="${viewmodel.filter.status.contains(status) }">selected</c:if>>
universe@268:                         <fmt:message key="issue.status.${status}"/>
universe@268:                     </option>
universe@268:                 </c:forEach>
universe@268:             </select>
universe@268:         </div>
universe@268:     </div>
universe@268:     <div class="medskip">
universe@268:         <button name="filter" type="submit"><fmt:message key="button.apply"/></button>
universe@270:         <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>
universe@268:     </div>
universe@268: </form>