commit 89ee7d80573f83793b6de27c92d8d06360fb9ddc parent bd95c7d3aa26dead0b58e2074588fed249747ba3 Author: ashermorgan <59518073+ashermorgan@users.noreply.github.com> Date: Wed, 19 May 2021 20:49:09 -0700 Organize tense options into groups in filtersPage Diffstat:
| M | js/filtersPage.js | | | 24 | +++++++++++++++--------- |
1 file changed, 15 insertions(+), 9 deletions(-)
diff --git a/js/filtersPage.js b/js/filtersPage.js @@ -227,15 +227,21 @@ const filterInput = Vue.component("filterInput", { <div v-for="(filter, index) in verbFilters" class="filter"> <select v-model="filter.tense"> <option>All Tenses</option> - <option>Present Participles</option> - <option>Past Participles</option> - <option>Present Tense</option> - <option>Preterite Tense</option> - <option>Imperfect Tense</option> - <option>Conditional Tense</option> - <option>Simple Future Tense</option> - <option>Present Subjunctive Tense</option> - <option>Imperfect Subjunctive Tense</option> + <optgroup label="Participles"> + <option>Present Participles</option> + <option>Past Participles</option> + </optgroup> + <optgroup label="Indicative Tenses"> + <option>Present Tense</option> + <option>Preterite Tense</option> + <option>Imperfect Tense</option> + <option>Conditional Tense</option> + <option>Simple Future Tense</option> + </optgroup> + <optgroup label="Subjunctive Tenses"> + <option>Present Subjunctive Tense</option> + <option>Imperfect Subjunctive Tense</option> + </optgroup> </select> <select v-model="filter.type"> <option v-for="(available, type) in getTenseTypes(index)" :disabled="!available">{{ type }}</option>