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

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

mercurial