81 lines
2.2 KiB
JavaScript
81 lines
2.2 KiB
JavaScript
'use strict';
|
|
|
|
const Mn = require('backbone.marionette');
|
|
const Api = require('../api');
|
|
const template = require('./main.ejs');
|
|
const Controller = require('../controller');
|
|
const RowView = require('./row');
|
|
const HostModel = require('../../models/host');
|
|
const EmptyView = require('./empty');
|
|
|
|
const TableBody = Mn.CollectionView.extend({
|
|
tagName: 'tbody',
|
|
childView: RowView
|
|
});
|
|
|
|
module.exports = Mn.View.extend({
|
|
template: template,
|
|
id: 'dashboard',
|
|
|
|
regions: {
|
|
list_region: {
|
|
el: 'tbody',
|
|
replaceElement: true
|
|
}
|
|
},
|
|
|
|
ui: {
|
|
new_proxy: 'th .new-proxy',
|
|
new_redirection: 'th .new-redirection',
|
|
new_404: 'th .new-404',
|
|
new_stream: 'th .new-stream'
|
|
},
|
|
|
|
events: {
|
|
'click @ui.new_proxy': function (e) {
|
|
e.preventDefault();
|
|
Controller.showProxyHostForm(new HostModel.Model);
|
|
},
|
|
|
|
'click @ui.new_redirection': function (e) {
|
|
e.preventDefault();
|
|
Controller.showRedirectionHostForm(new HostModel.Model);
|
|
},
|
|
|
|
'click @ui.new_404': function (e) {
|
|
e.preventDefault();
|
|
Controller.show404HostForm(new HostModel.Model);
|
|
},
|
|
|
|
'click @ui.new_stream': function (e) {
|
|
e.preventDefault();
|
|
Controller.showStreamHostForm(new HostModel.Model);
|
|
}
|
|
},
|
|
|
|
onRender: function () {
|
|
let view = this;
|
|
|
|
Api.Hosts.getAll()
|
|
.then(response => {
|
|
if (!view.isDestroyed()) {
|
|
if (response && response.length) {
|
|
|
|
view.showChildView('list_region', new TableBody({
|
|
collection: new HostModel.Collection(response)
|
|
}));
|
|
} else {
|
|
view.showChildView('list_region', new EmptyView());
|
|
}
|
|
|
|
view.trigger('loaded');
|
|
}
|
|
})
|
|
.catch(err => {
|
|
Controller.showError(err, 'Could not fetch Hosts');
|
|
view.trigger('loaded');
|
|
});
|
|
}
|
|
});
|
|
|