@eui/tools 6.5.6 → 6.6.0

package/scripts/csdr/cli/skeletons/app/src/app/core/app-shell/app-shell.component.html

@@ -1,27 +0,0 @@
-<ux-app-shell [sidebarLinks]="sidebarLinks"
-              themeClass="ux-t-shell-extended"
-              homeUrlLabel="/App"
-              appName="App"
-              appNameSmall="APP"
-              appVersion="{{appVersion}}"
-              appReleaseDate="{{appReleaseDate}}"
-              [isConnected]="appConnection | async"
-              [userFirstName]="(userState | async)?.firstName"
-              [userLastName]="(userState | async)?.lastName"
-              (languageChanged)="onLanguageChanged($event)">
-
-    <ux-app-shell-header-profile-menu>
-        <@app.scope@-core-profile-menu [isConnected]="appConnection | async"></@app.scope@-core-profile-menu>
-    </ux-app-shell-header-profile-menu>
-
-    <ux-app-shell-top-message *ngIf="isIE11">
-        <p class="mt-0">
-            <strong>WARNING</strong> - You're using an obsolete browser, to benefit of better performances / additional features of MyWorkplace, it is recommended to use a more recent browser version, or an alternative browser (Firefox or Chrome)
-        </p>
-    </ux-app-shell-top-message>
-</ux-app-shell>
-
-<@app.scope@-core-user-profile *ngIf="(coreService.state$ | async).isUserProfileOpen" [isOnline]="true" [isConnected]="appConnection | async"></@app.scope@-core-user-profile>
-
-<@app.scope@-core-about *ngIf="(coreService.state$ | async).isAboutOpen"></@app.scope@-core-about>
-

package/scripts/csdr/cli/skeletons/app/src/app/core/app-shell/app-shell.component.ts

