184 lines
9.9 KiB
Plaintext
184 lines
9.9 KiB
Plaintext
<#macro registrationLayout bodyClass="" displayInfo=false displayMessage=true displayRequiredFields=false displayWide=false showAnotherWayIfPresent=true>
|
||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||
<html xmlns="http://www.w3.org/1999/xhtml" class="${properties.kcHtmlClass!}">
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||
<meta name="robots" content="noindex, nofollow">
|
||
|
||
<#if properties.meta?has_content>
|
||
<#list properties.meta?split(' ') as meta>
|
||
<meta name="${meta?split('==')[0]}" content="${meta?split('==')[1]}"/>
|
||
</#list>
|
||
</#if>
|
||
<title>${msg("loginTitle",(realm.displayName!''))}</title>
|
||
<link rel="icon" href="${url.resourcesPath}/img/favicon.ico" />
|
||
<#if properties.styles?has_content>
|
||
<#list properties.styles?split(' ') as style>
|
||
<link href="${url.resourcesPath}/${style}" rel="stylesheet" />
|
||
</#list>
|
||
</#if>
|
||
<#if properties.scripts?has_content>
|
||
<#list properties.scripts?split(' ') as script>
|
||
<script src="${url.resourcesPath}/${script}" type="text/javascript"></script>
|
||
</#list>
|
||
</#if>
|
||
<#if scripts??>
|
||
<#list scripts as script>
|
||
<script src="${script}" type="text/javascript"></script>
|
||
</#list>
|
||
</#if>
|
||
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
|
||
</head>
|
||
|
||
<body class="${properties.kcBodyClass!}">
|
||
<div class="${properties.kcLoginClass!}">
|
||
<div id="kc-header" class="${properties.kcHeaderClass!}">
|
||
<div id="kc-header-wrapper" class="${properties.kcHeaderWrapperClass!}">
|
||
<a href="${url.loginUrl}">
|
||
<img src="${url.resourcesPath}/img/logo.png" style="width:5rem;"/><br>
|
||
<span class="title_html"> ${kcSanitize(msg("loginTitleHtml",(realm.displayNameHtml!'')))?no_esc}</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="${properties.kcFormCardClass!} <#if displayWide>${properties.kcFormCardAccountClass!}</#if>">
|
||
<header class="${properties.kcFormHeaderClass!}">
|
||
<#if realm.internationalizationEnabled && locale.supported?size gt 1>
|
||
<div id="kc-locale">
|
||
<div id="kc-locale-wrapper" class="${properties.kcLocaleWrapperClass!}">
|
||
<div class="kc-dropdown" id="kc-locale-dropdown">
|
||
<a href="#" id="kc-current-locale-link">${locale.current}</a>
|
||
<ul>
|
||
<#list locale.supported as l>
|
||
<li class="kc-dropdown-item"><a href="${l.url}">${l.label}</a></li>
|
||
</#list>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</#if>
|
||
<#if !(auth?has_content && auth.showUsername() && !auth.showResetCredentials())>
|
||
<#if displayRequiredFields>
|
||
<div class="${properties.kcContentWrapperClass!}">
|
||
<div class="${properties.kcLabelWrapperClass!} subtitle">
|
||
<span class="subtitle"><span class="required">*</span> ${msg("requiredFields")}</span>
|
||
</div>
|
||
<div class="col-md-10">
|
||
<h1 id="kc-page-title"><#nested "header"></h1>
|
||
</div>
|
||
</div>
|
||
<#else>
|
||
<h1 id="kc-page-title"><#nested "header"></h1>
|
||
</#if>
|
||
<#else>
|
||
<#if displayRequiredFields>
|
||
<div class="${properties.kcContentWrapperClass!}">
|
||
<div class="${properties.kcLabelWrapperClass!} subtitle">
|
||
<span class="subtitle"><span class="required">*</span> ${msg("requiredFields")}</span>
|
||
</div>
|
||
<div class="col-md-10">
|
||
<#nested "show-username">
|
||
<div class="${properties.kcFormGroupClass!}">
|
||
<div id="kc-username">
|
||
<label id="kc-attempted-username">${auth.attemptedUsername}</label>
|
||
<a id="reset-login" href="${url.loginRestartFlowUrl}">
|
||
<div class="kc-login-tooltip">
|
||
<i class="${properties.kcResetFlowIcon!}"></i>
|
||
<span class="kc-tooltip-text">${msg("restartLoginTooltip")}</span>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<#else>
|
||
<#nested "show-username">
|
||
<div class="${properties.kcFormGroupClass!}">
|
||
<div id="kc-username">
|
||
<label id="kc-attempted-username">${auth.attemptedUsername}</label>
|
||
<a id="reset-login" href="${url.loginRestartFlowUrl}">
|
||
<div class="kc-login-tooltip">
|
||
<i class="${properties.kcResetFlowIcon!}"></i>
|
||
<span class="kc-tooltip-text">${msg("restartLoginTooltip")}</span>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</#if>
|
||
</#if>
|
||
</header>
|
||
<div id="kc-content">
|
||
<div id="kc-content-wrapper">
|
||
|
||
<#-- App-initiated actions should not see warning messages about the need to complete the action -->
|
||
<#-- during login. -->
|
||
<#if displayMessage && message?has_content && (message.type != 'warning' || !isAppInitiatedAction??)>
|
||
<div class="alert alert-${message.type}">
|
||
<#if message.type = 'success'><span class="${properties.kcFeedbackSuccessIcon!}"></span></#if>
|
||
<#if message.type = 'warning'><span class="${properties.kcFeedbackWarningIcon!}"></span></#if>
|
||
<#if message.type = 'error'><span class="${properties.kcFeedbackErrorIcon!}"></span></#if>
|
||
<#if message.type = 'info'><span class="${properties.kcFeedbackInfoIcon!}"></span></#if>
|
||
<span class="kc-feedback-text">${kcSanitize(message.summary)?no_esc}</span>
|
||
</div>
|
||
</#if>
|
||
|
||
<#nested "form">
|
||
|
||
<#if auth?has_content && auth.showTryAnotherWayLink() && showAnotherWayIfPresent>
|
||
<form id="kc-select-try-another-way-form" action="${url.loginAction}" method="post" <#if displayWide>class="${properties.kcContentWrapperClass!}"</#if>>
|
||
<div <#if displayWide>class="${properties.kcFormSocialAccountContentClass!} ${properties.kcFormSocialAccountClass!}"</#if>>
|
||
<div class="${properties.kcFormGroupClass!}">
|
||
<input type="hidden" name="tryAnotherWay" value="on" />
|
||
<a href="#" id="try-another-way" onclick="document.forms['kc-select-try-another-way-form'].submit();return false;">${msg("doTryAnotherWay")}</a>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</#if>
|
||
|
||
<#if displayInfo>
|
||
<div id="kc-info" class="${properties.kcSignUpClass!}">
|
||
<div id="kc-info-wrapper" class="${properties.kcInfoAreaWrapperClass!}">
|
||
<#nested "info">
|
||
</div>
|
||
</div>
|
||
</#if>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<footer id="page-footer">
|
||
<div class="container2">
|
||
<div class="footer-desc">
|
||
<div class="footer-desc-logo">
|
||
<img class="footer-desc-logo-img" src="${url.resourcesPath}/img/logo_icon.svg" style=""/>
|
||
</div>
|
||
<div class="footer-desc-text">
|
||
<img class="footer-desc-img" src="${url.resourcesPath}/img/logo_text_dd.svg" style=""/>
|
||
<p class="footer-desc-par">DD és el workspace educatiu generat en el marc del Pla de Digitalització Democràtica d’Xnet. Ha estat creat i powered per Xnet, famílies i centres promotors, IsardVDI, 3iPunt, Direcció d’Innovació Democràtica, Direcció d’Innovació Digital, Comissionat d’Economia Social de l’Ajuntament de Barcelona, Consorci d’Educació de Barcelona. En col·laboració amb aFFaC i AirVPN.</p>
|
||
</div>
|
||
<div class="footer-desc-comma">
|
||
<img class="footer-desc-logo-comma" src="${url.resourcesPath}/img/dd_coma.svg" style=""/>
|
||
</div>
|
||
</div>
|
||
<div class="footer-links">
|
||
<div class="footer-links-item">
|
||
<img class="footer-desc-logo-comma-bullet" src="${url.resourcesPath}/img/dd_coma.svg" width="10"><a href="https://www.gnu.org/licenses/agpl-3.0.en.html" target="_blank">L’eina DD té una llicència AGPLv3</a>
|
||
</div>
|
||
<div class="footer-links-item">
|
||
<img class="footer-desc-logo-comma-bullet" src="${url.resourcesPath}/img/dd_coma.svg" width="10"/><a href="https://gitlab.com/digitaldemocratic/digitaldemocratic" target="_blank">Repositori DD a GitLab</a>
|
||
</div>
|
||
<div class="footer-links-item">
|
||
<img class="footer-desc-logo-comma-bullet" src="${url.resourcesPath}/img/dd_coma.svg" width="10"/><a href="https://xnet-x.net/ca/digital-democratic/" target="_blank">Web Pla de Digitalització Democràtica</a>
|
||
</div>
|
||
<div class="footer-links-policies">
|
||
<a href="https://admin.${properties.ddDomain}/legal_text?lang=ca" target="_blank">Avís legal del centre</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</div>
|
||
</body>
|
||
</html>
|
||
</#macro>
|