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

Sun, 08 Jan 2023 17:57:05 +0100

author
Mike Becker <universe@uap-core.de>
date
Sun, 08 Jan 2023 17:57:05 +0100
changeset 270
8c088c628a20
parent 268
ca5501d851fa
child 271
f8f5e82944fa
permissions
-rw-r--r--

#15 add remove filter button

universe@86 1 <%--
universe@268 2
universe@86 3 --%>
universe@270 4 <form method="GET" id="filter-form">
universe@268 5 <div>
universe@268 6 <label>
universe@268 7 <input name="filter"
universe@268 8 type="checkbox"
universe@268 9 value="${viewmodel.filter.flagIncludeDone}"
universe@268 10 <c:if test="${viewmodel.filter.includeDone}">checked</c:if>
universe@268 11 >
universe@268 12 <fmt:message key="issue.filter.done"/>
universe@268 13 </label>
universe@268 14 <label>
universe@268 15 <input name="filter"
universe@268 16 type="checkbox"
universe@268 17 value="${viewmodel.filter.flagMine}"
universe@268 18 <c:if test="${viewmodel.filter.onlyMine}">checked</c:if>
universe@268 19 >
universe@268 20 <fmt:message key="issue.filter.mine"/>
universe@268 21 </label>
universe@268 22 <label>
universe@268 23 <input name="filter"
universe@268 24 type="checkbox"
universe@268 25 value="${viewmodel.filter.flagBlocker}"
universe@268 26 <c:if test="${viewmodel.filter.onlyBlocker}">checked</c:if>
universe@268 27 >
universe@268 28 <fmt:message key="issue.filter.blocking"/>
universe@268 29 </label>
universe@268 30 <label>
universe@268 31 <input id="show-more-filters" type="checkbox" onclick="toggleFilterDetails()">
universe@268 32 <fmt:message key="issue.filter.more"/>
universe@268 33 </label>
universe@268 34 </div>
universe@268 35 <div id="more-filters" style="display: flex; gap: 1em">
universe@268 36 <div style="display: inline-block">
universe@268 37 <label class="caption" style="display:block;" for="filter-category"><fmt:message key="issue.category"/></label>
universe@268 38 <select id="filter-category" name="filter" multiple size="10">
universe@268 39 <c:forEach var="category" items="${viewmodel.filter.issueCategory}">
universe@268 40 <option value="c.${category}" <c:if test="${viewmodel.filter.category.contains(category) }">selected</c:if> >
universe@268 41 <fmt:message key="issue.category.${category}"/>
universe@268 42 </option>
universe@268 43 </c:forEach>
universe@268 44 </select>
universe@268 45 </div>
universe@268 46 <div style="display: inline-block">
universe@268 47 <label class="caption" style="display:block;" for="filter-status"><fmt:message key="issue.status"/></label>
universe@268 48 <select id="filter-status" name="filter" multiple size="10">
universe@268 49 <c:forEach var="status" items="${viewmodel.filter.issueStatus}">
universe@268 50 <option value="s.${status}" <c:if test="${viewmodel.filter.status.contains(status) }">selected</c:if>>
universe@268 51 <fmt:message key="issue.status.${status}"/>
universe@268 52 </option>
universe@268 53 </c:forEach>
universe@268 54 </select>
universe@268 55 </div>
universe@268 56 </div>
universe@268 57 <div class="medskip">
universe@268 58 <button name="filter" type="submit"><fmt:message key="button.apply"/></button>
universe@270 59 <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 60 </div>
universe@268 61 </form>

mercurial