|
|
@ -2,7 +2,7 @@ import {Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild} f
|
|
|
|
import HostRecord from '../../../structures/HostRecord';
|
|
|
|
import HostRecord from '../../../structures/HostRecord';
|
|
|
|
import {ApiService} from '../../../service/api.service';
|
|
|
|
import {ApiService} from '../../../service/api.service';
|
|
|
|
import {Observable} from 'rxjs';
|
|
|
|
import {Observable} from 'rxjs';
|
|
|
|
import {AlertController, ModalController} from '@ionic/angular';
|
|
|
|
import {AlertController, LoadingController, ModalController} from '@ionic/angular';
|
|
|
|
import {ColumnsComponent} from './columns/columns.component';
|
|
|
|
import {ColumnsComponent} from './columns/columns.component';
|
|
|
|
import {AgGridAngular} from 'ag-grid-angular';
|
|
|
|
import {AgGridAngular} from 'ag-grid-angular';
|
|
|
|
|
|
|
|
|
|
|
@ -27,6 +27,7 @@ export class DatabaseComponent implements OnInit {
|
|
|
|
protected api: ApiService,
|
|
|
|
protected api: ApiService,
|
|
|
|
protected modals: ModalController,
|
|
|
|
protected modals: ModalController,
|
|
|
|
protected alerts: AlertController,
|
|
|
|
protected alerts: AlertController,
|
|
|
|
|
|
|
|
protected loader: LoadingController,
|
|
|
|
) { }
|
|
|
|
) { }
|
|
|
|
|
|
|
|
|
|
|
|
title = 'app';
|
|
|
|
title = 'app';
|
|
|
@ -34,10 +35,14 @@ export class DatabaseComponent implements OnInit {
|
|
|
|
rowData = [];
|
|
|
|
rowData = [];
|
|
|
|
|
|
|
|
|
|
|
|
ngOnInit() {
|
|
|
|
ngOnInit() {
|
|
|
|
|
|
|
|
this.loader.create({message: 'Loading database...'}).then(loader => {
|
|
|
|
|
|
|
|
loader.present().then(() => {
|
|
|
|
this.getInitObservable().subscribe(() => {
|
|
|
|
this.getInitObservable().subscribe(() => {
|
|
|
|
this.getColumnLoadObservable().subscribe(() => {
|
|
|
|
this.getColumnLoadObservable().subscribe(() => {
|
|
|
|
this.getDataLoadObservable().subscribe(() => {
|
|
|
|
this.getDataLoadObservable().subscribe(() => {
|
|
|
|
|
|
|
|
loader.dismiss();
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
@ -86,6 +91,7 @@ export class DatabaseComponent implements OnInit {
|
|
|
|
onInsertRow() {
|
|
|
|
onInsertRow() {
|
|
|
|
this.rowData.push({});
|
|
|
|
this.rowData.push({});
|
|
|
|
this.agGridElement.api.setRowData(this.rowData);
|
|
|
|
this.agGridElement.api.setRowData(this.rowData);
|
|
|
|
|
|
|
|
this.dirty = true;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
async onRemoveRow() {
|
|
|
|
async onRemoveRow() {
|
|
|
@ -107,6 +113,7 @@ export class DatabaseComponent implements OnInit {
|
|
|
|
this.rowData = newRows;
|
|
|
|
this.rowData = newRows;
|
|
|
|
this.agGridElement.api.setRowData(this.rowData);
|
|
|
|
this.agGridElement.api.setRowData(this.rowData);
|
|
|
|
this.lastClickRow = -1;
|
|
|
|
this.lastClickRow = -1;
|
|
|
|
|
|
|
|
this.dirty = true;
|
|
|
|
},
|
|
|
|
},
|
|
|
|
}
|
|
|
|
}
|
|
|
|
],
|
|
|
|
],
|
|
|
@ -153,11 +160,16 @@ export class DatabaseComponent implements OnInit {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
onSyncRecords() {
|
|
|
|
onSyncRecords() {
|
|
|
|
|
|
|
|
this.loader.create({message: 'Syncing the database...'}).then(loader => {
|
|
|
|
|
|
|
|
loader.present().then(() => {
|
|
|
|
this.api.post(`/db/${this.hostRecord.PageId}/${this.hostRecord.UUID}/set/${this.hostRecord.Value.Value}/data`, this.rowData)
|
|
|
|
this.api.post(`/db/${this.hostRecord.PageId}/${this.hostRecord.UUID}/set/${this.hostRecord.Value.Value}/data`, this.rowData)
|
|
|
|
.subscribe(res => {
|
|
|
|
.subscribe(res => {
|
|
|
|
this.rowData = res.data.map(x => x.RowData);
|
|
|
|
this.rowData = res.data.map(x => x.RowData);
|
|
|
|
this.agGridElement.api.setRowData(this.rowData);
|
|
|
|
this.agGridElement.api.setRowData(this.rowData);
|
|
|
|
this.dirty = false;
|
|
|
|
this.dirty = false;
|
|
|
|
|
|
|
|
loader.dismiss();
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|