expressionui 0.0.2 → 0.0.3

checksums.yaml

@@ -1,7 +1,7 @@
---- 
-SHA1: 
-  metadata.gz: bed5a42f185efac12fee84fbc37deb07b7038e11
-  data.tar.gz: 9c4eb5104097eec9931c7cb3ae7b3006b2c6b0f8
-SHA512: 
-  metadata.gz: 90c498a4f7a3c98898076f5bbc0b631a110c24332a6c3bef57d34e3330cafbf8ce7aef39d7f9affdeb5035918eca3d6eecbbe9648bf586a08a60b39d82d64854
-  data.tar.gz: 4363e46e1c141b64b1c19afd6806ba62a3169eb261860743be4ad6a7dd2b75e434ffd099cd010ede6333322aef8b6ef171782f69e2ed11298d9fc694c4745b72
+---
+SHA1:
+  metadata.gz: 11256f25a87790c8f49299cd5537a0a67daf84fa
+  data.tar.gz: c2969ebf5e901ff2ab397ea5accad090df9ca228
+SHA512:
+  metadata.gz: 7399362f647a7245116a8228318e640ca091536bd46d906264c985688cfa175e9ce62b4c56fa881502098cdcf2229279bc0747c1ece81db25d8bfc89e87e849c
+  data.tar.gz: dfd3ea146ddd2502bcdf9011cb5a1535a25428d5b41e1a5a083e13b113cc6453b768534b4bc867260e40719e8031366d4c38ce206fca3f9e763aa149daa0548d

data/{LICENSE.txt → MIT-LICENSE}

