diff --git a/src/app/pages/home/home.component.css b/src/app/pages/home/home.component.css index f378f8895d793091f6bd02e03d6a7e54f0630df6..cb2235611cac51a9dfe6e66846f4db58278d43cd 100644 --- a/src/app/pages/home/home.component.css +++ b/src/app/pages/home/home.component.css @@ -15,6 +15,7 @@ mat-grid-list { margin-left: 15px; cursor: pointer; margin-top: 50px; + margin-bottom: 50px; } diff --git a/src/app/pages/home/home.component.html b/src/app/pages/home/home.component.html index c3830a494c7e1d9fce39b7197cde61aaf14019b2..be01337d2ce3201af3d24ffe2d384338e112b2d2 100644 --- a/src/app/pages/home/home.component.html +++ b/src/app/pages/home/home.component.html @@ -1,6 +1,8 @@ <body> + + <mat-grid-list cols="4" rowHeight="45px"> <nav> <a><mat-grid-tile @@ -17,7 +19,6 @@ </mat-grid-tile></a></nav> </mat-grid-list> - <mat-grid-list cols="5" rowHeight="45px"> <nav> <a><mat-grid-tile @@ -34,7 +35,70 @@ </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> + + + <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> diff --git a/src/app/pages/home/home.component.ts b/src/app/pages/home/home.component.ts index 1ae15a38896633e04bb62115aeaeb7fc01b47929..22049e7e2fd285b12226f3ac4fefa80b6d60f732 100644 --- a/src/app/pages/home/home.component.ts +++ b/src/app/pages/home/home.component.ts @@ -8,7 +8,7 @@ export interface Tile { rows: number; text: string; textColor: string; - + } @Component({ @@ -46,97 +46,194 @@ export class HomeComponent{ {text :'Total' , cols : 2 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, {text :'71' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, {text :'6' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'Landes' , cols : 2 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'Landes (40)' , cols : 2 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'Hautes Pyrénées' , cols : 2 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'80' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'Hautes Pyrénées (65)' , cols : 2 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'43' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, {text :'3' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'Pyrénées Atlantiques' , cols : 2 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'19' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'Pyrénées Atlantiques (64)' , cols : 2 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'11' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, {text :'2' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, ]; tilesThemeRec : Tile[] = [ - {text :'Thèmes les plus récurents' , cols : 5 , rows : 1 , textColor : 'black', color: "white" , border: "none"}, + {text :'Thèmes les plus récurents' , cols : 5 , rows : 1 , textColor : '', color: "" , border: "none"}, {text :'Thème' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, {text :'Total ' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, - {text :'Landes' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, - {text :'Hautes Pyrénées' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, - {text :'Pyrénées Atlantiques' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, + {text :'Landes (40)' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, + {text :'Hautes Pyrénées (65)' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, + {text :'Pyrénées Atlantiques (64)' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, {text :'Partenariat' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'71' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'8' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, {text :'6' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, {text :'Sécurité' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'71' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'6' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'14' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'4' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'7' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'3' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, {text :'Transition énergétique' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'71' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'6' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'2' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, {text :'RH' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'71' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'6' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'9' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'5' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'3' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, {text :'Crise' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'71' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'6' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'11' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'2' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'8' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, {text :'Réseau' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'71' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, {text :'6' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'2' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'3' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, {text :'Linky∕Smartgrid' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'71' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'6' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'7' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'2' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'2' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'3' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, {text :'Envrionnement' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'71' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, {text :'6' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, - {text :'17' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'3' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'2' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, ] - public displayTonaliteMed(){ - let arrayTonaliteMed = new Array(5); - - for ( let i=0 ; i <5 ; i++){ - arrayTonaliteMed[i]=new Array(3) - } - - arrayTonaliteMed[0][0]= 'TONALITES DES MEDIAS'; - arrayTonaliteMed[0][1]= 'POSITIF'; - arrayTonaliteMed[0][2]= 'NEGATIF'; - - arrayTonaliteMed[1][0]= 'TOTAL'; - arrayTonaliteMed[1][1]= arrayTonaliteMed[2][1]+ arrayTonaliteMed[3][1] + arrayTonaliteMed[4][1]; - arrayTonaliteMed[1][2]= arrayTonaliteMed[2][2]+ arrayTonaliteMed[3][2] + arrayTonaliteMed[4][2]; - - arrayTonaliteMed[2][0]= 'LANDES'; - arrayTonaliteMed[2][1]= 17 ; - arrayTonaliteMed[2][2]= 1; - - arrayTonaliteMed[3][0]= 'HAUTES PYRENEES'; - arrayTonaliteMed[3][1]= 80; - arrayTonaliteMed[3][2]= 3; - - arrayTonaliteMed[4][0]= 'PYRENNES ATLANTIQUES'; - arrayTonaliteMed[4][1]= 19; - arrayTonaliteMed[4][2]= 2; - - return arrayTonaliteMed; - + tilesSupportDepartement : Tile[] = [ + {text :'Support par département' , cols : 4 , rows : 1 , textColor : '', color: "" , border: "none"}, + {text :'Support' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, + {text :'Landes (40)' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, + {text :'Hautes Pyrénées (65)' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, + {text :'Pyrénées Atlantiques (64)' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, + {text :'PQR' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'2' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'WEB' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'7' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'11' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'5' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'Radio' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'4' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'2' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'TV' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + ] - } + tilesNombreCP : Tile[] =[ + {text :'Nombre CP' , cols : 3 , rows : 1 , textColor : '', color: "" , border: "none"}, + {text :'Landes (40)' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, + {text :'Hautes Pyrénées (65)' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, + {text :'Pyrénées Atlantiques (64)' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, + {text :'5' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'3' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'3' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + ] + tilesRetombeCP : Tile[] =[ + {text :'Retombées liés aux CP' , cols : 4 , rows : 1 , textColor : '', color: "" , border: "none"}, + {text :'Totales' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, + {text :'Landes (40)' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, + {text :'Hautes Pyrénées (65)' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, + {text :'Pyrénées Atlantiques (64)' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, + {text :'34' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'10' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'15' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'9' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + ] + tilesThemeTonalite : Tile[] = [ + {text :'Tonalité par thématique' , cols : 9 , rows : 1 , textColor : '', color: "" , border: "none"}, + {text :'Thème' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, + {text :'Total positif ' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, + {text :'Total négatif ' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, + {text :'40 positif' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, + {text :'40 négatif' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, + {text :'65 positif' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, + {text :'65 négatif' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, + {text :'64 positif' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, + {text :'64 négatif' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(0,94,184)', border: "3px solid rgb(0,94,184)"}, + {text :'Partenariat' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'11' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'5' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'6' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'Sécurité' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'Transition énergétique' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'9' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'2' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'7' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'RH' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'7' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'5' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'Crise' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'8' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'4' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'2' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'2' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'Réseau' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'25' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'3' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'16' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'6' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'Linky' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'6' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'5' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'2' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'3' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'3' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'1' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'Envrionnement' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(147,201,14)', border: "3px solid rgb(147,201,14)"}, + {text :'0' , cols : 1 , rows : 1 , textColor : "white" , color: 'rgb(239,66,111)', border: "3px solid rgb(239,66,111)"}, + ] } diff --git a/src/app/toolbar/toolbar.component.css b/src/app/toolbar/toolbar.component.css index 5770f4b32ff10b12dd666237d75594403415ccfc..134ecf61e96691a732d199c9d86e5fceb1e47372 100644 --- a/src/app/toolbar/toolbar.component.css +++ b/src/app/toolbar/toolbar.component.css @@ -10,8 +10,6 @@ mat-grid-list { .img-logo{ transform: scale(1); - width: 90%; - height: 65%; }