This commit is contained in:
parent
118c3ac7d3
commit
8785218ae9
|
@ -19,9 +19,10 @@
|
||||||
<span>{{title}}</span>
|
<span>{{title}}</span>
|
||||||
</mat-toolbar>
|
</mat-toolbar>
|
||||||
|
|
||||||
|
<div style="padding: 20px;">
|
||||||
<!-- The routed views render in the <router-outlet>-->
|
<!-- The routed views render in the <router-outlet>-->
|
||||||
<router-outlet></router-outlet>
|
<router-outlet></router-outlet>
|
||||||
|
</div>
|
||||||
</mat-sidenav-content>
|
</mat-sidenav-content>
|
||||||
</mat-sidenav-container>
|
</mat-sidenav-container>
|
||||||
|
|
|
@ -1,122 +1,66 @@
|
||||||
<mat-card>
|
<h2>Container Info</h2>
|
||||||
<mat-card-header>
|
|
||||||
<mat-card-title>Container Info</mat-card-title>
|
|
||||||
</mat-card-header>
|
|
||||||
<mat-card-content>
|
|
||||||
|
|
||||||
<mat-form-field style="margin-top: 3em; width: 100%;">
|
<mat-form-field style="width: 100%;">
|
||||||
<mat-label>Filter</mat-label>
|
<mat-label>Filter</mat-label>
|
||||||
<input matInput (keyup)="applyFilter($event)" placeholder="Filter..." #input />
|
<input matInput (keyup)="applyFilter($event)" placeholder="Filter..." #input />
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
|
|
||||||
<div *ngFor="let section of kvDatasources">
|
<div *ngFor="let section of kvDatasources">
|
||||||
<div style="margin-top: 3em;" *ngIf="section.datasource.filteredData.length > 0">
|
<div style="margin-top: 2em;" *ngIf="section.datasource.filteredData.length > 0">
|
||||||
<h3>{{section.name}}</h3>
|
<h3>{{section.name}}</h3>
|
||||||
<table mat-table [dataSource]="section.datasource" class="mat-elevation-z8">
|
<table mat-table [dataSource]="section.datasource" class="mat-elevation-z8">
|
||||||
|
|
||||||
<ng-container matColumnDef="k">
|
<ng-container matColumnDef="k">
|
||||||
<th mat-header-cell *matHeaderCellDef> Property </th>
|
<th mat-header-cell *matHeaderCellDef> Property </th>
|
||||||
<td mat-cell *matCellDef="let element"> {{element.k}} </td>
|
<td mat-cell *matCellDef="let element"> {{element.k}} </td>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
|
|
||||||
<ng-container matColumnDef="v">
|
<ng-container matColumnDef="v">
|
||||||
<th mat-header-cell *matHeaderCellDef> Value </th>
|
<th mat-header-cell *matHeaderCellDef> Value </th>
|
||||||
<td mat-cell *matCellDef="let element"> {{element.v}} </td>
|
<td mat-cell *matCellDef="let element"> {{element.v}} </td>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
|
|
||||||
<tr mat-row *matRowDef="let row; columns: displayedKVColumns;"></tr>
|
<tr mat-row *matRowDef="let row; columns: displayedKVColumns;"></tr>
|
||||||
|
|
||||||
<!-- Row shown when there is no matching data. -->
|
<!-- Row shown when there is no matching data. -->
|
||||||
<tr class="mat-row" *matNoDataRow>
|
<tr class="mat-row" *matNoDataRow>
|
||||||
<td class="mat-cell" colspan="2">No data matching the filter "{{input.value}}"</td>
|
<td class="mat-cell" colspan="2">No data matching the filter "{{input.value}}"</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div style="margin-top: 3em;" *ngIf="moduleDatasource.filteredData.length > 0">
|
<div style="margin-top: 3em;" *ngIf="moduleDatasource.filteredData.length > 0">
|
||||||
<h3>Modules</h3>
|
<h3>Modules</h3>
|
||||||
<table mat-table [dataSource]="moduleDatasource" class="mat-elevation-z8">
|
<table mat-table [dataSource]="moduleDatasource" class="mat-elevation-z8">
|
||||||
|
|
||||||
<ng-container matColumnDef="group">
|
<ng-container matColumnDef="group">
|
||||||
<th mat-header-cell *matHeaderCellDef> Group </th>
|
<th mat-header-cell *matHeaderCellDef> Group </th>
|
||||||
<td mat-cell *matCellDef="let element"> {{element.group}} </td>
|
<td mat-cell *matCellDef="let element"> {{element.group}} </td>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
|
|
||||||
<ng-container matColumnDef="name">
|
<ng-container matColumnDef="name">
|
||||||
<th mat-header-cell *matHeaderCellDef> Name </th>
|
<th mat-header-cell *matHeaderCellDef> Name </th>
|
||||||
<td mat-cell *matCellDef="let element"> {{element.name}} </td>
|
<td mat-cell *matCellDef="let element"> {{element.name}} </td>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
|
|
||||||
<ng-container matColumnDef="versions">
|
<ng-container matColumnDef="versions">
|
||||||
<th mat-header-cell *matHeaderCellDef> Versions </th>
|
<th mat-header-cell *matHeaderCellDef> Versions </th>
|
||||||
<td mat-cell *matCellDef="let element"> {{element.versions}} </td>
|
<td mat-cell *matCellDef="let element"> {{element.versions}} </td>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
|
|
||||||
<ng-container matColumnDef="files">
|
<ng-container matColumnDef="files">
|
||||||
<th mat-header-cell *matHeaderCellDef> Files </th>
|
<th mat-header-cell *matHeaderCellDef> Files </th>
|
||||||
<td mat-cell *matCellDef="let element"> {{element.files}} </td>
|
<td mat-cell *matCellDef="let element"> {{element.files}} </td>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
|
|
||||||
<tr mat-header-row *matHeaderRowDef="displayedModuleColumns"></tr>
|
<tr mat-header-row *matHeaderRowDef="displayedModuleColumns"></tr>
|
||||||
<tr mat-row *matRowDef="let row; columns: displayedModuleColumns;"></tr>
|
<tr mat-row *matRowDef="let row; columns: displayedModuleColumns;"></tr>
|
||||||
|
|
||||||
<!-- Row shown when there is no matching data. -->
|
<!-- Row shown when there is no matching data. -->
|
||||||
<tr class="mat-row" *matNoDataRow>
|
<tr class="mat-row" *matNoDataRow>
|
||||||
<td class="mat-cell" colspan="4">No data matching the filter "{{input.value}}"</td>
|
<td class="mat-cell" colspan="4">No data matching the filter "{{input.value}}"</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</mat-card-content>
|
|
||||||
</mat-card>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!--
|
|
||||||
<p>
|
|
||||||
<input type="text" [(ngModel)]="infoFilter" placeholder="Filter..."/>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<ng-container *ngFor="let section of info">
|
|
||||||
<mat-card *ngIf="(section.data|datafilter:infoFilter).length > 0">
|
|
||||||
<mat-card-header>
|
|
||||||
<mat-card-title>{{section.name}}</mat-card-title>
|
|
||||||
</mat-card-header>
|
|
||||||
<mat-card-content>
|
|
||||||
<table style="table-layout: fixed;">
|
|
||||||
<thead *ngIf="section.name == 'Modules'">
|
|
||||||
<tr>
|
|
||||||
<th>Group ID</th>
|
|
||||||
<th>Artifact ID</th>
|
|
||||||
<th>Version</th>
|
|
||||||
<th>POM</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<ng-container *ngFor="let r of section.data|datafilter:infoFilter">
|
|
||||||
<tr *ngIf="section.name != 'Modules'">
|
|
||||||
<th style="width: 25%;">{{r.k}}</th>
|
|
||||||
<td style="overflow-x: auto;"><pre style="margin: 0;">{{r.v}}</pre></td>
|
|
||||||
</tr>
|
|
||||||
<tr *ngIf="section.name == 'Modules'" ngClass="{'warning' : r.files.length > 1}">
|
|
||||||
<td>{{r.group}}</td>
|
|
||||||
<td>{{r.name}}</td>
|
|
||||||
<td class="text-monospace"><span *ngFor="let v of r.versions">{{v}}<br /></span></td>
|
|
||||||
<td class="text-monospace"><span *ngFor="let f of r.files">{{f}}<br /></span></td>
|
|
||||||
</tr>
|
|
||||||
</ng-container>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</mat-card-content>
|
|
||||||
|
|
||||||
</mat-card>
|
|
||||||
</ng-container>
|
|
||||||
-->
|
|
|
@ -1,51 +1,45 @@
|
||||||
<mat-card>
|
<h2>Harvesting Protocols</h2>
|
||||||
<mat-card-header>
|
|
||||||
<mat-card-title>Harvesting Protocols</mat-card-title>
|
|
||||||
</mat-card-header>
|
|
||||||
<mat-card-content>
|
|
||||||
<div style="margin-top: 3em;" *ngFor="let prot of protDatasources">
|
|
||||||
<h3>{{prot.protocol}}</h3>
|
|
||||||
|
|
||||||
<table mat-table [dataSource]="prot.datasource" class="mat-elevation-z8">
|
<div style="margin-top: 3em;" *ngFor="let prot of protDatasources">
|
||||||
|
<h3>{{prot.protocol}}</h3>
|
||||||
|
|
||||||
<ng-container matColumnDef="name">
|
<table mat-table [dataSource]="prot.datasource" class="mat-elevation-z8">
|
||||||
<th mat-header-cell *matHeaderCellDef> Name </th>
|
|
||||||
<td mat-cell *matCellDef="let element"> {{element.name}} </td>
|
|
||||||
</ng-container>
|
|
||||||
|
|
||||||
<ng-container matColumnDef="label">
|
<ng-container matColumnDef="name">
|
||||||
<th mat-header-cell *matHeaderCellDef> Label </th>
|
<th mat-header-cell *matHeaderCellDef> Name </th>
|
||||||
<td mat-cell *matCellDef="let element"> {{element.label}} </td>
|
<td mat-cell *matCellDef="let element"> {{element.name}} </td>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
|
|
||||||
<ng-container matColumnDef="type">
|
<ng-container matColumnDef="label">
|
||||||
<th mat-header-cell *matHeaderCellDef> Type </th>
|
<th mat-header-cell *matHeaderCellDef> Label </th>
|
||||||
<td mat-cell *matCellDef="let element"> {{element.type}} </td>
|
<td mat-cell *matCellDef="let element"> {{element.label}} </td>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
|
|
||||||
<ng-container matColumnDef="optional">
|
<ng-container matColumnDef="type">
|
||||||
<th mat-header-cell *matHeaderCellDef> Required </th>
|
<th mat-header-cell *matHeaderCellDef> Type </th>
|
||||||
<td mat-cell *matCellDef="let element">
|
<td mat-cell *matCellDef="let element"> {{element.type}} </td>
|
||||||
<mat-icon fontIcon="check" *ngIf="!element.optional"></mat-icon>
|
</ng-container>
|
||||||
</td>
|
|
||||||
</ng-container>
|
|
||||||
|
|
||||||
<ng-container matColumnDef="hasSelFunction">
|
<ng-container matColumnDef="optional">
|
||||||
<th mat-header-cell *matHeaderCellDef> Has Sel Function </th>
|
<th mat-header-cell *matHeaderCellDef> Required </th>
|
||||||
<td mat-cell *matCellDef="let element">
|
<td mat-cell *matCellDef="let element">
|
||||||
<mat-icon fontIcon="check" *ngIf="element.hasSelFunction"></mat-icon>
|
<mat-icon fontIcon="check" *ngIf="!element.optional"></mat-icon>
|
||||||
</td>
|
</td>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
|
|
||||||
<tr mat-header-row *matHeaderRowDef="colums"></tr>
|
<ng-container matColumnDef="hasSelFunction">
|
||||||
<tr mat-row *matRowDef="let row; columns: colums;"></tr>
|
<th mat-header-cell *matHeaderCellDef> Has Sel Function </th>
|
||||||
|
<td mat-cell *matCellDef="let element">
|
||||||
|
<mat-icon fontIcon="check" *ngIf="element.hasSelFunction"></mat-icon>
|
||||||
|
</td>
|
||||||
|
</ng-container>
|
||||||
|
|
||||||
<!-- Row shown when there is no matching data. -->
|
<tr mat-header-row *matHeaderRowDef="colums"></tr>
|
||||||
<tr class="mat-row" *matNoDataRow>
|
<tr mat-row *matRowDef="let row; columns: colums;"></tr>
|
||||||
<td class="mat-cell" colspan="5">No parameters</td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</mat-card-content>
|
|
||||||
|
|
||||||
</mat-card>
|
<!-- Row shown when there is no matching data. -->
|
||||||
|
<tr class="mat-row" *matNoDataRow>
|
||||||
|
<td class="mat-cell" colspan="5">No parameters</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
|
@ -1,10 +1,6 @@
|
||||||
<mat-card>
|
<h2>Workflow History</h2>
|
||||||
<mat-card-header>
|
|
||||||
<mat-card-title>Workflow History</mat-card-title>
|
|
||||||
</mat-card-header>
|
|
||||||
<mat-card-content>
|
|
||||||
|
|
||||||
<mat-form-field style="margin-top: 3em; width: 100%;">
|
<mat-form-field style="width: 100%;">
|
||||||
<mat-label>Filter</mat-label>
|
<mat-label>Filter</mat-label>
|
||||||
<input matInput (keyup)="applyFilter($event)" placeholder="Filter..." #input />
|
<input matInput (keyup)="applyFilter($event)" placeholder="Filter..." #input />
|
||||||
</mat-form-field>
|
</mat-form-field>
|
||||||
|
@ -67,8 +63,6 @@
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
</mat-card-content>
|
|
||||||
</mat-card>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue