scripts-local.html

<script>
// vim: ts=3:nowrap:ft=javascript


//////////////////////////////
//
// initializeWebpage --
//

function initializeWebpage() {
	displaySearchFields(VENOP.results, "#search-fields");
	displaySearchResults(VENOP.results, "#search-results");
	doSearch();
}



//////////////////////////////
//
// storeSiglaData --
//

function storeSiglaData(data) {
	VENOP.rismSiglaList = data;
	// Create a lookup table by sigla:
	VENOP.rismBySigla = {};
	for (let i=0; i<data.length; i++) {
		let index = data[i]["RISM siglum"];
		if (data[i].Corrections) {
			index = data[i].Corrections;
		}
		VENOP.rismBySigla[index] = data[i];
	}
}



//////////////////////////////
//
// storeMetadata --
//

function storeMetadata(metadata) {
	VENOP.dataArray = metadata;
	VENOP.data = {};
	for (let i=0; i<VENOP.dataArray.length; i++) {
		let entry = VENOP.dataArray[i];
		// entry.Key = entry["Ordinal No."];
		entry.Key = entry["Sorting date"];
		if (entry.Score) {
			// entry.Score = entry.Score.replace(/scores?:?/gi, "");
			entry.Score = markupScoreField(entry.Score);
		}
		if (entry["Misc. arias"]) {
			entry["Misc. arias"] = markupScoreField(entry["Misc. arias"].replace(/arias?:?/gi, ""));
		}
		if (entry["Sorting date"]) {
			let matches = entry["Sorting date"].match(/(1\d{3})/);
			if (matches) {
				entry["Min. year"] = matches[1];
				entry["Max. year"] = matches[1];
			}
		}
		VENOP.data[entry.Key] = entry;
	}
	VENOP.results = VENOP.dataArray;
}



//////////////////////////////
//
// markupScoreField --
//

function markupScoreField(text) {
	let regex = /\b[A-ZÜ]+-[A-Za-züÜ]+\b/g;

	let newtext = text.replace(regex, (match) => {
		let output = "";
		let entry = VENOP.rismBySigla[match];
		if (entry) {
			let title = entry.Name || "";
			let url = entry["Number URL"] || "";
			if (url) {
				output = `<a target="_blank"`;
				if (title) {
					output += ` title="${title}"`;
				}
				output += ` href="${url}">${match}</a>`;
			} else {
				output = match;
			}
		} else {
			output = match;
		}
  		return output;
	});

	return newtext;
}



//////////////////////////////
//
// displaySearchFields -- Show search fields for browse page.
//

function displaySearchFields(data, target) {

	console.log("TARGET", target);
	let element = document.querySelector(target);
	if (!element) {
		console.log("CANNOT FIND TARGET", target, "FOR DISPLAYING SEARCH FIELDS");
		return;
	}

	VENOP.columns = [];

	let output = "";
	output += `<div id="search-count"></div>`;
	output += `&nbsp;`;
	output += buildTextSearch("Opera title");
	output += buildSelect(data, "Sorting date");
	output += buildSelect(data, "Theater");
	output += buildSelect(data, "Composer");
	output += buildSelect(data, "Librettist");
	output += buildSelect(data, "Dedicatee");
	output += buildSelect(data, "Dedicatee jurisdiction");
	output += buildSelect(data, "Dedicatee residence");
	// output += buildSelect(data, "Dedicatee map");
	output += buildSelect(data, "Score");
	output += buildSelect(data, "Misc. arias");
	output += buildSelect(data, "Balli");
	output += buildSelect(data, "Intermezzi (comic)");
	output += buildSelect(data, "Dramatic genre");
	output += buildSelect(data, "Theatrical season");
	output += buildSelect(data, "Modern year");
	output += buildSelect(data, "Min. year");
	output += buildSelect(data, "Max. year");
	// output += buildYearRange();
	output += createClearButton();

	element.innerHTML = output;
	element.classList.remove("hidden");
}



///////////////////////////////
//
// buildYearRange --
//

function buildYearRange() {
	output = "";
	output += `<input oninput="doSearch()" id="yearmin" type="text" class="text-box" placeholder="start year">`;
	output += `<input oninput="doSearch()" id="yearmax" type="text" class="text-box" placeholder="end year">`;
	return output;
}



