2020-10-22 04:12:57 +00:00
|
|
|
<div class="database-wrapper" *ngIf="!notAvailableOffline">
|
2020-10-14 13:42:29 +00:00
|
|
|
<ion-toolbar>
|
|
|
|
|
<ion-input
|
|
|
|
|
[readonly]="readonly"
|
|
|
|
|
[(ngModel)]="dbName"
|
|
|
|
|
(ionChange)="onCellValueChanged()"
|
|
|
|
|
style="font-size: 15pt;"
|
|
|
|
|
></ion-input>
|
|
|
|
|
<ion-buttons *ngIf="!readonly">
|
2020-02-09 05:09:46 +00:00
|
|
|
<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-buttons>
|
|
|
|
|
</ion-toolbar>
|
|
|
|
|
<div class="grid-wrapper">
|
|
|
|
|
<ag-grid-angular
|
|
|
|
|
style="width: 100%; height: 500px;"
|
2020-11-09 17:44:01 +00:00
|
|
|
[ngClass]="isDark() ? 'ag-theme-balham-dark' : 'ag-theme-balham'"
|
2020-02-09 05:09:46 +00:00
|
|
|
[rowData]="rowData"
|
|
|
|
|
[columnDefs]="columnDefs"
|
2020-11-10 14:01:33 +00:00
|
|
|
[singleClickEdit]="true"
|
2020-02-14 06:14:09 +00:00
|
|
|
suppressMovableColumns="true"
|
2020-02-09 05:09:46 +00:00
|
|
|
(rowClicked)="onRowClicked($event)"
|
|
|
|
|
(cellValueChanged)="onCellValueChanged()"
|
|
|
|
|
#agGridElement
|
|
|
|
|
></ag-grid-angular>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2020-10-22 04:12:57 +00:00
|
|
|
|
|
|
|
|
<div class="database-wrapper not-available" *ngIf="notAvailableOffline">
|
|
|
|
|
Sorry, this database is not available offline yet.
|
|
|
|
|
</div>
|
