npm - @cerema/cadriciel - Versions diffs - 1.1.0 → 1.1.1 - Mend

@cerema/cadriciel 1.1.0 → 1.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (419) hide show

package/aaaa/client/assets/layout/styles/theme/theme-light/yellow/theme.scss ADDED Viewed

@@ -0,0 +1,12 @@
+$primaryColor: #F9C404;
+$primaryLightColor: #fde79b !default;
+$primaryDarkColor: #e0b004 !default;
+$primaryDarkerColor: #c79d03 !default;
+$primaryTextColor: #191400;
+$highlightBg: #fef9e6;
+$highlightTextColor: #957602;
+@import '../_variables';
+@import '../../designer/_components';
+@import '../_extensions';

package/aaaa/client/environments/environment.ts ADDED Viewed

@@ -0,0 +1,9 @@
+export const environment = {
+  production: false,
+  clientId: 'app',
+  orionUrl: 'http://keycloak:9090/auth/realms/demo',
+  redirectUri: 'http://localhost:4200/login',
+  allowedUrls: ['http://localhost:8080/api/'],
+  serverApiUrl: 'http://localhost:8080/api',
+  deconnexionUri: 'http://localhost:4200/deconnexion',
+};

package/aaaa/client/index.dev.html ADDED Viewed

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <title>AAAA</title>
+    <base href="/" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
+    <link rel="stylesheet" type="text/css" href="assets/layout/styles/layout/preloading.css">
+    <link id="theme-link" rel="stylesheet" type="text/css" href="assets/layout/styles/theme/theme-light/blue/theme.css">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+</head>
+<body>
+    <app-root>
+        <div class="splash-screen">
+            <div class="splash-loader">
+                <div class="splash-cube1"></div>
+                <div class="splash-cube2"></div>
+                <div class="splash-cube4"></div>
+                <div class="splash-cube3"></div>
+            </div>
+        </div>
+    </app-root>
+</body>
+</html>

package/aaaa/client/index.prod.html ADDED Viewed

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <title>AAAA</title>
+    <base href="/" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
+    <link rel="stylesheet" type="text/css" href="assets/layout/styles/layout/preloading.css">
+    <link id="theme-link" rel="stylesheet" type="text/css" href="assets/layout/styles/theme/theme-light/blue/theme.css">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+</head>
+<body>
+    <app-root>
+        <div class="splash-screen">
+            <div class="splash-loader">
+                <div class="splash-cube1"></div>
+                <div class="splash-cube2"></div>
+                <div class="splash-cube4"></div>
+                <div class="splash-cube3"></div>
+            </div>
+        </div>
+    </app-root>
+</body>
+</html>

package/aaaa/client/layout/api/menuchangeevent.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export interface MenuChangeEvent {
+  key: string;
+  routeEvent?: boolean;
+}

package/aaaa/client/layout/api/tabcloseevent.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { MenuItem } from "primeng/api";
+export interface TabCloseEvent {
+  tab: MenuItem;
+  index: number;
+}

package/aaaa/client/layout/app.breadcrumb.component.html ADDED Viewed

@@ -0,0 +1,14 @@
+<!--nav class="layout-breadcrumb">
+  <ol>
+    <li>
+      <a [routerLink]="['/']">
+        <i class="pi pi-home"></i>
+      </a>
+    </li>
+    <li class="layout-breadcrumb-chevron"> /</li>
+    <ng-template ngFor let-item let-last="last" [ngForOf]="breadcrumbs$ | async">
+      <li>{{item.label}}</li>
+      <li *ngIf="!last" class="layout-breadcrumb-chevron"> /</li>
+    </ng-template>
+  </ol>
+</nav-->

package/aaaa/client/layout/app.breadcrumb.component.ts ADDED Viewed

