From ab1b13b8de096bf6fc3d78be161c8bece0c39cc8 Mon Sep 17 00:00:00 2001 From: ddamiron <ddamiron@sii.fr> Date: Tue, 23 Jul 2019 15:50:06 +0200 Subject: [PATCH] add page header to logs components --- .../logs-home/logs-home.component.html | 2 ++ .../logs-dashboard/logs-home/logs-home.component.ts | 4 ++++ .../logs-sessions/logs-sessions.component.html | 2 +- .../report/logs-data/logs-data.component.html | 2 -- .../logs-pre-report/logs-pre-report.component.html | 7 +++---- .../logs-pre-report/logs-pre-report.component.ts | 12 +++++++++--- .../report/logs-report/logs-report.component.html | 6 +----- .../report/logs-report/logs-report.component.ts | 7 +++++-- .../components/page-header/page-header.component.ts | 7 ++++--- 9 files changed, 29 insertions(+), 20 deletions(-) diff --git a/src/app/components/logs-dashboard/logs-home/logs-home.component.html b/src/app/components/logs-dashboard/logs-home/logs-home.component.html index 2fbe18f..99a4334 100644 --- a/src/app/components/logs-dashboard/logs-home/logs-home.component.html +++ b/src/app/components/logs-dashboard/logs-home/logs-home.component.html @@ -1,4 +1,6 @@ <div class="section page-container"> + <app-page-header [pageInfo]="pageHeaderInfo" [hideBackButton]="true"></app-page-header> + <div class="columns is-centered is-marginless"> <div class="input-field"> <form> diff --git a/src/app/components/logs-dashboard/logs-home/logs-home.component.ts b/src/app/components/logs-dashboard/logs-home/logs-home.component.ts index ef258bb..c31966a 100644 --- a/src/app/components/logs-dashboard/logs-home/logs-home.component.ts +++ b/src/app/components/logs-dashboard/logs-home/logs-home.component.ts @@ -3,6 +3,7 @@ import { DataLogsService } from 'src/app/services/data-logs.service'; import { ActivatedRoute, ParamMap } from '@angular/router'; import { ILogs } from 'src/app/models/logs.model'; import { ISimpleTab } from 'src/app/models/basic-tabs.model'; +import { IPageHeaderInfo } from 'src/app/models/page.model'; @Component({ selector: 'app-logs-home', @@ -10,6 +11,9 @@ import { ISimpleTab } from 'src/app/models/basic-tabs.model'; styleUrls: ['./logs-home.component.scss'], }) export class LogsHomeComponent implements OnInit { + pageHeaderInfo: IPageHeaderInfo = { + title: 'Data-Logs', + }; isDashboardDisplayed: boolean = false; uuid: string; allFields: any; diff --git a/src/app/components/logs-dashboard/logs-sessions/logs-sessions.component.html b/src/app/components/logs-dashboard/logs-sessions/logs-sessions.component.html index 21759f0..662b413 100644 --- a/src/app/components/logs-dashboard/logs-sessions/logs-sessions.component.html +++ b/src/app/components/logs-dashboard/logs-sessions/logs-sessions.component.html @@ -3,7 +3,7 @@ <div class="section"> <div class="columns is-centered is-marginless"> <div class="column has-text-left"> - <h2>{{ childNbSessions }} Sessions trouvées</h2> + <h2>{{ childNbSessions }} sessions trouvées</h2> </div> </div> diff --git a/src/app/components/logs-dashboard/report/logs-data/logs-data.component.html b/src/app/components/logs-dashboard/report/logs-data/logs-data.component.html index 536cdec..53a6627 100644 --- a/src/app/components/logs-dashboard/report/logs-data/logs-data.component.html +++ b/src/app/components/logs-dashboard/report/logs-data/logs-data.component.html @@ -6,7 +6,6 @@ <div class="section"> <div class="columns is-centered is-marginless"> - <div class="column has-text-left"> <div *ngFor="let oneStepData of allStepsData"> <div class="mini-info-card" *ngIf="oneStepData" (click)='getLogsSelector(oneStepData._id.step);'> @@ -19,7 +18,6 @@ <p>total-time: {{oneStepData.totalHoursSpent}}h : {{oneStepData.totalMinutesSpent}}m : {{oneStepData.totalSecondsSpent}}s </p> </h3> - </span> </div> <div class="column is-5 has-text-left"></div> diff --git a/src/app/components/logs-dashboard/report/logs-pre-report/logs-pre-report.component.html b/src/app/components/logs-dashboard/report/logs-pre-report/logs-pre-report.component.html index 9b5e557..bed326d 100644 --- a/src/app/components/logs-dashboard/report/logs-pre-report/logs-pre-report.component.html +++ b/src/app/components/logs-dashboard/report/logs-pre-report/logs-pre-report.component.html @@ -1,9 +1,8 @@ <ng-container *ngIf="nbObjects!==0"> - <div class="section page-container"> - <app-back-button [route]="'/datalogs'" [title]="'Retourner à la liste des slugs et sessionIds'"></app-back-button> + <div class="section page-container"> + <app-page-header [pageInfo]="pageHeaderInfo" [goToThisUrl]="previousUrl" [hideBackButton]="false"></app-page-header> - <h1>{{ title }}</h1> <div [ngClass]="{'hidden': isSession}"> <div class="section"> <div class="columns is-left is-marginless"> @@ -57,7 +56,7 @@ 0 </div> <div class="column is-1 actions"> - <a class="button button-gl " [routerLink]="['../../../../datalogs/report', id, session, 'slug']"> + <a class="button button-gl " [routerLink]="['/','datalogs','report', id, session, 'slug']"> <i class="fas fa-eye"></i> Voir </a> </div> diff --git a/src/app/components/logs-dashboard/report/logs-pre-report/logs-pre-report.component.ts b/src/app/components/logs-dashboard/report/logs-pre-report/logs-pre-report.component.ts index 61fc46b..b88b0af 100644 --- a/src/app/components/logs-dashboard/report/logs-pre-report/logs-pre-report.component.ts +++ b/src/app/components/logs-dashboard/report/logs-pre-report/logs-pre-report.component.ts @@ -4,6 +4,7 @@ import { FormBuilder, FormGroup, Validators } from '@angular/forms'; import { filter, switchMap } from 'rxjs/operators'; import { Format } from 'src/app/models/format.model'; import { DataLogsService } from 'src/app/services/data-logs.service'; +import { IPageHeaderInfo } from 'src/app/models/page.model'; @Component({ selector: 'app-logs-pre-report', @@ -11,7 +12,10 @@ import { DataLogsService } from 'src/app/services/data-logs.service'; styleUrls: ['./logs-pre-report.component.scss'], }) export class LogsPreReportComponent implements OnInit { - + pageHeaderInfo: IPageHeaderInfo = { + title: 'Data-Logs pre-report', + }; + previousUrl: string = '/datalogs'; responseArray: any = []; form: FormGroup; title: string; @@ -23,7 +27,7 @@ export class LogsPreReportComponent implements OnInit { constructor( private _dataLogsService: DataLogsService, - private _route: ActivatedRoute, + public _route: ActivatedRoute, private _router: Router, private _fb: FormBuilder, ) { @@ -56,5 +60,7 @@ export class LogsPreReportComponent implements OnInit { }); } - + navigateByUrl() { + this._router.navigateByUrl(this.previousUrl); + } } diff --git a/src/app/components/logs-dashboard/report/logs-report/logs-report.component.html b/src/app/components/logs-dashboard/report/logs-report/logs-report.component.html index d20d630..e54d04c 100644 --- a/src/app/components/logs-dashboard/report/logs-report/logs-report.component.html +++ b/src/app/components/logs-dashboard/report/logs-report/logs-report.component.html @@ -1,10 +1,6 @@ <ng-container> <div class="section page-container"> - - <app-back-button [routerLink]="previousUrl" [title]="'Retourner au pre-report'"></app-back-button> - - <h1>{{ title }}</h1> - + <app-page-header [pageInfo]="pageHeaderInfo" [goToThisUrl]='previousUrl' [hideBackButton]="false"></app-page-header> <app-logs-graph [childUuid]="uuid" [childSessionId]="sessionId" [childSlug]="slug"></app-logs-graph> <div class="columns is-centered "> diff --git a/src/app/components/logs-dashboard/report/logs-report/logs-report.component.ts b/src/app/components/logs-dashboard/report/logs-report/logs-report.component.ts index a0573e2..aa4b229 100644 --- a/src/app/components/logs-dashboard/report/logs-report/logs-report.component.ts +++ b/src/app/components/logs-dashboard/report/logs-report/logs-report.component.ts @@ -4,6 +4,7 @@ import { FormBuilder, FormGroup, Validators } from '@angular/forms'; import { filter, switchMap } from 'rxjs/operators'; import { Format } from 'src/app/models/format.model'; import { DataLogsService } from 'src/app/services/data-logs.service'; +import { IPageHeaderInfo } from 'src/app/models/page.model'; @Component({ selector: 'app-logs-report', @@ -11,18 +12,20 @@ import { DataLogsService } from 'src/app/services/data-logs.service'; styleUrls: ['./logs-report.component.scss'], }) export class LogsReportComponent implements OnInit { - + pageHeaderInfo: IPageHeaderInfo = { + title: 'Data-Logs Report', + }; responseArray: any = []; form: FormGroup; title: string; slug: string ; uuid:string; - previousUrl: string ; sessionId: string; serviceName:string; nbObjects: number = 0; urlCode: string = ''; isSession:boolean = false; + previousUrl: string; constructor( private _dataLogsService: DataLogsService, diff --git a/src/app/components/page-header/page-header.component.ts b/src/app/components/page-header/page-header.component.ts index 0d824ad..be5e7df 100644 --- a/src/app/components/page-header/page-header.component.ts +++ b/src/app/components/page-header/page-header.component.ts @@ -16,15 +16,16 @@ export class PageHeaderComponent implements OnInit { ) { } @Input() pageInfo: IPageHeaderInfo; - @Input() customGoToPreviousPage: any; + @Input() goToThisUrl: any; @Input() hideBackButton: boolean; ngOnInit() { } goToPreviousPage() { - if (this.customGoToPreviousPage) { - this.customGoToPreviousPage(); + if (this.goToThisUrl) { + console.log('INSIDE GOTOTHISURL'); + this._router.navigate([this.goToThisUrl]); } else { const index = 1; // Start to retrieve the previous element let url = this._navigationHistoryService.getFromLast(index); -- GitLab