@eui/cli 15.0.0-next.3 → 15.0.0-next.4

package/lib/__old-to-review/skeletons/_angular/features/ErrorHandling/src/app/features/error-handling/error-handling.component.spec.ts

@@ -1,81 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
-import { UxPanelComponentModule,
-    UxLabelComponentModule,
-    UxButtonComponentModule,
-    UxService,
-    UxDomService,
-} from '@eui/core';
-import { ErrorHandlingComponent } from './error-handling.component';
-import { ApiServiceMock } from './api.service.spec';
-import { ApiService } from './api.service';
-import { TranslateService } from '@ngx-translate/core';
-import { of } from 'rxjs';
-
-class UxServiceMock {
-    uniqueId() {
-
-    }
-}
-
-class TranslateServiceMock {
-
-    onTranslationChange = of({ lang: null });
-    onLangChange = of({ lang: null });
-    onDefaultLangChange = of({ lang: null });
-    lang = 'en';
-
-    use(lang) {
-        return null;
-    }
-
-    public get(key: any, interpolateParams?: any): any {
-        return of(key);
-    }
-
-    public updateValue(key: any, interpolateParams: any, translations: any) {
-        return null;
-    }
-
-    public transform(query: any) {
-        return null;
-    }
-}
-
-class UxDomServiceMock {
-
-}
-
-fdescribe('ErrorHandlingComponent', () => {
-    let component: ErrorHandlingComponent;
-    let fixture: ComponentFixture<ErrorHandlingComponent>;
-    let uxService: UxService;
-
-    beforeEach(async(() => {
-        TestBed.configureTestingModule({
-            declarations: [ErrorHandlingComponent],
-            imports: [
-                HttpClientTestingModule,
-                UxPanelComponentModule,
-                UxLabelComponentModule,
-                UxButtonComponentModule,
-            ],
-            providers: [
-                { provide: UxService, useClass: UxServiceMock },
-                { provide: UxDomService, useClass: UxDomServiceMock },
-                { provide: ApiService, useClass: ApiServiceMock },
-                { provide: TranslateService, useClass: TranslateServiceMock },
-            ],
-        }).compileComponents();
-        uxService = TestBed.inject(UxService);
-        // spyOn(UxService, 'uniqueId').and.returnValue(null);
-
-        fixture = TestBed.createComponent(ErrorHandlingComponent);
-        component = fixture.componentInstance;
-        fixture.detectChanges();
-    }));
-
-    it('should create', () => {
-        expect(component).toBeTruthy();
-    });
-});

package/lib/__old-to-review/skeletons/_angular/features/ErrorHandling/src/app/features/error-handling/error-handling.component.ts

@@ -1,31 +0,0 @@
-import { Component } from '@angular/core';
-import { ApiService } from './api.service';
-
-@Component({
-    selector: 'app-error-handling',
-    templateUrl: './error-handling.component.html'
-})
-export class ErrorHandlingComponent {
-
-    constructor(private api: ApiService) { }
-
-    getError400() {
-        this.api.getError400().subscribe();
-    }
-
-    getError500() {
-        this.api.getError500().subscribe();
-    }
-
-    getError404() {
-        this.api.getNonExistingContent404().subscribe();
-    }
-
-    getAdmin() {
-        this.api.getAdmin().subscribe();
-    }
-
-    getNonExistent() {
-        this.api.getNonExistentAPI().subscribe();
-    }
-}

package/lib/__old-to-review/skeletons/_angular/features/ErrorHandling/src/app/features/error-handling/error-handling.module.ts

@@ -1,62 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-import { HTTP_INTERCEPTORS } from '@angular/common/http';
-import {
-    UxPanelComponentModule,
-    UxButtonComponentModule,
-    UxLabelComponentModule,
-    HttpErrorHandlerInterceptor
-} from '@eui/core';
-import { ErrorHandlingComponent } from './error-handling.component';
-import { ApiService } from './api.service';
-
-@Component({
-    template: `
-            <h1>Page not found!</h1>
-            <p>We are sorry the page you tried to access does not exist.</p>
-            <button [routerLink]="['/screen/home']"
-                    [preserveFragment]="false">
-                Go Home
-            </button>
-    `
-})
-export class Error404Component { }
-
-@Component({
-    template: `
-            <h1>Server error</h1>
-            <p>We are sorry but an error on the server occurred. Please try again in a few minutes</p>
-            <button [routerLink]="['/screen/home']"
-                    [preserveFragment]="false">
-                Go Home
-            </button>
-    `
-})
-export class Error500Component { }
-
-const routes: Routes = [
-    { path: '', component: ErrorHandlingComponent },
-    { path: 'error/internal-server-error', component: Error500Component },
-    { path: 'error/page-not-found', component: Error404Component },
-];
-
-@NgModule({
-    declarations: [
-        ErrorHandlingComponent,
-        Error404Component,
-        Error500Component
-    ],
-    imports: [
-        CommonModule,
-        RouterModule.forChild(routes),
-        UxPanelComponentModule,
-        UxButtonComponentModule,
-        UxLabelComponentModule
-    ],
-    providers: [
-        ApiService
-    ]
-})
-export class ErrorHandlingModule { }

