Added frontend outline

public_html/js/Presenters/TopNavigationPresenter.js

@@ -0,0 +1,37 @@
+var App = App || {};
+App.Presenters = App.Presenters || {};
+
+App.Presenters.TopNavigationPresenter = function(jQuery, appState) {
+
+	var selectedElement = null;
+	var template = _.template(jQuery('#top-navigation-template').html());
+	var $el = jQuery('#top-navigation');
+
+	var eventHandlers = {
+		loginStateChanged: function() {
+			render();
+		},
+	};
+
+	appState.startObserving('loggedIn', 'top-navigation', eventHandlers.loginStateChanged);
+	render();
+
+	function select(newSelectedElement) {
+		selectedElement = newSelectedElement;
+		$el.find('li').removeClass('active');
+		$el.find('li.' + selectedElement).addClass('active');
+	};
+
+	function render() {
+		$el.html(template({loggedIn: appState.get('loggedIn')}));
+		$el.find('li.' + selectedElement).addClass('active');
+	};
+
+	return {
+		render: render,
+		select: select,
+	};
+
+};
+
+App.DI.register('topNavigationPresenter', App.Presenters.TopNavigationPresenter);