@@ -0,0 +1,48 @@
+import { Component } from '@angular/core';
+import { ActivatedRouteSnapshot, NavigationEnd, Router } from '@angular/router';
+import { BehaviorSubject } from 'rxjs';
+import { filter } from 'rxjs/operators';
+interface Breadcrumb {
+  label: string;
+  url?: string;
+}
+@Component({
+  selector: 'app-breadcrumb',
+  templateUrl: './app.breadcrumb.component.html'
+})
+export class AppBreadcrumbComponent {
+  private readonly _breadcrumbs$ = new BehaviorSubject<Breadcrumb[]>([]);
+  readonly breadcrumbs$ = this._breadcrumbs$.asObservable();
+  constructor(private router: Router) {
+    this.router.events.pipe(filter((event) => event instanceof NavigationEnd)).subscribe(event => {
+      const root = this.router.routerState.snapshot.root;
+      const breadcrumbs: Breadcrumb[] = [];
+      this.addBreadcrumb(root, [], breadcrumbs);
+      this._breadcrumbs$.next(breadcrumbs);
+    });
+  }
+  private addBreadcrumb(route: ActivatedRouteSnapshot, parentUrl: string[], breadcrumbs: Breadcrumb[]) {
+    const routeUrl = parentUrl.concat(route.url.map(url => url.path));
+    const breadcrumb = route.data['breadcrumb'];
+    const parentBreadcrumb = route.parent && route.parent.data ? route.parent.data['breadcrumb'] : null;
+    if (breadcrumb && breadcrumb !== parentBreadcrumb) {
+      breadcrumbs.push({
+        label: route.data['breadcrumb'],
+        url: '/' + routeUrl.join('/')
+      });
+    }
+    if (route.firstChild) {
+      this.addBreadcrumb(route.firstChild, routeUrl, breadcrumbs);
+    }
+  }
+}

package/aaaa/client/layout/app.footer.component.html ADDED Viewed

@@ -0,0 +1,20 @@
+<div class="layout-footer">
+    <div class="footer-start">
+        <img src="assets/images/logo.png" alt="logo" />
+        <div class="flex-column">
+            <div class="block">
+                <span class="app-name">{{name}}</span>
+            </div>
+            <div class="block ml-3">
+                <p>v{{version}}</p>
+            </div>
+        </div>
+    </div>
+    <div class="footer-end">
+        <img src="assets/layout/images/LogoCerema_horizontal.svg" style="min-width: 8rem; min-height: 2rem;"
+            alt="logo" />
+    </div>
+</div>

package/aaaa/client/layout/app.footer.component.ts ADDED Viewed

@@ -0,0 +1,23 @@
+import { Component, OnInit } from '@angular/core';
+import { LayoutService } from './service/app.layout.service';
+import packageJson from '../../package.json';
+@Component({
+  selector: 'app-footer',
+  templateUrl: './app.footer.component.html',
+})
+export class AppFooterComponent implements OnInit {
+  version!: string;
+  name!: string;
+  constructor(public layoutService: LayoutService) {}
+  get colorScheme(): string {
+    return this.layoutService.config.colorScheme;
+  }
+  ngOnInit(): void {
+    this.version = packageJson.version;
+    this.name = packageJson.name;
+  }
+}

package/aaaa/client/layout/app.menu.component.html ADDED Viewed

@@ -0,0 +1,3 @@
+<ul class="layout-menu">
+  <li app-menuitem *ngFor="let item of model; let i = index;" [item]="item" [index]="i" [root]="true"></li>
+</ul>

package/aaaa/client/layout/app.menu.service.ts ADDED Viewed

@@ -0,0 +1,23 @@
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+import { MenuChangeEvent } from './api/menuchangeevent';
+@Injectable({
+  providedIn: 'root'
+})
+export class MenuService {
+  private menuSource = new Subject<MenuChangeEvent>();
+  private resetSource = new Subject();
+  menuSource$ = this.menuSource.asObservable();
+  resetSource$ = this.resetSource.asObservable();
+  onMenuStateChange(event: MenuChangeEvent) {
+    this.menuSource.next(event);
+  }
+  reset() {
+    this.resetSource.next(true);
+  }
+}

package/aaaa/client/layout/app.menuitem.component.ts ADDED Viewed