package/lib/__old-to-review/skeletons/_angular/features/ErrorHandling/src/config/index.ts

@@ -1,49 +0,0 @@
-import { GLOBAL } from './global';
-import { MODULES } from './modules';
-import {
-    ConsoleHttpErrorCallbackFn,
-    LogHttpErrorCallbackFn,
-    GrowlHttpErrorCallbackFn,
-    UxService,
-    BaseAppConfig
-} from '@eui/core';
-import { Injector } from '@angular/core';
-import { HttpErrorResponse } from '@angular/common/http';
-
-export function CustomHttpErrorCallbackHander(error: HttpErrorResponse, injector: Injector) {
-    const uxService = injector.get(UxService);
-    uxService.growlError(error.message);
-}
-
-export const appConfig: BaseAppConfig = {
-    global: GLOBAL,
-    modules: MODULES,
-    httpErrorHandler: {
-        routes: [
-            {
-                path: '/api/getError500',
-                '500': '/screen/error-handling/error/internal-server-error',
-            },
-            {
-                path: '/api/customErrorHandlerOn400',
-                '400': null,
-                default: GrowlHttpErrorCallbackFn
-            },
-            {
-                path: '/api/*',
-                '404': '/screen/error-handling/error/page-not-found',
-                default: ConsoleHttpErrorCallbackFn,
-            },
-            {
-                path: '/api/admin/*',
-                '401': null,
-                default: LogHttpErrorCallbackFn,
-            },
-            {
-                path: '*',
-                '500': '/screen/error-handling/error/internal-server-error',
-                default: CustomHttpErrorCallbackHander,
-            }
-        ]
-    }
-};

package/lib/__old-to-review/skeletons/_angular/features/HttpInterceptor/src/app/features/http-interceptor/http-interceptor.module.ts

@@ -1,10 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-@NgModule({
-    declarations: [],
-    imports: [
-        CommonModule
-    ]
-})
-export class HttpInterceptorModule { }

package/lib/__old-to-review/skeletons/_angular/features/Migration/src/app/features/migration/migration.module.ts

