123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 |
- var setCodeCellVisibility = function (inputField, kind) {
-
- var id = inputField.getAttribute('data-id');
- var codeCell = document.querySelector(`#${id} div.highlight`);
- if (kind === "visible") {
- codeCell.classList.remove('hidden');
- inputField.checked = true;
- } else {
- codeCell.classList.add('hidden');
- inputField.checked = false;
- }
- }
- var toggleCodeCellVisibility = function (event) {
-
- if (event.target.tagName === "LABEL") {
- var inputField = event.target.previousElementSibling;
- } else {
-
- var inputField = event.target.parentElement.previousElementSibling;
- }
- if (inputField.checked === true) {
- setCodeCellVisibility(inputField, "visible");
- } else {
- setCodeCellVisibility(inputField, "hidden");
- }
- }
- const hideCodeButton = id => `<input class="hidebtn" type="checkbox" id="hidebtn${id}" data-id="${id}"><label title="Toggle cell" for="hidebtn${id}" class="plusminus"><span class="pm_h"></span><span class="pm_v"></span></label>`
- var addHideButton = function () {
-
- if (document.querySelector('div.tag_hide_input input') !== null) {
- return;
- }
-
- pageElements['inputCells'].forEach(function (inputCell) {
- if (!inputCell.classList.contains("tag_hide_input")) {
-
- return;
- }
- const id = inputCell.getAttribute('id')
-
- inputCell.querySelector('div.input').insertAdjacentHTML('beforeend', hideCodeButton(id))
-
- hideLink = document.querySelector(`#${id} div.inner_cell + input + label`);
- hideLink.addEventListener('click', toggleCodeCellVisibility)
- });
- }
- var initHiddenCells = function () {
-
- addHideButton();
-
- document.querySelectorAll('div.tag_hide_input input').forEach(function (item) {
- setCodeCellVisibility(item, 'hidden');
- item.checked = true;
- })
- }
- initFunction(initHiddenCells);
|