@@ -0,0 +1,310 @@
+import {
+  ChangeDetectorRef,
+  Component,
+  HostBinding,
+  Input,
+  OnDestroy,
+  OnInit,
+} from '@angular/core';
+import { IsActiveMatchOptions, NavigationEnd, Router } from '@angular/router';
+import {
+  animate,
+  state,
+  style,
+  transition,
+  trigger,
+} from '@angular/animations';
+import { Subscription } from 'rxjs';
+import { filter } from 'rxjs/operators';
+import { MenuService } from './app.menu.service';
+import { LayoutService } from './service/app.layout.service';
+@Component({
+  // eslint-disable-next-line @angular-eslint/component-selector
+  selector: '[app-menuitem]',
+  template: `
+    <ng-container>
+      <div
+        *ngIf="root && item.visible !== false"
+        class="layout-menuitem-root-text"
+      >
+        {{ item.label }}
+      </div>
+      <a
+        *ngIf="(!item.routerLink || item.items) && item.visible !== false"
+        [attr.href]="item.url"
+        (click)="itemClick($event)"
+        (mouseenter)="onMouseEnter()"
+        [ngClass]="item.class"
+        [attr.target]="item.target"
+        tabindex="0"
+        pRipple
+        [pTooltip]="item.label"
+        [tooltipDisabled]="!(isSlim && root && !active)"
+      >
+        <i [ngClass]="item.icon" class="layout-menuitem-icon"></i>
+        <span class="layout-menuitem-text">{{ item.label }}</span>
+        <i
+          class="pi pi-fw pi-angle-down layout-submenu-toggler"
+          *ngIf="item.items"
+        ></i>
+      </a>
+      <a
+        *ngIf="item.routerLink && !item.items && item.visible !== false"
+        (click)="itemClick($event)"
+        (mouseenter)="onMouseEnter()"
+        [ngClass]="item.class"
+        [routerLink]="item.routerLink"
+        routerLinkActive="active-route"
+        [routerLinkActiveOptions]="
+          item.routerLinkActiveOptions || {
+            paths: 'exact',
+            queryParams: 'ignored',
+            matrixParams: 'ignored',
+            fragment: 'ignored'
+          }
+        "
+        [fragment]="item.fragment"
+        [queryParamsHandling]="item.queryParamsHandling"
+        [preserveFragment]="item.preserveFragment!"
+        [skipLocationChange]="item.skipLocationChange!"
+        [replaceUrl]="item.replaceUrl!"
+        [state]="item.state"
+        [queryParams]="item.queryParams"
+        [attr.target]="item.target"
+        tabindex="0"
+        pRipple
+        [pTooltip]="item.label"
+        [tooltipDisabled]="!(isSlim && root)"
+      >
+        <i [ngClass]="item.icon" class="layout-menuitem-icon"></i>
+        <span class="layout-menuitem-text">{{ item.label }}</span>
+        <i
+          class="pi pi-fw pi-angle-down layout-submenu-toggler"
+          *ngIf="item.items"
+        ></i>
+      </a>
+      <ul
+        *ngIf="item.items && item.visible !== false"
+        [@children]="submenuAnimation"
+      >
+        <ng-template ngFor let-child let-i="index" [ngForOf]="item.items">
+          <li
+            app-menuitem
+            [item]="child"
+            [index]="i"
+            [parentKey]="key"
+            [class]="child.badgeClass"
+          ></li>
+        </ng-template>
+      </ul>
+    </ng-container>
+  `,
+  animations: [
+    trigger('children', [
+      state(
+        'collapsed',
+        style({
+          height: '0',
+        })
+      ),
+      state(
+        'expanded',
+        style({
+          height: '*',
+        })
+      ),
+      state(
+        'hidden',
+        style({
+          display: 'none',
+        })
+      ),
+      state(
+        'visible',
+        style({
+          display: 'block',
+        })
+      ),
+      transition(
+        'collapsed <=> expanded',
+        animate('400ms cubic-bezier(0.86, 0, 0.07, 1)')
+      ),
+    ]),
+  ],
+})
+export class AppMenuitemComponent implements OnInit, OnDestroy {
+  @Input() item: any;
+  @Input() index!: number;
+  @Input() @HostBinding('class.layout-root-menuitem') root!: boolean;
+  @Input() parentKey!: string;
+  active = false;
+  menuSourceSubscription: Subscription;
+  menuResetSubscription: Subscription;
+  key: string = '';
+  constructor(
+    public layoutService: LayoutService,
+    private cd: ChangeDetectorRef,
+    public router: Router,
+    private menuService: MenuService
+  ) {
+    this.menuSourceSubscription = this.menuService.menuSource$.subscribe(
+      (value) => {
+        Promise.resolve(null).then(() => {
+          if (value.routeEvent) {
+            this.active =
+              value.key === this.key || value.key.startsWith(this.key + '-')
+                ? true
+                : false;
+          } else {
+            if (
+              value.key !== this.key &&
+              !value.key.startsWith(this.key + '-')
+            ) {
+              this.active = false;
+            }
+          }
+        });
+      }
+    );
+    this.menuResetSubscription = this.menuService.resetSource$.subscribe(() => {
+      this.active = false;
+    });
+    this.router.events
+      .pipe(filter((event) => event instanceof NavigationEnd))
+      .subscribe((params) => {
+        if (this.isSlim) {
+          this.active = false;
+        } else {
+          if (this.item.routerLink) {
+            this.updateActiveStateFromRoute();
+          }
+        }
+      });
+  }
+  ngOnInit() {
+    this.key = this.parentKey
+      ? this.parentKey + '-' + this.index
+      : String(this.index);
+    if (!this.isSlim && this.item.routerLink) {
+      this.updateActiveStateFromRoute();
+    }
+  }
+  updateActiveStateFromRoute() {
+    let activeRoute = this.router.isActive(
+      this.item.routerLink[0],
+      <IsActiveMatchOptions>this.item.routerLinkActiveOptions || {
+        paths: 'exact',
+        queryParams: 'ignored',
+        matrixParams: 'ignored',
+        fragment: 'ignored',
+      }
+    );
+    if (activeRoute) {
+      this.menuService.onMenuStateChange({ key: this.key, routeEvent: true });
+    }
+  }
+  itemClick(event: MouseEvent) {
+    // avoid processing disabled items
+    if (this.item.disabled) {
+      event.preventDefault();
+      return;
+    }
+    // navigate with hover
+    if (this.root && this.isSlim) {
+      this.layoutService.state.menuHoverActive =
+        !this.layoutService.state.menuHoverActive;
+    }
+    // execute command
+    if (this.item.command) {
+      this.item.command({ originalEvent: event, item: this.item });
+    }
+    // add tab
+    if (
+      event.metaKey &&
+      this.item.routerLink &&
+      (!this.item.data || !this.item.data.fullPage)
+    ) {
+      this.layoutService.onTabOpen(this.item);
+      event.preventDefault();
+    }
+    // toggle active state
+    if (this.item.items) {
+      this.active = !this.active;
+      if (this.root && this.active && this.isSlim) {
+        this.layoutService.onOverlaySubmenuOpen();
+      }
+    } else {
+      if (this.layoutService.isMobile()) {
+        this.layoutService.state.staticMenuMobileActive = false;
+      }
+      if (this.isSlim) {
+        this.menuService.reset();
+        this.layoutService.state.menuHoverActive = false;
+      }
+    }
+    this.menuService.onMenuStateChange({ key: this.key });
+  }
+  onMouseEnter() {
+    // activate item on hover
+    if (this.root && this.isSlim && this.layoutService.isDesktop()) {
+      if (this.layoutService.state.menuHoverActive) {
+        this.active = true;
+        this.menuService.onMenuStateChange({ key: this.key });
+      }
+    }
+  }
+  get submenuAnimation() {
+    if (this.layoutService.isDesktop() && this.layoutService.isSlim())
+      return this.active ? 'visible' : 'hidden';
+    else return this.root ? 'expanded' : this.active ? 'expanded' : 'collapsed';
+  }
+  get isSlim() {
+    return this.layoutService.isSlim();
+  }
+  get isMobile() {
+    return this.layoutService.isMobile();
+  }
+  @HostBinding('class.active-menuitem')
+  get activeClass() {
+    return this.active && !this.root;
+  }
+  ngOnDestroy() {
+    if (this.menuSourceSubscription) {
+      this.menuSourceSubscription.unsubscribe();
+    }
+    if (this.menuResetSubscription) {
+      this.menuResetSubscription.unsubscribe();
+    }
+  }
+}