@@ -1,22 +0,0 @@
-import { NgModule, Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { RouterModule } from '@angular/router';
-
-@Component({
-    selector: 'app-main',
-    template: `
-        <h1>This feature will be available soon. Hasn't been merged yet ;)</h1>
-    `
-})
-export class MainComponent {
-
-}
-
-@NgModule({
-    declarations: [MainComponent],
-    imports: [
-        RouterModule.forChild([{ path: '', component: MainComponent }]),
-        CommonModule
-    ]
-})
-export class MigrationModule { }

package/lib/__old-to-review/skeletons/_angular/features/Permission/src/app/features/permission/accessible/accessible.component.html

@@ -1,29 +0,0 @@
-<h2>Permission to see this text</h2>
-<p *hasPermission="['ACCESSIBLE.toSeeText']">
-    The user has permissions to see this text.
-</p>
-<p style="color: red;" *ngIf="hasNotPermission('ACCESSIBLE.toSeeText')">The user has not this permission</p>
-<h2>Permission to Click this button</h2>
-<ux-button *hasPermission="['ACCESSIBLE.toClickButton']">To Click this</ux-button>
-<p style="color: red;" *ngIf="hasNotPermission('ACCESSIBLE.toClickButton')">The user has not this permission</p>
-<h2>Permission to select option</h2>
-<select style="margin-top: 2rem;" *hasPermission="['ACCESSIBLE.toSelectOption']">
-    <option value="one">Option 1</option>
-    <option value="two">Option 2</option>
-</select>
-<p style="color: red;" *ngIf="hasNotPermission('ACCESSIBLE.toSelectOption')">The user has not this permission</p>
-
-<ux-panel label="User Rights">
-    <div *ngFor="let right of (getUserRights() | async)">
-        <div *ngFor="let perm of right.permissions">
-            <ux-a-label label="{{right.id}}" subLabel="{{perm}}" [hasMarker]="true" markerTypeClass="primary"></ux-a-label>
-            <br>
-        </div>
-    </div>
-</ux-panel>
-
-<ux-panel label="Page Permissions">
-    <div *ngFor="let permission of (getPageRights() | async).permissions">
-        <ux-a-label label="{{permission}}" [hasMarker]="true" markerTypeClass="primary"></ux-a-label>
-    </div>
-</ux-panel>

package/lib/__old-to-review/skeletons/_angular/features/Permission/src/app/features/permission/accessible/accessible.component.spec.ts

@@ -1,123 +0,0 @@
-import { RouterTestingModule } from '@angular/router/testing';
-import { ActivatedRoute } from '@angular/router';
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import {
-    UxHasPermissionDirectiveModule,
-    UxButtonComponentModule,
-    UxPanelComponentModule,
-    UxLabelComponentModule,
-    EuiPermissionService,
-    UxService,
-    UxDomService,
-    getUserRightPermissions,
-    getUserRights
-} from '@eui/core';
-import { provideMockStore } from '@ngrx/store/testing';
-import { of } from 'rxjs';
-import { TranslateService } from '@ngx-translate/core';
-import { AccessibleComponent } from './accessible.component';
-
-class EuiPermissionServiceMock extends EuiPermissionService {
-    checkAttributePermission(permStr: string) { return true; }
-}
-class UxServiceMock extends UxService {
-
-}
-class UxDomServiceMock extends UxDomService {
-
-}
-
-class TranslateServiceMock {
-
-    onTranslationChange = of({ lang: null });
-    onLangChange = of({ lang: null });
-    onDefaultLangChange = of({ lang: null });
-    lang = 'en';
-
-    constructor() {
-    }
-
-    use(lang) {
-        return null;
-    }
-
-    public get(key: any, interpolateParams?: any): any {
-        return of(key);
-    }
-
-    public updateValue(key: any, interpolateParams: any, translations: any) {
-        return null;
-    }
-
-    public transform(query: any) {
-        return null;
-    }
-}
-
-fdescribe('AccessibleComponent', () => {
-    let component: AccessibleComponent;
-    let fixture: ComponentFixture<AccessibleComponent>;
-
-    const initialState = {
-        app: null,
-        notifications: null,
-        user: {
-            userId: null,
-            preferences: {
-                dashboard: null
-            },
-            rights: [{
-                id: 'right-to-remain-silent',
-                permissions: ['ok', 'do-it'],
-            }],
-        },
-    };
-
-    beforeEach(async(() => {
-        TestBed.configureTestingModule({
-            imports: [
-                RouterTestingModule,
-                UxHasPermissionDirectiveModule,
-                UxButtonComponentModule,
-                UxPanelComponentModule,
-                UxLabelComponentModule
-            ],
-            declarations: [
-                AccessibleComponent
-            ],
-            providers: [
-                provideMockStore({ initialState }),
-                { provide: EuiPermissionService, useClass: EuiPermissionServiceMock },
-                { provide: UxService, useClass: UxServiceMock },
-                { provide: UxDomService, useClass: UxDomServiceMock },
-                { provide: TranslateService, useClass: TranslateServiceMock },
-                {
-                    provide: ActivatedRoute,
-                    useValue: {
-                        data: of({ id: initialState.user.rights[0].id }),
-                        snapshot: {
-                            paramMap: {
-                                get: () => 1, // represents the bookId
-                            }
-                        }
-                    }
-                }
-            ]
-        }).compileComponents();
-
-    }));
-
-    it('getUserRights', () => expect(getUserRights(initialState)).toEqual(initialState.user.rights));
-
-    it('getUserRightPermissions', () =>
-        expect(getUserRightPermissions('right-to-remain-silent')(initialState)).toEqual(initialState.user.rights[0].permissions));
-
-    it('should create', () => {
-
-        fixture = TestBed.createComponent(AccessibleComponent);
-        component = fixture.componentInstance;
-        fixture.detectChanges();
-
-        expect(component).toBeTruthy();
-    });
-});

package/lib/__old-to-review/skeletons/_angular/features/Permission/src/app/features/permission/accessible/accessible.component.ts

@@ -1,37 +0,0 @@
-import { Component, OnInit, OnDestroy } from '@angular/core';
-import { EuiPermissionService, getUserRight, CoreUserRight, getUserRights } from '@eui/core';
-import { Store } from '@ngrx/store';
-import { Subject } from 'rxjs/internal/Subject';
-import { tap, map, switchMap } from 'rxjs/operators';
-import { Observable } from 'rxjs/Observable';
-import { ActivatedRoute } from '@angular/router';
-
-@Component({
-    selector: 'app-accessible',
-    templateUrl: './accessible.component.html'
-})
-export class AccessibleComponent {
-    rightsChanged: Subject<any> = new Subject<any>();
-
-    constructor(private route: ActivatedRoute, private store: Store<any>, private permissionService: EuiPermissionService) { }
-
-    getUserRights(): Observable<CoreUserRight[]> {
-        return this.store.select(getUserRights)
-            .pipe(
-                tap(() => this.rightsChanged.next())
-            );
-    }
-
-    getPageRights(): Observable<CoreUserRight> {
-        return this.route.data.pipe(
-            map(data => data.id),
-            switchMap((id) => this.store.select(getUserRight(id))
-                .pipe(tap(() => this.rightsChanged.next())))
-        );
-    }
-
-    hasNotPermission(permission: string) {
-        return !this.permissionService.checkPermission(permission.split('.')[0], permission.split('.')[1]);
-    }
-
-}

package/lib/__old-to-review/skeletons/_angular/features/Permission/src/app/features/permission/auth-guard.service.spec.ts

@@ -1,49 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-import { RouterTestingModule } from '@angular/router/testing';
-import {
-    UxAuthGuardService,
-    UxService
-} from '@eui/core';
-import { AuthGuardService } from './auth-guard.service';
-
-class UxAuthGuardServiceMock {
-    checkLogin(url: string): boolean {
-        return true;
-    }
-
-    checkRouteRight(id): boolean {
-        return true;
-    }
-}
-
-class UxServiceMock {
-
-}
-
-fdescribe('AuthGuardService', () => {
-    let uxAuthGuardService: UxAuthGuardService;
-
-    beforeEach(() => {
-        TestBed.configureTestingModule({
-            imports: [
-                RouterTestingModule
-            ],
-            providers: [
-                AuthGuardService,
-                { provide: UxAuthGuardService, useClass: UxAuthGuardServiceMock },
-                { provide: UxService, useClass: UxServiceMock }
-            ]
-        });
-
-        uxAuthGuardService = TestBed.inject(UxAuthGuardService);
-    });
-
-    it('should be created', () => {
-        const service: AuthGuardService = TestBed.inject(AuthGuardService);
-
-        const spy1 = spyOn(uxAuthGuardService, 'checkLogin').and.returnValue(true);
-        const spy2 = spyOn(uxAuthGuardService, 'checkRouteRight').and.returnValue(true);
-
-        expect(service).toBeTruthy();
-    });
-});

package/lib/__old-to-review/skeletons/_angular/features/Permission/src/app/features/permission/auth-guard.service.ts

@@ -1,40 +0,0 @@
-import { Injectable } from '@angular/core';
-import { ActivatedRouteSnapshot, CanActivate, CanActivateChild, Router, RouterStateSnapshot } from '@angular/router';
-import {
-    UxAuthGuardService, UxService
-} from '@eui/core';
-
-@Injectable()
-export class AuthGuardService implements CanActivate, CanActivateChild {
-
-    constructor(private router: Router,
-                private uxAuthGuardService: UxAuthGuardService,
-                private uxService: UxService) {
-    }
-
-    canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean {
-        let url: string = state.url;
-
-        // Checks login. If It is not, It redirects user.
-        if (this.uxAuthGuardService.checkLogin(url)) {
-            // Checks route right based on permission data and returns false/true We are using route->data
-            if (this.uxAuthGuardService.checkRouteRight(route.data.id)) {
-                return true;
-            } else {
-                this.uxService.growlWarning('You don\'t have the permission access this page');
-            }
-        } else {
-
-            // Giving feedback to user and redirecting here.
-            this.uxService.growlWarning('You have to login to access this page');
-            this.router.navigate(['/screen/home']);
-        }
-
-        return false;
-    }
-
-    canActivateChild(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean {
-        // If You are handling child routes different way, You can customise here.
-        return this.canActivate(route, state);
-    }
-}

package/lib/__old-to-review/skeletons/_angular/features/Permission/src/app/features/permission/inaccessible/inaccessible.component.html

@@ -1,3 +0,0 @@
-<p>
-  inaccessible works!
-</p>

package/lib/__old-to-review/skeletons/_angular/features/Permission/src/app/features/permission/inaccessible/inaccessible.component.spec.ts

@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { InaccessibleComponent } from './inaccessible.component';
-
-fdescribe('InaccessibleComponent', () => {
-    let component: InaccessibleComponent;
-    let fixture: ComponentFixture<InaccessibleComponent>;
-
-    beforeEach(async(() => {
-        TestBed.configureTestingModule({
-            declarations: [InaccessibleComponent]
-        })
-    .compileComponents();
-    }));
-
-    beforeEach(() => {
-        fixture = TestBed.createComponent(InaccessibleComponent);
-        component = fixture.componentInstance;
-        fixture.detectChanges();
-    });
-
-    it('should create', () => {
-        expect(component).toBeTruthy();
-    });
-});

package/lib/__old-to-review/skeletons/_angular/features/Permission/src/app/features/permission/inaccessible/inaccessible.component.ts

@@ -1,14 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-    selector: 'app-inaccessible',
-    templateUrl: './inaccessible.component.html'
-})
-export class InaccessibleComponent implements OnInit {
-
-    constructor() { }
-
-    ngOnInit() {
-    }
-
-}

