71 lines
2.2 KiB
JavaScript
71 lines
2.2 KiB
JavaScript
|
'use strict';
|
||
|
|
||
|
const Mn = require('backbone.marionette');
|
||
|
const DeadHostModel = require('../../../models/dead-host');
|
||
|
const Api = require('../../api');
|
||
|
const Controller = require('../../controller');
|
||
|
const ListView = require('./list/main');
|
||
|
const ErrorView = require('../../error/main');
|
||
|
const template = require('./main.ejs');
|
||
|
const EmptyView = require('../../empty/main');
|
||
|
|
||
|
module.exports = Mn.View.extend({
|
||
|
id: 'nginx-dead',
|
||
|
template: template,
|
||
|
|
||
|
ui: {
|
||
|
list_region: '.list-region',
|
||
|
add: '.add-item',
|
||
|
dimmer: '.dimmer'
|
||
|
},
|
||
|
|
||
|
regions: {
|
||
|
list_region: '@ui.list_region'
|
||
|
},
|
||
|
|
||
|
events: {
|
||
|
'click @ui.add': function (e) {
|
||
|
e.preventDefault();
|
||
|
Controller.showNginxDeadForm();
|
||
|
}
|
||
|
},
|
||
|
|
||
|
onRender: function () {
|
||
|
let view = this;
|
||
|
|
||
|
Api.Nginx.DeadHosts.getAll()
|
||
|
.then(response => {
|
||
|
if (!view.isDestroyed()) {
|
||
|
if (response && response.length) {
|
||
|
view.showChildView('list_region', new ListView({
|
||
|
collection: new DeadHostModel.Collection(response)
|
||
|
}));
|
||
|
} else {
|
||
|
view.showChildView('list_region', new EmptyView({
|
||
|
title: 'There are no 404 Hosts',
|
||
|
subtitle: 'Why don\'t you create one?',
|
||
|
link: 'Add 404 Host',
|
||
|
action: function () {
|
||
|
Controller.showNginxDeadForm();
|
||
|
}
|
||
|
}));
|
||
|
}
|
||
|
}
|
||
|
})
|
||
|
.catch(err => {
|
||
|
view.showChildView('list_region', new ErrorView({
|
||
|
code: err.code,
|
||
|
message: err.message,
|
||
|
retry: function () {
|
||
|
Controller.showNginxDead();
|
||
|
}
|
||
|
}));
|
||
|
|
||
|
console.error(err);
|
||
|
})
|
||
|
.then(() => {
|
||
|
view.ui.dimmer.removeClass('active');
|
||
|
});
|
||
|
}
|
||
|
});
|