@base-framework/base 2.6.0 → 2.6.1

package/legacy/es5/modules/mouse.js

@@ -0,0 +1,124 @@
+/* base framework module */
+(function()
+{
+	"use strict";
+
+	/**
+	 * Mouse
+	 *
+	 * This will create a mouse event object.
+	 * @class
+	 */
+	var Mouse = base.Class.extend(
+	{
+		/**
+		 * @contrustor
+		 * @param {string} [mode]
+		 * @param {function} [callBackFn]
+		 * @param {object} [obj]
+		 * @param {boolean} [capture]
+		 */
+		constructor: function(mode, callBackFn, obj, capture)
+		{
+			/* this will store the mouse position */
+			this.position = { x: null, y: null };
+			this.callBackFn = callBackFn;
+			this.obj = obj || window;
+			this.capture = capture || false;
+
+			/* the mouse can be tracked by different modes
+			and this will control the tracking position mode */
+			this.mode = mode || 'page';
+		},
+
+		/**
+		 * This will update the mode.
+		 *
+		 * @param {string} mode
+		 */
+		updateMode: function(mode)
+		{
+			switch(mode)
+			{
+				case 'client':
+					this.mode = mode;
+					break;
+				case 'screen':
+					this.mode = mode;
+					break;
+				default:
+					this.mode = 'page';
+			}
+		},
+
+		/**
+		 * This will update the position.
+		 *
+		 * @param {object} e
+		 * @return {object}
+		 */
+		updatePosition: function(e)
+		{
+			var position = this.position;
+
+			if(e)
+			{
+				/* we need to check if the mode is set to
+				client or return page position */
+				switch(this.mode)
+				{
+					case 'client':
+						position.x = e.clientX || e.pageX;
+						position.y = e.clientY || e.pageY;
+						break;
+					case 'screen':
+						position.x = e.clientX || e.pageX;
+						position.y = e.clientY || e.pageY;
+						break;
+					default:
+						position.x = e.pageX;
+						position.y = e.pageY;
+				}
+			}
+
+			return position;
+		},
+
+		/**
+		 * This will start tracking.
+		 */
+		start: function()
+		{
+			var parent = this;
+			var callBackFn = this.callBackFn;
+			/* we want to update mouse position and
+			standardize the return */
+			var mouseResults = function(e)
+			{
+				// cross-browser result
+				e = e || window.event;
+
+				var position = this.position = parent.updatePosition(e);
+
+				/* we can now send the mouse wheel results to
+				the call back function */
+				if(typeof callBackFn === 'function')
+				{
+					callBackFn.call(position, e);
+				}
+			};
+
+			base.events.add('mousemove', this.obj, mouseResults, this.capture, true, callBackFn);
+		},
+
+		/**
+		 * This will stop tracking.
+		 */
+		stop: function()
+		{
+			base.off('mousemove', this.obj, this.callBackFn, this.capture);
+		}
+	});
+
+	base.extend.Mouse = Mouse;
+})();

package/legacy/es5/modules/nav-link.js

@@ -0,0 +1,123 @@
+/**
+ * NavLink
+ *
+ * This will create a nav link that will add an active
+ * class when the browser route path matches the link
+ * href.
+ *
+ * @class
+ */
+var NavLink = base.Component.extend(
+{
+    /**
+     * This will configure the link active class.
+     *
+     * @protected
+     */
+    beforeSetup: function()
+    {
+        this.selectedClass = this.activeClass || 'active';
+    },
+
+    /**
+     * This will render the component.
+     *
+     * @return {object}
+     */
+    render: function()
+    {
+        var href = this.href,
+        text = this.text;
+
+        var watchers = this.setupWatchers(href, text);
+
+        var onState = {};
+        onState[this.selectedClass] = true;
+
+        return {
+            tag: 'a',
+            className: this.className || null,
+            onState: ['selected', onState],
+            href: this.getString(href),
+            text: this.getString(text),
+            children: this.children,
+            watch: watchers
+        };
+    },
+
+    /**
+     * This will get string.
+     *
+     * @param {string} string
+     * @return {(string|null)}
+     */
+    getString: function(string)
+    {
+        var type = typeof string;
+	    return (type !== 'object' && type !== 'undefined')? string : null;
+    },
+
+    /**
+     * This will setup the watchers.
+     *
+     * @protected
+     * @param {string} href
+     * @param {string} text
+     * @return {array}
+     */
+    setupWatchers: function(href, text)
+    {
+        var self = this,
+        exact = (this.exact !== false),
+        data = base.router.data;
+
+        var watchers = [];
+
+        if(href && typeof href === 'object')
+        {
+            watchers.push(
+            {
+                attr: 'href',
+                value: href
+            });
+        }
+
+        if(text && typeof text === 'object')
+        {
+            watchers.push(
+            {
+                attr: 'text',
+                value: text
+            });
+        }
+
+        watchers.push({
+            value: ['[[path]]', data],
+            callBack: function(ele, value)
+            {
+                var selected = exact? (value === ele.pathname) : (new RegExp('^' + ele.pathname + '($|\/|\\.).*').test(value));
+                self.update(ele, selected);
+            }
+        });
+
+        return watchers;
+    },
+
+    setupStates: function()
+    {
+        return {
+            selected: false
+        };
+    },
+
+    /**
+     * This will update the class on the element.
+     *
+     * @param {object} ele
+     * @param {bool} selected
+     */
+    update: function(ele, selected)
+    {
+        this.state.set('selected', selected);
+    }
+});