@eui/cli 15.0.0-next.2 → 15.0.0-next.20

package/lib/__old-to-review/skeletons/_angular/features/Translation/src/app/features/translation/components/main/main.component.html

@@ -1,18 +0,0 @@
-<ux-panel label="Translation Showcase">
-    <b>This is translated using ngx-translate pipe:</b> {{'menu.home.label'|translate}}
-    <br>
-    <b>This is translated dynamically by calling Translation service API:</b> {{sampleText}}
-    <br>
-    <b> Translation service API but using custom pipe:</b> {{'Example translated with a pipe!!!' | appServiceTranslate | async }}
-</ux-panel>
-
-<h2>Add new Resource</h2>
-<p>You can dynamically add translation resources. Each resource represents a specific bunch of translations keys.
-    You can have as many as you want (the less the better though - due to increasing number of API calls).
-    You can try it below.</p>
-<ux-form-group isVertical=true label="Translation Resource">
-<input [(ngModel)]="resource" placeholder="api/module-translate/">
-    <ux-button (click)="onAddNewResource()">Add Resource</ux-button>
-</ux-form-group>
-<p>Once you add some pay special attention to the Network tab of Developer tools
-    and notice that an API call is been made with the current selected language as query param.</p>

package/lib/__old-to-review/skeletons/_angular/features/Translation/src/app/features/translation/components/main/main.component.spec.ts