package/lib/__old-to-review/skeletons/_angular/features/Permission/src/app/features/permission/main/main.component.html

@@ -1,3 +0,0 @@
-<ux-button (click)="this.router.navigate(['accessible'], { relativeTo: this.route})">Navigate to Accessible route</ux-button>
-<br><br>
-<ux-button (click)="this.router.navigate(['inaccessible'], { relativeTo: this.route})">Navigate to inaccessible route</ux-button>

package/lib/__old-to-review/skeletons/_angular/features/Permission/src/app/features/permission/main/main.component.spec.ts

@@ -1,33 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { MainComponent } from './main.component';
-import { CoreModule } from '../../../core/core.module';
-import { RouterMock } from '../../../shared/testing/router.mock';
-import { Router } from '@angular/router';
-
-xdescribe('MainComponent', () => {
-    let component: MainComponent;
-    let fixture: ComponentFixture<MainComponent>;
-
-    beforeEach(async(() => {
-        TestBed.configureTestingModule({
-            imports: [
-                CoreModule,
-            ],
-            declarations: [MainComponent],
-            providers: [
-                { provide: Router, useClass: RouterMock },
-            ],
-        }).compileComponents();
-    }));
-
-    beforeEach(() => {
-        fixture = TestBed.createComponent(MainComponent);
-        component = fixture.componentInstance;
-        fixture.detectChanges();
-    });
-
-    it('should create', () => {
-        expect(component).toBeTruthy();
-    });
-});

