UNPKG

@nakedobjects/gemini

Version:

Single Page Application client for a Naked Objects application.

21 lines 7.15 kB
import { Component } from '@angular/core'; import * as i0 from "@angular/core"; import * as i1 from "@nakedobjects/services"; import * as i2 from "@angular/common"; export class LoginComponent { context; auth; configService; constructor(context, auth, configService) { this.context = context; this.auth = auth; this.configService = configService; } static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: LoginComponent, deps: [{ token: i1.ContextService }, { token: i1.AuthService }, { token: i1.ConfigService }], target: i0.ɵɵFactoryTarget.Component }); static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: LoginComponent, selector: "nof-login", ngImport: i0, template: "<div id=\"pane1\" class=\"single\">\n <div class=\"login\">\n <div class=\"header\">\n <div class=\"title\">Welcome to {{configService.config.applicationName}}</div>\n </div>\n <ng-container *ngIf=\"!context.clearingDataFlag\">\n <p>Clicking the login button will generate a pop-up managed by the 'Auth0 service.</p>\n <p>This will allow you to login using your Google, or other recognised account.</p>\n <button class=\"btn btn-primary btn-margin\" (click)=\"auth.login()\">Log In</button>\n </ng-container>\n <ng-container *ngIf=\"context.clearingDataFlag\">\n <p>Please wait while caches are cleared</p>\n </ng-container>\n </div>\n</div>", styles: [":host{display:block;padding-left:var(--space-5);height:100%;overflow-y:auto;color:#fff;font-size:var(--font-size-2);font-weight:var(--font-weight-1)}.header{display:block;margin-bottom:var(--space-5);overflow:hidden;color:var(--contrast-text-color);font-size:var(--font-size-4);font-weight:var(--font-weight-2);background-image:var(--header-background-color)}.title{position:relative;font-weight:var(--font-weight-2);font-size:var(--font-size-4);line-height:38pt;margin-left:var(--space-1);padding-left:var(--space-3);padding-right:var(--space-3);margin-right:var(--space-5);margin-top:var(--space-1);display:block}button{color:var(--default-text-color);background-color:var(--default-background-color);border:none;outline-width:1px;outline-color:var(--default-outline-color);margin-right:var(--space-5);display:block;float:left;margin-left:var(--space-1);margin-right:var(--space-4);margin-bottom:var(--space-3);font-size:var(--font-size-3);font-weight:var(--font-weight-2)}button:hover{outline-width:2px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: LoginComponent, decorators: [{ type: Component, args: [{ selector: 'nof-login', template: "<div id=\"pane1\" class=\"single\">\n <div class=\"login\">\n <div class=\"header\">\n <div class=\"title\">Welcome to {{configService.config.applicationName}}</div>\n </div>\n <ng-container *ngIf=\"!context.clearingDataFlag\">\n <p>Clicking the login button will generate a pop-up managed by the 'Auth0 service.</p>\n <p>This will allow you to login using your Google, or other recognised account.</p>\n <button class=\"btn btn-primary btn-margin\" (click)=\"auth.login()\">Log In</button>\n </ng-container>\n <ng-container *ngIf=\"context.clearingDataFlag\">\n <p>Please wait while caches are cleared</p>\n </ng-container>\n </div>\n</div>", styles: [":host{display:block;padding-left:var(--space-5);height:100%;overflow-y:auto;color:#fff;font-size:var(--font-size-2);font-weight:var(--font-weight-1)}.header{display:block;margin-bottom:var(--space-5);overflow:hidden;color:var(--contrast-text-color);font-size:var(--font-size-4);font-weight:var(--font-weight-2);background-image:var(--header-background-color)}.title{position:relative;font-weight:var(--font-weight-2);font-size:var(--font-size-4);line-height:38pt;margin-left:var(--space-1);padding-left:var(--space-3);padding-right:var(--space-3);margin-right:var(--space-5);margin-top:var(--space-1);display:block}button{color:var(--default-text-color);background-color:var(--default-background-color);border:none;outline-width:1px;outline-color:var(--default-outline-color);margin-right:var(--space-5);display:block;float:left;margin-left:var(--space-1);margin-right:var(--space-4);margin-bottom:var(--space-3);font-size:var(--font-size-3);font-weight:var(--font-weight-2)}button:hover{outline-width:2px}\n"] }] }], ctorParameters: () => [{ type: i1.ContextService }, { type: i1.AuthService }, { type: i1.ConfigService }] }); //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vZ2VtaW5pL3NyYy9sb2dpbi9sb2dpbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9nZW1pbmkvc3JjL2xvZ2luL2xvZ2luLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFRMUMsTUFBTSxPQUFPLGNBQWM7SUFHSDtJQUNBO0lBQ0E7SUFIcEIsWUFDb0IsT0FBdUIsRUFDdkIsSUFBaUIsRUFDakIsYUFBNEI7UUFGNUIsWUFBTyxHQUFQLE9BQU8sQ0FBZ0I7UUFDdkIsU0FBSSxHQUFKLElBQUksQ0FBYTtRQUNqQixrQkFBYSxHQUFiLGFBQWEsQ0FBZTtJQUM1QyxDQUFDO3VHQU5JLGNBQWM7MkZBQWQsY0FBYyxpRENSM0IsMHVCQWNNOzsyRkROTyxjQUFjO2tCQUwxQixTQUFTOytCQUNJLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEF1dGhTZXJ2aWNlLCBDb25maWdTZXJ2aWNlLCBDb250ZXh0U2VydmljZSB9IGZyb20gJ0BuYWtlZG9iamVjdHMvc2VydmljZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25vZi1sb2dpbicsXG4gICAgdGVtcGxhdGVVcmw6ICdsb2dpbi5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJ2xvZ2luLmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBMb2dpbkNvbXBvbmVudCB7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHVibGljIHJlYWRvbmx5IGNvbnRleHQ6IENvbnRleHRTZXJ2aWNlLFxuICAgICAgICBwdWJsaWMgcmVhZG9ubHkgYXV0aDogQXV0aFNlcnZpY2UsXG4gICAgICAgIHB1YmxpYyByZWFkb25seSBjb25maWdTZXJ2aWNlOiBDb25maWdTZXJ2aWNlXG4gICAgKSB7IH1cbn1cbiIsIjxkaXYgaWQ9XCJwYW5lMVwiIGNsYXNzPVwic2luZ2xlXCI+XG4gICAgPGRpdiBjbGFzcz1cImxvZ2luXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJoZWFkZXJcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPldlbGNvbWUgdG8ge3tjb25maWdTZXJ2aWNlLmNvbmZpZy5hcHBsaWNhdGlvbk5hbWV9fTwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFjb250ZXh0LmNsZWFyaW5nRGF0YUZsYWdcIj5cbiAgICAgICAgICAgIDxwPkNsaWNraW5nIHRoZSBsb2dpbiBidXR0b24gd2lsbCBnZW5lcmF0ZSBhIHBvcC11cCBtYW5hZ2VkIGJ5IHRoZSAnQXV0aDAgc2VydmljZS48L3A+XG4gICAgICAgICAgICA8cD5UaGlzIHdpbGwgYWxsb3cgeW91IHRvIGxvZ2luIHVzaW5nIHlvdXIgR29vZ2xlLCBvciBvdGhlciByZWNvZ25pc2VkIGFjY291bnQuPC9wPlxuICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ0biBidG4tcHJpbWFyeSBidG4tbWFyZ2luXCIgKGNsaWNrKT1cImF1dGgubG9naW4oKVwiPkxvZyBJbjwvYnV0dG9uPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImNvbnRleHQuY2xlYXJpbmdEYXRhRmxhZ1wiPlxuICAgICAgICAgICAgPHA+UGxlYXNlIHdhaXQgd2hpbGUgY2FjaGVzIGFyZSBjbGVhcmVkPC9wPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==