package/aaaa/client/layout/app.sidebar.component.html ADDED Viewed

@@ -0,0 +1,5 @@
+<div class="layout-sidebar">
+  <div class="layout-menu-container">
+    <app-menu></app-menu>
+  </div>
+</div>

package/aaaa/client/layout/app.sidebar.component.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import { Component, ElementRef } from '@angular/core';
+import { LayoutService } from './service/app.layout.service';
+@Component({
+  selector: 'app-sidebar',
+  templateUrl: './app.sidebar.component.html'
+})
+export class AppSidebarComponent {
+  constructor(public layoutService: LayoutService, public el: ElementRef) {
+  }
+}

package/aaaa/client/layout/app.topbar.component.html ADDED Viewed

@@ -0,0 +1,72 @@
+<div class="layout-topbar">
+    <a class="app-logo" routerLink="/">
+        <img alt="app logo" [src]="logo">
+    </a>
+    <button #menubutton class="topbar-menubutton p-link" type="button" (click)="onMenuButtonClick()">
+        <span></span>
+    </button>
+    <ul class="topbar-menu">
+        <li *ngFor="let item of tabs; let i = index">
+            <a [routerLink]="item.routerLink" routerLinkActive="active-route"
+                [routerLinkActiveOptions]="item.routerLinkActiveOptions||{paths: 'exact', queryParams: 'ignored', fragment: 'ignored', matrixParams: 'ignored'}"
+                [fragment]="item.fragment" [queryParamsHandling]="item.queryParamsHandling"
+                [preserveFragment]="item.preserveFragment!" [skipLocationChange]="item.skipLocationChange!"
+                [replaceUrl]="item.replaceUrl!" [state]="item.state" [queryParams]="item.queryParams">
+                <span>{{item.label}}</span>
+            </a>
+            <i class="pi pi-times" (click)="removeTab($event, item, i)"></i>
+        </li>
+        <li *ngIf="!tabs || tabs.length === 0" class="topbar-menu-empty">
+        </li>
+    </ul>
+    <div class="topbar-search" [ngClass]="{'topbar-search-active': searchActive}">
+        <!--button class="topbar-searchbutton p-link" type="button" (click)="activateSearch()">
+            <i class="pi pi-search"></i>
+        </button-->
+        <div class="search-input-wrapper">
+            <span class="p-input-icon-right">
+                <input #searchinput type="text" pInputText placeholder="Search" (blur)="deactivateSearch()"
+                    (keydown.escape)="deactivateSearch()" />
+                <i class="pi pi-search"></i>
+            </span>
+        </div>
+    </div>
+    <div class="topbar-profile">
+        <button class="topbar-profile-button p-link" type="button" pStyleClass="@next" enterClass="hidden"
+            enterActiveClass="scalein" leaveToClass="hidden" leaveActiveClass="fadeout" [hideOnOutsideClick]="true">
+            <img alt="avatar" src="assets/layout/images/user.png">
+            <span class="profile-details">
+                <span class="profile-name">{{userActif.prenom}} {{userActif.nom}}</span>
+                <span class="profile-job">{{userActif.roleActifList[0]}}</span>
+            </span>
+            <i class="pi pi-angle-down"></i>
+        </button>
+        <ul
+            class="list-none p-3 m-0 border-round shadow-2 hidden absolute surface-overlay origin-top w-full sm:w-12rem mt-2 right-0 top-auto">
+            <li>
+                <a pRipple
+                    class="flex p-2 border-round align-items-center hover:surface-hover transition-colors transition-duration-150 cursor-pointer">
+                    <i class="pi pi-user mr-3"></i>
+                    <span>Profile</span>
+                </a>
+                <a pRipple
+                    class="flex p-2 border-round align-items-center hover:surface-hover transition-colors transition-duration-150 cursor-pointer">
+                    <i class="pi pi-cog mr-3"></i>
+                    <span>Paramètres</span>
+                </a>
+                <a pRipple (click)="appMain.onLogoutClick($event)"
+                    class="flex p-2 border-round align-items-center hover:surface-hover transition-colors transition-duration-150 cursor-pointer">
+                    <i class="pi pi-power-off mr-3"></i>
+                    <span>{{'PROFIL.DECONNEXION' | translate}}</span>
+                </a>
+            </li>
+        </ul>
+    </div>
+</div>