package/lib/__old-to-review/skeletons/_angular/features/Permission/src/app/features/permission/main/main.component.ts

@@ -1,13 +0,0 @@
-import { Component } from '@angular/core';
-import { Router, ActivatedRoute } from '@angular/router';
-
-@Component({
-    selector: 'app-main',
-    templateUrl: './main.component.html'
-})
-export class MainComponent {
-
-    constructor(public router: Router, public route: ActivatedRoute) {
-    }
-
-}

package/lib/__old-to-review/skeletons/_angular/features/Permission/src/app/features/permission/permission.module.ts

@@ -1,34 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { AccessibleComponent } from './accessible/accessible.component';
-import { InaccessibleComponent } from './inaccessible/inaccessible.component';
-import { RouterModule, Route } from '@angular/router';
-import { UxHasPermissionDirectiveModule, UxButtonComponentModule, UxPanelComponentModule, UxLabelComponentModule } from '@eui/core';
-import { AuthGuardService } from './auth-guard.service';
-import { MainComponent } from './main/main.component';
-
-const routes: Route[] = [
-    { path: '', component: MainComponent },
-    { path: 'accessible', component: AccessibleComponent , data: { id: 'ACCESSIBLE' }, canActivate: [AuthGuardService] },
-    { path: 'inaccessible', component: InaccessibleComponent, data: { id: 'INACCESSIBLE' }, canActivate: [AuthGuardService] }
-];
-
-@NgModule({
-    declarations: [
-        AccessibleComponent,
-        InaccessibleComponent,
-        MainComponent
-    ],
-    imports: [
-        RouterModule.forChild(routes),
-        CommonModule,
-        UxHasPermissionDirectiveModule,
-        UxButtonComponentModule,
-        UxPanelComponentModule,
-        UxLabelComponentModule
-    ],
-    providers: [
-        AuthGuardService
-    ]
-})
-export class PermissionModule { }