@@ -1,30 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { UxPanelComponentModule, UxFormGroupComponentModule, UxButtonComponentModule } from '@eui/components';
-import { MainComponent } from './main.component';
-
-xdescribe('MainComponent', () => {
-    let component: MainComponent;
-    let fixture: ComponentFixture<MainComponent>;
-
-    beforeEach(async(() => {
-        TestBed.configureTestingModule({
-            declarations: [MainComponent],
-            imports: [
-                UxPanelComponentModule,
-                UxFormGroupComponentModule,
-                UxButtonComponentModule
-            ]
-        })
-    .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/Translation/src/app/features/translation/components/main/main.component.ts

@@ -1,56 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-import {
-    UxAppShellService,
-    I18nService,
-    I18nLoaderConfig,
-} from '@eui/core';
-import { TranslateService, LangChangeEvent } from '@ngx-translate/core';
-import { switchMap, catchError, map } from 'rxjs/operators';
-import { of, merge } from 'rxjs';
-import { ApiService } from '../../services/api.service';
-
-@Component({
-    selector: 'app-main',
-    templateUrl: './main.component.html'
-})
-export class MainComponent implements OnInit {
-
-    resource: string = '';
-
-    sampleText: string = 'This is a sample text!';
-
-    constructor(private translate: TranslateService,
-                private appShellService: UxAppShellService,
-                private apiService: ApiService,
-                private i18n: I18nService) { }
-
-    ngOnInit() {
-        merge(of(null), this.translate.onLangChange).pipe(
-            switchMap((event: LangChangeEvent) => {
-                return this.apiService.getTranslateText(this.sampleText)
-                    .pipe(
-                        map((translated: string) => Object.assign({}, { event: event, translated: translated })),
-                        catchError(val => of(null))
-                    );
-            })
-        ).subscribe( ({ translated }) => this.sampleText = translated);
-    }
-
-    onAddNewResource() {
-        if (this.resource.trim() === '') {
-            this.appShellService.growlError(`Resource can't be null`);
-            return;
-        }
-
-        const config: I18nLoaderConfig = {
-            i18nResources: [
-                {
-                    prefix: this.resource.trim(),
-                    compileTranslations: 'customTransFunc'
-                }
-            ]
-        };
-        this.i18n.addResources(config);
-        this.resource = '';
-    }
-}

package/lib/__old-to-review/skeletons/_angular/features/Translation/src/app/features/translation/pipes/service-translate.pipe.ts

@@ -1,22 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-import { of, merge, Observable } from 'rxjs';
-import { switchMap } from 'rxjs/operators';
-import { TranslateService } from '@ngx-translate/core';
-import { ApiService } from '../services/api.service';
-
-@Pipe({
-    name: 'appServiceTranslate'
-})
-export class ServiceTranslatePipe implements PipeTransform {
-
-    constructor(private api: ApiService,
-                private translate: TranslateService) {
-    }
-
-    transform(value: string, args?: any): Observable<string> {
-        return merge(of(null), this.translate.onLangChange).pipe(
-            switchMap(() => this.api.getTranslateText(value))
-        );
-    }
-
-}

package/lib/__old-to-review/skeletons/_angular/features/Translation/src/app/features/translation/services/api.service.ts

@@ -1,43 +0,0 @@
-import { Injectable, Inject } from '@angular/core';
-import { HttpClient, HttpParams } from '@angular/common/http';
-import { LANG_PARAM_KEY, EuiAppConfig, CONFIG_TOKEN, LogService } from '@eui/core';
-import { of } from 'rxjs';
-import { Observable } from 'rxjs/Observable';
-import { map, catchError } from 'rxjs/operators';
-import { TranslateService } from '@ngx-translate/core';
-
-export interface YandexResponse {
-    code: string;
-    lang: string;
-    text: string[];
-}
-
-@Injectable()
-export class ApiService {
-
-    constructor(private http: HttpClient,
-                @Inject(CONFIG_TOKEN) private config: EuiAppConfig,
-                private trans: TranslateService,
-                private logService: LogService) {}
-
-    getTranslateText(text: string): Observable<any> {
-        const params = new HttpParams()
-            .set('text', text)
-            .set('key', this.config.yandexAPIKey);
-
-        if (!this.trans.currentLang) {
-            this.trans.setDefaultLang('en');
-            this.trans.currentLang = this.trans.getDefaultLang();
-        }
-
-        return this.http.get(this.config.modules.translation.api.translate, { headers: { [LANG_PARAM_KEY]: 'lang' }, params: params })
-            .pipe(
-                map((translated: YandexResponse) => translated.text[0]),
-                catchError((e) => {
-                    this.logService.warn('API changed?', e.toString());
-                    return of(text);
-                })
-            );
-    }
-
-}

package/lib/__old-to-review/skeletons/_angular/features/Translation/src/app/features/translation/translation.module.ts

@@ -1,37 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { TranslateModule } from '@ngx-translate/core';
-import {
-    UxButtonComponentModule,
-    UxPanelComponentModule,
-    UxFormGroupComponentModule
-} from '@eui/components';
-import { MainComponent } from './components/main/main.component';
-import { ServiceTranslatePipe } from './pipes/service-translate.pipe';
-import { Routes, RouterModule } from '@angular/router';
-import { ApiService } from './services/api.service';
-import { FormsModule } from '@angular/forms';
-
-const routes: Routes = [
-    { path: '', component: MainComponent }
-];
-
-@NgModule({
-    declarations: [
-        MainComponent,
-        ServiceTranslatePipe
-    ],
-    providers: [
-        ApiService
-    ],
-    imports: [
-        CommonModule,
-        FormsModule,
-        RouterModule.forChild(routes),
-        TranslateModule,
-        UxPanelComponentModule,
-        UxFormGroupComponentModule,
-        UxButtonComponentModule
-    ]
-})
-export class TranslationModule { }

package/lib/__old-to-review/skeletons/_angular/features/Translation/src/assets/i18n/en.json

@@ -1,31 +0,0 @@
-{
-    "failed.translation": "Translation Failed :(",
-
-    "page.home.title": "Welcome to eUI!",
-    "app.search.button": "Search",
-    "menu.home.label": "Home",
-    "menu.forms.label": "Forms",
-    "menu.module1.label": "Module 1",
-    "menu.module1.disabled.label": "disabled item",
-    "menu.module1.page1.label": "Page 1",
-    "menu.module1.page2.label": "Page 2",
-    "menu.module2.label": "Module 2",
-
-    "page.forms.submit.maxLengthError": "Maximum length reached",
-    "page.forms.submit.someLabel": "Some Label",
-    "page.forms.submit.textArea": "Text Area",
-    "page.forms.submit.typeSomething": "Type something",
-    "page.forms.submit.isReadonly": "is ReadOnly?",
-    "page.forms.submit.maxLengthCounter": "Show Maxlength Counter?",
-    "page.forms.submit.isTextAreaResizable": "is Textarea Auto resizable?",
-    "page.forms.submit.isMaxLengthCounter": "Show Maxlength Counter? ",
-    "page.forms.submit.isDisabled": "is Disabled?",
-    "page.forms.submit.maxLength": "Max length",
-    "page.forms.submit.rows": "Rows",
-    "page.forms.submit.selectInput": "Select input",
-    "page.forms.submit.inputFormElement": "Input Form Element",
-    "module.permission.label": "Permissions",
-    "module.permission.accessible": "Accessible",
-    "module.permission.inaccessible": "Inaccessible",
-    "module.apiQueue": "API Queue"
-}

package/lib/__old-to-review/skeletons/_angular/features/Translation/src/assets/i18n/fr.json

@@ -1,27 +0,0 @@
-{
-    "failed.translation": "Échec de la traduction :(",
-
-    "page.home.title": "Bienvenue dans eUI!",
-    "app.search.button": "Chercher",
-    "menu.home.label": "Accueil",
-    "menu.forms.label": "Formulaires",
-    "menu.module1.label": "Module 1",
-    "menu.module1.disabled.label": "élément désactivé",
-    "menu.module1.page1.label": "Page 1",
-    "menu.module1.page2.label": "Page 2",
-    "menu.module2.label": "Module 2",
-
-    "page.forms.submit.maxLengthError": "Longueur maximale atteinte",
-    "page.forms.submit.someLabel": "Certains libellés",
-    "page.forms.submit.textArea": "Zone de texte",
-    "page.forms.submit.typeSomething": "Tapez quelque chose",
-    "page.forms.submit.isReadonly": "est en lecture seule?",
-    "page.forms.submit.maxLengthCounter": "Afficher le compteur de longueur maximale?",
-    "page.forms.submit.isTextAreaResizable": "Textarea Auto est-il redimensionnable?",
-    "page.forms.submit.isMaxLengthCounter": "Afficher le compteur de longueur maximale?",
-    "page.forms.submit.isDisabled": "est désactivé?",
-    "page.forms.submit.maxLength": "Longueur max",
-    "page.forms.submit.rows": "Lignes",
-    "page.forms.submit.selectInput": "Sélectionner l'entrée",
-    "page.forms.submit.inputFormElement": "Élément de formulaire d'entrée"
-}

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

@@ -1,24 +0,0 @@
-import { EuiAppConfig } from '@eui/core';
-import { GLOBAL } from './global';
-import { MODULES } from './modules';
-
-function CompileTranslations(translations: any): any {
-    const result = {};
-    translations.forEach((translation: any) => {
-        // extract the key and value from the translation object
-        const key = translation['key'];
-        const value = translation['value'];
-        if (key && value) {
-            result[key] = value;
-        }
-    });
-    return result;
-}
-
-export const appConfig: EuiAppConfig = {
-    global: GLOBAL,
-    modules: MODULES,
-    customHandler: {
-        'customTransFunc': CompileTranslations
-    }
-};

package/lib/__old-to-review/skeletons/_angular/features/WebStorage/src/app/features/web-storage/main/main.component.html

@@ -1,46 +0,0 @@
-<div class="row">
-    <div class="col-sm-12 col-md-6 col-xl-4">
-        <ux-panel label="{{sessionStorageService.name()}} Storage">
-            <form (ngSubmit)="onSessionSave()" #sessionForm="ngForm">
-                <ux-form-group label="Name">
-                    <input type="text" name="name" ngModel>
-                </ux-form-group>
-                <ux-form-group label="Version">
-                    <input type="number" name="version" ngModel>
-                </ux-form-group>
-                <ux-button type="submit">Save</ux-button>
-                <ux-button style="padding-left: 1rem;" (click)="retrieveSessionStorage()">Retrieve</ux-button>
-            </form>
-        </ux-panel>
-    </div>
-
-    <div class="col-sm-12 col-md-6 col-xl-4">
-        <ux-panel label="{{localStorageService.name()}} Storage">
-            <form (ngSubmit)="onLocalSave()" #localForm="ngForm">
-                <ux-form-group label="Name">
-                    <input type="text" name="name" ngModel>
-                </ux-form-group>
-                <ux-form-group label="Version">
-                    <input type="number" name="version" [(ngModel)]="localForm.value.version">
-                </ux-form-group>
-                <ux-button type="submit">Save</ux-button>
-                <ux-button style="padding-left: 1rem;" (click)="retrieveLocalStorage()">Retrieve</ux-button>
-            </form>
-        </ux-panel>
-    </div>
-
-    <div class="col-sm-12 col-md-6 col-xl-4">
-        <ux-panel label="{{asyncStorageService.name()}} Storage">
-            <form (ngSubmit)="onAsyncSave()" #asyncForm="ngForm">
-                <ux-form-group label="Name">
-                    <input type="text" name="name" ngModel>
-                </ux-form-group>
-                <ux-form-group label="Version">
-                    <input type="number" name="version" ngModel>
-                </ux-form-group>
-                <ux-button type="submit">Save</ux-button>
-                <ux-button style="padding-left: 1rem;" (click)="retrieveAsyncStorage()">Retrieve</ux-button>
-            </form>
-        </ux-panel>
-    </div>
-</div>

package/lib/__old-to-review/skeletons/_angular/features/WebStorage/src/app/features/web-storage/main/main.component.spec.ts

@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { MainComponent } from './main.component';
-
-xdescribe('MainComponent', () => {
-    let component: MainComponent;
-    let fixture: ComponentFixture<MainComponent>;
-
-    beforeEach(async(() => {
-        TestBed.configureTestingModule({
-            declarations: [MainComponent]
-        })
-    .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/WebStorage/src/app/features/web-storage/main/main.component.ts

@@ -1,93 +0,0 @@
-import { StorageService, AsyncStorageService, UxAppShellService } from '@eui/core';
-import { Component, ViewChild, Inject } from '@angular/core';
-import { NgForm } from '@angular/forms';
-
-export interface AppStorage {
-    name: string;
-    version: number;
-    [key: string]: any;
-}
-
-@Component({
-    selector: 'app-main',
-    templateUrl: './main.component.html',
-})
-export class MainComponent {
-    storageLocal: AppStorage = {
-        name: null,
-        version: null,
-    };
-    storageSession: AppStorage = {
-        name: null,
-        version: null,
-    };
-    storageAsync: AppStorage = {
-        name: null,
-        version: null,
-    };
-    @ViewChild('sessionForm') sessionForm: NgForm;
-    @ViewChild('asyncForm') asyncForm: NgForm;
-    @ViewChild('localForm') localForm: NgForm;
-
-    constructor(
-        public sessionStorageService: StorageService,
-        public asyncStorageService: AsyncStorageService,
-        @Inject('LocalStorageService') public localStorageService: StorageService,
-        private uxService: UxAppShellService,
-    ) { }
-
-    onLocalSave() {
-        this.localStorageService.set('STORAGE', this.localForm.value);
-        this.sessionForm.reset();
-    }
-
-    onSessionSave() {
-        this.sessionStorageService.set('SESSION_STORAGE', this.sessionForm.value);
-        this.localForm.reset();
-    }
-
-    onAsyncSave() {
-        this.asyncStorageService.set('STORAGE', this.asyncForm.value);
-        this.asyncForm.reset();
-    }
-
-    retrieveLocalStorage() {
-        // check if there is an application LOCAL storage already
-        this.storageLocal = this.localStorageService.get('STORAGE');
-        if (!this.storageLocal) {
-            this.uxService.growlWarning('Local storage was empty.');
-
-            // if not create one
-            this.localStorageService.set('STORAGE', { name: null, version: 0 });
-            this.storageLocal = this.localStorageService.get('STORAGE');
-        }
-        this.localForm.setValue(this.storageLocal);
-    }
-
-    retrieveSessionStorage() {
-        // check if there is an application session storage
-        this.storageSession = this.sessionStorageService.get('SESSION_STORAGE');
-        if (!this.storageSession) {
-            this.uxService.growlWarning('Session storage was empty.');
-
-            // if there's not any create it
-            this.sessionStorageService.set('SESSION_STORAGE', { name: null, version: 0 });
-            this.storageSession = this.sessionStorageService.get('SESSION_STORAGE');
-        }
-        this.sessionForm.setValue(this.storageSession);
-    }
-
-    async retrieveAsyncStorage() {
-        // check if there is an application session storage
-        this.storageAsync = await this.asyncStorageService.get<AppStorage>('SESSION_STORAGE').toPromise();
-        if (!this.storageAsync) {
-            this.uxService.growlWarning(`${this.asyncStorageService.name()} storage was empty.`);
-
-            // if there's not any create it
-            await this.asyncStorageService.set('SESSION_STORAGE', { name: null, version: 0 }).toPromise();
-            this.storageAsync = await this.asyncStorageService.get('SESSION_STORAGE').toPromise();
-        }
-        this.asyncForm.setValue(this.storageAsync);
-    }
-
-}

package/lib/__old-to-review/skeletons/_angular/features/WebStorage/src/app/features/web-storage/web-routing.module.ts

@@ -1,18 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { RouterModule, Routes } from '@angular/router';
-import { MainComponent } from './main/main.component';
-
-const routes: Routes = [
-    { path: '', component: MainComponent }
-];
-
-@NgModule({
-    declarations: [],
-    imports: [
-        CommonModule,
-        RouterModule.forChild(routes)
-    ]
-})
-export class WebRoutingModule {
-}

package/lib/__old-to-review/skeletons/_angular/features/WebStorage/src/app/features/web-storage/web-storage.module.ts

@@ -1,53 +0,0 @@
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CommonModule } from '@angular/common';
-import {
-    StorageService,
-    SessionStorageService,
-    LocalStorageService,
-    LocalForageService,
-    AsyncStorageService,
-    LOCAL_FORAGE_SERVICE_CONFIG_TOKEN
-} from '@eui/core';
-import {
-    UxPanelComponentModule,
-    UxButtonComponentModule,
-    UxFormGroupComponentModule,
-} from '@eui/components';
-import { WebRoutingModule } from './web-routing.module';
-import { MainComponent } from './main/main.component';
-import localForage from 'localforage';
-
-@NgModule({
-    declarations: [
-        MainComponent
-    ],
-    imports: [
-        CommonModule,
-        WebRoutingModule,
-        FormsModule,
-        UxPanelComponentModule,
-        UxButtonComponentModule,
-        UxFormGroupComponentModule
-    ],
-    providers: [
-        {
-            provide: LOCAL_FORAGE_SERVICE_CONFIG_TOKEN,
-            useValue: {
-                driver: [localForage.INDEXEDDB, localForage.WEBSQL, localForage.LOCALSTORAGE],
-                name: 'myApp',
-                version: 1.0,
-                size: 4980736, // Size of database, in bytes. WebSQL-only for now.
-                storeName: 'keyvaluepairs', // Should be alphanumeric, with underscores.
-                description: 'some description'
-            }
-        },
-        SessionStorageService,
-        LocalStorageService,
-        LocalForageService,
-        { provide: StorageService, useExisting: SessionStorageService },
-        { provide: 'LocalStorageService', useExisting: LocalStorageService },
-        { provide: AsyncStorageService, useExisting: LocalForageService }
-    ]
-})
-export class WebStorageModule { }

package/lib/__old-to-review/skeletons/_angular/features/full-json-mock/core/buildings.js

@@ -1,22 +0,0 @@
-const faker = require('faker');
-
-const getBuildings = () => {
-    const buildings = [];
-    for(let i=0; i<Math.random() * 100; i++) {
-        buildings.push({
-            buildingId: i,
-            name: `${faker.name.findName()} ${faker.address.streetName()}`,
-            address: {
-                street: faker.address.streetName(),
-                postalCode: faker.address.zipCode(),
-                country: faker.address.country(),
-                city: faker.address.city(),
-            }
-        })
-    }
-    return buildings;
-}
-
-module.exports = {
-    getBuildings
-};

package/lib/__old-to-review/skeletons/_angular/features/full-json-mock/core/config.js

@@ -1,32 +0,0 @@
-const generateConfig = () => {
-    return {
-        source: 'Configuration Service',
-        menus: [
-            {label: 'menu.home.label', url: '/screen/home', isHome: true},
-            {label: 'menu.forms.label', url: 'forms'},
-            {
-                label: 'menu.module1.label', url: '/screen/module1', children: [
-                    { label: 'menu.module1.disabled.label', disabled: true },
-                    { label: 'menu.module1.page1.label', url: '/screen/module1/page1' },
-                    { label: 'menu.module1.page2.label', url: '/screen/module1/page2' }
-                ]
-            },
-            {
-                label: 'menu.module2.label', url: '/screen/module2'
-            },
-            {
-                label: 'module.apiQueue', url: '/screen/api-queue'
-            },
-            {
-                label: 'module.permission.label', children: [
-                    { label: 'module.permission.accessible', url: '/permissions/accessible'},
-                    { label: 'module.permission.inaccessible', url: '/permissions/inaccessible'}
-                ]
-            }
-        ]
-    }
-};
-
-module.exports = {
-    getConfiguration: generateConfig
-};

package/lib/__old-to-review/skeletons/_angular/features/full-json-mock/core/people.js

@@ -1,7 +0,0 @@
-const getPeople = () => {
-  return null;
-};
-
-module.exports = {
-    people: getPeople
-};

package/lib/__old-to-review/skeletons/_angular/features/full-json-mock/core/translated.api.js

@@ -1,7 +0,0 @@
-const getTranslatedContent = () => {
-    return null;
-};
-
-module.exports = {
-  translated: getTranslatedContent
-};

package/lib/__old-to-review/skeletons/_angular/features/full-json-mock/core/user.js

@@ -1,34 +0,0 @@
-function generateUserDetails() {
-  return {
-    "firstName": "John",
-    "lastName": "Doe",
-    "fullName": "John Doe",
-    "organisationRef": {
-      "id": "123456", "abbreviation": "DIGIT.B.3"
-    },
-    "userId": "johndoe",
-    "email": "John.DOE@ec.europa.eu",
-    "rights": [
-        { id: 'Home_Module', permissions: ['toSeeAdminText'] },
-        { id: 'ACCESSIBLE', permissions: ['toSeeText', 'toClickButton'] },
-        // { id: 'INACCESSIBLE' },
-    ]
-  };
-}
-
-function generateUserPreferences() {
-  return {
-    "tz": {
-      "primary": "Europe/Brussels",
-      "secondary": "Europe/Brussels",
-      "HQ": "Europe/Brussels"
-    },
-    "notifications": {
-      "isActive": true,
-      "pullingFrequency": null
-    }
-  };
-}
-
-module.exports.generateUserDetails = generateUserDetails;
-module.exports.generateUserPreferences = generateUserPreferences;