Error handing for fetch and style fix

This commit is contained in:
SillyLossy
2023-03-02 01:42:00 +02:00
parent f5635155b9
commit da8ccbbcc1

View File

@ -23,7 +23,7 @@ const settings_style = `
display: block; display: block;
} }
#extensions_active { #extensions_loaded {
display: none; display: none;
} }
@ -104,6 +104,8 @@ function autoConnectInputHandler() {
async function connectToApi(baseUrl) { async function connectToApi(baseUrl) {
const url = new URL(baseUrl); const url = new URL(baseUrl);
url.pathname = '/api/extensions'; url.pathname = '/api/extensions';
try {
const getExtensionsResult = await fetch(url, { method: 'GET' }); const getExtensionsResult = await fetch(url, { method: 'GET' });
if (getExtensionsResult.ok) { if (getExtensionsResult.ok) {
@ -113,12 +115,16 @@ async function connectToApi(baseUrl) {
} }
updateStatus(getExtensionsResult.ok); updateStatus(getExtensionsResult.ok);
}
catch {
updateStatus(false);
}
} }
function updateStatus(success) { function updateStatus(success) {
connectedToApi = success; connectedToApi = success;
const _text = success ? 'Connected to API' : 'Could not connect to API'; const _text = success ? 'Connected to API' : 'Could not connect to API';
const _class = success ? 'success' : 'failed'; const _class = success ? 'success' : 'failure';
$('#extensions_status').text(_text); $('#extensions_status').text(_text);
$('#extensions_status').attr('class', _class); $('#extensions_status').attr('class', _class);
@ -130,6 +136,10 @@ function updateStatus(success) {
$('#extensions_list').append(`<li id="${extension.name}">${extension.metadata.display_name}</li>`); $('#extensions_list').append(`<li id="${extension.name}">${extension.metadata.display_name}</li>`);
} }
} }
else {
$('#extensions_loaded').hide(200);
$('#extensions_list').empty();
}
} }
function applyExtensions(baseUrl) { function applyExtensions(baseUrl) {