monkeytypegame/monkeytype
1
1
Fork 0
mirror of https://github.com/monkeytypegame/monkeytype.git synced 2024-11-11 01:15:49 +08:00
Code Issues Projects Releases Packages Wiki Activity

reduced the number of unique ids by referencing child classes instead of top level ids

Browse source
This commit is contained in:
Jack 2021-03-29 21:01:20 +01:00
parent 232f6198fd
commit cd7eb3045e
2 changed files with 14 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/js/popups/word-filter-popup.js
View file

@ -4,12 +4,12 @@ let initialised = false;
async function init() {
if (!initialised) {
$("#languageList").empty();
$("#wordFilterPopup .languageInput").empty();
let LanguageList = await Misc.getLanguageList();
LanguageList.forEach((language) => {
let prettyLang = language;
prettyLang = prettyLang.replace("_", " ");
$("#languageList").append(`
$("#wordFilterPopup .languageInput").append(`
<option value=${language}>${prettyLang}</option>
`);
});
@ -21,7 +21,7 @@ export async function show() {
await init();
$("#wordFilterPopupWrapper").removeClass("hidden");
$("#customTextPopupWrapper").addClass("hidden");
$("#languageList").select2({
$("#wordFilterPopup .languageInput").select2({
width: "100%",
});
}
@ -32,7 +32,7 @@ function hide() {
}
async function apply() {
let language = $("#languageList").val();
let language = $("#wordFilterPopup .languageInput").val();
let filteredWords = await filter(language);
let customText = "";
filteredWords.forEach((word) => {
@ -59,18 +59,18 @@ $("#wordFilterPopupWrapper .button").mousedown((e) => {
});
async function filter(language) {
let filterin = $("#wordFilter").val();
let filterin = $("#wordFilterPopup .wordIncludeInput").val();
filterin = filterin.trim();
filterin = filterin.replace(/ /gi, "|");
let regincl = new RegExp(filterin, "i");
let filterout = $("#wordExclude").val();
let filterout = $("#wordFilterPopup .wordExcludeInput").val();
filterout = filterout.trim();
filterout = filterout.replace(/ /gi, "|");
let regexcl = new RegExp(filterout, "i");
let filteredWords = [];
let languageWordList = await Misc.getLanguage(language);
let maxLength = $("#wordMax").val();
let minLength = $("#wordMin").val();
let maxLength = $("#wordFilterPopup .wordMaxInput").val();
let minLength = $("#wordFilterPopup .wordMinInput").val();
if (maxLength == "") {
maxLength = 999;
}
@ -92,6 +92,6 @@ async function filter(language) {
return filteredWords;
}
$("#languageList").one("select2:open", function (e) {
$("#wordFilterPopup .languageInput").one("select2:open", function (e) {
$("input.select2-search__field").prop("placeholder", "search");
});

12
static/index.html
View file

@ -148,31 +148,29 @@
<div id="wordFilterPopup">
<div class="group">
<div class="title">language</div>
<select id="languageList" class=""></select>
<select class="languageInput" class=""></select>
</div>
<div class="group lengthgrid">
<div class="title">min length</div>
<div class="title">max length</div>
<input
id="wordMin"
class="wordLength"
class="wordLength wordMinInput"
autocomplete="off"
type="number"
/>
<input
id="wordMax"
class="wordLength"
class="wordLength wordMaxInput"
autocomplete="off"
type="number"
/>
</div>
<div class="group">
<div class="title">include</div>
<input id="wordFilter" autocomplete="off" />
<input class="wordIncludeInput" autocomplete="off" />
</div>
<div class="group">
<div class="title">exclude</div>
<input id="wordExclude" autocomplete="off" />
<input class="wordExcludeInput" autocomplete="off" />
</div>
<div class="tip">
Use the above filters to include and exclude words or characters