@@ -1,188 +0,0 @@
-import { ActivatedRoute, Event, NavigationEnd, Router } from '@angular/router';
-import { Component, Inject, OnInit, OnDestroy, ViewEncapsulation } from '@angular/core';
-
-import { Observable, Subscription } from 'rxjs';
-import { take } from 'rxjs/operators';
-import { Store } from '@ngrx/store';
-import { TranslateService } from '@ngx-translate/core';
-
-/* eUI IMPORTS */
-import {
-    UxLink,
-    UxLanguage,
-    AppState,
-    CONFIG_TOKEN,
-    getAppState,
-    StorageService,
-    StoreService,
-    UserService,
-    getAppConnection,
-    getAppStatus,
-    UxAppShellService,
-    HttpService,
-    UpdateUserDetailsAction,
-    UpdateUserPreferencesAction,
-    UxPermissionService,
-    UxDynamicMenuService,
-    UserState,
-    getUserState,
-    getUserPreferences,
-} from '@eui/core';
-
-import { CoreService } from '../services/core.service';
-
-@Component({
-    selector: '@app.scope@-app-shell',
-    templateUrl: './app-shell.component.html',
-})
-export class AppShellComponent implements OnInit, OnDestroy {
-    appState: Observable<AppState>;
-    appConnection: Observable<boolean>;
-    appStatus: Observable<string>;
-    appVersion: string;
-    appReleaseDate: string;
-    isLoading = false;
-
-    public userState: Observable<UserState>;
-    public sidebarLinks: UxLink[] = [];
-    public isIE11 = false;
-
-    private sidebarLinksDefault: UxLink[] = [
-        new UxLink({
-            label: 'Home',
-            iconClass: 'ux-icon ux-icon-home', url: '/home',
-        }),
-    ];
-
-    private apiConfig = this.config.modules.core.api;
-
-    private userStateSubscription: Subscription;
-    private asSubscription: Subscription;
-
-    constructor(
-        private router: Router,
-        private store: Store<any>,
-        private storeService: StoreService,
-        private userService: UserService,
-        private activatedRoute: ActivatedRoute,
-        public translate: TranslateService,
-        private uxAppShellService: UxAppShellService,
-        protected storageService: StorageService,
-        @Inject(CONFIG_TOKEN) private config,
-        private http: HttpService,
-        private uxPermissionService: UxPermissionService,
-        private uxDynamicMenuService: UxDynamicMenuService,
-        public coreService: CoreService,
-    ) {
-    }
-
-    ngOnInit() {
-        console.log('CORE : Init');
-
-        this.userState = this.store.select(getUserState);
-        // this.userStateSubscription = this.userState.subscribe((userState: any) => {
-        //     if (userState && userState.impersonatingUser) {
-        //         this.coreService.impersonatingUser = userState.impersonatingUser;
-        //     }
-        // });
-
-        this.asSubscription = this.uxAppShellService.state$.subscribe((state: any) => {
-            if (state.deviceInfo && state.deviceInfo.isIE11) {
-                this.isIE11 = true;
-            }
-        });
-
-        this.appState = this.store.select(getAppState);
-
-        this.calculateLinks();
-        this.retrieveUserProfile();
-
-        this.appConnection = this.store.select(getAppConnection);
-        this.appStatus = this.store.select(getAppStatus);
-
-        this.appVersion = this.config.appVersion;
-        this.appReleaseDate = this.config.appReleaseDate;
-    }
-
-    ngOnDestroy() {
-        if (this.userStateSubscription) {
-            this.userStateSubscription.unsubscribe();
-        }
-        if (this.asSubscription) {
-            this.asSubscription.unsubscribe();
-        }
-    }
-
-    public onNavBarSearchItemClick(event: any) {
-        this.router.navigate(['/search']);
-    }
-
-    onLanguageChanged(uxLanguage: UxLanguage) {
-        this.uxAppShellService.isBlockDocumentActive = true;
-        this.store.select(getUserPreferences)
-            .pipe(
-                take(1),
-            )
-            .subscribe(prefs => {
-                const prefsWithLang = { ...prefs, lang: uxLanguage.code };
-                // manually save the user preferences to the server
-                // necessary because store.dispatch does NOT guarantee the save on the server before page reload
-                // also, store.dispatch is not providing a callback/hook/Observable/Promise either
-                // this code rely on the 'contract' that the server preferences are preferred to the local ones
-                this.userService.saveUserPreferences(prefsWithLang)
-                    // if ok, reload the page
-                    .subscribe(() => window.location.reload(), () => {
-                        // in case of exception, try to store the preferences locally
-                        // this method may NOT be executed properly
-                        // because of the way in which the store is saving the state in the local storage
-                        this.store.dispatch(new UpdateUserPreferencesAction(prefsWithLang));
-                        // set the refresh timeout to 2 seconds, to allow the store to save the preferences first
-                        setTimeout(() => window.location.reload(), 2000);
-                    });
-            });
-    }
-
-    private retrieveUserProfile() {
-        this.onPageLoadingStart();
-
-        try {
-            const uri = `${this.apiConfig.base}${this.apiConfig.user.profile}`;
-            return this.http.get(uri).subscribe(this.onProfileFetchSuccess.bind(this), this.onProfileFetchError.bind(this));
-        } catch (e) {
-            this.onProfileFetchError.call(this);
-        }
-    }
-
-    // -----
-    // privileges data are not filled up anymore from the user-profile
-    // TODO check if it's a new default / regression from the service
-    private onProfileFetchSuccess(data) {
-        const rights = [...data.roles, ...data.privileges];
-        data.rights = rights.map((roleId) => {
-            return { id: roleId, permissions: [] };
-        });
-        this.store.dispatch(new UpdateUserDetailsAction(data));
-        this.calculateLinks();
-        this.onPageLoadingEnd();
-    }
-
-    private onProfileFetchError() {
-        this.onPageLoadingEnd();
-    }
-
-    private calculateLinks() {
-        this.sidebarLinks = this.uxDynamicMenuService.filterUxLinksWithRights(this.sidebarLinksDefault);
-    }
-
-    private onPageLoadingStart() {
-        this.isLoading = true;
-        const body = document.querySelector('body');
-        body.style.overflowY = 'hidden';
-    }
-
-    private onPageLoadingEnd() {
-        this.isLoading = false;
-        const body = document.querySelector('body');
-        body.style.overflowY = 'scroll';
-    }
-}

