var bsVersion = {{ bsVersion }}; if (bsVersion == 5) { function createModal(id, find = false) { if (find) { return bootstrap.Modal.getInstance(document.getElementById(id)); }; return new bootstrap.Modal(document.getElementById(id)); }; function triggerTooltips() { document.getElementById('settingsMenu').addEventListener('shown.bs.modal', function() { // Hack to ensure anything dependent on checkboxes are disabled if necessary var checkboxes = document.getElementById('settingsMenu').querySelectorAll('input[type="checkbox"]'); for (var i = 0; i < checkboxes.length; i++) { checkboxes[i].click(); checkboxes[i].click(); }; // Initialize tooltips var to_trigger = [].slice.call(document.querySelectorAll('a[data-toggle="tooltip"]')); var tooltips = to_trigger.map(function(el) { return new bootstrap.Tooltip(el); }); }); }; // var loginModal = new bootstrap.Modal(document.getElementById('login')); // var settingsModal = new bootstrap.Modal(document.getElementById('settingsMenu')); // var userDefaultsModal = new bootstrap.Modal(document.getElementById('userDefaults')); // var usersModal = new bootstrap.Modal(document.getElementById('users')); // var restartModal = new bootstrap.Modal(document.getElementById('restartModal')); } else if (bsVersion == 4) { document.getElementById('send_to_address_enabled').classList.remove('form-check-input'); function createModal(id, find = false) { return { show : function() { return $('#' + id).modal('show'); }, hide : function() { return $('#' + id).modal('hide'); } }; }; function triggerTooltips() { $('#settingsMenu').on('shown.bs.modal', function() { var checkboxes = document.getElementById('settingsMenu').querySelectorAll('input[type="checkbox"]'); for (var i = 0; i < checkboxes.length; i++) { checkboxes[i].click(); checkboxes[i].click(); }; $("a[data-toggle='tooltip']").each(function (i, obj) { $(obj).tooltip(); }); }); }; }; var loginModal = createModal('login'); var settingsModal = createModal('settingsMenu'); var userDefaultsModal = createModal('userDefaults'); var usersModal = createModal('users'); var restartModal = createModal('restartModal'); function parseInvite(invite, empty = false) { if (empty === true) { return ["None", "", "1"] } else { var i = ["", "", "0", invite['email']]; i[0] = invite['code']; if (invite['hours'] == 0) { i[1] = invite['minutes'] + 'm'; } else if (invite['minutes'] == 0) { i[1] = invite['hours'] + 'h'; } else { i[1] = invite['hours'] + 'h ' + invite['minutes'] + 'm'; } i[1] = "Expires in " + i[1] + " "; return i } } function addItem(invite) { var links = document.getElementById('invites'); var listItem = document.createElement('li'); listItem.id = invite[0] listItem.classList.add('list-group-item', 'd-flex', 'justify-content-between', 'd-inline-block'); var listCode = document.createElement('div'); listCode.classList.add('d-flex', 'align-items-center', 'font-monospace'); var codeLink = document.createElement('a'); codeLink.setAttribute('style', 'margin-right: 0.5rem;'); codeLink.appendChild(document.createTextNode(invite[0].replace(/-/g, '‑'))); listCode.appendChild(codeLink); listItem.appendChild(listCode); var listRight = document.createElement('div'); listText = document.createElement('span'); listText.id = invite[0] + '_expiry' listText.appendChild(document.createTextNode(invite[1])); listRight.appendChild(listText); if (invite[2] == 0) { var inviteCode = window.location.href.replace('#', '') + 'invite/' + invite[0]; codeLink.href = inviteCode; // listCode.appendChild(document.createTextNode(" ")); var codeCopy = document.createElement('i'); codeCopy.onclick = function(){toClipboard(inviteCode)}; codeCopy.classList.add('fa', 'fa-clipboard', 'icon-button'); listCode.appendChild(codeCopy); if (typeof(invite[3]) != 'undefined') { var sentTo = document.createElement('span'); sentTo.setAttribute('style', 'color: grey; margin-left: 2%; font-style: italic; font-size: 75%;'); if (invite[3].includes('Failed to send to')) { sentTo.appendChild(document.createTextNode(invite[3])); } else { sentTo.appendChild(document.createTextNode('Sent to ' + invite[3])); } listCode.appendChild(sentTo); }; var listDelete = document.createElement('button'); listDelete.onclick = function(){deleteInvite(invite[0])}; listDelete.classList.add('btn', 'btn-outline-danger'); listDelete.appendChild(document.createTextNode('Delete')); listRight.appendChild(listDelete); }; listItem.appendChild(listRight); links.appendChild(listItem); }; function updateInvite(invite) { var expiry = document.getElementById(invite[0] + '_expiry'); expiry.textContent = invite[1]; } function removeInvite(code) { var item = document.getElementById(code); item.parentNode.removeChild(item); } function generateInvites(empty = false) { // document.getElementById('invites').textContent = ''; if (empty === false) { var req = new XMLHttpRequest(); req.open("GET", "/getInvites", true); req.setRequestHeader("Authorization", "Basic " + btoa(window.token + ":")); req.responseType = 'json'; req.onreadystatechange = function() { if (this.readyState == 4) { var data = this.response; if (data['invites'].length == 0) { document.getElementById('invites').textContent = ''; addItem(parseInvite([], true)); } else { data['invites'].forEach(function(invite) { var match = false; var items = document.getElementById('invites').children; for (var i = 0; i < items.length; i++) { if (items[i].id == invite['code']) { match = true; updateInvite(parseInvite(invite)); }; }; if (match == false) { addItem(parseInvite(invite)); }; }); var items = document.getElementById('invites').children; for (var i = 0; i < items.length; i++) { var exists = false; data['invites'].forEach(function(invite) { if (items[i].id == invite['code']) { exists = true; } }); if (exists == false) { removeInvite(items[i].id); } }; }; }; }; req.send(); } else if (empty === true) { document.getElementById('invites').textContent = ''; addItem(parseInvite([], true)); }; }; function deleteInvite(code) { var send = JSON.stringify({ "code": code }); var req = new XMLHttpRequest(); req.open("POST", "/deleteInvite", true); req.setRequestHeader("Authorization", "Basic " + btoa(window.token + ":")); req.setRequestHeader('Content-Type', 'application/json; charset=UTF-8'); req.onreadystatechange = function() { if (this.readyState == 4) { generateInvites(); }; }; req.send(send); }; function addOptions(le, sel) { for (v = 0; v <= le; v++) { var opt = document.createElement('option'); opt.appendChild(document.createTextNode(v)); opt.value = v; sel.appendChild(opt); } }; function toClipboard(str) { const el = document.createElement('textarea'); el.value = str; el.setAttribute('readOnly', ''); el.style.position = 'absolute'; el.style.left = '-9999px'; document.body.appendChild(el); const selected = document.getSelection().rangeCount > 0 ? document.getSelection().getRangeAt(0) : false; el.select(); document.execCommand('copy'); document.body.removeChild(el); if (selected) { document.getSelection().removeAllRanges(); document.getSelection().addRange(selected); } }; document.getElementById('inviteForm').onsubmit = function() { var button = document.getElementById('generateSubmit'); button.disabled = true; button.innerHTML = '' + 'Loading...'; send_object = serializeForm('inviteForm'); console.log(send_object); if (document.getElementById('send_to_address') != null) { if (send_object['send_to_address_enabled']) { send_object['email'] = send_object['send_to_address']; delete send_object['send_to_address']; delete send_object['send_to_address_enabled']; } } var send = JSON.stringify(send_object); var req = new XMLHttpRequest(); req.open("POST", "/generateInvite", true); req.setRequestHeader("Authorization", "Basic " + btoa(window.token + ":")); req.setRequestHeader('Content-Type', 'application/json; charset=UTF-8'); req.onreadystatechange = function() { if (this.readyState == 4) { button.textContent = 'Generate'; button.disabled = false; generateInvites(); }; }; req.send(send); return false; }; document.getElementById('loginForm').onsubmit = function() { window.token = ""; var details = serializeForm('loginForm'); var errorArea = document.getElementById('loginErrorArea'); errorArea.textContent = ''; var button = document.getElementById('loginSubmit'); button.disabled = true; button.innerHTML = '' + 'Loading...'; var req = new XMLHttpRequest(); req.responseType = 'json'; req.onreadystatechange = function() { if (this.readyState == 4) { if (this.status == 401) { button.disabled = false; button.textContent = 'Login'; var wrongPassword = document.createElement('div'); wrongPassword.classList.add('alert', 'alert-danger'); wrongPassword.setAttribute('role', 'alert'); wrongPassword.appendChild(document.createTextNode('Incorrect username or password.')); errorArea.appendChild(wrongPassword); } else { var data = this.response; window.token = data['token']; generateInvites(); var interval = setInterval(function() { generateInvites(); }, 60 * 1000); var hour = document.getElementById('hours'); addOptions(24, hour); hour.selected = "0"; var minutes = document.getElementById('minutes'); addOptions(59, minutes); minutes.selected = "30"; loginModal.hide(); }; }; }; req.open("GET", "/getToken", true); req.setRequestHeader("Authorization", "Basic " + btoa(details['username'] + ":" + details['password'])); req.send(); return false; }; document.getElementById('openDefaultsWizard').onclick = function() { this.disabled = true this.innerHTML = '' + 'Loading...'; var req = new XMLHttpRequest(); req.responseType = 'json'; req.open("GET", "/getUsers", true); req.setRequestHeader("Authorization", "Basic " + btoa(window.token + ":")); req.onreadystatechange = function() { if (this.readyState == 4) { if (this.status == 200) { var users = req.response['users']; var radioList = document.getElementById('defaultUserRadios'); radioList.textContent = ''; if (document.getElementById('setDefaultUser')) { document.getElementById('setDefaultUser').remove(); }; for (var i = 0; i < users.length; i++) { var user = users[i] var radio = document.createElement('div'); radio.classList.add('radio'); if (i == 0) { var checked = 'checked'; } else { var checked = ''; }; radio.innerHTML = ''; radioList.appendChild(radio); } var button = document.getElementById('openDefaultsWizard'); button.disabled = false; button.innerHTML = 'Set new account defaults'; var submitButton = document.getElementById('storeDefaults'); submitButton.disabled = false; submitButton.textContent = 'Submit'; if (submitButton.classList.contains('btn-success')) { submitButton.classList.remove('btn-success'); submitButton.classList.add('btn-primary'); } else if (submitButton.classList.contains('btn-danger')) { submitButton.classList.remove('btn-danger'); submitButton.classList.add('btn-primary'); }; settingsModal.hide(); userDefaultsModal.show(); }; }; }; req.send(); }; document.getElementById('storeDefaults').onclick = function () { this.disabled = true; this.innerHTML = '' + 'Loading...'; var button = document.getElementById('storeDefaults'); var radios = document.getElementsByName('defaultRadios'); for (var i = 0; i < radios.length; i++) { if (radios[i].checked) { var data = {'username':radios[i].id.slice(8), 'homescreen':false}; if (document.getElementById('storeDefaultHomescreen').checked) { data['homescreen'] = true; } var req = new XMLHttpRequest(); req.open("POST", "/setDefaults", true); req.setRequestHeader("Authorization", "Basic " + btoa(window.token + ":")); req.setRequestHeader('Content-Type', 'application/json; charset=UTF-8'); req.onreadystatechange = function() { if (this.readyState == 4) { if (this.status == 200 || this.status == 204) { button.textContent = 'Success'; if (button.classList.contains('btn-danger')) { button.classList.remove('btn-danger'); } else if (button.classList.contains('btn-primary')) { button.classList.remove('btn-primary'); }; button.classList.add('btn-success'); button.disabled = false; setTimeout(function(){$('#userDefaults').modal('hide');}, 1000); } else { button.textContent = 'Failed'; button.classList.remove('btn-primary'); button.classList.add('btn-danger'); setTimeout(function(){ var button = document.getElementById('storeDefaults'); button.textContent = 'Submit'; button.classList.remove('btn-danger'); button.classList.add('btn-primary'); button.disabled = false; }, 1000); }; }; }; req.send(JSON.stringify(data)); }; }; }; // $.ajax('/setDefaults', { // data : JSON.stringify(data), // contentType : 'application/json', // type : 'POST', // xhrFields : { // withCredentials: true // }, // beforeSend : function (xhr) { // xhr.setRequestHeader("Authorization", "Basic " + btoa(window.token + ":")); // }, // success: function() { // button.textContent = 'Success'; // if (button.classList.contains('btn-danger')) { // button.classList.remove('btn-danger'); // } else if (button.classList.contains('btn-primary')) { // button.classList.remove('btn-primary'); // }; // button.classList.add('btn-success'); // button.disabled = false; // setTimeout(function(){$('#userDefaults').modal('hide');}, 1000); // }, // error: function() { // button.textContent = 'Failed'; // button.classList.remove('btn-primary'); // button.classList.add('btn-danger'); // setTimeout(function(){ // var button = document.getElementById('storeDefaults'); // button.textContent = 'Submit'; // button.classList.remove('btn-danger'); // button.classList.add('btn-primary'); // button.disabled = false; // }, 1000); // } // }); // } // } // }; document.getElementById('openUsers').onclick = function () { this.disabled = true; this.innerHTML = '' + 'Loading...'; var req = new XMLHttpRequest(); req.open("GET", "/getUsers", true); req.responseType = 'json'; req.setRequestHeader("Authorization", "Basic " + btoa(window.token + ":")); req.onreadystatechange = function() { if (this.readyState == 4) { if (this.status == 200) { var list = document.getElementById('userList'); list.textContent = ''; if (document.getElementById('saveUsers')) { document.getElementById('saveUsers').remove(); }; var users = req.response['users']; for (var i = 0; i < users.length; i++) { var user = users[i] var entry = document.createElement('div'); entry.classList.add('form-group', 'list-group-item', 'py-1'); entry.id = 'user_' + user['name']; var label = document.createElement('label'); label.classList.add('d-inline-block'); label.setAttribute('for', 'address_' + user['email']); label.appendChild(document.createTextNode(user['name'])); entry.appendChild(label); var address = document.createElement('input'); address.setAttribute('type', 'email'); address.readOnly = true; address.classList.add('form-control-plaintext', 'text-muted', 'd-inline-block'); //address.setAttribute('style', 'margin-left: 2%; margin-right: 2%; color: grey;'); address.classList.add('addressText'); address.id = 'address_' + user['email']; if (typeof(user['email']) != 'undefined') { address.value = user['email']; address.setAttribute('style', 'width: auto; margin-left: 2%;'); }; var editButton = document.createElement('i'); editButton.classList.add('fa', 'fa-edit', 'd-inline-block', 'icon-button'); editButton.setAttribute('style', 'margin-left: 2%;'); editButton.onclick = function() { this.classList.remove('fa', 'fa-edit'); // var input = document.createElement('input'); // input.setAttribute('type', 'email'); // input.classList.add('email-input'); //var addressElement = this.parentNode.getElementsByClassName('addressText')[0]; var addressElement = this.parentNode.getElementsByClassName('form-control-plaintext')[0]; addressElement.classList.remove('form-control-plaintext', 'text-muted'); addressElement.classList.add('form-control'); addressElement.readOnly = false; if (addressElement.value == '') { // input.value = addressElement.textContent; // } else { addressElement.placeholder = 'Email Address'; address.setAttribute('style', 'width: auto; margin-left: 2%;'); }; // this.parentNode.replaceChild(input, addressElement); if (document.getElementById('saveUsers') == null) { var footer = document.getElementById('userFooter') var saveUsers = document.createElement('input'); saveUsers.classList.add('btn', 'btn-primary'); saveUsers.setAttribute('type', 'button'); saveUsers.value = 'Save Changes'; saveUsers.id = 'saveUsers'; saveUsers.onclick = function() { var send = {} var entries = document.getElementById('userList').children; for (var i = 0; i < entries.length; i++) { var entry = entries[i]; if (typeof(entry.getElementsByTagName('input')[0]) != 'undefined') { var name = entry.id.replace(/user_/g, '') var address = entry.getElementsByTagName('input')[0].value; send[name] = address }; }; send = JSON.stringify(send); var req = new XMLHttpRequest(); req.open("POST", "/modifyUsers", true); req.setRequestHeader("Authorization", "Basic " + btoa(window.token + ":")); req.setRequestHeader('Content-Type', 'application/json; charset=UTF-8'); req.onreadystatechange = function() { if (this.readyState == 4) { if (this.status == 200 || this.status == 204) { usersModal.hide(); }; }; }; req.send(send); }; footer.appendChild(saveUsers); }; }; entry.appendChild(editButton); entry.appendChild(address); list.appendChild(entry); }; var button = document.getElementById('openUsers'); button.disabled = false; button.innerHTML = 'Users '; settingsModal.hide(); usersModal.show(); }; } }; req.send(); }; generateInvites(empty = true); loginModal.show() var config = {}; var modifiedConfig = {}; document.getElementById('openSettings').onclick = function () { restart_setting_changed = false; var req = new XMLHttpRequest(); req.open("GET", "/getConfig", true); req.responseType = 'json'; req.setRequestHeader("Authorization", "Basic " + btoa(window.token + ":")); req.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { var settingsList = document.getElementById('settingsList'); settingsList.textContent = ''; config = this.response; for (var section of Object.keys(config)) { var sectionCollapse = document.createElement('div'); sectionCollapse.classList.add('collapse'); sectionCollapse.id = section; var sectionTitle = config[section]['meta']['name']; var sectionDescription = config[section]['meta']['description']; var entryListID = section + '_entryList'; var sectionFooter = section + '_footer'; var innerCollapse = `
${sectionDescription}
`; sectionCollapse.innerHTML = innerCollapse; for (var entry of Object.keys(config[section])) { if (entry != 'meta') { var entryName = config[section][entry]['name']; var required = false; if (config[section][entry]['required']) { entryName += ' *'; required = true; }; if (config[section][entry]['requires_restart']) { entryName += ' R'; }; if (config[section][entry].hasOwnProperty('description')) { var tooltip = ` `; entryName += ' '; entryName += tooltip; }; var entryValue = config[section][entry]['value']; var entryType = config[section][entry]['type']; var entryGroup = document.createElement('div'); if (entryType == 'bool') { entryGroup.classList.add('form-check'); if (entryValue.toString() == 'true') { var checked = true; } else { var checked = false; }; entryGroup.innerHTML = ` `; entryGroup.getElementsByClassName('form-check-input')[0].required = required; entryGroup.getElementsByClassName('form-check-input')[0].checked = checked; entryGroup.getElementsByClassName('form-check-input')[0].onclick = function() { var state = this.checked; for (var sect of Object.keys(config)) { for (var ent of Object.keys(config[sect])) { if ((sect + '_' + config[sect][ent]['depends_true']) == this.id) { document.getElementById(sect + '_' + ent).disabled = !state; } else if ((sect + '_' + config[sect][ent]['depends_false']) == this.id) { document.getElementById(sect + '_' + ent).disabled = state; }; }; }; }; } else if ((entryType == 'text') || (entryType == 'email') || (entryType == 'password') || (entryType == 'number')) { entryGroup.classList.add('form-group'); entryGroup.innerHTML = ` `; entryGroup.getElementsByClassName('form-control')[0].required = required; } else if (entryType == 'select') { entryGroup.classList.add('form-group'); var entryOptions = config[section][entry]['options']; var innerGroup = ` '; entryGroup.innerHTML = innerGroup; entryGroup.getElementsByClassName('form-control')[0].required = required; }; sectionCollapse.getElementsByClassName(entryListID)[0].appendChild(entryGroup); }; }; var sectionButton = document.createElement('button'); sectionButton.setAttribute('type', 'button'); sectionButton.classList.add('list-group-item', 'list-group-item-action'); sectionButton.appendChild(document.createTextNode(sectionTitle)); sectionButton.id = section + '_button'; sectionButton.setAttribute('data-toggle', 'collapse'); sectionButton.setAttribute('data-target', '#' + section); settingsList.appendChild(sectionButton); settingsList.appendChild(sectionCollapse); }; }; }; req.send(); settingsModal.show(); }; triggerTooltips(); // // $('#settingsMenu').on('shown.bs.modal', function() { // $("a[data-toggle='tooltip']").each(function (i, obj) { // $(obj).tooltip(); // }); // }); // function sendConfig(modalId) { var modal = document.getElementById(modalId); var send = JSON.stringify(modifiedConfig); var req = new XMLHttpRequest(); req.open("POST", "/modifyConfig", true); req.setRequestHeader("Authorization", "Basic " + btoa(window.token + ":")); req.setRequestHeader('Content-Type', 'application/json; charset=UTF-8'); req.onreadystatechange = function() { if (this.readyState == 4) { if (this.status == 200 || this.status == 204) { createModal(modalId, true).hide(); if (modalId != 'settingsMenu') { settingsModal.hide(); }; }; }; // fail: function(xhr, textStatus, errorThrown) { // var footer = modal.getElementsByClassName('modal-dialog')[0].getElementsByClassName('modal-content')[0].getElementsByClassName('modal-footer')[0]; // var alert = document.createElement('div'); // alert.classList.add('alert', 'alert-danger'); // alert.setAttribute('role', 'alert'); // alert.appendChild(document.createTextNode('Error: ' + errorThrown)); // footer.appendChild(alert); // }, }; req.send(send); }; document.getElementById('settingsSave').onclick = function() { modifiedConfig = {}; var restart_setting_changed = false; var settings_changed = false; for (var section of Object.keys(config)) { for (var entry of Object.keys(config[section])) { if (entry != 'meta') { var entryID = section + '_' + entry; var el = document.getElementById(entryID); if (el.type == 'checkbox') { var value = el.checked.toString(); } else { var value = el.value.toString(); }; if (value != config[section][entry]['value'].toString()) { if (!modifiedConfig.hasOwnProperty(section)) { modifiedConfig[section] = {}; }; modifiedConfig[section][entry] = value; settings_changed = true; if (config[section][entry]['requires_restart']) { restart_setting_changed = true; }; }; }; }; }; // if (restart_setting_changed) { if (restart_setting_changed) { document.getElementById('applyRestarts').onclick = function(){sendConfig('restartModal');}; settingsModal.hide(); restartModal.show(); } else if (settings_changed) { sendConfig('settingsMenu'); } else { settingsModal.hide(); }; };