//////////////////////////////
//
// createClearButton --
//

function createClearButton() {
	let output = "";
	output += '<span id="clear-button" onclick="resetSearchFields()">Reset</span>';
	return output;
}



//////////////////////////////
//
// resetSearchFields --
//

function resetSearchFields() {
	let element = document.querySelector("#search-fields");
	if (!element) {
		return;
	}
	let selects = element.querySelectorAll("select");
	for (let i=0; i<selects.length; i++) {
		selects[i].value = "";
		selects[i].classList.remove("active");
	}
	let inputs = element.querySelectorAll("input");
	for (let i=0; i<inputs.length; i++) {
		inputs[i].value = "";
		inputs[i].classList.remove("active");
	}
	doSearch();
}



//////////////////////////////
//
// checkActiveSearchFields --
//

function checkAtiveSearchFields() {
	let element = document.querySelector("#search-fields");
	if (!element) {
		return;
	}
	let selects = element.querySelectorAll("select");
	for (let i=0; i<selects.length; i++) {
		if (selects[i].value === "") {
			selects[i].classList.remove("active");
		} else {
			selects[i].classList.add("active");
		}
	}
	let inputs = element.querySelectorAll("input");
	for (let i=0; i<inputs.length; i++) {
		if (inputs[i].value === "") {
			inputs[i].classList.remove("active");
		} else {
			inputs[i].classList.add("active");
		}
	}
}



//////////////////////////////
//
// buildSelect --
//

function buildSelect(data, source) {
	VENOP.columns.push(source);
	let output = "";
	output += "<div style='display:inline-block; white-space: nowrap'>";
	if (!((source == "Min. year") || (source == "Max. year"))) {
		if  (source === "Sorting date") {
			output += `&nbsp;&nbsp;<input onclick="processColumn(event)" data-source="${source}" title="view column in table" type="checkbox" >`;
		} else if  (source === "Dedicatee") {
			output += `&nbsp;&nbsp;<input onclick="processColumn(event)" data-source="${source}" title="view column in table" type="checkbox" >`;
		} else if  (source === "Dedicatee jurisdiction") {
			output += `&nbsp;&nbsp;<input onclick="processColumn(event)" data-source="${source}" title="view column in table" type="checkbox" >`;
		} else if  (source === "Dedicatee residence") {
			output += `&nbsp;&nbsp;<input onclick="processColumn(event)" data-source="${source}" title="view column in table" type="checkbox" >`;
		} else if  (source === "Balli") {
			output += `&nbsp;&nbsp;<input onclick="processColumn(event)" data-source="${source}" title="view column in table" type="checkbox" >`;
		} else {
			output += `&nbsp;&nbsp;<input onclick="processColumn(event)" data-source="${source}" title="view column in table" type="checkbox" checked>`;
		}
	}

	if (source === "Intermezzi (comic)") {
		output += buildSelectIntermezzi(data, source);
		output += "</div>";
		return output;
	}
	if (source == "Composer") {
		output += buildSelectPerson(data, source);
		output += "</div>";
		return output;
	}
	if (source == "Librettist") {
		output += buildSelectPerson(data, source);
		output += "</div>";
		return output;
	}
	if (source == "Dedicatee") {
		output += buildSelectPerson(data, source);
		output += "</div>";
		return output;
	}
	if (source == "Score") {
		output += buildSelectScore(data, source);
		output += "</div>";
		return output;
	}
	if (source == "Misc. arias") {
		output += buildSelectScore(data, source);
		output += "</div>";
		return output;
	}

	let holder = {};
	for (let i=0; i<data.length; i++) {
		let value = data[i][source];
		if (typeof holder[value] === "undefined") {
			holder[value] = 1;
		} else {
			holder[value]++;
		}
	}

	let keys = Object.keys(holder).sort();
	if (source == "Max. year") {
		keys.reverse();
	}

	output += `<select onchange="doSearch()" `;
	if (source == "Min. year") {
		output += ` id="yearmin"`;
	} else if (source == "Max. year") {
		output += ` id="yearmax"`;
	}

	output += `data-field="${source}">\n`;
	output += `<option value="">${source}</option>\n`;
	for (let i=0; i<keys.length; i++) {
		output+= `<option value="${keys[i]}">${keys[i]} (${holder[keys[i]]})</option>\n`;
	}
	output += "</select>\n";
	output += "</div>";

	return output;
}



