|
28 | 28 | <script src="script.js" defer></script> {# #} |
29 | 29 | </head> {# #} |
30 | 30 | <body> {# #} |
31 | | - <div id="settings-dropdown"> {# #} |
| 31 | + <div id="settings-dropdown" class="dropdown"> {# #} |
32 | 32 | <button class="settings-icon" tabindex="-1"></button> {# #} |
33 | 33 | <div class="settings-menu" tabindex="-1"> {# #} |
34 | 34 | <div class="setting-radio-name">Theme</div> {# #} |
@@ -59,72 +59,104 @@ <h1 class="page-header">Clippy Lints <span class="badge">Total number: {{+ count |
59 | 59 | <div id="menu-filters"> {# #} |
60 | 60 | <div class="panel-body row"> {# #} |
61 | 61 | <div id="upper-filters"> {# #} |
62 | | - <div id="lint-levels" tabindex="-1"> {# #} |
| 62 | + <div class="dropdown" data-filter="levels" tabindex="-1"> {# #} |
63 | 63 | <button type="button" class="btn-default dropdown-toggle"> {# #} |
64 | | - Lint levels <span class="badge">4</span> <span class="caret"></span> {# #} |
| 64 | + Lint levels <span id="levels-count" class="badge">4</span> <span class="caret"></span> {# #} |
65 | 65 | </button> {# #} |
66 | | - <ul class="dropdown-menu" id="lint-levels-selector"> {# #} |
| 66 | + <ul class="dropdown-menu"> {# #} |
67 | 67 | <li class="checkbox"> {# #} |
68 | | - <button onclick="toggleElements('levels_filter', true)">All</button> {# #} |
| 68 | + <button class="reset-all">All</button> {# #} |
69 | 69 | </li> {# #} |
70 | 70 | <li class="checkbox"> {# #} |
71 | | - <button onclick="toggleElements('levels_filter', false)">None</button> {# #} |
| 71 | + <button class="reset-none">None</button> {# #} |
72 | 72 | </li> {# #} |
73 | 73 | <li role="separator" class="divider"></li> {# #} |
| 74 | + {% for level in ["allow", "warn", "deny", "none"] %} |
| 75 | + <li class="checkbox"> {# #} |
| 76 | + <label> {# #} |
| 77 | + <input type="checkbox" name="{{ level }}" checked /> |
| 78 | + {{ level | capitalize }} |
| 79 | + </label> {# #} |
| 80 | + </li> {# #} |
| 81 | + {% endfor %} |
74 | 82 | </ul> {# #} |
75 | 83 | </div> {# #} |
76 | | - <div id="lint-groups" tabindex="-1"> {# #} |
| 84 | + <div class="dropdown" data-filter="groups" tabindex="-1"> {# #} |
77 | 85 | <button type="button" class="btn-default dropdown-toggle"> {# #} |
78 | | - Lint groups <span class="badge">9</span> <span class="caret"></span> {# #} |
| 86 | + Lint groups <span id="groups-count" class="badge">9</span> <span class="caret"></span> {# #} |
79 | 87 | </button> {# #} |
80 | | - <ul class="dropdown-menu" id="lint-groups-selector"> {# #} |
| 88 | + <ul class="dropdown-menu"> {# #} |
81 | 89 | <li class="checkbox"> {# #} |
82 | | - <button onclick="toggleElements('groups_filter', true)">All</button> {# #} |
| 90 | + <button class="reset-all">All</button> {# #} |
83 | 91 | </li> {# #} |
84 | 92 | <li class="checkbox"> {# #} |
85 | | - <button onclick="resetGroupsToDefault()">Default</button> {# #} |
| 93 | + <button class="reset-default">Default</button> {# #} |
86 | 94 | </li> {# #} |
87 | 95 | <li class="checkbox"> {# #} |
88 | | - <button onclick="toggleElements('groups_filter', false)">None</button> {# #} |
| 96 | + <button class="reset-none">None</button> {# #} |
89 | 97 | </li> {# #} |
90 | 98 | <li role="separator" class="divider"></li> {# #} |
| 99 | + {% for group in ["cargo", "complexity", "correctness", "nursery", "pedantic", "perf", "restriction", "style", "suspicious", "deprecated"] %} |
| 100 | + <li class="checkbox"> {# #} |
| 101 | + <label> {# #} |
| 102 | + <input type="checkbox" name="{{ group }}" {% if *group != "deprecated" +%} checked {% endif %} /> |
| 103 | + {{ group | capitalize }} |
| 104 | + </label> {# #} |
| 105 | + </li> {# #} |
| 106 | + {% endfor %} |
91 | 107 | </ul> {# #} |
92 | 108 | </div> {# #} |
93 | | - <div id="version-filter" tabindex="-1"> {# #} |
| 109 | + <div id="version-filter" class="dropdown" tabindex="-1"> {# #} |
94 | 110 | <button type="button" class="btn-default dropdown-toggle"> {# #} |
95 | 111 | Version {#+ #} |
96 | | - <span id="version-filter-count" class="badge">0</span> {#+ #} |
| 112 | + <span id="versions-count" class="badge">0</span> {#+ #} |
97 | 113 | <span class="caret"></span> {# #} |
98 | 114 | </button> {# #} |
99 | | - <ul id="version-filter-selector" class="dropdown-menu"> {# #} |
| 115 | + <ul class="dropdown-menu"> {# #} |
100 | 116 | <li class="checkbox"> {# #} |
101 | | - <button onclick="clearVersionFilters()">Clear filters</button> {# #} |
| 117 | + <button id="reset-versions">Clear filters</button> {# #} |
102 | 118 | </li> {# #} |
103 | 119 | <li role="separator" class="divider"></li> {# #} |
| 120 | + {% for (sym, name) in [("≥", "gte"), ("≤", "lte"), ("=", "eq")] %} |
| 121 | + <li class="checkbox"> {# #} |
| 122 | + <label>{{ sym }}</label> {#+ #} |
| 123 | + <span>1.</span> {# #} |
| 124 | + <input type="number" name="{{ name }}" min="29" maxlength="2" class="version-filter-input form-control filter-input" /> {# #} |
| 125 | + <span>.0</span> {# #} |
| 126 | + </li> {# #} |
| 127 | + {% endfor %} |
104 | 128 | </ul> {# #} |
105 | 129 | </div> {# #} |
106 | | - <div id="lint-applicabilities" tabindex="-1"> {# #} |
| 130 | + <div class="dropdown" data-filter="applicabilities" tabindex="-1"> {# #} |
107 | 131 | <button type="button" class="btn-default dropdown-toggle"> {# #} |
108 | 132 | Applicability {#+ #} |
109 | | - <span class="badge">4</span> {#+ #} |
| 133 | + <span id="applicabilities-count" class="badge">4</span> {#+ #} |
110 | 134 | <span class="caret"></span> {# #} |
111 | 135 | </button> {# #} |
112 | | - <ul class="dropdown-menu" id="lint-applicabilities-selector"> {# #} |
| 136 | + <ul class="dropdown-menu"> {# #} |
113 | 137 | <li class="checkbox"> {# #} |
114 | | - <button onclick="toggleElements('applicabilities_filter', true)">All</button> {# #} |
| 138 | + <button class="reset-all">All</button> {# #} |
115 | 139 | </li> {# #} |
116 | 140 | <li class="checkbox"> {# #} |
117 | | - <button onclick="toggleElements('applicabilities_filter', false)">None</button> {# #} |
| 141 | + <button class="reset-none">None</button> {# #} |
118 | 142 | </li> {# #} |
119 | 143 | <li role="separator" class="divider"></li> {# #} |
| 144 | + {% for applicability in ["Unspecified", "MachineApplicable", "MaybeIncorrect", "HasPlaceholders"] %} |
| 145 | + <li class="checkbox"> {# #} |
| 146 | + <label> {# #} |
| 147 | + <input type="checkbox" name="{{ applicability }}" checked /> |
| 148 | + {{ applicability }} |
| 149 | + </label> {# #} |
| 150 | + </li> {# #} |
| 151 | + {% endfor %} |
120 | 152 | </ul> {# #} |
121 | 153 | </div> {# #} |
122 | 154 | </div> {# #} |
123 | 155 | <div class="search-control"> {# #} |
124 | 156 | <div class="input-group"> {# #} |
125 | 157 | <label class="input-group-addon" id="filter-label" for="search-input">Filter:</label> {# #} |
126 | 158 | <input type="text" class="form-control filter-input" placeholder="Keywords or search string (`S` or `/` to focus)" id="search-input" /> {# #} |
127 | | - <button class="filter-clear" type="button" onclick="searchState.clearInput(event)"> {# #} |
| 159 | + <button id="filter-clear" type="button"> {# #} |
128 | 160 | Clear {# #} |
129 | 161 | </button> {# #} |
130 | 162 | </div> {# #} |
|
0 commit comments