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', 'text-monospace'); var codeLink = document.createElement('a'); codeLink.setAttribute('style', 'margin-right: 2%;'); 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 + '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'); 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) { $.ajax('/getInvites', { type : 'GET', dataType : 'json', contentType: 'json', xhrFields : { withCredentials: true }, beforeSend : function (xhr) { xhr.setRequestHeader("Authorization", "Basic " + btoa(window.token + ":")); }, data: { get_param: 'value' }, complete: function(response) { var data = JSON.parse(response['responseText']); 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); } }; }; } }); } else if (empty === true) { document.getElementById('invites').textContent = ''; addItem(parseInvite([], true)); }; }; function deleteInvite(code) { var send = JSON.stringify({ "code": code }); $.ajax('/deleteInvite', { data : send, contentType : 'application/json', type : 'POST', xhrFields : { withCredentials: true }, beforeSend : function (xhr) { xhr.setRequestHeader("Authorization", "Basic " + btoa(window.token + ":")); }, success: function() { generateInvites(); }, }); }; 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); } }; $("form#inviteForm").submit(function() { var button = document.getElementById('generateSubmit'); button.disabled = true; button.innerHTML = '' + 'Loading...'; var send_object = $("form#inviteForm").serializeObject(); if (document.getElementById('send_to_address') != null) { if (document.getElementById('send_to_address_enabled').checked) { send_object['email'] = document.getElementById('send_to_address').value; } } var send = JSON.stringify(send_object); $.ajax('/generateInvite', { data : send, contentType : 'application/json', type : 'POST', xhrFields : { withCredentials: true }, beforeSend : function (xhr) { xhr.setRequestHeader("Authorization", "Basic " + btoa(window.token + ":")); }, success: function() { button.textContent = 'Generate'; button.disabled = false; generateInvites(); }, }); return false; }); $("form#loginForm").submit(function() { window.token = ""; var details = $("form#loginForm").serializeObject(); var errorArea = document.getElementById('loginErrorArea'); errorArea.textContent = ''; var button = document.getElementById('loginSubmit'); button.disabled = true; button.innerHTML = '' + 'Loading...'; $.ajax('/getToken', { type : 'GET', dataType : 'json', contentType: 'json', xhrFields : { withCredentials: true }, beforeSend : function (xhr) { xhr.setRequestHeader("Authorization", "Basic " + btoa(details['username'] + ":" + details['password'])); }, data: { get_param: 'value' }, complete: function(data) { if (data['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 { window.token = JSON.parse(data['responseText'])['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"; $('#login').modal('hide'); } } }); return false; }); document.getElementById('openSettings').onclick = function () { $('#settingsMenu').modal('show'); } document.getElementById('openDefaultsWizard').onclick = function () { this.disabled = true; this.innerHTML = '' + 'Loading...'; $.ajax('getUsers', { type : 'GET', dataType : 'json', contentType : 'json', xhrFields : { withCredentials: true }, beforeSend : function (xhr) { xhr.setRequestHeader("Authorization", "Basic " + btoa(window.token + ":")); }, complete : function(data) { if (data['status'] == 200) { var radioList = document.getElementById('defaultUserRadios'); radioList.textContent = ''; if (document.getElementById('setDefaultUser')) { document.getElementById('setDefaultUser').remove(); }; var users = data['responseJSON']['users']; 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'); } $('#userDefaults').modal('show'); } } }); }; 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; } $.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...'; $.ajax('/getUsers', { type : 'GET', dataType : 'json', contentType: 'json', xhrFields : { withCredentials: true }, beforeSend : function (xhr) { xhr.setRequestHeader("Authorization", "Basic " + btoa(window.token + ":")); }, data: { get_param: 'value' }, complete : function(data) { if (data['status'] == 200) { var list = document.getElementById('userList'); list.textContent = ''; if (document.getElementById('saveUsers')) { document.getElementById('saveUsers').remove(); }; var users = data['responseJSON']['users']; for (var i = 0; i < users.length; i++) { var user = users[i] var entry = document.createElement('p'); entry.id = 'user_' + user['name']; entry.appendChild(document.createTextNode(user['name'])); var address = document.createElement('span'); 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.appendChild(document.createTextNode(user['email'])); }; var editButton = document.createElement('i'); editButton.classList.add('fa', 'fa-edit'); editButton.onclick = function() { this.classList.remove('fa', 'fa-edit'); var input = document.createElement('input'); input.setAttribute('type', 'email'); input.setAttribute('style', 'margin-left: 2%; color: grey;'); var addressElement = this.parentNode.getElementsByClassName('addressText')[0]; if (addressElement.textContent != '') { input.value = addressElement.textContent; } else { input.placeholder = 'Email Address'; }; 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); $.ajax('/modifyUsers', { data : send, contentType : 'application/json', type : 'POST', xhrFields : { withCredentials: true }, beforeSend : function (xhr) { xhr.setRequestHeader("Authorization", "Basic " + btoa(window.token + ":")); }, success: function() { $('#users').modal('hide'); }, }); }; footer.appendChild(saveUsers); }; }; entry.appendChild(address); entry.appendChild(editButton); list.appendChild(entry); }; var button = document.getElementById('openUsers'); button.disabled = false; button.innerHTML = 'Users '; $('#users').modal('show'); }; } }); }; generateInvites(empty = true); $("#login").modal('show');