Exercise 4 files

samuil4 · samuil4 · commit a8df412ed36f · 2015-08-16T17:30:22.000+03:00
diff --git a/EXERCISE/Exercise 4/index.html b/EXERCISE/Exercise 4/index.html
@@ -7,7 +7,12 @@
 </head>
 <body>
 
-    <script type="text/javascript" src="js/main.js"></script>
+    <div class="wrapper"></div>
+
+    <script type="text/javascript" src="js/templates.js"></script>
+    <script type="text/javascript" src="js/events.js"></script>
+    <script type="text/javascript" src="js/base-view.js"></script>
+    <script type="text/javascript" src="js/controller.js"></script>
 
 </body>
 </html>
diff --git a/EXERCISE/Exercise 4/js/base-view.js b/EXERCISE/Exercise 4/js/base-view.js
@@ -0,0 +1,23 @@
+/***
+ * Base view
+ */
+var app = app || {};
+
+(function (){
+    /***
+     * @param {String} template
+     * returns void
+     */
+    function baseView (template) {
+        
+        this.template = template;
+
+        console.log('base view inited');
+        
+        this.destroy = function  () {
+            console.log('destroy', this.template);
+        };
+    };
+
+    app.view = baseView;
+})();
diff --git a/EXERCISE/Exercise 4/js/controller.js b/EXERCISE/Exercise 4/js/controller.js
@@ -0,0 +1,84 @@
+/***
+ * Base application
+ * - create singleton class named app
+ * - create init method
+ */
+var app = app || {};
+
+(function initApplication (global, doc) {
+
+    /**
+     * Base app config
+     */
+    var config = {
+        el: '.wrapper'
+    },
+    
+        /***
+         * Cached App elements
+         */
+        elements = {},
+    
+        instanceStorage = [];
+    
+    /**
+     * Initialize Application
+     * @public
+     */
+    app.init = function () {
+            
+        cacheElements();
+        setConfig();
+        createLayout();
+    };
+
+    /**
+     * Get config
+     * @public
+     * returns {Object} config
+     */
+    app.getConfig = function () {
+        
+        return config;  
+    };
+
+    /**
+     * Exit application
+     * @public
+     * returns void
+     */
+    app.exit = function () {
+        
+        for (var i = instanceStorage.length - 1; i >= 0; i--) {
+            instanceStorage[i].destroy();
+        };
+    };
+    
+    /**
+     * Create application layout
+     */
+    function createLayout () {
+        
+        for (var template in app.templates) {
+            instanceStorage.push(new app.view(app.templates[template]));            
+        }
+    };
+
+    /**
+     * Get user specific configuration
+     */
+    function setConfig () {
+        
+        config.appWidth = global.innerWidth;
+        config.appHeight = global.innerHeight;
+    }
+
+    /***
+     * Cache app main elements
+     */
+    function cacheElements () {
+        
+        elements.el = doc.querySelector(config.el);
+    }
+
+})(window, document);
diff --git a/EXERCISE/Exercise 4/js/events.js b/EXERCISE/Exercise 4/js/events.js
@@ -0,0 +1,55 @@
+window.app = window.app || {};
+
+/***
+ * Subsciing and Publishing application events
+ */
+app.events = {
+
+    /***
+     * Create event
+     * @param {String} eventName
+     * returns {Event Object}
+     */
+    create: function(eventName){
+
+        var event = new CustomEvent(eventName);
+
+        return event;
+    },
+
+    /***
+     * Subscribes a listener to event and trigger a handler
+     * @param {Dom Object} el
+     * @param {String} eventName
+     * @param {Function} handler
+     * returns void
+     */
+    subscribe: function (el,eventName,handler) {
+
+        el.addEventListener(eventName,handler,false);
+    },
+
+    /***
+     * Publishes an event to the listneres
+     * @param {Dom Object} el
+     * @param {String} eventName
+     * returns void
+     */
+    publish: function (el,eventName) {
+
+        var event = this.create(eventName);
+        el.dispatchEvent(event);
+
+    },
+
+    /***
+     * Removes a listener from element and detach handler function
+     * @param {Dom Object} el
+     * @param {String} eventName
+     * @param {Function} handler
+     * returns void
+     */
+    unsubscribe: function (el,eventName,handler) {
+        el.removeEventListener(eventName,handler,false);
+    }
+};
diff --git a/EXERCISE/Exercise 4/js/templates.js b/EXERCISE/Exercise 4/js/templates.js
@@ -0,0 +1,13 @@
+/***
+ * Stored templates as plain text
+ */
+var app = app || {};
+
+(function () {
+
+	app.templates = {
+		header: '<header id="header"></header>',
+		footer: '<footer id="footer"></footer>',
+		content: '<section id="content"></section>'
+	};
+})();
