mortar 0.7.0 → 0.7.1

data/js/mortar-table.js

@@ -0,0 +1,169 @@
+(function ($, window, document) {
+    "use strict";
+    
+    var allInstances = [];
+    
+    var pluginName = "mortarTableExpandableCell",
+        defaults = {
+            previewSelector : '.mortar-table-expandable-cell-preview',
+            contentSelector : '.mortar-table-expandable-cell-content',
+            expandingSelector : '.mortar-table-expandable-cell-container',
+            expandedContainerStyle : {
+                'width'     : 250,
+                'height'    : 180
+            },
+            expandedPreviewStyle : {
+                'opacity'   : '0'
+            },
+            expandedContentStyle : {
+                'opacity'   : '1'
+            },
+            expandInward : true,
+            globalBlocking : true 
+        };
+    
+    function MortarTableExpandableCell(element, options) {
+        this.element = element;
+        this.options = $.extend({}, defaults, options);
+        
+        
+        var item = $(this.element).find(this.options.expandingSelector)
+            , preview = $(item).find(this.options.previewSelector)
+            , content = $(item).find(this.options.contentSelector)
+            , _this = this;
+        
+        
+        item.stylestack('enable');
+        preview.stylestack('enable');
+        content.stylestack('enable');
+        
+        
+        $(this.element).click( function(event) {
+            _this.open();
+        });
+        $(this.element).find(this.options.contentSelector).click( function(event) {
+            event.stopPropagation();
+        });      
+        
+        allInstances.push(this);              
+    }
+        
+    
+    MortarTableExpandableCell.prototype.close = function () {
+        if (!$(this.element).find(this.options.expandingSelector).hasClass('active')) {
+            return;
+        } 
+        
+        $(this.element).find(this.options.expandingSelector).stylestack('pop', function () {
+            $(this).removeClass('active'); 
+        });
+        $(this.element).find(this.options.previewSelector).stylestack('pop');
+        $(this.element).find(this.options.contentSelector).stylestack('pop');
+        
+        $(this.element).trigger('MortarTableExpandableCell.Closed');
+    };
+    
+    MortarTableExpandableCell.prototype.open = function() {
+        var item = $(this.element).find(this.options.expandingSelector)
+            , preview = $(item).find(this.options.previewSelector)
+            , content = $(item).find(this.options.contentSelector)
+            , containerStyles = _getStyleBasedOnPosition.call(this)
+            , _this = this;
+        
+        if(!item.hasClass('active')) {
+            item.css(containerStyles['containerStyle']);
+            
+            // This is a hack to let the page reflow
+            setTimeout(function() {
+              item.addClass('active');
+              content.css('display', 'block');
+              
+                item.transition(containerStyles['containerAnimatedStyle'], function() {
+                    _this.opening = false;
+                });
+                preview.transition(_this.options.expandedPreviewStyle);
+                content.transition(_this.options.expandedContentStyle);
+                
+                item.css({ 'z-index' : '1000' });
+            }, 0);
+        }
+    }
+    
+    var _getStyleBasedOnPosition = function() {
+        
+        var containerStyle = {}
+            , containerAnimatedStyle = {}
+            , container = $(this.element).find(this.options.expandingSelector)
+            , width = container.outerWidth()
+            , height = container.outerHeight(); 
+        
+        containerAnimatedStyle['top'] = '50%';
+        containerAnimatedStyle['left'] = '50%';
+        containerAnimatedStyle['margin-left'] = -(this.options.expandedContainerStyle.width / 2);
+        containerAnimatedStyle['margin-top'] = -(this.options.expandedContainerStyle.height / 2);
+                
+        if( this.options.expandInward ) {
+            var firstInRow = $(this.element).is(':first-child')
+                , lastInRow = $(this.element).is(':last-child')
+                , firstRow = $(this.element).parent().is(':first-child')
+                , lastRow = $(this.element).parent().is(':last-child');
+            
+            
+            if( firstInRow && !lastInRow ) {
+                containerAnimatedStyle['left'] = 0;
+                containerAnimatedStyle['margin-left'] = 0;
+                console.log('First in Row');
+            }
+            if( lastInRow && !firstInRow ) {
+                containerStyle['left'] = 'auto';
+                containerStyle['right'] = 0;
+                containerAnimatedStyle['left'] = undefined;
+                containerAnimatedStyle['margin-left'] = 0;
+                console.log('Last in Row');
+            }
+            if( firstRow ) {
+                //containerAnimatedStyle['top'] = 0;
+                //containerAnimatedStyle['margin-top'] = 0;
+                console.log('First Row');
+            }
+            if( lastRow && !firstRow ) {
+                //containerStyle['top'] = 'auto';
+                //containerAnimatedStyle['top'] = undefined;
+                //containerAnimatedStyle['bottom'] = 0;
+                //containerAnimatedStyle['margin-bottom'] = 0;
+                console.log('Last Row');
+            }
+        }
+        
+        
+        containerAnimatedStyle = $.extend({}, containerAnimatedStyle, this.options.expandedContainerStyle);
+        
+        return { 'containerStyle' : containerStyle, 'containerAnimatedStyle' : containerAnimatedStyle };
+    };
+    
+    var _closeAllInstances = function() {
+        console.log("CLOSE ALL INSTANCES");
+      for(var i = 0; i < allInstances.length; i++) {
+        allInstances[i].close();
+      }
+    };
+    
+    $('body').click( _closeAllInstances );
+    $(document).keyup(function(e) {
+      if (e.keyCode == 27) { _closeAllInstances() }   // esc
+    });
+        
+    $.fn[pluginName] = function (option) {
+        return this.each(function () {
+            var $this = $(this)
+                , data = $this.data('plugin_' + pluginName)
+                , options = typeof option == 'object' && option
+                , action = typeof option == 'string' && option
+            if (!data) $.data(this, 'plugin_' + pluginName, (data = new MortarTableExpandableCell(this, options)));
+            if (action) data[action]();
+        
+        });
+    };
+        
+    
+})(jQuery, window, document);

