90 lines
2.6 KiB
JavaScript
90 lines
2.6 KiB
JavaScript
|
const _ = require('underscore');
|
||
|
|
const $ = require('jquery');
|
||
|
|
const TableView = require('dashboard/views/public-dataset/table-view/table-view');
|
||
|
|
const PublicRowView = require('dashboard/views/public-dataset/public-table-view/public-row-view');
|
||
|
|
const PublicHeaderView = require('dashboard/views/public-dataset/public-table-view/public-header-view');
|
||
|
|
const templateEmptyDataset = require('./empty-table-public.tpl');
|
||
|
|
|
||
|
|
module.exports = TableView.extend({
|
||
|
|
|
||
|
|
events: {},
|
||
|
|
|
||
|
|
rowView: PublicRowView,
|
||
|
|
|
||
|
|
initialize: function (opts) {
|
||
|
|
TableView.prototype.initialize.call(this, opts);
|
||
|
|
this.options.row_header = true;
|
||
|
|
this._editorsOpened = null;
|
||
|
|
|
||
|
|
this.initializeBindings();
|
||
|
|
this.initPaginationAndScroll();
|
||
|
|
},
|
||
|
|
|
||
|
|
initializeBindings: function () {
|
||
|
|
_.bindAll(this, 'render', 'rowSaving', 'addEmptyRow',
|
||
|
|
'_checkEmptyTable', '_forceScroll', '_scrollMagic',
|
||
|
|
'rowChanged', 'rowSynched', '_startPagination', '_finishPagination',
|
||
|
|
'rowFailed', 'rowDestroyed', 'emptyTable');
|
||
|
|
|
||
|
|
this.model.data().bind('newPage', this.newPage, this);
|
||
|
|
|
||
|
|
// this.model.data().bind('loadingRows', this._startPagination);
|
||
|
|
this.model.data().bind('endLoadingRows', this._finishPagination);
|
||
|
|
|
||
|
|
this.bind('cellDblClick', this._editCell, this);
|
||
|
|
|
||
|
|
// this.model.bind('change:dataSource', this._onSQLView, this);
|
||
|
|
// when model changes the header is re rendered so the notice should be added
|
||
|
|
// this.model.bind('change', this._onSQLView, this);
|
||
|
|
this.model.bind('dataLoaded', () => {
|
||
|
|
this._checkEmptyTable();
|
||
|
|
this._forceScroll();
|
||
|
|
}, this);
|
||
|
|
},
|
||
|
|
|
||
|
|
headerView: function (column) {
|
||
|
|
if (column[1] !== 'header') {
|
||
|
|
var v = new PublicHeaderView({
|
||
|
|
column: column,
|
||
|
|
table: this.model,
|
||
|
|
sqlView: this.options.sqlView
|
||
|
|
});
|
||
|
|
|
||
|
|
this.addView(v);
|
||
|
|
return v.render().el;
|
||
|
|
} else {
|
||
|
|
return '<div><div></div></div>';
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
_onSQLView: function () {},
|
||
|
|
|
||
|
|
_checkEmptyTable: function () {
|
||
|
|
if (this.isEmptyTable()) {
|
||
|
|
this.addEmptyTableInfo();
|
||
|
|
} else {
|
||
|
|
this.cleanEmptyTableInfo();
|
||
|
|
this.$('footer').remove();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
_swicthEnabled: function () {
|
||
|
|
// this check is not needed in public table
|
||
|
|
},
|
||
|
|
|
||
|
|
initPaginationAndScroll: function () {
|
||
|
|
// disable scroll pagination, it's firing a function each 300 ms and it's not required on public table
|
||
|
|
},
|
||
|
|
|
||
|
|
addEmptyTableInfo: function () {
|
||
|
|
var content = templateEmptyDataset(this.import_);
|
||
|
|
|
||
|
|
var $footer = $('<tfoot><tr><td colspan="100">' + content + '</td></tr></tfoot>');
|
||
|
|
this.$('footer').remove();
|
||
|
|
this.$el.append($footer);
|
||
|
|
},
|
||
|
|
|
||
|
|
_scrollMagic: function () { }
|
||
|
|
|
||
|
|
});
|