Skip to content
Snippets Groups Projects
Commit 3d4facd1 authored by ddamiron's avatar ddamiron
Browse files

add arrows for step selector in report

parent 97b21310
No related branches found
No related tags found
5 merge requests!10New updated datalog,!9add all datalog components and services into angular gui,!8update Datalog research input,!7Datalog research input,!14Version 1.3.0
...@@ -11,53 +11,52 @@ ...@@ -11,53 +11,52 @@
<label> Session Id </label> <label> Session Id </label>
</div> </div>
<div class="column is-2 has-text-left"> <div class="column is-2 has-text-left">
</div> </div>
</div> </div>
<div class="data-list"> <div class="data-list">
<div class="data columns is-multiline is-vcentered is-marginless" > <div class="data columns is-multiline is-vcentered is-marginless">
<div class="column is-5 has-text-left"> <div class="column is-5 has-text-left">
<input type="text" size="45" name="slug" [(ngModel)]="slug"> <input class="input" type="text" size="45" name="slug" [(ngModel)]="slug">
</div> </div>
<div class="column is-5 has-text-left"> <div class="column is-5 has-text-left">
<input type="text" size="45" name="sessionId" [(ngModel)]="sessionId"> <input class="input" type="text" size="45" name="sessionId" [(ngModel)]="sessionId">
</div> </div>
<div class="column is-2 has-text-left"> <div class="column is-2 has-text-left">
<a class="button button-gl " [routerLink]="['report', slug, sessionId, 'home']"> <a class="button button-gl " [routerLink]="['report', slug, sessionId, 'home']">
<i class="fas fa-search"></i> <i class="fas fa-search"></i>
</a> </a>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </form>
</form> <br>
<br>
<!-- Tabs --> <!-- Tabs -->
<ul class="tabs-container"> <ul class="tabs-container">
<li *ngFor="let tab of tabs" (click)="tabsToggler(tab.name)" [ngClass]="{'is-active':tab.isActive}"> <li *ngFor="let tab of tabs" (click)="tabsToggler(tab.name)" [ngClass]="{'is-active':tab.isActive}">
<!-- [routerLink]="tab.fullRouterLinkPath" routerLinkActive="is-active" --> <!-- [routerLink]="tab.fullRouterLinkPath" routerLinkActive="is-active" -->
<span class="tab-label">{{ tab.name }}</span> <span class="tab-label">{{ tab.name }}</span>
</li> </li>
</ul> </ul>
<!-- <a class="button button-gl is-centered" (click)="tabsToggler(true)"> <!-- <a class="button button-gl is-centered" (click)="tabsToggler(true)">
Slugs Slugs
</a> </a>
<a class="button button-gl is-centered" (click)="tabsToggler(false)"> <a class="button button-gl is-centered" (click)="tabsToggler(false)">
Sessions Sessions
</a> --> </a> -->
</div>
</div> </div>
</div>
<div class="columns is-centered is-marginless"> <div class="columns is-centered is-marginless">
<div class="column has-text-centered is-marginless"> <div class="column has-text-centered is-marginless">
<app-logs-sessions [hidden]="isToggled" [childSessionId]="sessionId" [childNbSessions]="nbSessionId"> <app-logs-sessions [hidden]="isToggled" [childSessionId]="sessionId" [childNbSessions]="nbSessionId">
</app-logs-sessions> </app-logs-sessions>
<app-logs-slugs [hidden]="!isToggled" [childSlugsList]="allFields.slug_list" [childNbSlugs]="nbSlug" <app-logs-slugs [hidden]="!isToggled" [childSlugsList]="allFields.slug_list" [childNbSlugs]="nbSlug"
[childNbUuids]="nbUuid"></app-logs-slugs> [childNbUuids]="nbUuid"></app-logs-slugs>
</div> </div>
</div> </div>
\ No newline at end of file \ No newline at end of file
...@@ -5,22 +5,43 @@ ...@@ -5,22 +5,43 @@
</div> </div>
<div class="section"> <div class="section">
<div class="columns is-centered is-marginless"> <div class="columns is-centered is-marginless">
<div class="column has-text-left"> <div class="column has-text-left">
<div *ngFor="let oneStepData of allStepsData"> <div *ngFor="let oneStepData of allStepsData">
<div class="mini-info-card" *ngIf="oneStepData" (click)='getLogsSelector(oneStepData._id.step);'> <div class="mini-info-card" *ngIf="oneStepData" (click)='getLogsSelector(oneStepData._id.step);'>
<span> <div class="table">
<!-- <p>slug: {{oneStepData._id.slug}} </p> <div class="columns is-marginless">
<p>uuid: {{oneStepData._id.uuid}} </p> <div class="column is-5 has-text-left">
<p>sessionId: {{oneStepData._id.session_id}} </p> --> <span>
<h3> <h3>
<p>step: {{oneStepData._id.step}}</p> <p>step: {{oneStepData._id.step}}</p>
<p>total-time: {{oneStepData.totalHoursSpent}}h : {{oneStepData.totalMinutesSpent}}m : <p>total-time: {{oneStepData.totalHoursSpent}}h : {{oneStepData.totalMinutesSpent}}m :
{{oneStepData.totalSecondsSpent}}s </p> {{oneStepData.totalSecondsSpent}}s </p>
</h3> </h3>
</span>
</span>
</div>
<div class="column is-5 has-text-left"></div>
<div class="column is-2 has-text-right">
<br>
<span>
<div class="arrows" [ngClass]="{'is-displayed': displayedStep === oneStepData._id.step}">
<svg xmlns="https://www.w3.org/2000/svg" id="chevron" viewBox="0 0 15 9">
<path
d="M7.5 7.5c-.1 0-.3-.1-.4-.1l-6-6C1 1.1 1 .8 1.1.6s.5-.2.7 0l5.6 5.6L13 .6c.2-.2.5-.2.7 0s.2.5 0 .7l-6 6c.1.1-.1.2-.2.2z"
class="brandcolor" />
<path
d="M7.5 7.5c-.1 0-.3-.1-.4-.1l-6-6C1 1.1 1 .8 1.1.6s.5-.2.7 0l5.6 5.6L13 .6c.2-.2.5-.2.7 0s.2.5 0 .7l-6 6c.1.1-.1.2-.2.2z"
class="brandcolor" />
</svg>
</div>
</span>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="column has-text-left"> <div class="column has-text-left">
......
@import "../../../../../scss/variables.scss";
@import "../../../../../../node_modules/bulma/sass/utilities/_all.sass";
figure { figure {
text-align: center; text-align: center;
} }
...@@ -37,4 +40,18 @@ figure { ...@@ -37,4 +40,18 @@ figure {
.hidden { .hidden {
display: none; display: none;
} }
\ No newline at end of file
.arrows {
svg {
width: 16px;
fill: $grey-dark-color;
transform: rotate(0deg);
}
}
.arrows.is-displayed svg {
transform: rotate(-90deg);
}
...@@ -14,6 +14,7 @@ export class LogsDataComponent implements OnChanges { ...@@ -14,6 +14,7 @@ export class LogsDataComponent implements OnChanges {
@Input() childUuid: string = ''; @Input() childUuid: string = '';
@Input() childSessionId: string = ''; @Input() childSessionId: string = '';
@Input() childSlug: string; @Input() childSlug: string;
displayedStep: string = 'none';
logTypes: any = [ logTypes: any = [
{ {
name : 'erreurs', name : 'erreurs',
...@@ -69,6 +70,7 @@ export class LogsDataComponent implements OnChanges { ...@@ -69,6 +70,7 @@ export class LogsDataComponent implements OnChanges {
this.tempStep = step; this.tempStep = step;
this.allErrorLogs = []; this.allErrorLogs = [];
this.allLogs = []; this.allLogs = [];
this.displayedStep = step;
if (this.logTypes[0].selected === true) { if (this.logTypes[0].selected === true) {
this.getErrorStepsLogs(step); this.getErrorStepsLogs(step);
} }
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment