47 lines
1.6 KiB
HTML
47 lines
1.6 KiB
HTML
|
<ion-header>
|
||
|
|
<ion-toolbar>
|
||
|
|
<ion-title>Manage Database Columns</ion-title>
|
||
|
|
<ion-buttons slot="end">
|
||
|
|
<ion-button (click)="dismissModal(false)">
|
||
|
|
<ion-icon name="close"></ion-icon>
|
||
|
|
</ion-button>
|
||
|
|
</ion-buttons>
|
||
|
|
</ion-toolbar>
|
||
|
|
</ion-header>
|
||
|
|
|
||
|
|
<ion-content>
|
||
|
|
<ion-grid>
|
||
|
|
<ion-row>
|
||
|
|
<ion-col size="12">
|
||
|
|
<ion-button (click)="onAddColumnClick()" fill="outline">Add Column</ion-button>
|
||
|
|
<ion-button (click)="dismissModal(true)" color="success" fill="outline">Save</ion-button>
|
||
|
|
</ion-col>
|
||
|
|
</ion-row>
|
||
|
|
<ion-row
|
||
|
|
*ngFor="let colSet of columnSets; let i = index"
|
||
|
|
>
|
||
|
|
<ion-col size="5">
|
||
|
|
<ion-item>
|
||
|
|
<ion-label position="floating">Field Label</ion-label>
|
||
|
|
<ion-input type="text" required [(ngModel)]="columnSets[i].headerName"></ion-input>
|
||
|
|
</ion-item>
|
||
|
|
</ion-col>
|
||
|
|
<ion-col size="5">
|
||
|
|
<ion-item>
|
||
|
|
<ion-label position="floating">Data Type</ion-label>
|
||
|
|
<ion-select interface="popover" [(ngModel)]="columnSets[i].Type">
|
||
|
|
<ion-select-option value="text">Text</ion-select-option>
|
||
|
|
<ion-select-option value="number">Number</ion-select-option>
|
||
|
|
<ion-select-option value="textarea">Text-Area</ion-select-option>
|
||
|
|
</ion-select>
|
||
|
|
</ion-item>
|
||
|
|
</ion-col>
|
||
|
|
<ion-col size="2" align-items-center>
|
||
|
|
<ion-button fill="outline" color="light" (click)="onDeleteClick(i)">
|
||
|
|
<ion-icon color="danger" name="trash"></ion-icon>
|
||
|
|
</ion-button>
|
||
|
|
</ion-col>
|
||
|
|
</ion-row>
|
||
|
|
</ion-grid>
|
||
|
|
</ion-content>
|