//////////////////////////////
//
// buildSelectScore -- Extract sigla from "Score" column data.
//

function buildSelectScore(data, source) {
	let holder = {};
	for (let i=0; i<data.length; i++) {
		let d = data[i][source];
		if (!d) {
			continue;
		}

		// Remove HTML tags
		d = d.replace(/<.*?>/g, "");

		// Find all matches based on the regex
		let matches = d.match(/\b[A-ZÜÖÄ]+-[A-Za-zÜÖÄüöä]+\b/g);

		if (matches) {
			// Use a Set to store unique matches for this line
			let uniqueMatches = new Set(matches);

			// Iterate over the unique matches and update the holder
			uniqueMatches.forEach(match => {
				if (!holder[match]) {
					holder[match] = 1;
				} else {
					holder[match]++;
				}
			});
		}
	}

	let keys = Object.keys(holder).sort();
	keys.sort((a, b) => a.localeCompare(b, 'en', { sensitivity: 'base' }));

	let output = "";
	output += `<select onchange="doSearch()"`;
	output += ` data-field="${source}">\n`;
	output += `<option class="first" value="">${source}</option>\n`;
	for (let i=0; i<keys.length; i++) {
		if (keys[i] === undefined) {
			console.warn("KEY", i, "IS UNDEFINED");
			continue;
		}
		let name = "";
		if (keys[i]) {
			if (VENOP.rismBySigla[keys[i]]) {
				name = VENOP.rismBySigla[keys[i]].Name;
			} else {
				console.warn("SIGLA", keys[i], "has no name");
			}
		} else {
			console.warn("i", i, "keys[i]", keys[i]);
		}
		if (name) {
			name = name.replace(/"/g, "\"");
		}
		output += `<option class="rest"`;
		if (name) {
			output += ` title="${name}"`;
		}
		output += ` value="${keys[i]}">${keys[i]} (${holder[keys[i]]})</option>\n`;
	}
	output += "</select>\n";

	return output;
}


//////////////////////////////
//
// buildSelectIntermezzi -- Create select menu for intermezzi.  
//    If the name is enclosed in curly brackets, extract only that
//    text (separate entries for separate pairs of brackets) for
//    entries in the select menu.
//

function buildSelectIntermezzi(data, source) {
	let holder = {};
	for (let i=0; i<data.length; i++) {
		let d = data[i][source];
		if (!d) {
			continue;
		}
		d = d.replace(/\(.*?\)/g, "");
		d = d.replace(/\[.*?\]/g, "");
		d = d.replace(/,? et al\.?/g, "");
		d = d.replace(/\?/g, "");
		d = d.replace(/^\s+/, "");
		d = d.replace(/\s+$/, "");
		let matches = d.match(/\{(.*?)\}/g);
		if (matches) {
			for (let j=0; j<matches.length; j++) {
				let value = matches[j];
				value = value.replace(/[{}]/g, "");
				if (typeof holder[value] === "undefined") {
					holder[value] = 1;
				} else {
					holder[value]++;
				}
			}
		} else {
			if (!d) {
				console.warn("Cannot find", data[i][source], "VALUE", d, "SOURCE", source);
			}
			if (typeof holder[d] === "undefined") {
				holder[d] = 1;
			} else {
				holder[d]++;
			}
		}
	}

	let keys = Object.keys(holder).sort();

	let output = "";
	output += `<select onchange="doSearch()"`;
	output += ` data-field="${source}">\n`;
	output += `<option class="first" value="">${source}</option>\n`;
	for (let i=0; i<keys.length; i++) {
		if (keys[i] === undefined) {
			console.warn("KEY", i, "IS UNDEFINED");
			continue;
		}
		output += `<option class="rest" value="${keys[i]}">${keys[i]} (${holder[keys[i]]})</option>\n`;
	}
	output += "</select>\n";

	return output;
}



//////////////////////////////
//
// buildSelectPerson -- Create select menu for persons.  These fields
//    can contain parenthetical content such as "(attrib.) as well as
//    multiple people in one entry.  When there are multiple people or
//    other complications, the name is enclosed in curly brackets so that
//    they can be extracted as separate entities for the select menu.
//

