Commit f91343d3 authored by Alexander Philipp Nowosad's avatar Alexander Philipp Nowosad
Browse files

Add canvas definition overview

parent c33a4343
<table class="table table-bordered" style="table-layout: fixed">
<tbody>
<tr *ngFor="let row of canvasDefinitionCells">
<ng-container *ngFor="let cell of row">
<td
*ngIf="!cell.isSpacer"
[colSpan]="cell.colspan"
[rowSpan]="cell.rowspan"
>
<b>{{ cell.name }}</b>
</td>
<td
*ngIf="cell.isSpacer"
[colSpan]="cell.colspan"
[rowSpan]="cell.rowspan"
></td>
</ng-container>
</tr>
</tbody>
</table>
import { Component, Input } from '@angular/core';
import { CanvasDefinitionCell } from '../../../canvas-meta-model/canvas-definition-cell';
@Component({
selector: 'app-canvas-definition-overview',
templateUrl: './canvas-definition-overview.component.html',
styleUrls: ['./canvas-definition-overview.component.css'],
})
export class CanvasDefinitionOverviewComponent {
@Input() canvasDefinitionCells: CanvasDefinitionCell[][];
}
......@@ -21,32 +21,13 @@
<div class="my-3 p-3 bg-white rounded shadow-sm">
<h6 class="border-bottom border-gray pb-2">Canvas Model Overview</h6>
<table class="table table-bordered" style="table-layout: fixed">
<tbody>
<tr
*ngFor="
let row of toCanvasDefinitionRows(
canvasDefinitionRowFormComponent.form.valueChanges | async
)
"
>
<ng-container *ngFor="let cell of row">
<td
*ngIf="!cell.isSpacer"
[colSpan]="cell.colspan"
[rowSpan]="cell.rowspan"
>
<b>{{ cell.name }}</b>
</td>
<td
*ngIf="cell.isSpacer"
[colSpan]="cell.colspan"
[rowSpan]="cell.rowspan"
></td>
</ng-container>
</tr>
</tbody>
</table>
<app-canvas-definition-overview
[canvasDefinitionCells]="
toCanvasDefinitionRows(
canvasDefinitionRowFormComponent.form.valueChanges | async
)
"
></app-canvas-definition-overview>
</div>
<div class="my-3 p-3 bg-white rounded shadow-sm">
......
......@@ -60,6 +60,7 @@ import { CanvasDefinitionRowFormComponent } from './canvas-definition/canvas-def
import { ApiNavigationComponent } from './api/api-navigation/api-navigation.component';
import { CanvasDefinitionRelationshipsFormComponent } from './canvas-definition/canvas-definition-relationships-form/canvas-definition-relationships-form.component';
import { CanvasElementsComponent } from './elements/canvas-elements/canvas-elements.component';
import { CanvasDefinitionOverviewComponent } from './canvas-definition/canvas-definition-overview/canvas-definition-overview.component';
@NgModule({
providers: [
......@@ -88,9 +89,10 @@ import { CanvasElementsComponent } from './elements/canvas-elements/canvas-eleme
StepErrorsComponent,
ViewCanvasComponent,
// canvas-definitions
// canvas-definition
CanvasDefinitionComponent,
CanvasDefinitionFormComponent,
CanvasDefinitionOverviewComponent,
CanvasDefinitionRelationshipsFormComponent,
CanvasDefinitionRowFormComponent,
CanvasDefinitionsComponent,
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment