No third party apps connected!
'; +} + +async function createSsoCredentials() { + document + .getElementById('createSSODialog') + .querySelectorAll('input') + .forEach((element) => { + element.value = ''; + }); + + document.getElementById('createSSODialog').show(); + + const canceled = await new Promise((resolve) => { + document.getElementById('createSSODialog').addEventListener( + 'onHide', + (e) => { + if (e.detail.reason == 'canceled') { + resolve(false); + return; + } + + resolve(true); + }, + { once: true } + ); + }); + + if (!canceled) return; + + const name = document.getElementById('c_sso_name').value; + const websiteUrl = document.getElementById('c_sso_url').value; + const logoUrl = document.getElementById('c_sso_logoUrl').value; + + await LoginManager.validateToken(); + const req = await fetch('https://api.login.netdb.at/user/sso', { + method: 'POST', + headers: { + Authorization: 'Bearer ' + LoginManager.getCookie('token'), + 'Content-Type': 'application/json', + }, + body: JSON.stringify({ + name: name, + url: websiteUrl, + logoUrl: logoUrl, + }), + }); + + if (req.status == 401) { + window.location.href = 'https://login.netdb.at?redirect=' + encodeURIComponent(window.location.href); + return; + } + + const res = await req.json(); + + if (req.status != 200 || res.statusCode != 203) { + createDialog('Error', 'An error occured while creating the SSO credentials!', 'error'); + return; + } + + if (document.getElementById('ssoClientsContainer').children[0].tagName == 'P') document.getElementById('ssoClientsContainer').innerHTML = ''; + + const item = createSSOClient(logoUrl, name, websiteUrl, res.data.clientId, res.data.clientSecret, []); + document.getElementById('ssoClientsContainer').appendChild(item); + + item.children[0].addEventListener('click', function () { + item.classList.toggle('active'); + + if (item.children[0].nextElementSibling.style.maxHeight) item.children[0].nextElementSibling.style.maxHeight = null; + else item.children[0].nextElementSibling.style.maxHeight = item.children[0].nextElementSibling.scrollHeight + 'px'; + }); } function createSSOClient(logoUrl, clientName, websiteUrl, clientId, clientSecret, redirects) { @@ -252,7 +339,6 @@ function createSSOClient(logoUrl, clientName, websiteUrl, clientId, clientSecret item.querySelector('h1').innerText = clientName; item.querySelector('a').href = websiteUrl; item.querySelector('a').innerText = websiteUrl; - // item.querySelector('button').addEventListener('click', () => deleteSSOClient(clientId)); const content = item.querySelector('.collapsible-content'); content.querySelector('#sso_clientId').value = clientId; @@ -261,13 +347,14 @@ function createSSOClient(logoUrl, clientName, websiteUrl, clientId, clientSecret content.querySelector('#sso_websiteUrl').value = websiteUrl; content.querySelector('#sso_name').value = clientName; content.querySelector('#sso_save').addEventListener('click', async () => await saveSSOClient(clientId)); + item.querySelector('#sso_delete').addEventListener('click', async () => await deleteSSOClient(clientId)); content.querySelector('#sso_addRedirect').addEventListener('click', async () => await addSSORedirect(clientId)); const redirectsContainer = content.querySelector('#sso_redirects'); redirects.forEach((redirect) => { const redirectItem = document.createElement('div'); - redirectItem.id = "sso_redirect_" + redirect.id; + redirectItem.id = 'sso_redirect_' + redirect.id; const url = document.createElement('input'); url.type = 'text'; @@ -286,6 +373,32 @@ function createSSOClient(logoUrl, clientName, websiteUrl, clientId, clientSecret return item; } +async function deleteSSOClient(clientId) { + await LoginManager.validateToken(); + const req = await fetch('https://api.login.netdb.at/user/sso', { + method: 'DELETE', + headers: { + Authorization: 'Bearer ' + LoginManager.getCookie('token'), + 'Content-Type': 'application/json', + }, + body: '"' + clientId + '"', + }); + + if (req.status == 401) { + window.location.href = 'https://login.netdb.at?redirect=' + encodeURIComponent(window.location.href); + return; + } + + const res = await req.json(); + + if (req.status != 200 || res.statusCode != 200) { + createDialog('Error', 'An error occured while deleting the SSO credentials!', 'error'); + return; + } + + document.getElementById('sso_' + clientId).remove(); +} + async function deleteSSORedirect(clientId, redirectId) { await LoginManager.validateToken(); const req = await fetch('https://api.login.netdb.at/user/sso/redirects', { @@ -300,9 +413,9 @@ async function deleteSSORedirect(clientId, redirectId) { }), }); - if (req.status == 401) { - window.location.href = 'https://login.netdb.at?redirect=' + encodeURIComponent(window.location.href); - return; + if (req.status == 401) { + window.location.href = 'https://login.netdb.at?redirect=' + encodeURIComponent(window.location.href); + return; } const res = await req.json(); @@ -312,11 +425,14 @@ async function deleteSSORedirect(clientId, redirectId) { return; } - document.getElementById("sso_redirect_" + redirectId).remove(); + document.getElementById('sso_redirect_' + redirectId).remove(); } async function addSSORedirect(clientId) { - const item = document.getElementById("sso_" + clientId); + const item = document.getElementById('sso_' + clientId); + const redirects = item.querySelector('#sso_redirects'); + + //TODO: add button feedback await LoginManager.validateToken(); const req = await fetch('https://api.login.netdb.at/user/sso/redirects', { @@ -343,8 +459,10 @@ async function addSSORedirect(clientId) { return; } + item.querySelector('#sso_addRedirect').previousElementSibling.value = ''; + const redirect = document.createElement('div'); - redirect.id = "sso_redirect_" + res.data.id; + redirect.id = 'sso_redirect_' + res.data.id; const url = document.createElement('input'); url.type = 'text'; url.value = res.data.url; @@ -355,12 +473,16 @@ async function addSSORedirect(clientId) { deleteBtn.addEventListener('click', async () => await deleteSSORedirect(clientId, res.data.id)); redirect.appendChild(deleteBtn); - console.log(redirect); - document.getElementById("sso_" + clientId).querySelector('#sso_redirects').appendChild(redirect); + if (redirects.children.length > 1) { + redirects.insertBefore(redirect, redirects.children[1]); + return; + } + + redirects.append(redirect); } async function saveSSOClient(clientId) { - const item = document.getElementById("sso_" + clientId); + const item = document.getElementById('sso_' + clientId); await LoginManager.validateToken(); const req = await fetch('https://api.login.netdb.at/user/sso', { @@ -405,10 +527,10 @@ async function doubleClickButton(e, func) { }, 3000); } -function createApiKeyRow(client_id, client_secret) { +function createApiKeyRow(client_id) { const row = document.createElement('tr'); row.id = client_id; - row.innerHTML = '| Key | -Secret | Actions |
|---|