368 lines
14 KiB
HTML
368 lines
14 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html lang="de" xml:lang="de"><head><style>body {transition: opacity ease-in 0.2s; }
|
|
body[unresolved] {opacity: 0; display: block; overflow: hidden; position: relative; }
|
|
</style>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<meta http-equiv="CACHE-CONTROL" content="NO-CACHE">
|
|
<meta name="description" content="${CICD_PREFIX}.head.meta.description">
|
|
<meta name="keywords" content="${CICD_PREFIX}.head.meta.keywords">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
|
|
<link href="/login/resources/nevislogrend/applications/arm_sso_chlogin/webdata/static/tailwind.css" type="text/css" rel="stylesheet">
|
|
<link href="/login/resources/nevislogrend/applications/arm_sso_chlogin/webdata/static/bundle.css" type="text/css" rel="stylesheet">
|
|
<link rel="preload" href="/login/resources/nevislogrend/applications/arm_sso_chlogin/webdata/static/roman.woff" as="font" type="font/woff" crossorigin="anonymous">
|
|
<link rel="preload" href="/login/resources/nevislogrend/applications/arm_sso_chlogin/webdata/static/light.woff" as="font" type="font/woff" crossorigin="anonymous">
|
|
|
|
|
|
|
|
<title>CH-LOGIN - Authenticator App</title>
|
|
|
|
<style>@font-face {
|
|
font-family: 'Material Icons';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url(https://chlogin.zd.eiam.admin.ch/login/resources/nevislogrend/applications/arm_sso_chlogin/webdata/static/material-icons.woff2) format('woff2');
|
|
src: url(https://chlogin.zd.eiam.admin.ch/login/resources/nevislogrend/applications/arm_sso_chlogin/webdata/static/material-icons.woff) format('woff');
|
|
src: url(https://chlogin.zd.eiam.admin.ch/login/resources/nevislogrend/applications/arm_sso_chlogin/webdata/static/material-icons.ttf) format('truetype');
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'light45';
|
|
src: url(https://chlogin.zd.eiam.admin.ch/login/resources/nevislogrend/applications/arm_sso_chlogin/webdata/static/light.woff) format('woff');
|
|
}
|
|
|
|
.text-hero {
|
|
font-family: 'light45', sans-serif;
|
|
font-size: 3rem;
|
|
line-height: 3.25rem;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
|
|
.text-header {
|
|
font-family: 'light45', sans-serif;
|
|
font-size: 1.75rem;
|
|
line-height: 2rem;
|
|
letter-spacing: 0.1px;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'roman55';
|
|
src: url(https://chlogin.zd.eiam.admin.ch/login/resources/nevislogrend/applications/arm_sso_chlogin/webdata/static/roman.woff) format('woff');
|
|
}
|
|
|
|
.text-h1 {
|
|
font-family: 'roman55', sans-serif;
|
|
font-size: 1.75rem;
|
|
line-height: 2rem;
|
|
letter-spacing: 0.1px;
|
|
}
|
|
|
|
.text-body1 {
|
|
font-family: 'roman55', sans-serif;
|
|
font-size: 1rem;
|
|
line-height: 1.5rem;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
|
|
.text-body1-xl {
|
|
font-family: 'roman55', sans-serif;
|
|
font-size: 1.25rem;
|
|
line-height: 1.75rem;
|
|
letter-spacing: 0.5px;
|
|
}
|
|
|
|
.text-body2 {
|
|
font-family: 'roman55', sans-serif;
|
|
font-size: 0.875rem;
|
|
line-height: 1.25rem;
|
|
letter-spacing: 0.25px;
|
|
}
|
|
|
|
.text-button {
|
|
font-family: 'roman55', sans-serif;
|
|
font-size: 0.875rem;
|
|
line-height: 1.25rem;
|
|
letter-spacing: 1.25px;
|
|
}
|
|
|
|
.text-caption {
|
|
font-family: 'roman55', sans-serif;
|
|
font-size: 0.75rem;
|
|
line-height: 1rem;
|
|
letter-spacing: 0.4px;
|
|
}
|
|
|
|
.text-subtitle1 {
|
|
font-family: 'roman55', sans-serif;
|
|
font-size: 1rem;
|
|
line-height: 1.5rem;
|
|
letter-spacing: 0.15px;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'bold65';
|
|
src: url(https://chlogin.zd.eiam.admin.ch/login/resources/nevislogrend/applications/arm_sso_chlogin/webdata/static/bold.woff) format('woff');
|
|
}
|
|
|
|
.text-h2 {
|
|
font-family: 'bold65', sans-serif;
|
|
font-size: 1.125rem;
|
|
line-height: 1.5rem;
|
|
letter-spacing: 0.2px;
|
|
}
|
|
|
|
.text-subtitle2 {
|
|
font-family: 'bold65', sans-serif;
|
|
font-size: 0.875rem;
|
|
line-height: 1.25rem;
|
|
letter-spacing: 0.1px;
|
|
}
|
|
|
|
.text-overline {
|
|
font-family: 'bold65', sans-serif;
|
|
font-size: 0.75rem;
|
|
line-height: 1rem;
|
|
letter-spacing: 1.25px;
|
|
}
|
|
|
|
.text-code {
|
|
font-family: 'roman55', sans-serif;
|
|
font-size: 1.125rem;
|
|
font-weight: 700;
|
|
line-height: 1.5rem;
|
|
letter-spacing: 0.9px;
|
|
}
|
|
</style></head>
|
|
|
|
<body class="has-overlay ">
|
|
<div class="application offcanvas" aria-hidden="false" id="application">
|
|
|
|
<header class="application-header offcanvas-main">
|
|
<div class="header" role="banner">
|
|
|
|
|
|
<eiam-env-banner data-type="PROD">
|
|
<p class="env-banner uppercase text-body2 cursor-pointer"></p>
|
|
</eiam-env-banner>
|
|
<div class="application-header-title">
|
|
<div class="application-brand">
|
|
<a class="application-brand-logo">
|
|
<img alt="Schweizerische Eidgenossenschaft" src="/login/resources/nevislogrend/applications/arm_sso_chlogin/webdata/static/images/logo.svg">
|
|
</a>
|
|
<span class="application-brand-app-title" data-version="1.3.0">
|
|
<a class="text-header text-high-emphasis">
|
|
eIAM
|
|
</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="application-header-controls justify-end mr-3">
|
|
|
|
<button type="button" class="btn pmd-btn-outline btn-default mr-3" id="helpButton" aria-label="Hilfe" onclick="toggleHelpBar()">
|
|
<i style="font-size: 19px" class="material-icons">help</i>
|
|
</button>
|
|
|
|
<span class="dropdown pmd-dropdown clear-both" aria-label="Header-Steuerelemente Sprachen">
|
|
<button class="btn btn-default pmd-btn-outline " type="button" id="dropdownMenu" data-toggle="dropdown" aria-expanded="false">
|
|
<span class="flex items-center">
|
|
<span id="selection">DE
|
|
</span>
|
|
<span class="material-icons" style="font-size: 19px">arrow_drop_down</span>
|
|
</span>
|
|
</button>
|
|
<ul aria-labelledby="dropdownMenu" role="menu" class="dropdown-menu" id="language">
|
|
<li class="control-item" role="none">
|
|
<a id="lang-de" class="control-locale active" href="?login&language=de" aria-label="Deutsch">DE
|
|
</a>
|
|
</li>
|
|
<li class="control-item" role="none">
|
|
<a id="lang-fr" class="control-locale" href="?login&language=fr" aria-label="Französisch">FR
|
|
</a>
|
|
</li>
|
|
<li class="control-item" role="none">
|
|
<a id="lang-it" class="control-locale" href="?login&language=it" aria-label="Italienisch">IT
|
|
</a>
|
|
</li>
|
|
<li class="control-item" role="none">
|
|
<a id="lang-en" class="control-locale" href="?login&language=en" aria-label="Englisch">EN
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</span>
|
|
</div>
|
|
</div></header>
|
|
<div id="helperSidebar" class="offcanvas-sidebar">
|
|
<div class="flex items-center card-header">
|
|
<h1 class="w-full text-white text-header">
|
|
<span>Hilfe</span>
|
|
</h1>
|
|
<span role="button" class="p-3 ml-auto" onclick="toggleHelpBar()">
|
|
<span class="material-icons" aria-label="Close OffCanvas panel">close</span>
|
|
</span>
|
|
</div>
|
|
<div>
|
|
<div id="help-info-panel" class="card text-high-emphasis">
|
|
<div class="card-header cursor-pointer" id="heading-content-1" onclick="toggleDescription('1')">
|
|
<div data-toggle="collapse" data-parent="#helperSidebar" aria-expanded="false" aria-controls="offcanvas-collapsible-1">
|
|
<h2 class="mb-0 text-high-emphasis text-body1-xl flex">
|
|
<span class="material-icons">expand_more</span>
|
|
Mein Konto verwalten
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
<div id="offcanvas-collapsible-1" class="collapse" aria-labelledby="header-content-1" data-parent="#helperSidebar">
|
|
<div id="collapse-content-1" class="card-body m-2">
|
|
<p class="mb-1 text-body1">Sie können Ihren CH-LOGIN Account jederzeit direkt verwalten. Dazu müssen Sie den untenstehenden Link auswählen. Bitte beachten Sie, dass Sie dabei in einem neuen Register wieder auf diese Login-Seite geleitet werden, um sich direkt auf MyAccount einzuloggen.</p>
|
|
<p class="mb-1 text-subtitle2">Weitere Informationen:</p>
|
|
<form id="formHelp" name="formHelp" method="POST" autocomplete="off" class="inline-block w-full" action="myaccount">
|
|
<button class="text-primary text-button" name="myAccountHelp" type="submit" id="myAccountHelp" value="myAccountHelp">
|
|
Link auf MyAccount
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="help-info-support" class="card text-high-emphasis">
|
|
<div class="card-header cursor-pointer" id="heading-content-2" onclick="toggleDescription('2')">
|
|
<div data-toggle="collapse" data-parent="#helperSidebar" aria-expanded="false" aria-controls="offcanvas-collapsible-1">
|
|
<h2 class="mb-0 flex text-body1-xl">
|
|
<span class="material-icons">expand_more</span>
|
|
Support
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
<div id="offcanvas-collapsible-2" class="collapse" aria-labelledby="header-content-2" data-parent="#helperSidebar">
|
|
<div id="collapse-content-2" class="card-body m-2">
|
|
<p class="text-body1">Wenn Sie Unterstützung benötigen, kontaktieren Sie bitte folgende Seite:<br><a href="https://www.eiam.admin.ch/support" target="_blank">https://www.eiam.admin.ch/support</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="backdrop" onclick="toggleHelpBar()"></div>
|
|
|
|
|
|
|
|
|
|
<div id="guiInfo" class="hidden">
|
|
<div>
|
|
Rendering GUI=OathDialog
|
|
</div>
|
|
<div>
|
|
CICD Code=_default
|
|
</div>
|
|
<div>
|
|
appName=PrivateIdp
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="content-container">
|
|
<div class="mdc-card container480 main">
|
|
<p class="text-h1 text-high-emphasis pb5">Zwei-Faktor-Authentifizierung</p>
|
|
<p class="text-subtitle1 text-medium-emphasis">Geben Sie den 6-stelligen Bestätigungscode ein, den Sie in der Authenticator-App sehen.</p>
|
|
|
|
<div>
|
|
<eiam-banner class="block mt-4" data-type="error" data-text="Der eingegebene Bestätigungscode aus der Authenticator-App ist falsch. Bitte versuchen Sie es erneut. Bitte beachten Sie, dass sich der Code in der Zwischenzeit geändert haben kann.">
|
|
|
|
<div class="banner-container banner-error">
|
|
<span class="banner-image material-icons"></span>
|
|
<p class="banner-text text-body2 text-high-emphasis">Der eingegebene Bestätigungscode aus der Authenticator-App ist falsch. Bitte versuchen Sie es erneut. Bitte beachten Sie, dass sich der Code in der Zwischenzeit geändert haben kann.</p>
|
|
</div>
|
|
</eiam-banner>
|
|
</div>
|
|
|
|
<form id="formRegUser" name="formRegUser" method="POST" autocomplete="off" action="
|
|
?login&language=de
|
|
" class="mt-4">
|
|
<input type="hidden" name="LogrendAppl" value="PrivateIdp" tabindex="203" style="">
|
|
|
|
<eiam-input data-type="number" data-id="code2FA" data-label="Bestätigungscode" data-name="response" data-autofocus="true" data-error="Bitte geben Sie einen Code ein.">
|
|
|
|
<label class="mdc-text-field mdc-text-field--outlined mdc-text-field--focused mdc-text-field--label-floating">
|
|
<span class="mdc-notched-outline mdc-notched-outline--upgraded mdc-notched-outline--notched">
|
|
<span class="mdc-notched-outline__leading"></span>
|
|
<span class="mdc-notched-outline__notch border-x-none" style="width: 116px;">
|
|
<span class="mdc-floating-label text-body1 mdc-floating-label--float-above" id="label-input" style="">Bestätigungscode</span>
|
|
</span>
|
|
<span class="mdc-notched-outline__trailing"></span>
|
|
</span>
|
|
<input type="number" class="mdc-text-field__input text-body1" aria-labelledby="label-input" aria-controls="helper-id" aria-describedby="helper-id" name="response" id="code2FA" style="">
|
|
<i class="material-icons justify-center mdc-text-field__icon mdc-text-field__icon--trailing select-none mdc-ripple-upgraded" tabindex="0" role="button" style="display: none;">visibility</i>
|
|
</label>
|
|
<div class="mdc-text-field-helper-line absolute" style="display: none;">
|
|
<div class="mdc-text-field-helper-text text-caption mdc-text-field-helper-text--validation-msg" id="helper-error-id" aria-hidden="true">Bitte geben Sie einen Code ein.</div>
|
|
<div class="mdc-text-field-helper-text mdc-text-field-helper-text--persistent text-caption" id="helper-id" aria-hidden="true"></div>
|
|
</div>
|
|
</eiam-input>
|
|
|
|
<div class="flex flex-row-reverse my-6">
|
|
<eiam-button class="ml-6" data-style="contained" data-type="submit" data-label="Weiter" data-name="continueWithCaptcha" data-value="continueWithCaptcha" onclick="code2FA.validateCode(event)">
|
|
|
|
<button class="mdc-button mdc-button--unelevated mdc-ripple-upgraded" type="submit" name="continueWithCaptcha" value="continueWithCaptcha">
|
|
<span class="mdc-button__ripple"></span>
|
|
<span class="mdc-button__label text-button">Weiter</span>
|
|
</button>
|
|
</eiam-button>
|
|
<eiam-button data-label="Abbrechen" data-type="submit" data-name="cancel" data-value="cancel">
|
|
|
|
<button class="mdc-button mdc-ripple-upgraded" type="submit" name="cancel" value="cancel">
|
|
<span class="mdc-button__ripple"></span>
|
|
<span class="mdc-button__label text-button">Abbrechen</span>
|
|
</button>
|
|
</eiam-button>
|
|
</div>
|
|
<hr id="separator" class="-ml-8 -mr-8 mb-6">
|
|
|
|
<div>
|
|
<p class="text-overline text-medium-emphasis">Haben Sie Ihr Mobiltelefon verloren?</p>
|
|
<button class="text-button text-primary underline mb-4" type="submit" name="helpInfo_problem" id="helpInfo_problem" value="problem">
|
|
Neuen zweiten Faktor registrieren
|
|
</button>
|
|
|
|
</div>
|
|
</form>
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
document.dispatchEvent(new Event('2FALoaded'));
|
|
});
|
|
</script>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<footer class="flex flex-row justify-between w-full border-t
|
|
border-slate-300 bg-neutral-100 text-body2 absolute bottom-0 left-0 p-2">
|
|
<span>Bundesamt für Informatik und Telekommunikation BIT</span>
|
|
<a class="text-primary hover:underline text-button text-high-emphasis" href="http://www.disclaimer.admin.ch/index.html" target="_blank">
|
|
Rechtliche Grundlagen
|
|
</a>
|
|
</footer>
|
|
</div> <!-- application -->
|
|
<script src="/login/resources/nevislogrend/applications/arm_sso_chlogin/webdata/static/bundle.js"></script><eiam-toast>
|
|
<div class="toast-container toast-closed">
|
|
<span class="toast-image material-icons"></span>
|
|
<span class="toast-text">
|
|
<p id="toast-header" class="text-subtitle2 text-high-emphasis">undefined</p>
|
|
<p id="toast-text" class="text-body2 text-high-emphasis">undefined</p>
|
|
</span>
|
|
<span class="toast-close material-icons"></span>
|
|
</div>
|
|
</eiam-toast>
|
|
|
|
|
|
|
|
</body></html> |