package/scripts/csdr/cli/skeletons/app/src/app/core/components/about/about.component.html

@@ -1,30 +0,0 @@
-<ux-modal id="about-modal"
-          titleLabel="About"
-          [isFooterCustomAlignment]="true" [isVisible]="true">
-
-    <uxModalBody>
-        <div class="row ml-1 mb-3">
-            <p>
-                About text
-            </p>
-        </div>
-
-        <ux-panels>
-            <ux-panel label="Versions and dependencies" iconClass="fa fa-cubes" iconTypeClass="primary" tagLabel="Application version" tagCount="{{appInfos}}" tagTypeClass="success" [isExpandable]="true">
-                    <p style="white-space: pre-line;">
-                        <strong>Dependencies</strong><br>
-                        {{modulesVersions}}
-                    </p>
-            </ux-panel>
-        </ux-panels>
-    </uxModalBody>
-
-    <uxModalFooter>
-        <ux-layout-horizontal>
-            <uxLayoutHorizontalRight>
-                <ux-button isOutline=true (click)="onClose($event)">Close</ux-button>
-            </uxLayoutHorizontalRight>
-        </ux-layout-horizontal>
-    </uxModalFooter>
-
-</ux-modal>

package/scripts/csdr/cli/skeletons/app/src/app/core/components/about/about.component.ts

@@ -1,71 +0,0 @@
-import { Component, OnInit, Inject, Input, Output, EventEmitter } from '@angular/core';
-import { TranslateService } from '@ngx-translate/core';
-import { CONFIG_TOKEN } from '@eui/core';
-import { HttpClient } from '@angular/common/http';
-
-import { CoreService } from '../../services/core.service';
-
-@Component({
-    selector: '@app.scope@-core-about',
-    templateUrl: './about.component.html',
-})
-export class AboutComponent implements OnInit {
-    modulesVersions: string;
-    appInfos: string;
-
-    @Output() modalClosed: EventEmitter<any> = new EventEmitter<any>();
-
-    constructor(
-        public translate: TranslateService,
-        public coreService: CoreService,
-        private http: HttpClient,
-        @Inject(CONFIG_TOKEN) private config,
-    ) {}
-
-    ngOnInit() {
-
-        this.getMedataJson(`assets/app-metadata.json`)
-            .then((result) => {
-                if (result.appInfos) {
-                    this.appInfos = result.appInfos;
-                }
-
-                if (result.metadata) {
-                    this.modulesVersions = Object.keys(result.metadata)
-                    .filter((v) => {
-                        return v.indexOf('@eui') === 0 ||
-                               v.indexOf('@@app.scope@') === 0;
-                        })
-                    .sort()
-                    .reduce((acc, _module) => {
-                        acc = acc === '' ? `${_module}: ${result.metadata[_module]}` :
-                            `${acc}\n${_module}: ${result.metadata[_module]}`;
-                        return acc;
-                    }, '');
-                }
-            })
-            .catch(error => console.log(error));
-    }
-
-    onClose(event: any) {
-        this.coreService.isAboutOpen = false;
-    }
-
-    private getMedataJson(url: string): Promise<any> {
-        return this.http
-            .get(url)
-            .toPromise()
-            .then(this.extractData)
-            .catch(this.handleError);
-    }
-
-    private extractData(res: Response) {
-        const body = res;
-        return body || {};
-    }
-
-    private handleError(error: any): Promise<any> {
-        console.error('An error occurred', error);
-        return Promise.reject(error.message || error);
-    }
-}

package/scripts/csdr/cli/skeletons/app/src/app/core/components/error-pages/page-404/page-404.component.ts

@@ -1,19 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-    template: `
-        <ux-layout-app-shell headerAppFullName="App">
-            <uxAppShellMainContent>
-                <h1>Page not found!</h1>
-                <p>We are sorry the page you tried to access does not exist.</p>
-                <button>Go Home</button>
-            </uxAppShellMainContent>
-        </ux-layout-app-shell>
-    `,
-})
-
-export class Page404Component implements OnInit {
-    constructor() { }
-
-    ngOnInit() { }
-}

