50 lines
2.3 KiB
JavaScript
50 lines
2.3 KiB
JavaScript
function buildTagSelectionInput(tag, selected, tagSelectionRow) {
|
|
let tagSelectionInputDiv = document.createElement('div');
|
|
tagSelectionInputDiv.style.width = '15rem';
|
|
tagSelectionInputDiv.style.maxWidth = '50%';
|
|
tagSelectionInputDiv.style.marginTop = '.5rem';
|
|
tagSelectionInputDiv.style.marginBottom = '.5rem';
|
|
|
|
let tagSelectionInput = document.createElement('input');
|
|
tagSelectionInput.type = "checkbox";
|
|
tagSelectionInput.id = tag.tag + "-selection-input";
|
|
tagSelectionInput.name = tag.tag + "-selection-input";
|
|
tagSelectionInput.value = tag.tag;
|
|
tagSelectionInput.checked = (selected) ? true : false;
|
|
tagSelectionInput.classList.add('tagSelectionInput');
|
|
tagSelectionInput.onclick = function() { buildResults(); };
|
|
tagSelectionInputDiv.appendChild(tagSelectionInput);
|
|
|
|
let tagSelectionInputLabel = document.createElement('label');
|
|
tagSelectionInputLabel.for = tag.tag + "-selection-input";
|
|
tagSelectionInputLabel.innerHTML = tag.tag + ' (' + tag.num_themes + ')';
|
|
tagSelectionInputDiv.appendChild(tagSelectionInputLabel);
|
|
|
|
tagSelectionRow.appendChild(tagSelectionInputDiv);
|
|
}
|
|
|
|
function buildFeatureSelectionInput(feature, selected, featureSelectionRow) {
|
|
let featureSelectionInputDiv = document.createElement('div');
|
|
featureSelectionInputDiv.style.width = '30rem';
|
|
featureSelectionInputDiv.style.maxWidth = '50%';
|
|
featureSelectionInputDiv.style.marginTop = '.5rem';
|
|
featureSelectionInputDiv.style.marginBottom = '.5rem';
|
|
|
|
let featureSelectionInput = document.createElement('input');
|
|
featureSelectionInput.type = "checkbox";
|
|
featureSelectionInput.id = feature.feature + "-selection-input";
|
|
featureSelectionInput.name = feature.feature + "-selection-input";
|
|
featureSelectionInput.value = feature.feature;
|
|
featureSelectionInput.checked = (selected) ? true : false;
|
|
featureSelectionInput.classList.add('featureSelectionInput');
|
|
featureSelectionInput.onclick = function() { buildResults(); };
|
|
featureSelectionInputDiv.appendChild(featureSelectionInput);
|
|
|
|
let featureSelectionInputLabel = document.createElement('label');
|
|
featureSelectionInputLabel.for = feature.feature + "-selection-input";
|
|
featureSelectionInputLabel.innerHTML = feature.feature + ' (' + feature.num_themes + ')';
|
|
featureSelectionInputDiv.appendChild(featureSelectionInputLabel);
|
|
|
|
featureSelectionRow.appendChild(featureSelectionInputDiv);
|
|
}
|