X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?p=it%2Fotf.git;a=blobdiff_plain;f=otf-frontend%2Fclient%2Fsrc%2Fapp%2Flayout%2Fscheduling%2Fscheduling.component.pug;fp=otf-frontend%2Fclient%2Fsrc%2Fapp%2Flayout%2Fscheduling%2Fscheduling.component.pug;h=c70c80709c729395ce13a54db8ca5afde8680052;hp=0000000000000000000000000000000000000000;hb=14f6f95c84a4a1fa8774190db4a03fd0214ec55f;hpb=f49bd1efeaaddd4891c1f329b18d8cfb28b3e75b diff --git a/otf-frontend/client/src/app/layout/scheduling/scheduling.component.pug b/otf-frontend/client/src/app/layout/scheduling/scheduling.component.pug new file mode 100644 index 0000000..c70c807 --- /dev/null +++ b/otf-frontend/client/src/app/layout/scheduling/scheduling.component.pug @@ -0,0 +1,52 @@ +//- Copyright (c) 2019 AT&T Intellectual Property. # +//- # +//- Licensed under the Apache License, Version 2.0 (the "License"); # +//- you may not use this file except in compliance with the License. # +//- You may obtain a copy of the License at # +//- # +//- http://www.apache.org/licenses/LICENSE-2.0 # +//- # +//- Unless required by applicable law or agreed to in writing, software # +//- distributed under the License is distributed on an "AS IS" BASIS, # +//- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. # +//- See the License for the specific language governing permissions and # +//- limitations under the License. # +//- ############################################################################# + + +div([@routerTransition]) + app-page-header([heading]="'Scheduling'", [icon]="'fa-edit'") + .card-mb-12 + .card-body + .row + div.col-6 + input.form-control.bg-light.mb-1( type="text", placeholder="Search...") + div.col-6 + button.pull-right.mb-1(mat-raised-button, color="primary", (click)='createSchedule()') Schedule a Test + + table.mat-elevation-z8.text-center(mat-table, [dataSource]="dataSource", style="width: 100%") + + ng-container(matColumnDef="name") + th(mat-header-cell, *matHeaderCellDef) Instance Name + td(mat-cell, *matCellDef="let element") {{ element.testInstanceName}} + + ng-container(matColumnDef="description") + th(mat-header-cell, *matHeaderCellDef) Date Last Run + td(mat-cell, *matCellDef="let element") {{ element.lastRunAt }} + + ng-container(matColumnDef="testDefinition") + th(mat-header-cell, *matHeaderCellDef) Date Next Run + td(mat-cell, *matCellDef="let element") {{ element.nextRunAt }} + + ng-container(matColumnDef="options") + th(mat-header-cell, *matHeaderCellDef) Options + td(mat-cell, *matCellDef="let element") + button.mr-3(mat-mini-fab, aria-label='View', color="primary", (click)='viewSchedule(element)') + i.fa.fa-eye + button.text-white(mat-mini-fab, aria-label='Remove', color='warn', (click)='deleteSchedule(element)') + i.fa.fa-remove + + tr(mat-header-row, *matHeaderRowDef="displayedColumns") + tr(mat-row, *matRowDef="let row; columns: displayedColumns") + + mat-paginator([length]="resultsLength", [pageSizeOptions]="[10, 25, 100]") \ No newline at end of file