package/scripts/csdr/cli/skeletons/app/src/app/core/components/error-pages/page-500/page-500.component.ts

@@ -1,18 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-    template: `
-        <ux-layout-app-shell headerAppFullName="App">
-            <uxAppShellMainContent>
-                <h1>Server error</h1>
-                <p>We are sorry but an error on the server occured. Please try again in a few minutes</p>
-            </uxAppShellMainContent>
-        </ux-layout-app-shell>
-    `,
-})
-
-export class Page500Component implements OnInit {
-    constructor() { }
-
-    ngOnInit() { }
-}

package/scripts/csdr/cli/skeletons/app/src/app/core/components/profile/profile.component.html

@@ -1,104 +0,0 @@
-<ux-modal id="my-profile-modal"
-        titleLabel="My profile information"
-        [isHandleCloseOnClose]="false"
-        [isVisible]="true"
-        [isFooterCustomAlignment]="true"
-        (onClose)="onClose($event)">
-
-    <uxModalBody>
-
-        <div class="row">
-
-            <!-- AVATAR  -->
-            <div class="col-xl-3 mb-2">
-                <div class="profile-wrapper profile-wrapper--big">
-                    <div class="profile-avatar profile-avatar--big ux-u-svg ux-u-svg--default-avatar">
-                        <div class="connected-state">
-                            <span class="pulse-ring connect red"></span>
-                            <span *ngIf="isConnected" class="icon ion ion-social-rss ux-u-color-success" title="Sucessfully connected to remote Opsys Server">
-                            </span>
-                            <span *ngIf="!isConnected" class="icon ion ion-social-rss ux-u-color-danger" title="Connection to remote Opsys Server failed!">
-                            </span>
-                        </div>
-                        <div class="available-state">
-                            <span *ngIf="isOnline" class="icon ux-icon ux-icon-circle ux-u-color-success-light" title="Online - Available for chat discussion">
-                            </span>
-                            <span *ngIf="!isOnline" class="icon ux-icon ux-icon-circle ux-u-color-danger-light" title="Offline - Unavailable for chat discussion">
-                            </span>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div class="col-xl-9">
-                <h4>{{ (userState | async)?.firstName }} {{ (userState | async)?.lastName }}</h4>
-
-                <!-- <div class="row mb-2">
-                    <div class="col-md-4">
-                        <strong>{{ 'user-profile.ROLE' | translate }}</strong>
-                    </div>
-                    <div class="col-md-8">
-                        N/C
-                    </div>
-                </div> -->
-                <div class="row mb-2">
-                    <div class="col-md-4">
-                        <strong>{{ 'user-profile.PHONE' | translate }}</strong>
-                    </div>
-                    <div class="col-md-8">
-                        N/C
-                    </div>
-                </div>
-                <div class="row mb-2">
-                    <div class="col-md-4">
-                        <strong>{{ 'user-profile.EMAIL' | translate }}</strong>
-                    </div>
-                    <div class="col-md-8">
-                        {{ (userState | async)?.email }}
-                    </div>
-                </div>
-                <div class="row mb-2">
-                    <div class="col-md-4">
-                        <strong>{{ 'user-profile.ORGANIZATION' | translate }}</strong>
-                    </div>
-                    <div class="col-md-8">
-                        {{ (userState | async)?.organisation?.description }}
-                    </div>
-                </div>
-                <div class="row mb-2">
-                    <div class="col-md-4">
-                        <strong>{{ 'user-profile.UNIT' | translate }}</strong>
-                    </div>
-                    <div class="col-md-8">
-                        {{ (userState | async)?.organisation?.code }}
-                    </div>
-                </div>
-                <div class="row mb-2">
-                    <div class="col-md-4">
-                        <strong>{{ 'user-profile.OFFICE' | translate }}</strong>
-                    </div>
-                    <div class="col-md-8">
-                        N/C
-                    </div>
-                </div>
-
-                <div class="row">
-                    <div class="col-12">
-                        <strong>{{ 'user-profile.PERMISSIONS' | translate }}</strong>
-                    </div>
-                    <div class="col-12 ux-u-font-size-h7">
-                        {{ (userState | async)?.privileges?.join(', ') }}
-                    </div>
-                </div>
-            </div>
-        </div>
-    </uxModalBody>
-
-    <uxModalFooter>
-        <ux-layout-horizontal>
-            <uxLayoutHorizontalRight>
-                <ux-button typeClass="primary" (click)="onClose($event)">Close</ux-button>
-            </uxLayoutHorizontalRight>
-        </ux-layout-horizontal>
-    </uxModalFooter>
-</ux-modal>

