home.component.html 2.91 KiB
<body>
  <mat-grid-list cols="4" rowHeight="45px">
    <nav>
    <a><mat-grid-tile
        *ngFor="let tile of tilesTonaliteMed"
        [colspan]="tile.cols"
        [rowspan]="tile.rows"
        [style.background]="tile.color"
        [style.color]="tile.textColor"
        [style.border]="tile.border"
        (mouseenter)="setColorHover(tile)"
        (mouseleave)="setColorHover(tile)"
      <strong>{{tile.text}}</strong>
    </mat-grid-tile></a></nav>
  </mat-grid-list>
  <mat-grid-list cols="5" rowHeight="45px">
    <nav>
    <a><mat-grid-tile
        *ngFor="let tile of tilesThemeRec"
        [colspan]="tile.cols"
        [rowspan]="tile.rows"
        [style.background]="tile.color"
        [style.color]="tile.textColor"
        [style.border]="tile.border"
        (mouseenter)="setColorHover(tile)"
        (mouseleave)="setColorHover(tile)"
      <strong>{{tile.text}}</strong>
    </mat-grid-tile></a></nav>
  </mat-grid-list>
  <mat-grid-list cols="4" rowHeight="45px">
    <nav>
    <a><mat-grid-tile
        *ngFor="let tile of tilesSupportDepartement"
        [colspan]="tile.cols"
        [rowspan]="tile.rows"
        [style.background]="tile.color"
        [style.color]="tile.textColor"
        [style.border]="tile.border"
        (mouseenter)="setColorHover(tile)"
        (mouseleave)="setColorHover(tile)"
      <strong>{{tile.text}}</strong>
    </mat-grid-tile></a></nav>
  </mat-grid-list>
  <mat-grid-list cols="3" rowHeight="45px">
    <nav>
    <a><mat-grid-tile
        *ngFor="let tile of tilesNombreCP"
        [colspan]="tile.cols"
        [rowspan]="tile.rows"
        [style.background]="tile.color"
        [style.color]="tile.textColor"
        [style.border]="tile.border"
        (mouseenter)="setColorHover(tile)"
        (mouseleave)="setColorHover(tile)"
      <strong>{{tile.text}}</strong>
    </mat-grid-tile></a></nav>
  </mat-grid-list>
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
<mat-grid-list cols="4" rowHeight="45px"> <nav> <a><mat-grid-tile *ngFor="let tile of tilesRetombeCP" [colspan]="tile.cols" [rowspan]="tile.rows" [style.background]="tile.color" [style.color]="tile.textColor" [style.border]="tile.border" (mouseenter)="setColorHover(tile)" (mouseleave)="setColorHover(tile)" > <strong>{{tile.text}}</strong> </mat-grid-tile></a></nav> </mat-grid-list> <mat-grid-list cols="9" rowHeight="45px"> <nav> <a><mat-grid-tile *ngFor="let tile of tilesThemeTonalite" [colspan]="tile.cols" [rowspan]="tile.rows" [style.background]="tile.color" [style.color]="tile.textColor" [style.border]="tile.border" (mouseenter)="setColorHover(tile)" (mouseleave)="setColorHover(tile)" > <strong>{{tile.text}}</strong> </mat-grid-tile></a></nav> </mat-grid-list> </body> <!-- To do Add some content (some text and features maybe) -->