function buildSelectPerson(data, source) {
	let holder = {};
	for (let i=0; i<data.length; i++) {
		let d = data[i][source];
		if (!d) {
			continue;
		}
		d = d.replace(/\(.*?\)/g, "");
		d = d.replace(/\[.*?\]/g, "");
		d = d.replace(/,? et al\.?/g, "");
		d = d.replace(/\?/g, "");
		d = d.replace(/^\s+/, "");
		d = d.replace(/\s+$/, "");
		let matches = d.match(/\{(.*?)\}/g);
		if (matches) {
			for (let j=0; j<matches.length; j++) {
				let value = matches[j];
				value = value.replace(/[{}]/g, "");
				if (typeof holder[value] === "undefined") {
					holder[value] = 1;
				} else {
					holder[value]++;
				}
			}
		} else {
			if (!d) {
				console.warn("Cannot find", data[i][source], "VALUE", d, "SOURCE", source);
			}
			if (typeof holder[d] === "undefined") {
				holder[d] = 1;
			} else {
				holder[d]++;
			}
		}
	}

	let keys = Object.keys(holder).sort();

	let output = "";
	output += `<select onchange="doSearch()"`;
	output += ` data-field="${source}">\n`;
	output += `<option class="first" value="">${source}</option>\n`;
	for (let i=0; i<keys.length; i++) {
		if (keys[i] === undefined) {
			console.warn("KEY", i, "IS UNDEFINED");
			continue;
		}
		output += `<option class="rest" value="${keys[i]}">${keys[i]} (${holder[keys[i]]})</option>\n`;
	}
	output += "</select>\n";

	return output;
}



//////////////////////////////
//
// buildTextSearch --
//

function buildTextSearch(source) {
	VENOP.columns.push(source);
	let output = `<input id="title-search" spellcheck="false" autocomplete="off" autocorrect="off" type="text" oninput="doSearch()" placeholder="${source}" data-field="${source}">`;
	return output;
}



//////////////////////////////
//
// displaySearchResults --
//

