23 lines
1.1 KiB
HTML
23 lines
1.1 KiB
HTML
|
<div class="database-wrapper">
|
||
|
|
<ion-toolbar>
|
||
|
|
<ion-buttons>
|
||
|
|
<ion-button (click)="onManageColumns()"><ion-icon name="build" color="primary"></ion-icon> Manage Columns</ion-button>
|
||
|
|
<ion-button (click)="onInsertRow()"><ion-icon name="add-circle" color="success"></ion-icon> Insert Row</ion-button>
|
||
|
|
<ion-button (click)="onRemoveRow()" [disabled]="lastClickRow < 0"><ion-icon name="remove-circle" color="danger"></ion-icon> Delete Row</ion-button>
|
||
|
|
<ion-button (click)="onSyncRecords()"><ion-icon name="save" [color]="dirty ? 'warning' : 'success'"></ion-icon> Sync Records</ion-button>
|
||
|
|
<ion-button (click)="onDropDatabase()"><ion-icon name="alert" color="danger"></ion-icon> Drop Database</ion-button>
|
||
|
|
</ion-buttons>
|
||
|
|
</ion-toolbar>
|
||
|
|
<div class="grid-wrapper">
|
||
|
|
<ag-grid-angular
|
||
|
|
style="width: 100%; height: 500px;"
|
||
|
|
class="ag-theme-balham"
|
||
|
|
[rowData]="rowData"
|
||
|
|
[columnDefs]="columnDefs"
|
||
|
|
(rowClicked)="onRowClicked($event)"
|
||
|
|
(cellValueChanged)="onCellValueChanged()"
|
||
|
|
#agGridElement
|
||
|
|
></ag-grid-angular>
|
||
|
|
</div>
|
||
|
|
</div>
|