angmaf-tools123 v0.0.26

MafTools

Cette librarie a été générée avec Angular CLI version 9.0.0.

Elle contient les premiers composants partagés de la DOSI et inclut les assets et styles globaux.

Chaque application qui importe la librarie peut les utiliser directement

Uitilsation

Installer ces dependences:

`npm i -D @fortawesome/fontawesome-free@^5.12.1 bootstrap@^4.4.1 bootstrap-datepicker@^1.9.0 @material/linear-progress@^3.2.0 select2@^4.0.13 slick-carousel@^1.8.1 typeface-fira-sans@0.0.75 typeface-montserrat@0.0.75`

Importez MafToolsModule dans votre AppModule

Dans angular.json: projects.[application-nom].architect.build.options.assets, ajouter en premier

{
    "glob": "**/*",
    "input": "node_modules/maf-tools/assets",
    "output": "./assets"
},

projects.[application-nom].architect.build.options.styles, ajouter en premier votre fichier theme (ici dap)

"node_modules/maf-tools/assets/styles/themes/dap.sass",

projects.[application-nom].architect.build.options.scripts, ajouter en premier

"node_modules/maf-tools/assets/bundle.js"

Dans app.component.ts

import { Component, OnInit } from '@angular/core';
import { ApplicationInfo, AdherentInfo, LienWeb, UserInfo, ApplicationExterne, Application } from 'maf-tools';

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.sass']
})
export class AppComponent implements OnInit {
    applicationInfo: ApplicationInfo;
    adherentInfo: AdherentInfo;
    menus: Map<LienWeb, LienWeb[]>;
    userInfo: UserInfo;
    applicationsExternes: ApplicationExterne[];

    ngOnInit() {
        this.applicationInfo = new ApplicationInfo('SINAPPS', 'voici une petit description Sinapps');
        this.adherentInfo = new AdherentInfo(253544, 'valode & pistre architectes pistre architectes');

        const menus = new Map<LienWeb, LienWeb[]>();
        menus.set(new LienWeb('Utilisateurs', '/users'), []);
        menus.set(new LienWeb('Audits', '/audits'),
            [new LienWeb('Action Audits', '/audits/action1'),
            new LienWeb('Another Action Audits', '/audits/action2'),
            new LienWeb('Something else Audits', '/audits/action3')]);
        menus.set(new LienWeb('Administration', '/administration'),
            [new LienWeb('Action Administration', '/administration/action1'),
            new LienWeb('Another Action Administration', '/administration/action2'),
            new LienWeb('Something else Administration', '/administration/action3')]);
        this.menus = menus;

        this.userInfo = new UserInfo('MAF_NT\\LOGINMaf', 'NOM Prénom');

        this.applicationsExternes = [
            new ApplicationExterne(Application.DAP, 'http://dnsintintraconsdap01/lien-absolu/1'),
            new ApplicationExterne(Application.GECO, 'http://dnsintintraconsgeco01/lien-absolu/2'),
            new ApplicationExterne(Application.COCOON, 'http://dnsintintraconscocoon01/lien-absolu/3'),
            new ApplicationExterne(Application.SINAPPS, 'http://dnsintintraconscocoon01/lien-absolu/3'),
            new ApplicationExterne(Application.VIGI, 'http://dnsintintraconscocoon01/lien-absolu/3'),
            new ApplicationExterne(Application.SDS, 'http://dnsintintraconscocoon01/lien-absolu/3'),
        ];
    }
}

Dans app.component.html

<maf-header
    [applicationInfo]="applicationInfo"
    [adherentInfo]="adherentInfo"
    [menus]="menus"
    [userInfo]="userInfo"
    [applicationsExternes]="applicationsExternes"
></maf-header>