Frontend

src/frontend/js/app/ui/header/main.js

@@ -0,0 +1,55 @@
+'use strict';
+
+const $          = require('jquery');
+const Mn         = require('backbone.marionette');
+const Cache      = require('../../cache');
+const Controller = require('../../controller');
+const Tokens     = require('../../tokens');
+const template   = require('./main.ejs');
+
+module.exports = Mn.View.extend({
+    id:        'header',
+    className: 'header',
+    template:  template,
+
+    ui: {
+        link: 'a'
+    },
+
+    events: {
+        'click @ui.link': function (e) {
+            e.preventDefault();
+            let href = $(e.currentTarget).attr('href');
+
+            switch (href) {
+                case '/':
+                    Controller.showDashboard();
+                    break;
+                case '/profile':
+                    Controller.showProfile();
+                    break;
+                case '/logout':
+                    Controller.logout();
+                    break;
+            }
+        }
+    },
+
+    templateContext: {
+        getUserField: function (field, default_val) {
+            return Cache.User.get(field) || default_val;
+        },
+
+        getRole: function () {
+            return Cache.User.isAdmin() ? 'Administrator' : 'Apache Helicopter';
+        },
+
+        getLogoutText: function () {
+            if (Tokens.getTokenCount() > 1) {
+                return 'Sign back in as ' + Tokens.getNextTokenName();
+            }
+
+            return 'Sign out';
+        }
+    }
+});