package/scripts/csdr/cli/skeletons/app/src/app/core/components/profile/profile.component.scss

@@ -1,44 +0,0 @@
-
-.profile-wrapper {
-    justify-content: center;
-
-    &.profile-wrapper--big {
-        margin-right: 0;
-
-        .profile-avatar {
-            background-size: 100px 100px;
-            height: 100px;
-            width: 100px;
-
-            .connected-state {
-                background: white;
-                border: 2px solid white;
-                border-radius: 100%;
-                position: absolute;
-                right: 10px;
-                top: -6px;
-
-                .icon {
-                    background: #fff;
-                    border-radius: 100%;
-                    font-size: 1.25rem;
-                    transform: translate(2px, 2px);
-                }
-            }
-
-            .available-state {
-                background: white;
-                border-radius: 100%;
-                bottom: 0;
-                position: absolute;
-                right: 8px;
-
-                .icon {
-                    border: 2px solid white;
-                    border-radius: 100%;
-                    font-size: 1rem;
-                }
-            }
-        }
-    }
-}

package/scripts/csdr/cli/skeletons/app/src/app/core/components/profile/profile.component.ts

@@ -1,39 +0,0 @@
-import { Component, Input, OnInit, OnDestroy, ViewEncapsulation } from '@angular/core';
-import { TranslateService } from '@ngx-translate/core';
-import { Store } from '@ngrx/store';
-
-import { getUserState } from '@eui/core';
-import { UxService } from '@eui/core';
-
-import { CoreService } from '../../services/core.service';
-
-@Component({
-    selector: '@app.scope@-core-user-profile',
-    templateUrl: './profile.component.html',
-    styleUrls: ['./profile.component.scss'],
-    encapsulation: ViewEncapsulation.None,
-})
-export class ProfileComponent implements OnInit, OnDestroy {
-    @Input() isOnline: boolean;
-    @Input() isConnected: boolean;
-
-    userState: any;
-
-    constructor(
-        public translate: TranslateService,
-        private uxService: UxService,
-        private coreService: CoreService,
-        private store: Store<any>) {
-    }
-
-    ngOnInit() {
-        this.userState = this.store.select(getUserState);
-    }
-
-    ngOnDestroy() {
-    }
-
-    onClose(event: any) {
-        this.coreService.isUserProfileOpen = false;
-    }
-}

package/scripts/csdr/cli/skeletons/app/src/app/core/components/profile-menu/profile-menu.component.html

@@ -1,26 +0,0 @@
-<ul>
-    <li (click)="coreService.userProfileToggle()">
-        <i class="icon ux-icon-fw ux-icon ux-icon-user"></i>
-        My profile information
-    </li>
-    <li>
-        <i class="icon ux-icon-fw ux-icon ux-icon-rss"></i>
-        {{ 'user-profile.CONNECTION-STATUS' | translate }}
-        <div class="ml-auto">
-            <ux-badge *ngIf="isConnected" [isSmall]="true" [isPill]="true" typeClass="success">
-                {{ 'user-profile.CONNECTED' | translate }}
-            </ux-badge>
-            <ux-badge *ngIf="!(isConnected)" [isSmall]="true" [isPill]="true" typeClass="danger">
-                {{ 'user-profile.NOT-CONNECTED' | translate }}
-            </ux-badge>
-        </div>
-    </li>
-    <li (click)="coreService.aboutToggle()">
-        <i class="icon ux-icon-fw ux-icon ux-icon-help"></i>
-        About
-    </li>
-    <li (click)="onSignOutClick($event)">
-        <i class="icon ux-icon-fw ux-icon ux-icon-sign-out"></i>
-        {{ 'user-profile.SIGN-OUT' | translate }}
-    </li>
-</ul>

