Updated Bookmarks exam preparation

Author: VGGeorgiev

7. ExamPreparation-Bookmarks/Vlado/index.html

@@ -21,7 +21,6 @@
 
 	<script src="scripts/ajax-requester.js"></script>
 	<script src="scripts/data-persister.js"></script>
-	<script src="scripts/ui-controls.js"></script>
 	<script src="scripts/controller.js"></script>
 	<script src="scripts/app.js"></script>
 </body>

7. ExamPreparation-Bookmarks/Vlado/scripts/app.js

@@ -3,23 +3,40 @@
 	var ajaxRequester = app.ajaxRequester.get();
 	var dataPersister = app.dataPersister.get(rootUrl, ajaxRequester);
 	var controller = app.controller.get(dataPersister);
-		
+	controller.attachEventHandlers();
+
 	app.routes = Sammy(function () {
 		var selector = '#wrapper';
 		this.get('#/', function () {
-			controller.loadHome(selector);
+			// controller.loadHome(selector);
+			$.get('templates/home.html', function (template) {
+				$(selector).html(template);
+			});
 		});
 
 		this.get('#/login', function () {
-			controller.loadLogin(selector);
+			//controller.loadLogin(selector);
+			$.get('templates/login.html', function (template) {
+				$(selector).html(template);
+			});
 		});
 
 		this.get('#/register', function () {
-			controller.loadRegister(selector);
+			//controller.loadRegister(selector);
+			$.get('templates/register.html', function (template) {
+				$(selector).html(template);
+			});
 		});
 
 		this.get('#/bookmarks', function () {
-			controller.loadBookmarks(selector);
+			//controller.loadBookmarks(selector);
+			dataPersister.bookmarks.getAll()
+				.then(function (data) {
+					$.get('templates/bookmarks.html', function (template) {
+						var output = Mustache.render(template, data);
+						$(selector).html(output);
+					})
+				});
 		});
 	});
 

7. ExamPreparation-Bookmarks/Vlado/scripts/controller.js

@@ -35,6 +35,35 @@ app.controller = (function () {
 			});
 	}
 
+	Controller.prototype.attachEventHandlers = function () {
+		attachLoginHandler.call(this);
+		attachRegisterHandler.call(this);
+	}
+
+	function attachLoginHandler() {
+		var _this = this;
+		$('#wrapper').on('click', '#login-btn', function (e) {
+			var username = $('#username').val();
+				password = $('#password').val();
+			_this._dataPersister.users.login(username, password)
+				.then(function (data) {
+					console.log(data);
+				});
+		});
+	}
+
+	function attachRegisterHandler() {
+		var _this = this;
+		$('#wrapper').on('click', '#register-btn', function (e) {
+			var username = $('#username').val();
+				password = $('#password').val();
+			_this._dataPersister.users.register(username, password)
+				.then(function (data) {
+					console.log(data);
+				});
+		});
+	}
+
 	return {
 		get: function (dataPersister) {
 			return new Controller(dataPersister);

7. ExamPreparation-Bookmarks/Vlado/scripts/ui-controls.js

@@ -1,31 +1,52 @@
 var app = app || {};
 
 app.UI = (function () {
-	function UI() {
-		this.loginControl = new LoginControl();
-		//this.registerControl = new RegisterControl();
-		//this.studentsControl = new StudentsControl();
-		//this.schoolsControl = new SchoolsControl();
-	}
+	var loginControl = (function () {
+        function getUsernameText () {
+            // return $("#login-username-input").val();
+        }
+
+        function getPasswordText () {
+            // return $("#login-password-input").val();
+        }
 
-	var LoginControl = (function () {
-		function LoginControl() {
-		}
+        function attachLoginButtonHandler(selector) {
+        	$(selector).on('click', function (e) {
+        		
+        	});
+        }
 
-        LoginControl.prototype.getUsernameText = function () {
+		return {
+			getUsername: getUsernameText,
+			getPassword: getPasswordText,
+			attachButtonHandler: attachLoginButtonHandler
+		};
+	}());
+	
+	var registerControl = (function () {
+        function getUsernameText () {
             // return $("#login-username-input").val();
         }
 
-        LoginControl.prototype.getPasswordText = function () {
+        function getPasswordText () {
             // return $("#login-password-input").val();
         }
 
-		return LoginControl;
+        function attachRegisterHandlers(selector) {
+        	$(selector).on('click', function (e) {
+        		
+        	});
+        }
+
+		return {
+			getUsername: getUsernameText,
+			getPassword: getPasswordText,
+			attachButtonHandler: attachRegisterButtonHandler
+		};
 	}());
-	
 
 	return {
-		loginControl: LoginControl,
-		//registerControl: RegisterControl,
+		loginControl: loginControl,
+		registerControl: registerControl,
 	}
 }());

7. ExamPreparation-Bookmarks/Vlado/templates/login.html

@@ -1,4 +1,4 @@
-<div>
+<div id="login-form">
 	<label for="username">Username:</label>
 	<input id="username" type="text" /> 
 	<br />

7. ExamPreparation-Bookmarks/Vlado/templates/register.html

@@ -1,4 +1,4 @@
-<div>
+<div id="register-form">
 	<label for="username">Username:</label>
 	<input id="username" type="text" /> 
 	<br />