@@ -1,6 +1,4 @@
-Copyright (c) 2013 Jason Cypret
-
-MIT License
+Copyright 2013 Jason Cypret
 
 Permission is hereby granted, free of charge, to any person obtaining
 a copy of this software and associated documentation files (the
@@ -19,4 +17,4 @@ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
 LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
 OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
-WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/lib/expressionui/version.rb

@@ -1,3 +1,3 @@
 module Expressionui
-  VERSION = "0.0.2"
+  VERSION = "0.0.3"
 end

data/lib/expressionui.rb

@@ -1,5 +1,8 @@
 require "expressionui/version"
 
 module Expressionui
-  # Your code goes here...
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
 end

data/vendor/assets/javascripts/expressionui.modal.js

@@ -0,0 +1,175 @@
+/* expressionUI modal v2.0
+ * https://github.com/jasoncypret/expressionUI
+ *
+ * Copyright (c) 2013 Jason Cypret (http://jasoncypret.com/)
+ * Licensed under the MIT License
+ */
+
+(function ($) {
+    var methods = {
+        defaults: {
+            title: 'Alert',
+            id: 'dialog',
+            closeID: 'closeDialog',
+            overlay: true,
+            overlayMrk: '<div class="pageOverlay"></div>',
+            appendTo: 'body',
+            threshold: 15,
+            ajax: '',
+            ajaxTarget: '',
+            notify: false,
+            width: 'auto',
+            height: 'auto',
+            header: true,
+            headerContent: '',
+            footer: true,
+            removeContent: false,
+            buttons: [
+                { buttonText: 'Ok', callback: function () {
+                    return;
+                }, defaultButton: true }
+            ],
+            beforeOpen: $.noop,
+            afterOpen: $.noop,
+            beforeClose: $.noop,
+            afterClose: $.noop
+        },
+        init: function (options) {
+            options = $.extend({}, methods.defaults, options);
+            $(this).dialog('_open', options);
+        },
+        _open: function (options) {
+            options.beforeOpen();
+            var overlay = '',
+                isMobile = '',
+                buildModal,
+                buttons = ''
+            $.each(options.buttons, function (i, btn) {
+                var defaultBtn = '';
+                if (typeof btn.defaultButton != 'undefined')
+                    defaultBtn = ' defaultButton';
+                var className = '';
+                if (typeof btn.className != 'undefined')
+                    className = btn.className;
+                buttons += '<a href="javascript:;" id="dialogBtn' + i + '" class="' + className + defaultBtn + '"><span>' + btn.buttonText + '</span></a>';
+            });
+            if (options.width != "auto") {
+                options.width = options.width + 'px'
+            }
+            if (options.overlay) {
+                overlay = options.overlayMrk;
+            }
+            buildModal = '<div id="' + options.id + '" class="dialog_container ' + isMobile + ' ' + options.height + '">' + overlay + '<div style="width:' + options.width + ';" class="dialog">';
+            if (options.header) {
+                buildModal += '<h1><span class="container">' + options.title + '<a href="javascript:;" id="' + options.closeID + '" class="closeDialog ' + options.closeClass + '">x</a></span></h1>';
+            } else {
+                buttons += '<a href="javascript:;" class="closeDialog"><span>Cancel</span></a>';
+            }
+            buildModal += '<div class="dialogBody"><div class="container"><div class="d_content"></div></div></div>';
+            if (options.footer) {
+                buildModal += '<div class="dialogFooter"><span class="container">' + buttons + '</span></div>';
+            }
+            buildModal += '</div></div>';
+            $(options.appendTo).append(buildModal);
+            if (options.headerContent && options.header) {
+                $(options.headerContent).appendTo('#' + options.id + ' h1 .container').css('display', 'block');
+            }
+            $(this).appendTo('#' + options.id + ' .d_content').css('display', 'block');
+            if (options.ajax) {
+                $(this).dialog('ajax', options);
+            }
+            $('#' + options.id + ' .dialog').dialog('position', options);
+            $('#' + options.id).dialog('_setupEvents', options);
+            $(options.appendTo).addClass("dialog_open");
+            options.afterOpen.call();
+        },
+        ajax: function (options) {
+            var _this = $(this)
+            if (options.ajaxTarget) options.ajax = options.ajax + ' ' + options.ajaxTarget
+            if (options.notify) {
+                _this.parents('.dialogBody').notify({ style: "none", position: "middle", loading: "circles", sticky: true, content: "hidden" });
+            }
+            _this.load(options.ajax, function (response, status, xhr) {
+                _this.parents('.dialogBody').find('.notify').notify("close")
+                if (status == "error") {
+                    var msg = "Sorry but there was an error: ";
+                    alert(msg + xhr.status + " " + xhr.statusText);
+                }
+            });
+        },
+        close: function (options) {
+            options = $.extend({}, methods.defaults, options);
+            if ($('.dialog')[1]) {
+                var amount = $('.dialog').length - 1
+                $.each($('.dialog'), function (i, v) {
+                    if (i === amount) {
+                        $(v).parents('.dialog_container').fadeOut('fast');
+                    }
+                });
+            } else {
+                $(options.appendTo).removeClass('dialog_open').addClass('dialog_close');
+            }
+            options.beforeClose();
+            var modal_content = $(this).find('.d_content').children(),
+                parent = $(this).parents('.dialog_container'),
+                body = $(this).find('.dialogBody'),
+                b_width = body.outerWidth(),
+                b_height = body.outerHeight();
+            body.css({width: b_width, height: b_height});
+            if (!options.removeContent) {
+                modal_content.appendTo(options.appendTo).css('display', 'none');
+                if (options.headerContent && options.header) {
+                    $(options.headerContent).appendTo(options.appendTo).css('display', 'none');
+                }
+            } else {
+                modal_content.remove();
+            }
+            setTimeout(function () {
+                if (!$('.dialog')[1]) {
+                    $(options.appendTo).removeClass("dialog_close");
+                }
+                parent.remove();
+                $(window).unbind("resize.modal");
+            }, 1000);
+            options.afterClose();
+        },
+        _setupEvents: function (options) {
+            var _this = $(this)
+            $(window).bind("resize.modal", function () {
+                _this.find('.dialog').dialog('position', options)
+            });
+            $(this).find('.dialogFooter a:not(.closeDialog)').each(function (i) {
+                $(this).click(options.buttons[i].context ? function () {
+                    options.buttons[i].callback.apply(options.buttons[i].context)
+                } : options.buttons[i].callback);
+            });
+            $(this).find('.closeDialog').click(function () {
+                (typeof options.closeCallback === 'undefined') ? $('#' + options.id + ' .dialog').dialog('close', options) : options.closeCallback();
+            });
+        },
+        position: function (options) {
+            var dialog = $(this);
+            var dialogHeight = dialog.outerHeight();
+            var dialogPadding = dialogHeight - dialog.height();
+            var win = $(window).height();
+            var threshold = options.threshold;
+            if (options.height == 'auto') {
+                if ( dialogHeight > (win - (threshold * 2)) ) {
+                    dialog.css('height', (win - ((threshold * 2) - dialogPadding)) );
+                }
+                dialog.css({ 'margin-top': -(dialog.outerHeight() / 2), 'margin-left': -(dialog.outerWidth() / 2) });
+            } else {
+                dialog.css({ 'top': threshold, 'bottom': threshold, 'margin-left': -(dialog.outerWidth() / 2) });
+            }
+        }
+    };
+    $.fn.dialog = function (method) {
+        if (methods[method]) {
+            return methods[ method ].apply(this, Array.prototype.slice.call(arguments, 1));
+        } else if (typeof method === 'object' || !method) {
+            return methods.init.apply(this, arguments);
+        } else {
+            $.error('Method ' + method + ' does not exist on jQuery.Modal');
+        }
+    }
+})(jQuery);

data/vendor/assets/javascripts/expressionui.notify.js

@@ -0,0 +1,199 @@
+/* expressionUI notify v2.0
+ * https://github.com/jasoncypret/expressionUI
+ *
+ * Copyright (c) 2013 Jason Cypret (http://jasoncypret.com/)
+ * Licensed under the MIT License
+ */
+
+ (function() {
+  (function($) {
+    var methods, t;
+    t = void 0;
+    methods = {
+      defaults: {
+        n_class: "",
+        message: null,
+        sticky: false,
+        width: "full",
+        style: "success",
+        append_type: "prepend",
+        allow_multiple: false,
+        invert: false,
+        icon: true,
+        loading: null,
+        position: "top",
+        duration: "7000",
+        content: "visible",
+        text_align: "bottom",
+        beforeOpen: $.noop,
+        afterOpen: $.noop,
+        beforeClose: $.noop,
+        afterClose: $.noop
+      },
+      init: function(options) {
+        options = $.extend({}, methods.defaults, options);
+        if (!options.allow_multiple) {
+          var selector = '';
+          switch (options.append_type) {
+            case 'prepend': case 'append':
+              selector =  $(this).find('.notify');
+              break
+            case 'after':
+              selector =  $(this).next('.notify');
+              break
+            case 'before':
+              selector =  $(this).prev('.notify');
+              break
+          }
+          if (selector.length > 0) {
+            $(selector).notify("close", options, false);
+          }
+          return $(this).notify("_add_markup", options);
+        } else {
+          return $(this).notify("_add_markup", options);
+        }
+      },
+      _add_markup: function(options) {
+        var markup, iconType;
+
+        // Check ICON TRUE
+        if (options.style === "error") { iconType = 'x'; }
+        if (options.style === "success") { iconType = '/'; }
+        if (options.style === "tip") { iconType = '!'; }
+        if (options.style === "info") { iconType = 'i'; }
+        if (!options.message) { options.message = ''; }
+        
+        markup =  '<div style="display:none;" class="notify' + options.n_class + ' text_align_' + options.text_align + ' style_' + options.style + ' position_' + options.position + ' width_' + options.width + ' invert_' + options.invert + ' loading_' + options.loading + ' icon_' + options.icon +'">';
+        markup += '<div class="notify_wrap">';
+        if (options.icon) {  markup += '<div class="icon">' + iconType + '</div>' }
+        
+
+        switch(options.loading) {
+          case "dots":
+            markup += '<div class="indicator">';
+            markup += '<div class="dot1"></div>';
+            markup += '<div class="dot2"></div>';
+            markup += '<div class="dot3"></div>';
+            markup += '<div class="dot4"></div>';
+            markup += '<div class="dot5"></div>';
+            markup += '<div class="dot6"></div>';
+            markup += '<div class="dot7"></div>';
+            markup += '<div class="dot8"></div>';
+            markup += '</div>'
+            markup += '<div class="msg">' + options.message + '</div>';
+            break
+
+          case "spinner":
+            markup += '<div class="indicator"></div>';
+            markup += '<div class="msg">' + options.message + '</div>';
+            break
+
+          case "bars":
+            markup += '<div class="indicator"><div class="progress"></div></div>';
+            markup += '<div class="msg">' + options.message + '</div>';
+            break
+
+          case "circles":
+            markup += '<div class="indicator">';
+            markup += '<div class="circle1"></div>';
+            markup += '<div class="circle2"></div>'
+            markup += '<div class="circle3"></div>';
+            markup += '</div>';
+            markup += '<div class="msg">' + options.message + '</div>';
+            break
+
+          default:
+            (options.style == "loading") ? markup += '<div class="progress"></div><div class="msg">' + options.message + '</div>' : markup += '<div class="msg">' + options.message + '</div>' ;
+            markup += '<a class="notify_close" href="javascript:;"><span>x</span></a>';
+            markup += '</div>';
+        }
+
+        markup += '</div>';
+
+        return $(this).notify("_open", options, markup);
+      },
+
+      _open: function(options, markup) {
+        var selector
+        options.beforeOpen();
+        $(this).addClass('notify_container content_' + options.content)[options.append_type](markup);
+        switch (options.append_type) {
+          case 'prepend': case 'append':
+            selector =  $(this).find('.notify[style*="display"]');
+            break
+          case 'after':
+            selector =  $(this).next('.notify[style*="display"]');
+            break
+          case 'before':
+            selector =  $(this).prev('.notify[style*="display"]');
+            break
+        }
+        $(selector).slideDown("fast");
+        options.afterOpen();
+        return $(this).notify("_setupEvents", options, selector);
+      },
+      close: function(options, animate) {
+        var selector
+        animate = typeof animate !== 'undefined' ? animate : true;
+        options = $.extend({}, methods.defaults, options);
+        options.beforeClose();
+        switch (options.append_type) {
+          case 'prepend': case 'append': case 'before':
+            selector =  $(this).parents('.notify_container');
+            break
+          case 'after':
+            selector =  $(this).prev('.notify_container');
+            break
+        }
+        if (!$(this).hasClass("loading_null")) {
+          animate = false;
+        }
+        if (animate) {
+          $(this).slideUp("fast", function() {
+            $(selector).removeClass('content_hidden content_overlay content_visible notify_container');
+            return $(this).remove();
+          });
+        } else {
+          $(selector).removeClass('content_hidden content_overlay content_visible notify_container');
+          return $(this).remove();
+        }
+        return options.afterClose();
+      },
+      close_all: function(options) {
+        options = $.extend({}, methods.defaults, options);
+        options.beforeClose();
+        $(".notify").slideUp("fast", function() {
+          $(this).closest('[class^=content_]').removeClass('content_hidden content_overlay content_visible');
+          return $(this).remove();
+        });
+        return options.afterClose();
+      },
+      loading: function(options) {
+        options = $.extend({}, methods.defaults, options);
+      },
+      _setupEvents: function(options, selector) {
+        if (!options.sticky) {
+          t = setTimeout(function() {
+            $(selector).notify("close", options);
+            return clearTimeout(t);
+          }, options.duration);
+        }
+        return $(selector).click(function() {
+          clearTimeout(t);
+          return $(selector).notify("close", options);
+        });
+      }
+    };
+    return $.fn.notify = function(method) {
+      if (methods[method]) {
+        return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
+      } else if (typeof method === "object" || !method) {
+        return methods.init.apply(this, arguments);
+      } else {
+        return $.error("Method " + method + " does not exist on jQuery.Notify");
+      }
+    };
+  })(jQuery);
+
+}).call(this);
+

data/vendor/assets/javascripts/expressionui.popover.js

@@ -0,0 +1,62 @@
+/* expressionUI popover v2.0
+ * https://github.com/jasoncypret/expressionUI
+ *
+ * Copyright (c) 2013 Jason Cypret (http://jasoncypret.com/)
+ * Licensed under the MIT License
+ */
+
+(function ($) {
+    $.fn.popover = function (options) {
+        var defaults = {
+            content: $('.popover'),
+            padding: 0,
+            aOffset: 55
+        };
+        options = $.extend({}, defaults, options);
+        var left = $(this).offset().left,
+            top = $(this).offset().top,
+            winTopMax = $(window).height() / 2,
+            winLeftMax = $(window).width() / 2,
+            pos = '',
+            num = 0,
+            tooltipHeight,
+            tooltipWidth;
+        (top >= 1 && top - $(window).scrollTop() <= winTopMax) ? pos = 'top' : pos = 'bottom';
+        (left >= 1 && left - $(window).scrollLeft() <= winLeftMax) ? pos += 'left' : pos += 'right';
+        options.content.addClass('popover_container ' + pos).css({visibility: 'hidden', display: 'block', zIndex: '9999'});
+        tooltipHeight = options.content.outerHeight();
+        tooltipWidth = options.content.outerWidth();
+        switch (pos) {
+            case "topleft":
+                top += ( $(this).outerHeight() * Math.PHI ) + options.padding;
+                left -= options.aOffset / (Math.PHI * Math.PHI);
+                break;
+            case "topright":
+                top += ( $(this).outerHeight() * Math.PHI ) + options.padding;
+                left -= tooltipWidth - options.aOffset;
+                break;
+            case "bottomleft":
+                top -= tooltipHeight + ($(this).outerHeight() / 2);
+                left -= options.aOffset / (Math.PHI * Math.PHI);
+                break;
+            case "bottomright":
+                top -= tooltipHeight + ($(this).outerHeight() / 2);
+                left -= tooltipWidth - options.aOffset;
+                break;
+        }
+        options.content.css({ 'left': left + 'px', 'top': top + 'px', 'display': 'none', 'visibility': 'visible' }).show();
+        $(this).addClass('popover_active')
+        var removePopup = function (e) {
+            num++;
+            if (num > 1) {
+                $(options.content).removeClass('popover_container topleft bottomleft topright bottomright').hide();
+                $(document).unbind('click.popover content.scroll');
+                $('.popover_active').removeClass('popover_active')
+            }
+        };
+        $(document).bind('click.popover content.scroll', removePopup);
+    }
+})(jQuery);
+
+//TODO: Move to a global place
+Math.PHI = 1.61803398875;

data/vendor/assets/stylesheets/_app_classes.sass

@@ -0,0 +1,55 @@
+a:visited
+  //color: $link
+
+.btn
+  +btn(#fff)
+  &.highlight
+    +btn($highlight)
+  &.accent
+    +btn($accent)
+
+.amp
+  +amp
+
+.markdown_style
+  //+markdown_style
+
+.offscreen
+  +offscreen
+
+a.nav_action
+  +nav_action
+
+a.btn_filter
+  +btn_filter
+
+.icon
+  +icon_font
+
+.icon_left:before
+  +icon_inline
+  padding-right: $pad/1.5
+
+.icon_right:after
+  +icon_inline
+  padding-left: $pad/1.5
+
+.invisible
+  visibility: hidden
+  position: relative
+  +group
+
+.left
+  float: left
+
+.middle
+  display: block
+
+.right
+  float: right
+
+.group
+  +group
+
+.inline
+  +inline_block