package/scripts/csdr/cli/skeletons/app/src/app/core/components/profile-menu/profile-menu.component.ts

@@ -1,104 +0,0 @@
-import { Component, OnInit, OnDestroy, Inject, Input } from '@angular/core';
-import { TranslateService } from '@ngx-translate/core';
-import { Store } from '@ngrx/store';
-import { Observable } from 'rxjs';
-import { take } from 'rxjs/operators';
-
-import { CONFIG_TOKEN, UxService, UserState, getUserState, UxAppShellService } from '@eui/core';
-
-import { CoreService } from '../../services/core.service';
-
-@Component({
-    selector: '@app.scope@-core-profile-menu',
-    templateUrl: './profile-menu.component.html',
-})
-export class ProfileMenuComponent implements OnInit, OnDestroy {
-
-    @Input() isConnected: boolean;
-
-    userState: Observable<UserState>;
-    // impersonatedUserId: string;
-    // lastImpersonatedUserId: string;
-    // impersonationAllowed = false;
-
-    constructor(
-        @Inject(CONFIG_TOKEN) private config,
-        private store: Store<any>,
-        public translate: TranslateService,
-        private uxService: UxService,
-        public coreService: CoreService,
-        private uxAppShellService: UxAppShellService,
-    ) {}
-
-    ngOnInit() {
-        this.userState = this.store.select(getUserState);
-        // this.checkImpersonationRights();
-    }
-
-    ngOnDestroy() {
-    }
-
-    // checkImpersonationRights() {
-    //     this.userOrgService.getProfileForApplication('API_GATEWAY').subscribe({
-    //         next: (apiGatewayProfile) => {
-    //             if (apiGatewayProfile && apiGatewayProfile.privileges) {
-    //                 for (let i = 0; i < apiGatewayProfile.privileges.length; i++) {
-    //                     if (apiGatewayProfile.privileges [i] === 'CC_IMPERSONATE') {
-    //                         this.impersonationAllowed = true;
-    //                     }
-    //                 }
-    //             }
-    //         },
-    //     });
-    // }
-
-    onSignOutClick(event: any) {
-        let logoutUrl = 'https://ecasa.cc.cec.eu.int:7002/cas/logout';
-        if (this.config && this.config.openIdConnect && this.config.openIdConnect.logoutUrl) {
-            logoutUrl = this.config.openIdConnect.logoutUrl;
-        }
-        window.location.href = logoutUrl;
-    }
-
-    onHandleInputClick(event: Event) {
-        this.uxService.consumeEvent(event);
-    }
-
-    // onImpersonate(event?: Event) {
-    //     setTimeout(() => {
-    //         if (this.impersonatedUserId) {
-    //             this.uxAppShellService.isBlockDocumentActive = true;
-    //             this.lastImpersonatedUserId = this.impersonatedUserId;
-    //             this.coreService.impersonate(this.impersonatedUserId).pipe(take(1)).subscribe(() => {
-    //                 this.uxAppShellService.isBlockDocumentActive = false;
-    //             });
-    //         }
-    //     }, 0);
-
-    //     this.uxService.consumeEvent(event);
-    // }
-
-    // onEndImpersonation() {
-    //     this.uxAppShellService.isBlockDocumentActive = true;
-    //     this.coreService.unimpersonate((success) => {
-    //         this.uxAppShellService.isBlockDocumentActive = false;
-    //         if (success) {
-    //             window.top.location.reload(true);
-    //         }
-    //     });
-    // }
-
-    // onUserSelected(event: any) {
-    //     if (typeof event === 'object') {
-    //         this.impersonatedUserId = event.userId;
-    //     } else if (typeof event === 'string') {
-    //         this.impersonatedUserId = event;
-    //     } else {
-    //         this.impersonatedUserId = null;
-    //     }
-    // }
-
-    // onUserPickerEnter() {
-    //     this.onImpersonate();
-    // }
-}