File
Metadata
selector |
cd-sso-not-found |
styleUrls |
./sso-not-found.component.scss |
templateUrl |
./sso-not-found.component.html |
import { Component } from '@angular/core';
@Component({
selector: 'cd-sso-not-found',
templateUrl: './sso-not-found.component.html',
styleUrls: ['./sso-not-found.component.scss']
})
export class SsoNotFoundComponent {
logoutUrl: string;
constructor() {
this.logoutUrl = `${window.location.origin}/auth/saml2/slo`;
}
}
<div class="row">
<div class="col-md-12 text-center">
<h1 i18n>Sorry, the user does not exist in Ceph.</h1>
<h4 i18n>Return to <a class="sso-logout" [href]="logoutUrl">Login Page</a>. You'll be logged out from the Identity Provider when you retry logging in.</h4>
<img class="img-responsive center-block img-rounded"
src="/assets/1280px-Nautilus_Octopus.jpg">
<span>
"<a href="https://www.flickr.com/photos/146401137@N06/40335060661">Nautilus Octopus</a>" by Jin Kemoole is licensed under
<a rel="nofollow"
class="external text"
href="https://creativecommons.org/licenses/by/2.0/">CC BY 2.0</a>
</span>
</div>
</div>
h1 {
font-size: -webkit-xxx-large;
}
* {
font-family: monospace;
}
img {
width: 50vw;
}
Legend
Html element with directive