mirror of
https://github.com/hrfee/jellyfin-accounts.git
synced 2024-12-23 09:30:13 +00:00
667 lines
30 KiB
JavaScript
667 lines
30 KiB
JavaScript
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 =
|
||
'<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true" style="margin-right: 0.5rem;"></span>' +
|
||
'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 =
|
||
'<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true" style="margin-right: 0.5rem;"></span>' +
|
||
'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('openDefaultsWizard').onclick = function () {
|
||
this.disabled = true;
|
||
this.innerHTML =
|
||
'<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true" style="margin-right: 0.5rem;"></span>' +
|
||
'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 =
|
||
'<label><input type="radio" name="defaultRadios" id="default_' +
|
||
user['name'] + '" style="margin-right: 1rem;"' + checked + '>' +
|
||
user['name'] + '</label>';
|
||
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');
|
||
};
|
||
$('#settingsMenu').modal('hide');
|
||
$('#userDefaults').modal('show');
|
||
}
|
||
}
|
||
});
|
||
};
|
||
document.getElementById('storeDefaults').onclick = function () {
|
||
this.disabled = true;
|
||
this.innerHTML =
|
||
'<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true" style="margin-right: 0.5rem;"></span>' +
|
||
'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';
|
||
config_base_path = local_dir / "config-base.json"
|
||
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 =
|
||
'<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true" style="margin-right: 0.5rem;"></span>' +
|
||
'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 <i class="fa fa-user"></i>';
|
||
$('#settingsMenu').modal('hide');
|
||
$('#users').modal('show');
|
||
};
|
||
}
|
||
});
|
||
};
|
||
generateInvites(empty = true);
|
||
$("#login").modal('show');
|
||
|
||
var config = {};
|
||
var modifiedConfig = {};
|
||
|
||
document.getElementById('openSettings').onclick = function () {
|
||
restart_setting_changed = false;
|
||
$.ajax('getConfig', {
|
||
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 settingsList = document.getElementById('settingsList');
|
||
settingsList.textContent = '';
|
||
config = data['responseJSON'];
|
||
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 = `
|
||
<div class="card card-body">
|
||
<small class="text-muted">${sectionDescription}</small>
|
||
<div class="${entryListID}">
|
||
</div>
|
||
</div>
|
||
`;
|
||
|
||
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 += ' <sup class="text-danger">*</sup>';
|
||
required = true;
|
||
};
|
||
if (config[section][entry].hasOwnProperty('description')) {
|
||
var tooltip = `
|
||
<a class="text-muted" href="#" data-toggle="tooltip" data-placement="right" title="${config[section][entry]['description']}"><i class="fa fa-question-circle-o"></i></a>
|
||
`;
|
||
entryName += ' ';
|
||
entryName += tooltip;
|
||
};
|
||
// if (config[section][entry]['requires_restart']) {
|
||
// entryName += ' <sup class="text-danger">R</sup>';
|
||
// };
|
||
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) {
|
||
var checked = true;
|
||
} else {
|
||
var checked = false;
|
||
};
|
||
entryGroup.innerHTML = `
|
||
<input class="form-check-input" type="checkbox" value="" id="${section}_${entry}">
|
||
<label class="form-check-label" for="${section}_${entry}">${entryName}</label>
|
||
`;
|
||
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 = `
|
||
<label for="${section}_${entry}">${entryName}</label>
|
||
<input type="${entryType}" class="form-control" id="${section}_${entry}" aria-describedby="${entry}" value="${entryValue}">
|
||
`;
|
||
entryGroup.getElementsByClassName('form-control')[0].required = required;
|
||
} else if (entryType == 'select') {
|
||
entryGroup.classList.add('form-group');
|
||
var entryOptions = config[section][entry]['options'];
|
||
var innerGroup = `
|
||
<label for="${section}_${entry}">${entryName}</label>
|
||
<select class="form-control" id="${section}_${entry}">
|
||
`;
|
||
for (var i = 0; i < entryOptions.length; i++) {
|
||
if (entryOptions[i] == entryValue) {
|
||
var selected = 'selected';
|
||
} else {
|
||
var selected = '';
|
||
}
|
||
innerGroup += `
|
||
<option value="${entryOptions[i]}" ${selected}>${entryOptions[i]}</option>
|
||
`;
|
||
};
|
||
innerGroup += '</select>';
|
||
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);
|
||
};
|
||
};
|
||
},
|
||
});
|
||
$('#settingsMenu').modal('show');
|
||
};
|
||
|
||
$('#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);
|
||
$.ajax('/modifyConfig', {
|
||
data : send,
|
||
contentType : 'application/json',
|
||
type : 'POST',
|
||
xhrFields : {
|
||
withCredentials: true
|
||
},
|
||
beforeSend : function (xhr) {
|
||
xhr.setRequestHeader("Authorization", "Basic " + btoa(window.token + ":"));
|
||
},
|
||
success: function() {
|
||
if (modalId != 'settingsMenu') {
|
||
$('#' + modalId).modal('hide');
|
||
$('#settingsMenu').modal('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);
|
||
},
|
||
});
|
||
// placeholder
|
||
};
|
||
|
||
document.getElementById('settingsSave').onclick = function() {
|
||
modifiedConfig = {};
|
||
// Live config changes have not yet been implemented, so restart always required.
|
||
// 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 (settings_changed) {
|
||
document.getElementById('applyRestarts').onclick = function(){sendConfig('restartModal');};
|
||
$('#settingsMenu').modal('hide');
|
||
$('#restartModal').modal({
|
||
backdrop: 'static',
|
||
show: true
|
||
});
|
||
} else {
|
||
// sendConfig('settingsMenu');
|
||
$('#settingsMenu').modal('hide');
|
||
};
|
||
};
|
||
|