D-Net
/
dnet-applications
16
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

ui

This commit is contained in:
Michele Artini 2023-01-23 11:08:43 +01:00
parent 118c3ac7d3
commit 8785218ae9
4 changed files with 92 additions and 159 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontends/dnet-is-application/src/app/app.component.html
View File

@ -19,9 +19,10 @@
<span>{{title}}</span>
</mat-toolbar>
<div style="padding: 20px;">
<!-- The routed views render in the <router-outlet>-->
<router-outlet></router-outlet>
</div>
</mat-sidenav-content>
</mat-sidenav-container>

72
frontends/dnet-is-application/src/app/info/info.component.html
View File

@ -1,16 +1,12 @@
<mat-card>
<mat-card-header>
<mat-card-title>Container Info</mat-card-title>
</mat-card-header>
<mat-card-content>
<h2>Container Info</h2>
<mat-form-field style="margin-top: 3em; width: 100%;">
<mat-form-field style="width: 100%;">
<mat-label>Filter</mat-label>
<input matInput (keyup)="applyFilter($event)" placeholder="Filter..." #input />
</mat-form-field>
</mat-form-field>
<div *ngFor="let section of kvDatasources">
<div style="margin-top: 3em;" *ngIf="section.datasource.filteredData.length > 0">
<div *ngFor="let section of kvDatasources">
<div style="margin-top: 2em;" *ngIf="section.datasource.filteredData.length > 0">
<h3>{{section.name}}</h3>
<table mat-table [dataSource]="section.datasource" class="mat-elevation-z8">
@ -32,10 +28,10 @@
</tr>
</table>
</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>
<table mat-table [dataSource]="moduleDatasource" class="mat-elevation-z8">
@ -67,56 +63,4 @@
<td class="mat-cell" colspan="4">No data matching the filter "{{input.value}}"</td>
</tr>
</table>
</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>
-->
</div>

14
frontends/dnet-is-application/src/app/protocols/protocols.component.html
View File

@ -1,9 +1,6 @@
<mat-card>
<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">
<h2>Harvesting Protocols</h2>
<div style="margin-top: 3em;" *ngFor="let prot of protDatasources">
<h3>{{prot.protocol}}</h3>
<table mat-table [dataSource]="prot.datasource" class="mat-elevation-z8">
@ -45,7 +42,4 @@
<td class="mat-cell" colspan="5">No parameters</td>
</tr>
</table>
</div>
</mat-card-content>
</mat-card>
</div>

10
frontends/dnet-is-application/src/app/wf-history/wf-history.component.html
View File

@ -1,10 +1,6 @@
<mat-card>
<mat-card-header>
<mat-card-title>Workflow History</mat-card-title>
</mat-card-header>
<mat-card-content>
<h2>Workflow History</h2>
<mat-form-field style="margin-top: 3em; width: 100%;">
<mat-form-field style="width: 100%;">
<mat-label>Filter</mat-label>
<input matInput (keyup)="applyFilter($event)" placeholder="Filter..." #input />
</mat-form-field>
@ -67,8 +63,6 @@
</tr>
</table>
</mat-card-content>
</mat-card>