function displaySearchResults(results, target) {
	displayEntryCount(results.length, "#search-count");

	let element = document.querySelector(target);
	if (!element) {
		return;
	}

	let output = "";
	output += "<table class='opera'>";

	output += "<tr class='sticky'>";
	// output += `<th data-source="Key"                    onclick='sortBy("Key")'                    title="sort by Key"                    class="resizable key"                   >Key                </th>`;
	output += `<th data-source="Sorting date"           onclick="sortBy('Sorting date')'           title="sort by Sorting date"           class="resizable nobreak sorting-date"  >Sorting date       </th>`;
	output += `<th data-source="Opera title"            onclick="sortBy('Opera title')"            title="sort by Opera title"            class="resizable work"                  >Opera title        </th>`;
	output += `<th data-source="Theater"                onclick="sortBy('Theater')"                title="sort by Theater"                class="resizable theater"               >Theater            </th>`;
	output += `<th data-source="Composer"               onclick="sortBy('Composer')"               title="sort by Composer"               class="resizable composer"              >Composer           </th>`;
	output += `<th data-source="Librettist"             onclick="sortBy('Librettist')"             title="sort by Librettist"             class="resizable librettist"            >Librettist         </th>`;
	output += `<th data-source="Dedicatee"              onclick="sortBy('Dedicatee')"              title="sort by Dedicatee"              class="resizable dedicatee"             >Dedicatee          </th>`;
	output += `<th data-source="Dedicatee jurisdiction" onclick="sortBy('Dedicatee jurisdiction')" title="sort by Dedicatee jurisdiction" class="resizable dedicatee-jurisdiction">Dedicatee jurisdiction</th>`;
	output += `<th data-source="Dedicatee residence"    onclick="sortBy('Dedicatee residence')"    title="sort by Dedicatee residence"    class="resizable dedicatee-residence"   >Dedicatee residence</th>`;
	// output += `<th data-source="Dedicatee map"       onclick="sortBy('Dedicatee map')"          title="sort by Dedicatee map"          class="resizable residence"             >Dedicatee map      </th>`;
	output += `<th data-source="Score"                  onclick="sortBy('Score')"                  title="sort by Score"                  class="resizable score"                 >Score              </th>`;
	output += `<th data-source="Misc. arias"            onclick="sortBy('Misc. arias')"            title="sort by Misc. arias"            class="resizable misc-arias"            >Misc. arias        </th>`;
	output += `<th data-source="Balli"                  onclick="sortBy('Balli')"                  title="sort by Balli"                  class="resizable balli"                 >Balli              </th>`;
	output += `<th data-source="Intermezzi (comic)"     onclick="sortBy('Intermezzi (comic)')"     title="sort by Intermezzi"             class="resizable intermezzi-comic"      >Intermezzi (comic) </th>`;
	output += `<th data-source="Dramatic genre"         onclick="sortBy('Dramatic genre')"         title="sort by Dramatic genre"         class="resizable dramatic-genre"        >Dramatic genre     </th>`;
	output += `<th data-source="Theatrical season"      onclick="sortBy('Theatrical season')"                 title="sort by Theatrical season"                 class="resizable season"                >Theatrical season             </th>`;
	output += `<th data-source="Modern year"            onclick="sortBy('Modern year')"            title="sort by Modern year"            class="resizable modern-year"           >Modern year        </th>`;
	output += "</tr>";

	for (let i=0; i<results.length; i++) {
		output += "<tr>";
		// output += `<td data-source="Key"                 class="key"                  >${results[i]["Key"]                    || ""}  </td>`;
		output += `<td data-source="Sorting date"        class="sorting-date"         >${results[i]["Sorting date"]           || ""}  </td>`;
		output += `<td data-source="Opera title"         class="opera-title"           >${results[i]["Opera title"]             || ""}  </td>`;
		output += `<td data-source="Theater"             class="theater"              >${results[i]["Theater"]                || ""}  </td>`;
		output += `<td data-source="Composer"            class="composer"             >${removeCurly(results[i]["Composer"]   || "")} </td>`;
		output += `<td data-source="Librettist"          class="librettist"           >${removeCurly(results[i]["Librettist"] || "")} </td>`;
		output += `<td data-source="Dedicatee"           class="dedicatee"            >${removeCurly(results[i]["Dedicatee"]  || "")} </td>`;
		output += `<td data-source="Dedicatee jurisdiction" class="dedicatee-jurisdiction"  >${results[i]["Dedicatee jurisdiction"]    || ""}  </td>`;
		output += `<td data-source="Dedicatee residence" class="dedicatee-residence"  >${results[i]["Dedicatee residence"]    || ""}  </td>`;
		// output += `<td data-source="Dedicatee map"    class="dedicatee-map"        >${results[i]["Dedicatee map"]          || ""}  </td>`;
		output += `<td data-source="Score"               class="score"                >${results[i]["Score"]                  || ""}  </td>`;
		output += `<td data-source="Misc. arias"         class="misc-arias"           >${results[i]["Misc. arias"]            || ""}  </td>`;
		output += `<td data-source="Balli"               class="balli"                >${results[i]["Balli"]                  || ""}  </td>`;
		output += `<td data-source="Intermezzi (comic)"  class="intermezzi-comic"     >${removeCurly(results[i]["Intermezzi (comic)"]     || "")}  </td>`;
		output += `<td data-source="Dramatic genre"      class="dramatic-genre"       >${results[i]["Dramatic genre"]         || ""}  </td>`;
		output += `<td data-source="Theatrical season"   class="season"               >${results[i]["Theatrical season"]      || ""}  </td>`;
		output += `<td data-source="Modern year"         class="modern-year"          >${results[i]["Modern year"]            || ""}  </td>`;
		output += "</tr>";
	}

	output += "</table>";
	element.innerHTML = output;
	adjustColumnVisibility();
}



///////////////////////////////
//
// sortBy --
//