data/js/zero_clipboard.js

@@ -0,0 +1,358 @@
+/*!
+ * zeroclipboard
+ * The Zero Clipboard library provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie, and a JavaScript interface.
+ * Copyright 2012 Jon Rohan, James M. Greene, .
+ * Released under the MIT license
+ * http://jonrohan.github.com/ZeroClipboard/
+ * v1.1.7
+ */(function() {
+  "use strict";
+  var _getStyle = function(el, prop) {
+    var y = el.style[prop];
+    if (el.currentStyle) y = el.currentStyle[prop]; else if (window.getComputedStyle) y = document.defaultView.getComputedStyle(el, null).getPropertyValue(prop);
+    if (y == "auto" && prop == "cursor") {
+      var possiblePointers = [ "a" ];
+      for (var i = 0; i < possiblePointers.length; i++) {
+        if (el.tagName.toLowerCase() == possiblePointers[i]) {
+          return "pointer";
+        }
+      }
+    }
+    return y;
+  };
+  var _elementMouseOver = function(event) {
+    if (!ZeroClipboard.prototype._singleton) return;
+    if (!event) {
+      event = window.event;
+    }
+    var target;
+    if (this !== window) {
+      target = this;
+    } else if (event.target) {
+      target = event.target;
+    } else if (event.srcElement) {
+      target = event.srcElement;
+    }
+    ZeroClipboard.prototype._singleton.setCurrent(target);
+  };
+  var _addEventHandler = function(element, method, func) {
+    if (element.addEventListener) {
+      element.addEventListener(method, func, false);
+    } else if (element.attachEvent) {
+      element.attachEvent("on" + method, func);
+    }
+  };
+  var _removeEventHandler = function(element, method, func) {
+    if (element.removeEventListener) {
+      element.removeEventListener(method, func, false);
+    } else if (element.detachEvent) {
+      element.detachEvent("on" + method, func);
+    }
+  };
+  var _addClass = function(element, value) {
+    if (element.addClass) {
+      element.addClass(value);
+      return element;
+    }
+    if (value && typeof value === "string") {
+      var classNames = (value || "").split(/\s+/);
+      if (element.nodeType === 1) {
+        if (!element.className) {
+          element.className = value;
+        } else {
+          var className = " " + element.className + " ", setClass = element.className;
+          for (var c = 0, cl = classNames.length; c < cl; c++) {
+            if (className.indexOf(" " + classNames[c] + " ") < 0) {
+              setClass += " " + classNames[c];
+            }
+          }
+          element.className = setClass.replace(/^\s+|\s+$/g, "");
+        }
+      }
+    }
+    return element;
+  };
+  var _removeClass = function(element, value) {
+    if (element.removeClass) {
+      element.removeClass(value);
+      return element;
+    }
+    if (value && typeof value === "string" || value === undefined) {
+      var classNames = (value || "").split(/\s+/);
+      if (element.nodeType === 1 && element.className) {
+        if (value) {
+          var className = (" " + element.className + " ").replace(/[\n\t]/g, " ");
+          for (var c = 0, cl = classNames.length; c < cl; c++) {
+            className = className.replace(" " + classNames[c] + " ", " ");
+          }
+          element.className = className.replace(/^\s+|\s+$/g, "");
+        } else {
+          element.className = "";
+        }
+      }
+    }
+    return element;
+  };
+  var _getDOMObjectPosition = function(obj) {
+    var info = {
+      left: 0,
+      top: 0,
+      width: obj.width || obj.offsetWidth || 0,
+      height: obj.height || obj.offsetHeight || 0,
+      zIndex: 9999
+    };
+    var zi = _getStyle(obj, "zIndex");
+    if (zi && zi != "auto") {
+      info.zIndex = parseInt(zi, 10);
+    }
+    while (obj && obj.offsetParent != null) {
+      var borderLeftWidth = parseInt(_getStyle(obj, "borderLeftWidth"), 10);
+      var borderTopWidth = parseInt(_getStyle(obj, "borderTopWidth"), 10);
+      info.left += isNaN(obj.offsetLeft) ? 0 : obj.offsetLeft;
+      info.left += isNaN(borderLeftWidth) ? 0 : borderLeftWidth;
+      info.left -= isNaN(obj.scrollLeft) ? 0 : obj.scrollLeft;
+      info.top += isNaN(obj.offsetTop) ? 0 : obj.offsetTop;
+      info.top += isNaN(borderTopWidth) ? 0 : borderTopWidth;
+      info.top -= isNaN(obj.scrollTop) ? 0 : obj.scrollTop;
+      obj = obj.offsetParent;
+    }
+    return info;
+  };
+  var _noCache = function(path) {
+    return (path.indexOf("?") >= 0 ? "&" : "?") + "nocache=" + (new Date).getTime();
+  };
+  var _vars = function(options) {
+    var str = [];
+    if (options.trustedDomains) {
+      if (typeof options.trustedDomains === "string") {
+        str.push("trustedDomain=" + options.trustedDomains);
+      } else {
+        str.push("trustedDomain=" + options.trustedDomains.join(","));
+      }
+    }
+    return str.join("&");
+  };
+  var _inArray = function(elem, array) {
+    if (array.indexOf) {
+      return array.indexOf(elem);
+    }
+    for (var i = 0, length = array.length; i < length; i++) {
+      if (array[i] === elem) {
+        return i;
+      }
+    }
+    return -1;
+  };
+  var _prepGlue = function(elements) {
+    if (typeof elements === "string") throw new TypeError("ZeroClipboard doesn't accept query strings.");
+    if (!elements.length) return [ elements ];
+    return elements;
+  };
+  var ZeroClipboard = function(elements, options) {
+    if (elements) (ZeroClipboard.prototype._singleton || this).glue(elements);
+    if (ZeroClipboard.prototype._singleton) return ZeroClipboard.prototype._singleton;
+    ZeroClipboard.prototype._singleton = this;
+    this.options = {};
+    for (var kd in _defaults) this.options[kd] = _defaults[kd];
+    for (var ko in options) this.options[ko] = options[ko];
+    this.handlers = {};
+    if (ZeroClipboard.detectFlashSupport()) _bridge();
+  };
+  var currentElement, gluedElements = [];
+  ZeroClipboard.prototype.setCurrent = function(element) {
+    currentElement = element;
+    this.reposition();
+    if (element.getAttribute("title")) {
+      this.setTitle(element.getAttribute("title"));
+    }
+    this.setHandCursor(_getStyle(element, "cursor") == "pointer");
+  };
+  ZeroClipboard.prototype.setText = function(newText) {
+    if (newText && newText !== "") {
+      this.options.text = newText;
+      if (this.ready()) this.flashBridge.setText(newText);
+    }
+  };
+  ZeroClipboard.prototype.setTitle = function(newTitle) {
+    if (newTitle && newTitle !== "") this.htmlBridge.setAttribute("title", newTitle);
+  };
+  ZeroClipboard.prototype.setSize = function(width, height) {
+    if (this.ready()) this.flashBridge.setSize(width, height);
+  };
+  ZeroClipboard.prototype.setHandCursor = function(enabled) {
+    if (this.ready()) this.flashBridge.setHandCursor(enabled);
+  };
+  ZeroClipboard.version = "1.1.7";
+  var _defaults = {
+    moviePath: "ZeroClipboard.swf",
+    trustedDomains: null,
+    text: null,
+    hoverClass: "zeroclipboard-is-hover",
+    activeClass: "zeroclipboard-is-active",
+    allowScriptAccess: "sameDomain"
+  };
+  ZeroClipboard.setDefaults = function(options) {
+    for (var ko in options) _defaults[ko] = options[ko];
+  };
+  ZeroClipboard.destroy = function() {
+    ZeroClipboard.prototype._singleton.unglue(gluedElements);
+    var bridge = ZeroClipboard.prototype._singleton.htmlBridge;
+    bridge.parentNode.removeChild(bridge);
+    delete ZeroClipboard.prototype._singleton;
+  };
+  ZeroClipboard.detectFlashSupport = function() {
+    var hasFlash = false;
+    try {
+      if (new ActiveXObject("ShockwaveFlash.ShockwaveFlash")) {
+        hasFlash = true;
+      }
+    } catch (error) {
+      if (navigator.mimeTypes["application/x-shockwave-flash"]) {
+        hasFlash = true;
+      }
+    }
+    return hasFlash;
+  };
+  var _bridge = function() {
+    var client = ZeroClipboard.prototype._singleton;
+    client.htmlBridge = document.getElementById("global-zeroclipboard-html-bridge");
+    if (client.htmlBridge) {
+      client.flashBridge = document["global-zeroclipboard-flash-bridge"];
+      return;
+    }
+    var html = '    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" id="global-zeroclipboard-flash-bridge" width="100%" height="100%">       <param name="movie" value="' + client.options.moviePath + _noCache(client.options.moviePath) + '"/>       <param name="allowScriptAccess" value="' + client.options.allowScriptAccess + '" />       <param name="scale" value="exactfit">       <param name="loop" value="false" />       <param name="menu" value="false" />       <param name="quality" value="best" />       <param name="bgcolor" value="#ffffff" />       <param name="wmode" value="transparent"/>       <param name="flashvars" value="' + _vars(client.options) + '"/>       <embed src="' + client.options.moviePath + _noCache(client.options.moviePath) + '"         loop="false" menu="false"         quality="best" bgcolor="#ffffff"         width="100%" height="100%"         name="global-zeroclipboard-flash-bridge"         allowScriptAccess="always"         allowFullScreen="false"         type="application/x-shockwave-flash"         wmode="transparent"         pluginspage="http://www.macromedia.com/go/getflashplayer"         flashvars="' + _vars(client.options) + '"         scale="exactfit">       </embed>     </object>';
+    client.htmlBridge = document.createElement("div");
+    client.htmlBridge.id = "global-zeroclipboard-html-bridge";
+    client.htmlBridge.setAttribute("class", "global-zeroclipboard-container");
+    client.htmlBridge.setAttribute("data-clipboard-ready", false);
+    client.htmlBridge.style.position = "absolute";
+    client.htmlBridge.style.left = "-9999px";
+    client.htmlBridge.style.top = "-9999px";
+    client.htmlBridge.style.width = "15px";
+    client.htmlBridge.style.height = "15px";
+    client.htmlBridge.style.zIndex = "9999";
+    client.htmlBridge.innerHTML = html;
+    document.body.appendChild(client.htmlBridge);
+    client.flashBridge = document["global-zeroclipboard-flash-bridge"];
+  };
+  ZeroClipboard.prototype.resetBridge = function() {
+    this.htmlBridge.style.left = "-9999px";
+    this.htmlBridge.style.top = "-9999px";
+    this.htmlBridge.removeAttribute("title");
+    this.htmlBridge.removeAttribute("data-clipboard-text");
+    _removeClass(currentElement, this.options.activeClass);
+    currentElement = null;
+    this.options.text = null;
+  };
+  ZeroClipboard.prototype.ready = function() {
+    var ready = this.htmlBridge.getAttribute("data-clipboard-ready");
+    return ready === "true" || ready === true;
+  };
+  ZeroClipboard.prototype.reposition = function() {
+    if (!currentElement) return false;
+    var pos = _getDOMObjectPosition(currentElement);
+    this.htmlBridge.style.top = pos.top + "px";
+    this.htmlBridge.style.left = pos.left + "px";
+    this.htmlBridge.style.width = pos.width + "px";
+    this.htmlBridge.style.height = pos.height + "px";
+    this.htmlBridge.style.zIndex = pos.zIndex + 1;
+    this.setSize(pos.width, pos.height);
+  };
+  ZeroClipboard.dispatch = function(eventName, args) {
+    ZeroClipboard.prototype._singleton.receiveEvent(eventName, args);
+  };
+  ZeroClipboard.prototype.on = function(eventName, func) {
+    var events = eventName.toString().split(/\s/g);
+    for (var i = 0; i < events.length; i++) {
+      eventName = events[i].toLowerCase().replace(/^on/, "");
+      if (!this.handlers[eventName]) this.handlers[eventName] = func;
+    }
+    if (this.handlers.noflash && !ZeroClipboard.detectFlashSupport()) {
+      this.receiveEvent("onNoFlash", null);
+    }
+  };
+  ZeroClipboard.prototype.addEventListener = ZeroClipboard.prototype.on;
+  ZeroClipboard.prototype.off = function(eventName, func) {
+    var events = eventName.toString().split(/\s/g);
+    for (var i = 0; i < events.length; i++) {
+      eventName = events[i].toLowerCase().replace(/^on/, "");
+      for (var event in this.handlers) {
+        if (event === eventName && this.handlers[event] === func) {
+          delete this.handlers[event];
+        }
+      }
+    }
+  };
+  ZeroClipboard.prototype.removeEventListener = ZeroClipboard.prototype.off;
+  ZeroClipboard.prototype.receiveEvent = function(eventName, args) {
+    eventName = eventName.toString().toLowerCase().replace(/^on/, "");
+    var element = currentElement;
+    switch (eventName) {
+     case "load":
+      if (args && parseFloat(args.flashVersion.replace(",", ".").replace(/[^0-9\.]/gi, "")) < 10) {
+        this.receiveEvent("onWrongFlash", {
+          flashVersion: args.flashVersion
+        });
+        return;
+      }
+      this.htmlBridge.setAttribute("data-clipboard-ready", true);
+      break;
+     case "mouseover":
+      _addClass(element, this.options.hoverClass);
+      break;
+     case "mouseout":
+      _removeClass(element, this.options.hoverClass);
+      this.resetBridge();
+      break;
+     case "mousedown":
+      _addClass(element, this.options.activeClass);
+      break;
+     case "mouseup":
+      _removeClass(element, this.options.activeClass);
+      break;
+     case "datarequested":
+      var targetId = element.getAttribute("data-clipboard-target"), targetEl = !targetId ? null : document.getElementById(targetId);
+      if (targetEl) {
+        var textContent = targetEl.value || targetEl.textContent || targetEl.innerText;
+        if (textContent) this.setText(textContent);
+      } else {
+        var defaultText = element.getAttribute("data-clipboard-text");
+        if (defaultText) this.setText(defaultText);
+      }
+      break;
+     case "complete":
+      this.options.text = null;
+      break;
+    }
+    if (this.handlers[eventName]) {
+      var func = this.handlers[eventName];
+      if (typeof func == "function") {
+        func.call(element, this, args);
+      } else if (typeof func == "string") {
+        window[func].call(element, this, args);
+      }
+    }
+  };
+  ZeroClipboard.prototype.glue = function(elements) {
+    elements = _prepGlue(elements);
+    for (var i = 0; i < elements.length; i++) {
+      if (_inArray(elements[i], gluedElements) == -1) {
+        gluedElements.push(elements[i]);
+        _addEventHandler(elements[i], "mouseover", _elementMouseOver);
+      }
+    }
+  };
+  ZeroClipboard.prototype.unglue = function(elements) {
+    elements = _prepGlue(elements);
+    for (var i = 0; i < elements.length; i++) {
+      _removeEventHandler(elements[i], "mouseover", _elementMouseOver);
+      var arrayIndex = _inArray(elements[i], gluedElements);
+      if (arrayIndex != -1) gluedElements.splice(arrayIndex, 1);
+    }
+  };
+  if (typeof module !== "undefined") {
+    module.exports = ZeroClipboard;
+  } else {
+    window.ZeroClipboard = ZeroClipboard;
+  }
+})();