Initial commit

manager/src/frontend/js/app/dashboard/main.js

@@ -0,0 +1,63 @@
+'use strict';
+
+import Mn from '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: {
+        'create': 'th button'
+    },
+
+    events: {
+        'click @ui.create': function (e) {
+            e.preventDefault();
+            Controller.showHostForm(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');
+            });
+    }
+});
+