function sortBy(field) {
	if (field === "Period") {
		// sort numerically:
		VENOP.dataArray.sort(function(a, b) {
			let string1 = a[field];
			let string2 = b[field];
			if (!string1 && !string2) {
				return 0;
			}
			if (!string1) {
				return +1;
			}
			if (!string2) {
				return -1;
			}
			let num1 = parseInt(string1) || 1000000;
			let num2 = parseInt(string2) || 1000000;
			return num1 - num2;
		});
	} else {
		VENOP.dataArray.sort(function(a, b) {
			let string1 = a[field];
			let string2 = b[field];
			if (!string1 && !string2) {
				return 0;
			}
			if (!string1) {
				return +1;
			}
			if (!string2) {
				return -1;
			}
			string1 = string1.replace(/["'(]/g, "");
			string2 = string2.replace(/["']/g, "");
			return string1.localeCompare(string2);
		});
	}
	doSearch();
}



//////////////////////////////
//
// removeCurly
//

function removeCurly(string) {
	if (!string) {
		return "";
	}
	return string.replace(/[{}]/g, "");
}



//////////////////////////////
//
// doSearch --
//

function doSearch() {
	checkAtiveSearchFields();
	let selects = document.querySelectorAll("#search-fields select");
	let inputs = document.querySelectorAll('#search-fields input:not([type="checkbox"])');
	let results = VENOP.dataArray;

	for (let i=0; i<selects.length; i++) {
		let field = selects[i].dataset.field;
		let query = selects[i].value;
		if ((field == "Min. year") || (field == "Max. year")) {
			// min and max years handled separately below
			continue;
		}
		if (field == "Score") {
			continue;
		}
		if (field == "Misc. arias") {
			continue;
		}
		results = filterResults(results, field, query);
	}


	for (let i=0; i<inputs.length; i++) {
		let field = inputs[i].dataset.field;
		if (!field) {
			continue;
		}
		let query = inputs[i].value;
		results = filterResults(results, field, query);
	}

	results = filterByYearRange(results);
	results = filterByScore(results);
	results = filterByMiscArias(results);

	displaySearchResults(results, "#search-results");
	VENOP.results = results;
}



//////////////////////////////
//
// filterByMiscArias --
//

function filterByMiscArias(results) {
	let value = document.querySelector(`select[data-field="Misc. arias"]`).value;
	if (!value) {
		return results;
	}
	let newResults = [];
	for (let i=0; i<results.length; i++) {
		let score = results[i]["Misc. arias"];
		if (!score) {
			continue;
		}

		let position = score.indexOf(value);
		if (position >= 0) {
			newResults.push(results[i]);
		}
	}
	// console.log("NEW RESULTS", newResults);
	return newResults;
}



//////////////////////////////
//
// filterByScore --
//

function filterByScore(results) {
	let value = document.querySelector(`select[data-field="Score"]`).value;
	if (!value) {
		return results;
	}
	let newResults = [];
	for (let i=0; i<results.length; i++) {
		let score = results[i]["Score"];
		if (!score) {
			continue;
		}

		let position = score.indexOf(value);
		if (position >= 0) {
			newResults.push(results[i]);
		}
	}
	// console.log("NEW RESULTS", newResults);
	return newResults;
}



//////////////////////////////
//
// filterByYearRange --
//

function filterByYearRange(results) {
	let minyearValue = document.querySelector("#yearmin").value;
	let maxyearValue = document.querySelector("#yearmax").value;
	if (minyearValue.match(/^\s*$/) && maxyearValue.match(/^\s*$/)) {
		return results;
	}
	let minyear = minyearValue;
	let maxyear = maxyearValue;
	// let minyear = 0;
	// let maxyear = 3000;
	// let matches = minyearValue.match(/(1\d{3})/);
	// if (matches) {
	// 	minyear = parseInt(matches[1]);
	// }
	// matches = maxyearValue.match(/(1\d{3})/);
	// if (matches) {
	// 	maxyear = parseInt(matches[1]);
	// }
	// if ((minyear == 0) && (maxyear == 3000)) {
	// 	return results;
	// }

	if (!minyear) {
		minyear = 0;
	}
	if (!maxyear) {
		maxyear = 3000;
	}

	if (maxyear < minyear) {
		let temp = maxyear;
		maxyear = minyear;
		minyear = temp;
	}

console.warn("MINYEAR", minyear, "MAXYEAR", maxyear);

	let newResults = [];
	for (let i=0; i<results.length; i++) {
		let sortingDate = results[i]["Sorting date"];
		if (!sortingDate) {
			continue;
		}
		let matches =  sortingDate.match(/(1\d{3})/);
		if (matches) {
			let year = parseInt(matches[1]);
console.warn("YEAR", year);
			if ((year >= minyear) && (year <= maxyear)) {
				newResults.push(results[i]);
			}
		}
	}
	console.log("NEW RESULTS", newResults);
	return newResults;
}



//////////////////////////////
//
// filterResults --
//

function filterResults(input, field, query) {
	if (query === "") {
		return input;
	}
	var queryPieces = "";
	if (field === "Opera title") {
		queryPieces = splitQueryIntoPieces(query);
	}

	let output = [];
	for (let i=0; i<input.length; i++) {
		if (field === "Composer") {
			if (input[i][field] && input[i][field].match(query)) {
				output.push(input[i]);
			}
		} else if (field === "Librettist") {
			if (input[i][field] && input[i][field].match(query)) {
				output.push(input[i]);
			}
		} else if (field === "Dedicatee") {
			if (input[i][field] && input[i][field].match(query)) {
				output.push(input[i]);
			}
		} else if (field === "Intermezzi (comic)") {
			if (input[i][field] && input[i][field].match(query)) {
				output.push(input[i]);
			}
		} else if (field === "Opera title") {
			if (freeTextSearch(input[i][field], queryPieces)) {
				output.push(input[i]);
			}
		} else {
			if (input[i][field] === query) {
				output.push(input[i]);
			}
		}
	}
	return output;
}



//////////////////////////////
//
// freeTextSearch --
//

function freeTextSearch(string, queryArray) {
console.log("FREETEXTSEARCH", string);
	string = string.toLowerCase();
	for (let i=0; i<queryArray.length; i++) {
		if (queryArray[i] === "") {
			continue;
		}
		if (!string.match(queryArray[i])) {
			return false;
		}
	}
	return true;
}



//////////////////////////////
//
// splitQueryIntoPieces == used to allow multiple word searching in titles.
//    returns an array of the search queryies.
//

function splitQueryIntoPieces(input) {
	if (!input) {
		return [""];
	}
	if (typeof input !== "string") {
		return [""];
	}

	input = input.toLowerCase();

	let output = [];
	let current = "";

	let inQuote = false;
	for (let i=0; i<input.length; i++) {
		if (input[i] === '"') {
			if ((i>0) && (input[i-1] == "\\")) {
				// regular double quote.
				current += '"';
				continue;
			} else {
				if (inQuote) {
					if (current.length > 0) {
						output.push(current);
						current = "";
					}
				} else {
					if (current.length > 0) {
						output.push(current);
						current = "";
					}
				}
				inQuote = !inQuote;
				continue;
			}
		} else if (/\s/.test(input[i])) {
			// white space, so switch to a new word
			if (current.length) {
				output.push(current);
				current = "";
			}
		} else {
			// add character to current word
			current += input[i];
		}
	}
	if (current.length) {
		output.push(current);
	}
	return output;
}



//////////////////////////////
//
// displayEntryCount --
//

function displayEntryCount(count, target) {
	let element = document.querySelector(target);
	if (!element) {
		return;
	}
	let output = count;
	if (count == 1) {
		output += " opera";
	} else{
		output += " operas";
	}
	element.innerHTML = output;
}


//////////////////////////////
//
// adjustColumnVisibility --
//

function adjustColumnVisibility() {
	let checkboxes = document.querySelectorAll('input[type="checkbox"]');
	for (let i=0; i<checkboxes.length; i++) {
		let source = checkboxes[i].dataset.source;
		let state = checkboxes[i].checked;
		adjustColumnVisibility2(source, state);
	}
}



//////////////////////////////
//
// adjustColumnVisibility2 --
//

function adjustColumnVisibility2(source, state) {
	let elements = document.querySelectorAll(`td[data-source="${source}"], th[data-source="${source}"]`);
	// console.log("TD ELEMENTS", elements);
	for (let i=0; i<elements.length; i++) {
		if (state) {
			elements[i].style.display = "table-cell";
		} else {
			elements[i].style.display = "none";
		}
	}
}



//////////////////////////////
//
// processColumn --
//

function processColumn(event) {
	adjustColumnVisibility();
}


</script>