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 111a7965018e7f4b8dc79e0f130aa9d8e67eca74..1deaf57257628e528edd3f3bc92050fc559d86b3 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,10 +1,10 @@ -<div class="section"> +<div class="section page-container"> <div class="columns is-centered is-marginless"> <div class="input-field"> <form> <label> Slug/Uuid: </label> <input type="text" size="40" name="slug" [(ngModel)]="slug"> - + <label> SessionId: </label> <input type="text" size="40" name="sessionId" [(ngModel)]="sessionId"> @@ -32,6 +32,4 @@ <app-logs-slugs [hidden]="!isToggled" [childSlugsList]="allFields.slug_list" [childNbSlugs]="nbSlug" [childNbUuids]="nbUuid"></app-logs-slugs> </div> - </div> - - + </div> \ No newline at end of file diff --git a/src/app/components/logs-dashboard/logs-home/logs-home.component.scss b/src/app/components/logs-dashboard/logs-home/logs-home.component.scss index fb31c60a8f490f55699c010d6888cf52f723cf1d..07e58bb921bad5d7b1250d3bb0faa87b3e20db48 100644 --- a/src/app/components/logs-dashboard/logs-home/logs-home.component.scss +++ b/src/app/components/logs-dashboard/logs-home/logs-home.component.scss @@ -24,4 +24,15 @@ figure { .hidden { display: none; + } + .icon { + cursor: pointer; + &:hover { + .fa-plus { + color: lightblue; + } + .fa-trash { + color: #d5232a; + } + } } \ No newline at end of file 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 0fd69dd1f1a6e37b45ff088631f99676831b7704..e6cc70c678ddab11cedf2ab5de8a3cba00da08e0 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 @@ -1,73 +1,73 @@ -<ng-container > - <div> - <div class="section"> - <div class="columns is-centered is-marginless"> - <div class="column has-text-left"> - <h2>{{ childNbSessions }} Sessions trouvées</h2> - </div> +<ng-container> + <div> + <div class="section"> + <div class="columns is-centered is-marginless"> + <div class="column has-text-left"> + <h2>{{ childNbSessions }} Sessions trouvées</h2> </div> + </div> - <div class="table"> - <div class="header columns is-marginless"> - <div class="column is-4 has-text-centered"> - <span (click)="sortBy('name')" class="is-sortable"> - <span class="column-title" >SessionId</span> - <p></p> - </span> - </div> - <div class="column is-1 has-text-centered"> - <span class="column-title">All ?</span> + <div class="table entity-list-table"> + <div class="header columns is-marginless"> + <div class="column is-4 has-text-centered"> + <span (click)="sortBy('name')" class="is-sortable"> + <span class="column-title">SessionId</span> + <p></p> + </span> + </div> + <div class="column is-1 has-text-left"> + <span class="column-title">All ?</span> + </div> + <div class="column is-2 has-text-left"> + <span class="column-title">Completion Date</span> + </div> + <div class="column is-2 has-text-left"> + <span class="column-title">Duration</span> + </div> + <div class="column is-1 has-text-left"> + <span class="column-title">Errors?</span> + </div> + <div class="column is-1 has-text-left"> + <span class="column-title"></span> + </div> + </div> + <div class="data-list"> + <div class="data columns is-multiline is-vcentered is-marginless" + *ngFor="let session of allSessionsIdInfo; let i=index; let odd=odd; let even=even;" [ngClass]="{ odd: odd, even: even }"> + <div class="column is-4 has-text-left"> + {{ session._id }} </div> - <div class="column is-2 has-text-centered"> - <span class="column-title">Completion Date</span> + <div class="column is-1 has-text-left"> + <!-- {{ format.mapServerType}} --> </div> - <div class="column is-2 has-text-centered"> - <span class="column-title">Duration</span> + <div class="column is-2 has-text-left"> + <span class="column-title">Completion Date</span> </div> - <div class="column is-1 has-text-centered"> - <span class="column-title">Errors?</span> + <div class="column is-2 has-text-left"> + <span class="column-title">{{ session.totalHoursSpent }}: + {{ session.totalMinutesSpent }}: + {{ session.totalSecondsSpent }}</span> </div> - <div class="column is-1 has-text-centered"> - <span class="column-title"></span> + <div class="column is-1 has-text-centered actions"> + 0 </div> - </div> - <div class="data-list"> - <div class="data columns is-multiline is-vcentered is-marginless" - *ngFor="let session of allSessionsIdInfo; let i=index;"> - <div class="column is-4 has-text-centered"> - {{ session._id }} - </div> - <div class="column is-1 has-text-centered"> - <!-- {{ format.mapServerType}} --> - </div> - <div class="column is-2 has-text-centered"> - <span class="column-title">Completion Date</span> - </div> - <div class="column is-2 has-text-centered"> - <span class="column-title">{{ session.totalHoursSpent }}: - {{ session.totalMinutesSpent }}: - {{ session.totalSecondsSpent }}</span> - </div> - <div class="column is-1 has-text-centered actions"> - 0 - </div> - <div class="column is-1 actions"> - <a class="button button-gl " [routerLink]="['preReport','session', session._id]"> - <i class="fas fa-eye"></i> Voir - </a> - </div> + <div class="column is-1 actions"> + <a class="button button-gl " [routerLink]="['preReport','session', session._id]"> + <i class="fas fa-eye"></i> Voir + </a> </div> </div> - <div class="columns is-marginless"> - <div class="column"> - <!-- <app-paginator *ngIf="paginator.length > 0" [length]="paginator.length" [pageSize]="paginator.limit" + </div> + <div class="columns is-marginless"> + <div class="column"> + <!-- <app-paginator *ngIf="paginator.length > 0" [length]="paginator.length" [pageSize]="paginator.limit" [pageSizeOptions]="paginator.pageSizeOptions" [pageIndex]="paginator.pageIndex" [pagesToShow]="5" [showFirstLastButtons]="true" (page)="changePagination($event)" (pageSizeChanged)="changePageSize($event)"> </app-paginator> --> - </div> </div> </div> </div> </div> - </ng-container> \ No newline at end of file + </div> +</ng-container> \ No newline at end of file diff --git a/src/app/components/logs-dashboard/logs-sessions/logs-sessions.component.ts b/src/app/components/logs-dashboard/logs-sessions/logs-sessions.component.ts index 1d7e3fca3542e0afc687ad10e6b05cfb3b48172e..3ce7662867a75e36177580f591a01eeea1b88432 100644 --- a/src/app/components/logs-dashboard/logs-sessions/logs-sessions.component.ts +++ b/src/app/components/logs-dashboard/logs-sessions/logs-sessions.component.ts @@ -13,23 +13,21 @@ export class LogsSessionsComponent implements OnInit { @Input() childSessionId: string; // @Input() childSessionsList: []; @Input() childNbSessions: number; - allSessionsIdInfo: any; - childSessionsList: any; + allSessionsIdInfo: any = []; + childSessionsList: any = []; urlCode: string = 'sessionUrl'; constructor( private dataLogsService: DataLogsService, ) { } ngOnInit() { - this.allSessionsIdInfo = []; - this.childSessionsList = []; this.getAllUniqueFields(); } getProcessTimeAggr (sessionId) { this.dataLogsService.getProcessTimeAggr(sessionId).subscribe((result) => { console.log(result[0]); - this.allSessionsIdInfo = [result[0]]; + this.allSessionsIdInfo.push(result[0]); }, ); } diff --git a/src/app/components/logs-dashboard/logs-slugs/logs-slugs.component.html b/src/app/components/logs-dashboard/logs-slugs/logs-slugs.component.html index b4921673472390edac1700c863f4e7f0dd56fa78..d91c8c39c7d80a9f23c4fadf6a20d472a4d44dac 100644 --- a/src/app/components/logs-dashboard/logs-slugs/logs-slugs.component.html +++ b/src/app/components/logs-dashboard/logs-slugs/logs-slugs.component.html @@ -11,7 +11,7 @@ </div> </div> - <div class="table"> + <div class="table entity-list-table"> <div class="header columns is-marginless"> <div class="column is-4 has-text-centered"> <span (click)="sortBy('name')" class="is-sortable"> @@ -19,57 +19,59 @@ <p></p> </span> </div> - <div class="column is-1 has-text-centered"> + <div class="column is-1 has-text-left"> <span class="column-title">Uuids</span> </div> - <div class="column is-2 has-text-centered"> + <div class="column is-2 has-text-left"> <span class="column-title">Completion Date</span> </div> - <div class="column is-2 has-text-centered"> + <div class="column is-2 has-text-left"> <span class="column-title">Last</span> </div> - <div class="column is-1 has-text-centered"> + <div class="column is-1 has-text-left"> <span class="column-title">Errors?</span> </div> - <div class="column is-1 has-text-centered"> + <div class="column is-1 has-text-left"> <span class="column-title"></span> </div> </div> - <div class="data-list" *ngFor="let slug of childSlugsList; let i=index;"> - <div class="data columns is-multiline is-vcentered is-marginless" - *ngIf="slug"> - <div class="column is-4 has-text-centered"> - {{ slug }} - </div> - <div class="column is-1 has-text-centered"> - <!-- {{ format.mapServerType}} --> - </div> - <div class="column is-2 has-text-centered"> - <span class="column-title">Completion Date</span> - </div> - <div class="column is-2 has-text-centered"> - <span class="column-title"></span> - </div> - <div class="column is-1 has-text-centered actions"> + <div class="data-list"> + <div *ngFor="let slug of childSlugsList; let i=index; let odd=odd; let even=even;" + > + <div class="data columns is-multiline is-vcentered is-marginless" *ngIf="slug" [ngClass]="{ odd: odd, even: even }"> + <div class="column is-4 has-text-left"> + {{ slug }} + </div> + <div class="column is-1 has-text-left"> + <!-- {{ format.mapServerType}} --> + </div> + <div class="column is-2 has-text-left"> + <span class="column-title">Completion Date</span> + </div> + <div class="column is-2 has-text-left"> + <span class="column-title"></span> + </div> + <div class="column is-1 has-text-left actions"> + </div> + <div class="column is-1 has-text-left actions"> + <a class="button button-gl is-left" [routerLink]="['preReport','slug', slug]"> + <i class="fas fa-eye"></i> Voir + </a> + </div> </div> - <div class="column is-1 has-text-centered actions"> - <a class="button button-gl is-centered" [routerLink]="['preReport','slug', slug]"> - <i class="fas fa-eye"></i> Voir - </a> - </div> - </div> - <div class="columns is-marginless"> - <div class="column"> - <!-- <app-paginator *ngIf="paginator.length > 0" [length]="paginator.length" [pageSize]="paginator.limit" + </div> + <div class="columns is-marginless"> + <div class="column"> + <!-- <app-paginator *ngIf="paginator.length > 0" [length]="paginator.length" [pageSize]="paginator.limit" [pageSizeOptions]="paginator.pageSizeOptions" [pageIndex]="paginator.pageIndex" [pagesToShow]="5" [showFirstLastButtons]="true" (page)="changePagination($event)" (pageSizeChanged)="changePageSize($event)"> </app-paginator> --> - </div> </div> </div> </div> </div> </div> + </div> </ng-container> \ No newline at end of file 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 9c2f71dc8af1996fc0c40f67b7eb9c04a6a0304c..7afe83a47bafc24c9397ff932111e8e59513de69 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,158 +1,156 @@ -<ng-container -*ngIf="nbObjects!==0" -> +<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> + <app-back-button [route]="'/datalogs'" [title]="'Retourner à la liste des slugs et sessionIds'"></app-back-button> - <h1>{{ title }}</h1> - <div [ngClass]="{'hidden': isSession}"> - <div class="section"> - <div class="columns is-centered is-marginless"> - <div class="column has-text-left"> - <h2>{{ nbObjects }} Sessions trouvées</h2> - </div> - </div> - - <div class="table"> - <div class="header columns is-marginless"> - <div class="column is-4 has-text-centered"> - <span (click)="sortBy('name')" class="is-sortable"> - <span class="column-title">SessionId</span> - <p></p> - </span> - </div> - <div class="column is-1 has-text-centered"> - <span class="column-title">All ?</span> - </div> - <div class="column is-2 has-text-centered"> - <span class="column-title">Completion Date</span> - </div> - <div class="column is-2 has-text-centered"> - <span class="column-title">Duration</span> - </div> - <div class="column is-1 has-text-centered"> - <span class="column-title">Errors?</span> - </div> - <div class="column is-1 has-text-centered"> - <span class="column-title"></span> + <h1>{{ title }}</h1> + <div [ngClass]="{'hidden': isSession}"> + <div class="section"> + <div class="columns is-left is-marginless"> + <div class="column has-text-left"> + <h2>{{ nbObjects }} Sessions trouvées</h2> </div> </div> - <div class="data-list"> - <div class="data columns is-multiline is-vcentered is-marginless" - *ngFor="let session of responseArray.session_id_list; let i=index;"> - <div class="column is-4 has-text-centered"> - {{ session }} + + <div class="table entity-list-table"> + <div class="header columns is-marginless"> + <div class="column is-4 has-text-left"> + <span (click)="sortBy('name')" class="is-sortable"> + <span class="column-title">SessionId</span> + <p></p> + </span> </div> - <div class="column is-1 has-text-centered"> - <!-- {{ format.mapServerType}} --> + <div class="column is-1 has-text-left"> + <span class="column-title">All ?</span> </div> - <div class="column is-2 has-text-centered"> + <div class="column is-2 has-text-left"> <span class="column-title">Completion Date</span> </div> - <div class="column is-2 has-text-centered"> - <span class="column-title">{{ session.totalHoursSpent }}: - {{ session.totalMinutesSpent }}: - {{ session.totalSecondsSpent }}</span> + <div class="column is-2 has-text-left"> + <span class="column-title">Duration</span> </div> - <div class="column is-1 has-text-centered actions"> - 0 + <div class="column is-1 has-text-left"> + <span class="column-title">Errors?</span> + </div> + <div class="column is-1 has-text-left"> + <span class="column-title"></span> </div> - <div class="column is-1 actions"> + </div> + <div class="data-list"> + <div class="data columns is-multiline is-vcentered is-marginless" + *ngFor="let session of responseArray.session_id_list; let i=index;"> + <div class="column is-4 has-text-left"> + {{ session }} + </div> + <div class="column is-1 has-text-left"> + <!-- {{ format.mapServerType}} --> + </div> + <div class="column is-2 has-text-left"> + <span class="column-title">Completion Date</span> + </div> + <div class="column is-2 has-text-left"> + <span class="column-title">{{ session.totalHoursSpent }}: + {{ session.totalMinutesSpent }}: + {{ session.totalSecondsSpent }}</span> + </div> + <div class="column is-1 has-text-left actions"> + 0 + </div> + <div class="column is-1 actions"> <a class="button button-gl " [routerLink]="['../../../../datalogs/report', id, session, 'slug']"> - <i class="fas fa-eye"></i> Voir + <i class="fas fa-eye"></i> Voir </a> + </div> </div> </div> - </div> - <div class="columns is-marginless"> - <div class="column"> - <!-- <app-paginator *ngIf="paginator.length > 0" [length]="paginator.length" [pageSize]="paginator.limit" + <div class="columns is-marginless"> + <div class="column"> + <!-- <app-paginator *ngIf="paginator.length > 0" [length]="paginator.length" [pageSize]="paginator.limit" [pageSizeOptions]="paginator.pageSizeOptions" [pageIndex]="paginator.pageIndex" [pagesToShow]="5" [showFirstLastButtons]="true" (page)="changePagination($event)" (pageSizeChanged)="changePageSize($event)"> </app-paginator> --> + </div> </div> </div> </div> </div> - </div> - <div [ngClass]="{'hidden': !isSession}" > - <div class="section"> - <div class="columns is-left is-marginless"> - <div class="column has-text-left"> - <div class="columns is-centered is-marginless"> - <div class="column has-text-left"> + <div [ngClass]="{'hidden': !isSession}"> + <div class="section"> + <div class="columns is-left is-marginless"> + <div class="column has-text-left"> + <div class="columns is-centered is-marginless"> + <div class="column has-text-left"> - <h2>{{ nbObjects -1 }} slugs trouvées</h2> + <h2>{{ nbObjects -1 }} slugs trouvées</h2> - <!-- <h2>{{ childNbUuids }} uuid trouvées</h2> --> + <!-- <h2>{{ childNbUuids }} uuid trouvées</h2> --> + </div> </div> </div> </div> - </div> - <div class="table"> - <div class="header columns is-marginless"> - <div class="column is-4 has-text-centered"> - <span (click)="sortBy('name')" class="is-sortable"> - <span class="column-title">Slugs</span> - <p></p> - </span> - </div> - <div class="column is-1 has-text-centered"> - <span class="column-title">Uuids</span> - </div> - <div class="column is-2 has-text-centered"> - <span class="column-title">Completion Date</span> - </div> - <div class="column is-2 has-text-centered"> - <span class="column-title">Last</span> - </div> - <div class="column is-1 has-text-centered"> - <span class="column-title">Errors?</span> - </div> - <div class="column is-1 has-text-centered"> - <span class="column-title"></span> - </div> - </div> - <div class="data-list" *ngFor="let slug of responseArray.slug_list; let i=index;"> - <div class="data columns is-multiline is-vcentered is-marginless" - *ngIf="slug"> + <div class="table entity-list-table"> + <div class="header columns is-marginless"> <div class="column is-4 has-text-centered"> - {{ slug }} + <span (click)="sortBy('name')" class="is-sortable"> + <span class="column-title">Slugs</span> + <p></p> + </span> </div> <div class="column is-1 has-text-centered"> - <!-- {{ format.mapServerType}} --> + <span class="column-title">Uuids</span> </div> <div class="column is-2 has-text-centered"> <span class="column-title">Completion Date</span> </div> <div class="column is-2 has-text-centered"> + <span class="column-title">Last</span> + </div> + <div class="column is-1 has-text-centered"> + <span class="column-title">Errors?</span> + </div> + <div class="column is-1 has-text-centered"> <span class="column-title"></span> </div> - <div class="column is-1 has-text-centered actions"> + </div> + <div class="data-list" *ngFor="let slug of responseArray.slug_list; let i=index;"> + <div class="data columns is-multiline is-vcentered is-marginless" *ngIf="slug"> + <div class="column is-4 has-text-centered"> + {{ slug }} + </div> + <div class="column is-1 has-text-centered"> + <!-- {{ format.mapServerType}} --> + </div> + <div class="column is-2 has-text-centered"> + <span class="column-title">Completion Date</span> + </div> + <div class="column is-2 has-text-centered"> + <span class="column-title"></span> + </div> + <div class="column is-1 has-text-centered actions"> - </div> - <div class="column is-1 actions"> + </div> + <div class="column is-1 actions"> <a class="button button-gl " [routerLink]="['../../../../datalogs/report', slug, id, 'session']"> - <i class="fas fa-eye"></i> Voir + <i class="fas fa-eye"></i> Voir </a> + </div> </div> - </div> - <div class="columns is-marginless"> - <div class="column"> - <!-- <app-paginator *ngIf="paginator.length > 0" [length]="paginator.length" [pageSize]="paginator.limit" + <div class="columns is-marginless"> + <div class="column"> + <!-- <app-paginator *ngIf="paginator.length > 0" [length]="paginator.length" [pageSize]="paginator.limit" [pageSizeOptions]="paginator.pageSizeOptions" [pageIndex]="paginator.pageIndex" [pagesToShow]="5" [showFirstLastButtons]="true" (page)="changePagination($event)" (pageSizeChanged)="changePageSize($event)"> </app-paginator> --> + </div> </div> </div> </div> </div> </div> </div> - </ng-container> \ No newline at end of file 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 b08386b465dca9e016a11d349322205988f143b1..c0a0136f01e5656d30f62688e130ba663ec9e51c 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,11 @@ -<ng-container > +<ng-container> + <div class="section page-container"> - <app-back-button [routerLink]="previousUrl" [title]="'Retourner au pre-report'"></app-back-button> + <app-back-button [routerLink]="previousUrl" [title]="'Retourner au pre-report'"></app-back-button> - <h1>{{ title }}</h1> + <h1>{{ title }}</h1> - <app-logs-graph [childUuid]="uuid" [childSessionId]="sessionId" [childSlug]="slug"></app-logs-graph> - + <app-logs-graph [childUuid]="uuid" [childSessionId]="sessionId" [childSlug]="slug"></app-logs-graph> + </div> </ng-container> \ No newline at end of file