CINXE.COM
ArnesAAI Single Sign On
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script defer type="text/javascript" src="/simplesaml/resources/script.js"></script> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="robots" content="noindex, nofollow" /> <meta name="googlebot" content="noarchive, nofollow" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="ArnesAAI Single Sign On"> <meta name="author" content="ArnesAAI"> <title>ArnesAAI Single Sign On</title> <link rel="icon" type="image/icon" href="/simplesaml/module.php/themearnes/icons/favicon.ico" /> <!-- Bootstrap --> <link rel="stylesheet" href="/simplesaml/module.php/themearnes/purged/selectidp/css/bootstrap.min.css"> <!-- Font awesome --> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/simplesaml/module.php/themearnes/css/solid.min.css"> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/simplesaml/module.php/themearnes/purged/selectidp/css/fontawesome.min.css"> <!-- Jquerry --> <script defer src="/simplesaml/module.php/themearnes/js/jquery.min.js"></script> <!-- Select2 --> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/simplesaml/module.php/themearnes/purged/selectidp/css/select2.min.css"> <script defer src="/simplesaml/module.php/themearnes/js/select2.dropdown-mod.min.js"></script> <!-- Select2 Bootstrap 5 theme --> <link rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" href="/simplesaml/module.php/themearnes/css/select2-bootstrap-5-theme.border-radius-mod.min.css"> <!-- <script src="https://ds.aai.arnes.si/simplesaml/module.php/themearnes/js/idpaas.json"> --> <!-- Custom scripts and stylesheets --> <link rel="stylesheet" href="/simplesaml/module.php/themearnes/css/index.css" /> <link rel="stylesheet" href="/simplesaml/module.php/themearnes/css/cgp.css" /> <script defer src="/simplesaml/module.php/themearnes/js/index.js"></script> <style> @font-face { font-family: 'Source Sans 3'; src: url('https://ds.aai.arnes.si/simplesaml/module.php/themearnes/fonts/Source_Sans_3/static/SourceSans3-BoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Source Sans 3'; src: url('https://ds.aai.arnes.si/simplesaml/module.php/themearnes/fonts/Source_Sans_3/static/SourceSans3-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Source Sans 3'; src: url('https://ds.aai.arnes.si/simplesaml/module.php/themearnes/fonts/Source_Sans_3/static/SourceSans3-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Source Sans 3'; src: url('https://ds.aai.arnes.si/simplesaml/module.php/themearnes/fonts/Source_Sans_3/static/SourceSans3-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Source Sans 3'; src: url('https://ds.aai.arnes.si/simplesaml/module.php/themearnes/fonts/Source_Sans_3/static/SourceSans3-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Source Serif 4'; src: url('https://ds.aai.arnes.si/simplesaml/module.php/themearnes/fonts/Source_Serif_4/static/SourceSerif4-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Source Serif 4'; src: url('https://ds.aai.arnes.si/simplesaml/module.php/themearnes/fonts/Source_Serif_4/static/SourceSerif4-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } </style> <style> .banner-image::before { background-image: url("/simplesaml/module.php/themearnes/images/hero.svg"); content: ' '; background-position: center; width: 100%; height: 100%; background-repeat: no-repeat; display: block; background-size: cover; position: absolute; } </style> <script defer> async function loadOrganizations() { try { // fetches cached idpaas organizations const response = await fetch("https://ds.aai.arnes.si/simplesaml/module.php/themearnes/js/cache/idpaas_select2_ds_aai.json"); return hostedOrg = await response.json(); } catch (err) { console.error("Error retrieving hosted organizations:" + err); return hostedOrg = []; } }; // Load self-organizations const data = [ {"id":"https://ldap.academia.si/simplesaml/saml2/idp/metadata.php","text":"ACADEMIA d.o.o.",},{"id":"https://idp.aai.arnes.si/idp/20090116","text":"ARNES",},{"id":"https://idp.doba.si/idp/20110921","text":"DOBA",},{"id":"https://idp.geo-zs.si/idp/20110325","text":"Geological Survey of Slovenia",},{"id":"https://idp.gess.si/idp/20101217","text":"GESS Trbovlje",},{"id":"https://gimb-idp-1.gimb.org/idp/20130521","text":"Gimnazija Be啪igrad high school",},{"id":"https://idp.gimnazija-ravne.si/idp/20110718","text":"Gimnazija Ravne",},{"id":"https://idp-gsfs.ahost.si/idp/20110921","text":"Glasbena 拧ola Franca 艩turma",},{"id":"https://adfs.gskamnik.si/saml","text":"Glasbena 拧ola Kamnik",},{"id":"https://adfs.gsmostepolje.si/saml","text":"Glasbena 拧ola Ljubljana Moste - Polje",},{"id":"https://idp.gjp.si/idp/20110921","text":"High school Jozeta Plecnika",},{"id":"https://edi.izum.si/idp/20100722","text":"IZUM",},{"id":"https://idp.ijs.si/simplesaml/saml2/idp/metadata.php","text":"Jo啪ef Stefan Institute",},{"id":"https://adfs.kgbl.si/saml","text":"Konservatorij za glasbo in balet Ljubljana",},{"id":"https://idp.klinika-golnik.si/idp/20110919","text":"KOPA Golnik",},{"id":"https://aai.nuk.uni-lj.si/idp/20140603","text":"National and University Library",},{"id":"https://idp.zrss.si/idp/20120515","text":"National Education Institute of Slovenia",},{"id":"https://idp.ki.si/idp/20101110","text":"National Institute of Chemistry Slovenia",},{"id":"https://radius.nib.si/idp/2013090600","text":"NIB",},{"id":"https://idp.nms.si/idp/20121010","text":"NMS & PMS",},{"id":"https://idp.aai.test-arnes.si/idp/202211242359","text":"Raziskovalni in拧titut za digitalne identitete",},{"id":"https://idp.sc-nm.si/idp/20150127","text":"School center Novo mesto",},{"id":"https://idp.zag.si/idp/20101210","text":"Slovenian National Building and Civil Engineering Institute",},{"id":"https://idp.almamater.si/idp/20110921","text":"University Alma Mater Europaea",},{"id":"https://aai.kclj.si/idp/20201005","text":"University Medical Centre Ljubljana",},{"id":"https://idp.uni-lj.si/idp/20100525","text":"University of Ljubljana",},{"id":"https://idp.mf.uni-lj.si/idp/20111101","text":"University of Ljubljana, Faculty of Medicine",},{"id":"https://idp.aai.um.si/idp","text":"University of Maribor",},{"id":"https://idp.ung.si/idp/20111102","text":"University of Nova Gorica",},{"id":"https://idp.upr.si/idp/201005XX","text":"University of Primorska",},{"id":"https://idp.uirs.si/idp/20110610","text":"Urban planning institute of the Republic of Slovenia",},{"id":"https://idp.vrtec-vrhnika.si/idp/20110921","text":"Vrtec Vrhnika",},{"id":"https://idp.scptuj.si/idp/20111102","text":"艩C Ptuj",}, ]; window.addEventListener('load', (event) => { const s2 = $("#dropdownlist").select2({ data: data, placeholder: "Search by title:", allowClear: true, theme: "bootstrap-5", dropdownPosition: 'below', disabled: false, escapeMarkup: (text) => text }); loadOrganizations().then(() => { if (hostedOrg === undefined || hostedOrg.length === 0) { const alert = document.getElementById("idpaasError"); alert.classList.toggle("d-none"); } else { $("#dropdownlist").select2({ data: [...hostedOrg], placeholder: "Search by title:", allowClear: true, theme: "bootstrap-5", dropdownPosition: 'below', disabled: false, escapeMarkup: (text) => text }); } }); // Enable select after animation plays // setTimeout(() => { // $("#dropdownlist").prop("disabled", false); // }, 800) // Focus search on select2 open $(document).on('select2:open', () => { document.querySelector('.select2-search__field').focus(); }); // On keydown open select2 and search for organization const form = document.getElementById('idpForm'); const wordPattern = /^[\p{L} 1-9]$/u; // Unicode letters, numbers and space document.addEventListener('keydown', (e) => { // Submit last selected organization on enter if (e.key === 'Enter') { form.submit(); return; } if (wordPattern.test(e.key)) { s2.select2('open'); console.log(e.key); } }); // On Select2 event select set idpentityid and submit form $('#dropdownlist').on('select2:select', e => { const data = e.params.data; const isIdPaas = data.id.includes("IdPaas"); const cookieDomainScope = "aai.arnes.si"; // set idp url depending if the organization is self hosted if (isIdPaas) { const orgId = data.id; const orgIdCookie = `idpaas_org_id=${orgId}; max-age=31536000;path=/;domain=${cookieDomainScope};SameSite=Strict;Secure`; document.cookie = orgIdCookie; idpUrl = "https://idp.aai.arnes.si/idp/20090116"; } else { const orgIdCookie = `idpaas_org_id=;Expires=Thu, 01 Jan 1970 00:00:01 GMT;path=/;domain=${cookieDomainScope};SameSite=Strict;Secure`; document.cookie = orgIdCookie; idpUrl = data.id; } $('#idpEntityId').val(idpUrl); $('#idpForm').submit(); }); // Keep track of select2 dropdown state let select2isOpen = false; $(document).on('select2:open', () => select2isOpen = true); $(document).on('select2:close', () => select2isOpen = false); // maximize select2 drop down height const setDropdownHeight = () => { if (select2isOpen) { const selectUl = $("ul").first(); const selectUlTopOffset = selectUl.offset().top; const windowHeight = $(window).height(); selectUl.attr('style', 'max-height: ' + (windowHeight - selectUlTopOffset - 50) + 'px !important'); } } $(window).resize(setDropdownHeight); $(document).on('select2:open', setDropdownHeight); }); </script> <noscript> <style> html { overflow-x: hidden; } .btn { background-color: #FC9255 !important; } </style> </noscript> </head> <body> <div class="container-fluid"> <div class="row"> <div class="col"> <div id="form-container" class="d-flex flex-column justify-content-between m-auto lg:px-5"> <div class="pt-3 d-flex justify-content-center"> <img style="height: 2rem;" class="img-fluid" src="/simplesaml/module.php/themearnes/arnes-logo/arnes-black-font.svg" alt="Arnes AAI-Prijava Logo"> </div> <div class="container p-3 d-flex flex-column "> <div class="d-flex justify-content-center "> <img class="img-fluid user-icon d-none d-sm-inline-block" src="/simplesaml/module.php/themearnes/icons/user-icon.svg" alt="Arnes AAI-Prijava Logo"> <h1 class="text-title-5"> AAI-prijava </h1> </div> <p class="text-content-8 mb-4 text-center" style="color: var(--ars-color-secondary-2)">Continue with the selected organization or choose a different one.</p> <!-- Display error if IdPaaS list was not loaded --> <div id="idpaasError" class="alert alert-warning alert-dismissible fade show mb-4 d-none" role="alert"> <strong> <i class="fa fa-exclamation-triangle"></i> Error displaying hosted organizations </strong> <span> <br /> If you can't find your organization, continue with the institution <b>Arnes</b>. </span> </div> <form class="d-flex flex-column" method="get" id="idpForm" action="https://ds.aai.arnes.si/simplesaml/saml2/sp/idpdisco.php"> <button id="default-org-button" class="btn-primary btn-m" type="submit"> Arnes </button> <div class="separator"> <span> or </span> </div> <input type="hidden" name="entityID" value="https://analitika.arnes.si/sp/20160601" /> <input type="hidden" name="return" value="https://analitika.arnes.si/Shibboleth.sso/Login?SAMLDS=1&target=https%3A%2F%2Fanalitika.arnes.si%2F" /> <input type="hidden" name="returnIDParam" value="entityID" /> <input id="idpEntityId" type="hidden" name="idpentityid" value="https://idp.aai.arnes.si/idp/20090116" /> <select id="dropdownlist" value=""> <option></option> </select> <!-- Enables people without JS to submit the form - mostly meant for screen readers --> <noscript> <button class="btn" type="submit" style=" display: block; width: 100%; margin-top: 1rem; "> Submit </button> </noscript> </form> </div> <div class="d-flex flex-column"> <div id="footer" class="container"> <div class="d-flex flex-row justify-content-center c-btns" style="gap: 3rem;"> <a href="https://podpora.arnes.si" class="btn-round text-center"> <i class="fa-solid fa-lg fa-question"></i> <span class="text-content-5 fw-light">Help</span> </a> <a href="https://podpora.arnes.si/aai-racun/" class="btn-round text-center"> <i class="fa-solid fa-info"></i> <span class="text-content-5 fw-light">Information</span> </a> <a href="https://moj.arnes.si/" class="btn-round text-center"> <i class="fa-solid fa-sm fa-cloud"></i> <span class="text-content-5 fw-light">Services</span> </a> </div> <!--language bar--> <div id="languagebar" class="d-flex mb-3 mt-4 align-items-center justify-content-center"> <button onclick="handleLanguageChange(event)" class="text-content-5 link mx-1 language-link" data-language="sl" data-link="https://ds.aai.arnes.si/simplesaml/saml2/sp/idpdisco.php?entityID=https%3A%2F%2Fanalitika.arnes.si%2Fsp%2F20160601&return=https%3A%2F%2Fanalitika.arnes.si%2FShibboleth.sso%2FLogin%3FSAMLDS%3D1%26target%3Dhttps%253A%252F%252Fanalitika.arnes.si%252F&language=sl">Sloven拧膷ina</button><span class="text-content-5"> | </span><span class='text-content-5 mx-1'>English</span></div></div> <script> var handleLanguageChange = function(e) { var language = e.target.getAttribute('data-language'); var link = e.target.getAttribute('data-link'); var cookieDomainScope = "aai.arnes.si"; var languageCookie = 'language=' + language + '; max-age=31536000;path=/;domain=' + cookieDomainScope + ';SameSite=Strict;Secure'; document.cookie = languageCookie; window.location.href = link; } </script> </div> </div> </div> <div class="d-none d-xl-inline-block col banner-image"> </div> </div> </div> </body>