/
TableDisplay.ts
110 lines (88 loc) · 2.96 KB
/
TableDisplay.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
/*
* Copyright 2017 TWO SIGMA OPEN SOURCE, LLC
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import widgets from './widgets';
import { DataGridScope } from './tableDisplay/dataGrid';
export class TableDisplayModel extends widgets.DOMWidgetModel {
defaults() {
return {
...super.defaults(),
_model_name: 'TableDisplayModel',
_view_name: 'TableDisplayView',
_model_module: 'beakerx',
_view_module: 'beakerx',
_model_module_version: BEAKERX_MODULE_VERSION,
_view_module_version: BEAKERX_MODULE_VERSION
};
}
}
// Custom View. Renders the widget model.
export class TableDisplayView extends widgets.DOMWidgetView {
private _currentScope: DataGridScope;
render(): void {
this._currentScope = null;
this.$el.addClass('beaker-table-display');
this.displayed.then(() => {
const tableModel = this.model.get('model');
if (tableModel.tooManyRows) {
this.showWarning(tableModel);
}
this.initDataGridTable(tableModel);
this.listenTo(this.model, 'beakerx-tabSelected', () => {
this._currentScope && this._currentScope.setInitialSize();
});
this.listenTo(this.model, 'change:updateData', this.handleUpdateData);
this.listenTo(this.model, 'change:model', this.handleModellUpdate);
});
}
handleModellUpdate(): void {
this._currentScope.updateModelData(this.model.get('model'));
this._currentScope.doResetAll();
}
handleUpdateData(): void {
const change = this.model.get('updateData');
const currentModel = this.model.get('model');
this.model.set('model', { ...currentModel, ...change }, { updated_view: this });
this.handleModellUpdate();
}
showWarning(data): void {
const rowLimitMsg = data.rowLimitMsg;
const modal = document.createElement('div');
modal.setAttribute('id', this.wrapperId);
modal.innerHTML = `<p class="ansired">${rowLimitMsg}</p>`;
this.el.appendChild(modal);
}
initDataGridTable(data: any): void {
this._currentScope = new DataGridScope({
element: this.el,
data: data,
widgetModel: this.model,
widgetView: this
});
this._currentScope.render();
}
remove(): void {
this._currentScope && this._currentScope.doDestroy();
if (this.pWidget) {
this.pWidget.dispose();
}
setTimeout(() => { this._currentScope = null; });
return super.remove.call(this);
}
}
export default {
TableDisplayModel,
TableDisplayView
};