Ongoing rewrite work

src/frontend/js/app/nginx/dead/main.js

@@ -0,0 +1,70 @@
+'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');
+            });
+    }
+});