alertifyjs-rails 0.1.4 → 0.1.5

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 7ca53d8a430d1a6482ff288e1b3c4bbe083c348b
+  data.tar.gz: cdf819e7fec0e42d62e3e892fcfc03842c8c263c
+SHA512:
+  metadata.gz: 5dfc7777cc4d2b89478c5d9257e69409ddb0b0b07cbe6009e975ef42a0203fa7850b217a869a1014b1f3817f43c6142e093d31f9069318d3ca7894ad4e966f0d
+  data.tar.gz: f83c19d29a5bc9b0460fa754ee8d9f93fe68bf3655c13ba1824314d3cdeebf6866bcd75188ccd44864ca83d101aba2ab4a267c20c3cf7834485a8afac324957b

data/README.md

@@ -1,6 +1,6 @@
 # alertifyjs-rails
 
-This gem provides [alertify.js](http://alertifyjs.com/) (v0.7) for Rails.
+This gem provides [alertify.js](http://alertifyjs.com/) (v0.9) for Rails.
 
 
 ## Installation

data/alertifyjs-rails.gemspec

@@ -7,11 +7,11 @@ Gem::Specification.new do |gem|
   gem.name          = "alertifyjs-rails"
   gem.version       = Alertifyjs::Rails::VERSION
   gem.authors       = ["mkhairi"]
-
+  gem.email         = ["khairi@labs.my"]
   gem.description   = %q{Use Alertify.js (alertifyjs.com) with Rails 3 and 4}
   gem.summary       = %q{This gem provides the Alertify.js (alertifyjs.com) for Rails applications}
   gem.homepage      = "https://github.com/mkhairi/alertifyjs-rails.git"
-
+  gem.license      = "MIT"
   gem.files         = `git ls-files`.split($/)
   gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
   gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})

data/lib/alertifyjs/rails/version.rb

@@ -1,6 +1,6 @@
 module Alertifyjs #:nodoc:
   module Rails #:nodoc:
-    VERSION = "0.1.4"
-    ALERTIFYJS_VERSION = "0.7.0"
+    VERSION = "0.1.5"
+    ALERTIFYJS_VERSION = "0.10.2"
   end
 end

data/vendor/assets/javascripts/alertify.js

@@ -7,7 +7,7 @@
  * @license MIT <http://opensource.org/licenses/mit-license.php>
  * @link http://alertifyjs.com
  * @module AlertifyJS
- * @version 0.7.0
+ * @version 0.10.2
  */
 ( function ( window ) {
     'use strict';
@@ -20,7 +20,9 @@
         ENTER: 13,
         ESC: 27,
         F1: 112,
-        F12: 123
+        F12: 123,
+        LEFT: 37,
+        RIGHT: 39
     };
     /**
      * Default options 
@@ -28,10 +30,13 @@
      */
     var defaults = {
         modal:true,
+        basic:false,
+        frameless:false,
         movable:true,
         resizable:true,
         closable:true,
         maximizable:true,
+        startMaximized:false,
         pinnable:true,
         pinned:true,
         padding: true,
@@ -254,7 +259,7 @@
                 /*tab index required to fire click event before body focus*/
                 modal: '<div class="ajs-modal" tabindex="0"></div>',
                 dialog: '<div class="ajs-dialog" tabindex="0"></div>',
-                reset: '<a class="ajs-reset" href="#"></a>',
+                reset: '<button class="ajs-reset"></button>',
                 commands: '<div class="ajs-commands"><button class="ajs-pin"></button><button class="ajs-maximize"></button><button class="ajs-close"></button></div>',
                 header: '<div class="ajs-header"></div>',
                 body: '<div class="ajs-body"></div>',
@@ -286,7 +291,9 @@
                 maximized: 'ajs-maximized',
                 animationIn: 'ajs-in',
                 animationOut: 'ajs-out',
-                shake:'ajs-shake'
+                shake:'ajs-shake',
+                basic:'ajs-basic',
+                frameless:'ajs-frameless'
             };
 			
         /**
@@ -344,16 +351,19 @@
                     activeElement:document.body,
                     timerIn:undefined,
                     timerOut:undefined,
-                    buttons: setup.buttons,
+                    buttons: setup.buttons || [],
                     focus: setup.focus,
                     options: {
                         title: undefined,
                         modal: undefined,
+                        basic:undefined,
+                        frameless:undefined,
                         pinned: undefined,
                         movable: undefined,
                         resizable: undefined,
                         closable: undefined,
                         maximizable: undefined,
+                        startMaximized: undefined,
                         pinnable: undefined,
                         transition: undefined,
                         padding:undefined,
@@ -389,7 +399,7 @@
                 elements.modal = elements.root.lastChild;
                 elements.modal.innerHTML = templates.dialog;
                 elements.dialog = elements.modal.firstChild;
-                elements.dialog.innerHTML = templates.reset + templates.commands + templates.header + templates.body + templates.footer + templates.reset;
+                elements.dialog.innerHTML = templates.reset + templates.commands + templates.header + templates.body + templates.footer + templates.resizeHandle + templates.reset;
 
                 //reset links
                 elements.reset = [];
@@ -413,8 +423,10 @@
 
                 //footer
                 elements.footer = elements.body.nextSibling;
-                elements.footer.innerHTML = templates.buttons.auxiliary + templates.buttons.primary + templates.resizeHandle;
-                elements.resizeHandle = elements.footer.lastChild;
+                elements.footer.innerHTML = templates.buttons.auxiliary + templates.buttons.primary;
+                
+                //resize handle
+                elements.resizeHandle = elements.footer.nextSibling;
 
                 //buttons
                 elements.buttons = {};
@@ -465,23 +477,26 @@
 
                 
                 //settings
-                instance.setting('title', setup.options.title === undefined ? alertify.defaults.glossary.title : setup.options.title);
+                instance.set('title', setup.options.title === undefined ? alertify.defaults.glossary.title : setup.options.title);
 				
-                instance.setting('modal', setup.options.modal === undefined ? alertify.defaults.modal : setup.options.modal);
+                instance.set('modal', setup.options.modal === undefined ? alertify.defaults.modal : setup.options.modal);
+                instance.set('basic', setup.options.basic === undefined ? alertify.defaults.basic : setup.options.basic);
+                instance.set('frameless', setup.options.frameless === undefined ? alertify.defaults.frameless : setup.options.frameless);
 							
-                instance.setting('movable', setup.options.movable === undefined ? alertify.defaults.movable : setup.options.movable);
-                instance.setting('resizable', setup.options.resizable === undefined ? alertify.defaults.resizable : setup.options.resizable);
+                instance.set('movable', setup.options.movable === undefined ? alertify.defaults.movable : setup.options.movable);
+                instance.set('resizable', setup.options.resizable === undefined ? alertify.defaults.resizable : setup.options.resizable);
 				
-                instance.setting('closable', setup.options.closable === undefined ? alertify.defaults.closable : setup.options.closable);
-                instance.setting('maximizable', setup.options.maximizable === undefined ? alertify.defaults.maximizable : setup.options.maximizable);
+                instance.set('closable', setup.options.closable === undefined ? alertify.defaults.closable : setup.options.closable);
+                instance.set('maximizable', setup.options.maximizable === undefined ? alertify.defaults.maximizable : setup.options.maximizable);
+                instance.set('startMaximized', setup.options.startMaximized === undefined ? alertify.defaults.startMaximized : setup.options.startMaximized);
 				
-                instance.setting('pinnable', setup.options.pinnable === undefined ? alertify.defaults.pinnable : setup.options.pinnable);
-                instance.setting('pinned', setup.options.pinned === undefined ? alertify.defaults.pinned : setup.options.pinned);
+                instance.set('pinnable', setup.options.pinnable === undefined ? alertify.defaults.pinnable : setup.options.pinnable);
+                instance.set('pinned', setup.options.pinned === undefined ? alertify.defaults.pinned : setup.options.pinned);
 				
-                instance.setting('transition', setup.options.transition === undefined ? alertify.defaults.transition : setup.options.transition);
+                instance.set('transition', setup.options.transition === undefined ? alertify.defaults.transition : setup.options.transition);
 
-                instance.setting('padding', setup.options.padding === undefined ? alertify.defaults.padding : setup.options.padding);
-                instance.setting('overflow', setup.options.overflow === undefined ? alertify.defaults.overflow : setup.options.overflow);
+                instance.set('padding', setup.options.padding === undefined ? alertify.defaults.padding : setup.options.padding);
+                instance.set('overflow', setup.options.overflow === undefined ? alertify.defaults.overflow : setup.options.overflow);
 				
 
                 // allow dom customization
@@ -533,12 +548,11 @@
          * Toggles the dialog display mode
          *
          * @param {Object} instance The dilog instance.
-         * @param {Boolean} on True to make it modal, false otherwise.
          *
          * @return {undefined}
          */
         function updateDisplayMode(instance){
-            if(instance.setting('modal')){
+            if(instance.get('modal')){
 
                 //make modal
                 removeClass(instance.elements.root, classes.modeless);
@@ -567,6 +581,40 @@
                 }
             }
         }
+
+        /**
+         * Toggles the dialog basic view mode 
+         *
+         * @param {Object} instance The dilog instance.
+         *
+         * @return {undefined}
+         */
+        function updateBasicMode(instance){
+            if (instance.get('basic')) {
+                // add class
+                addClass(instance.elements.root, classes.basic);
+            } else {
+                // remove class
+                removeClass(instance.elements.root, classes.basic);
+            }
+        }
+
+        /**
+         * Toggles the dialog frameless view mode 
+         *
+         * @param {Object} instance The dilog instance.
+         *
+         * @return {undefined}
+         */
+        function updateFramelessMode(instance){
+            if (instance.get('frameless')) {
+                // add class
+                addClass(instance.elements.root, classes.frameless);
+            } else {
+                // remove class
+                removeClass(instance.elements.root, classes.frameless);
+            }
+        }
 		
         /**
          * Helper: Brings the modeless dialog to front, attached to modeless dialogs.
@@ -614,6 +662,12 @@
             case 'modal':
                 updateDisplayMode(instance);
                 break;
+            case 'basic':
+                updateBasicMode(instance);
+                break;
+            case 'frameless':
+                updateFramelessMode(instance);
+                break;
             case 'pinned':
                 updatePinned(instance);
                 break;
@@ -792,7 +846,7 @@
          */
         function pin(instance) {
             //pin the dialog
-            instance.setting('pinned', true);
+            instance.set('pinned', true);
         }
 
         /**
@@ -804,7 +858,7 @@
          */
         function unpin(instance) {
             //unpin the dialog 
-            instance.setting('pinned', false);
+            instance.set('pinned', false);
         }
 
 
@@ -847,7 +901,7 @@
          * @return {undefined}
          */
         function updatePinnable(instance) {
-            if (instance.setting('pinnable')) {
+            if (instance.get('pinnable')) {
                 // add class
                 addClass(instance.elements.root, classes.pinnable);
             } else {
@@ -908,7 +962,7 @@
          */
         function updateAbsPositionFix(instance) {
             // if modeless and unpinned add fix
-            if (!instance.setting('modal') && !instance.setting('pinned')) {
+            if (!instance.get('modal') && !instance.get('pinned')) {
                 addAbsPositionFix(instance);
             } else {
                 removeAbsPositionFix(instance);
@@ -923,7 +977,7 @@
          * @return {undefined}
          */
         function updatePinned(instance) {
-            if (instance.setting('pinned')) {
+            if (instance.get('pinned')) {
                 removeClass(instance.elements.root, classes.unpinned);
                 if (instance.isOpen()) {
                     removeAbsPositionFix(instance);
@@ -945,7 +999,7 @@
          * @return {undefined}
          */
         function updateMaximizable(instance) {
-            if (instance.setting('maximizable')) {
+            if (instance.get('maximizable')) {
                 // add class
                 addClass(instance.elements.root, classes.maximizable);
             } else {
@@ -963,7 +1017,7 @@
          * @return {undefined}
          */
         function updateClosable(instance) {
-            if (instance.setting('closable')) {
+            if (instance.get('closable')) {
                 // add class
                 addClass(instance.elements.root, classes.closable);
                 bindClosableEvents(instance);
@@ -1054,7 +1108,10 @@
             }
             var instance = openDialogs[openDialogs.length - 1];
             var keyCode = event.keyCode;
-            if (usedKeys.indexOf(keyCode) > -1) {
+            if (instance.__internal.buttons.length === 0 && keyCode === keys.ESC && instance.get('closable') === true) {
+                triggerClose(instance);
+                return false;
+            }else if (usedKeys.indexOf(keyCode) > -1) {
                 triggerCallback(instance, function (button) {
                     return button.key === keyCode;
                 });
@@ -1072,7 +1129,21 @@
         function keydownHandler(event) {
             var instance = openDialogs[openDialogs.length - 1];
             var keyCode = event.keyCode;
-            if (keyCode < keys.F12 + 1 && keyCode > keys.F1 - 1 && usedKeys.indexOf(keyCode) > -1) {
+            if (keyCode === keys.LEFT || keyCode === keys.RIGHT) {
+                var buttons = instance.__internal.buttons;
+                for (var x = 0; x < buttons.length; x += 1) {
+                    if (document.activeElement === buttons[x].element) {
+                        switch (keyCode) {
+                        case keys.LEFT:
+                            buttons[(x || buttons.length) - 1].element.focus();
+                            return;
+                        case keys.RIGHT:
+                            buttons[(x + 1) % buttons.length].element.focus();
+                            return;
+                        }
+                    }
+                }
+            }else if (keyCode < keys.F12 + 1 && keyCode > keys.F1 - 1 && usedKeys.indexOf(keyCode) > -1) {
                 event.preventDefault();
                 event.stopPropagation();
                 triggerCallback(instance, function (button) {
@@ -1100,9 +1171,32 @@
                 var focus = instance.__internal.focus;
                 // the focus element.
                 var element = focus.element;
+
+                switch (typeof focus.element) {
                 // a number means a button index
-                if (typeof focus.element === 'number') {
-                    element = instance.__internal.buttons[focus.element].element;
+                case 'number':
+                    if (instance.__internal.buttons.length > focus.element) {
+                        //in basic view, skip focusing the buttons.
+                        if (instance.get('basic') === true) {
+                            element = instance.elements.reset[0];
+                        } else {
+                            element = instance.__internal.buttons[focus.element].element;
+                        }
+                    }
+                    break;
+                // a string means querySelector to select from dialog body contents.
+                case 'string':
+                    element = instance.elements.body.querySelector(focus.element);
+                    break;
+                // a function should return the focus element.
+                case 'function':
+                    element = focus.element.call(instance);
+                    break;
+                }
+                
+                // if no focus element, default to first reset element.
+                if ((typeof element === 'undefined' || element === null) && instance.__internal.buttons.length === 0) {
+                    element = instance.elements.reset[0];
                 }
                 // focus
                 if (element && element.focus) {
@@ -1139,13 +1233,13 @@
             if (instance && instance.isModal()) {
                 // determine reset target to enable forward/backward tab cycle.
                 var resetTarget, target = event.srcElement || event.target;
-                var lastResetLink = target === instance.elements.reset[1];
+                var lastResetElement = target === instance.elements.reset[1] || (instance.__internal.buttons.length === 0 && target === document.body);
 
                 // if last reset link, then go to maximize or close
-                if (lastResetLink) {
-                    if (instance.setting('maximizable')) {
+                if (lastResetElement) {
+                    if (instance.get('maximizable')) {
                         resetTarget = instance.elements.commands.maximize;
-                    } else if (instance.setting('closable')) {
+                    } else if (instance.get('closable')) {
                         resetTarget = instance.elements.commands.close;
                     }
                 }
@@ -1155,7 +1249,7 @@
                         // button focus element, go to first available button
                         if (target === instance.elements.reset[0]) {
                             resetTarget = instance.elements.buttons.auxiliary.firstChild || instance.elements.buttons.primary.firstChild;
-                        } else if (lastResetLink) {
+                        } else if (lastResetElement) {
                             //restart the cycle by going to first reset link
                             resetTarget = instance.elements.reset[0];
                         }
@@ -1190,8 +1284,8 @@
             cancelKeyup = false;
 
             // allow custom `onfocus` method
-            if (typeof instance.setting('onfocus') === 'function') {
-                instance.setting('onfocus')();
+            if (typeof instance.get('onfocus') === 'function') {
+                instance.get('onfocus')();
             }
 
             // unbind the event
@@ -1220,7 +1314,7 @@
             resetResize(instance);
 
             // restore if maximized
-            if (instance.isMaximized()) {
+            if (instance.isMaximized() && !instance.get('startMaximized')) {
                 restore(instance);
             }
 
@@ -1264,7 +1358,7 @@
          * @return {Boolean} false
          */
         function beginMove(event, instance) {
-            if (resizable === null && !instance.isMaximized() && instance.setting('movable')) {
+            if (resizable === null && !instance.isMaximized() && instance.get('movable')) {
                 var eventSrc;
                 if (event.type === 'touchstart') {
                     event.preventDefault();
@@ -1355,7 +1449,7 @@
          * @return {undefined}
          */
         function updateMovable(instance) {
-            if (instance.setting('movable')) {
+            if (instance.get('movable')) {
                 // add class
                 addClass(instance.elements.root, classes.movable);
                 if (instance.isOpen()) {
@@ -1504,7 +1598,7 @@
                     eventSrc = event;
                 }
                 if (eventSrc) {
-                    resizeElement(eventSrc, resizable.elements.dialog, !resizable.setting('modal') && !resizable.setting('pinned'));
+                    resizeElement(eventSrc, resizable.elements.dialog, !resizable.get('modal') && !resizable.get('pinned'));
                 }
             }
         }
@@ -1552,7 +1646,7 @@
          * @return {undefined}
          */
         function updateResizable(instance) {
-            if (instance.setting('resizable')) {
+            if (instance.get('resizable')) {
                 // add class
                 addClass(instance.elements.root, classes.resizable);
                 if (instance.isOpen()) {
@@ -1591,7 +1685,7 @@
          * @return {undefined}
          */
         function bindEvents(instance) {
-            // if first dialog, hook body handlers
+            // if first dialog, hook global handlers
             if (openDialogs.length === 1) {
                 //global
                 on(window, 'resize', windowResize);
@@ -1600,15 +1694,15 @@
                 on(document.body, 'focus', onReset);
 
                 //move
-                on(document.body, 'mousemove', move);
-                on(document.body, 'touchmove', move);
-                on(document.body, 'mouseup', endMove);
-                on(document.body, 'touchend', endMove);
+                on(document.documentElement, 'mousemove', move);
+                on(document.documentElement, 'touchmove', move);
+                on(document.documentElement, 'mouseup', endMove);
+                on(document.documentElement, 'touchend', endMove);
                 //resize
-                on(document.body, 'mousemove', resize);
-                on(document.body, 'touchmove', resize);
-                on(document.body, 'mouseup', endResize);
-                on(document.body, 'touchend', endResize);
+                on(document.documentElement, 'mousemove', resize);
+                on(document.documentElement, 'touchmove', resize);
+                on(document.documentElement, 'mouseup', endResize);
+                on(document.documentElement, 'touchend', endResize);
             }
 
             // common events
@@ -1623,17 +1717,17 @@
             on(instance.elements.dialog, transition.type, instance.__internal.transitionInHandler);
 
             // modelss only events
-            if (!instance.setting('modal')) {
+            if (!instance.get('modal')) {
                 bindModelessEvents(instance);
             }
 
             // resizable
-            if (instance.setting('resizable')) {
+            if (instance.get('resizable')) {
                 bindResizableEvents(instance);
             }
 
             // movable
-            if (instance.setting('movable')) {
+            if (instance.get('movable')) {
                 bindMovableEvents(instance);
             }
         }
@@ -1646,7 +1740,7 @@
          * @return {undefined}
          */
         function unbindEvents(instance) {
-            // if last dialog, remove body handlers
+            // if last dialog, remove global handlers
             if (openDialogs.length === 1) {
                 //global
                 off(window, 'resize', windowResize);
@@ -1654,11 +1748,11 @@
                 off(document.body, 'keydown', keydownHandler);
                 off(document.body, 'focus', onReset);
                 //move
-                off(document.body, 'mousemove', move);
-                off(document.body, 'mouseup', endMove);
+                off(document.documentElement, 'mousemove', move);
+                off(document.documentElement, 'mouseup', endMove);
                 //resize
-                off(document.body, 'mousemove', resize);
-                off(document.body, 'mouseup', endResize);
+                off(document.documentElement, 'mousemove', resize);
+                off(document.documentElement, 'mouseup', endResize);
             }
 
             // common events
@@ -1671,17 +1765,17 @@
             on(instance.elements.dialog, transition.type, instance.__internal.transitionOutHandler);
 
             // modelss only events
-            if (!instance.setting('modal')) {
+            if (!instance.get('modal')) {
                 unbindModelessEvents(instance);
             }
 
             // movable
-            if (instance.setting('movable')) {
+            if (instance.get('movable')) {
                 unbindMovableEvents(instance);
             }
 
             // resizable
-            if (instance.setting('resizable')) {
+            if (instance.get('resizable')) {
                 unbindResizableEvents(instance);
             }
 
@@ -1826,6 +1920,73 @@
                 }
                 return this;
             },
+            /**
+             * Move the dialog to a specific x/y coordinates
+             *
+             * @param {Number} x    The new dialog x coordinate in pixels.
+             * @param {Number} y    The new dialog y coordinate in pixels.
+             *
+             * @return {Object} The dialog instance.
+             */
+            moveTo:function(x,y){
+                if(!isNaN(x) && !isNaN(y)){
+                    var element = this.elements.dialog,
+                        current = element,
+                        offsetLeft = 0,
+                        offsetTop = 0;
+                    
+                    //subtract existing left,top
+                    if (element.style.left) {
+                        offsetLeft -= parseInt(element.style.left, 10);
+                    }
+                    if (element.style.top) {
+                        offsetTop -= parseInt(element.style.top, 10);
+                    }
+                    //calc offset
+                    do {
+                        offsetLeft += current.offsetLeft;
+                        offsetTop += current.offsetTop;
+                    } while (current = current.offsetParent);
+
+                    //calc left, top
+                    var left = (x - offsetLeft);
+                    var top  = (y - offsetTop);
+
+                    //// rtl handling
+                    if (isRightToLeft()) {
+                        left *= -1;
+                    }
+
+                    element.style.left = left + 'px';
+                    element.style.top = top + 'px';
+                }
+                return this;
+            },
+            /**
+             * Resize the dialog to a specific width/height (the dialog must be 'resizable').
+             * The dialog can be resized to:
+             *  A minimum width equal to the initial display width
+             *  A minimum height equal to the sum of header/footer heights.
+             *
+             *
+             * @param {Number} width    The new dialog width in pixels.
+             * @param {Number} height   The new dialog height in pixels.
+             *
+             * @return {Object} The dialog instance.
+             */
+            resizeTo:function(width,height){
+                if(!isNaN(width) && !isNaN(height) && this.get('resizable') === true){
+                    var element = this.elements.dialog;
+                    if (element.style.maxWidth !== 'none') {
+                        element.style.minWidth = (minWidth = element.offsetWidth) + 'px';
+                    }
+                    element.style.maxWidth = 'none';
+                    element.style.minHeight = this.elements.header.offsetHeight + this.elements.footer.offsetHeight + 'px';
+                    element.style.width = width + 'px';
+                    element.style.height = height + 'px';
+                }
+                return this;
+            },
             /**
              * Gets or Sets dialog settings/options 
              *
@@ -1938,7 +2099,7 @@
                     bindEvents(this);
 
                     if(modal !== undefined){
-                        this.setting('modal', modal);
+                        this.set('modal', modal);
                     }
 					
                     ensureNoOverflow();
@@ -1948,6 +2109,13 @@
                         this.__internal.className = className;
                         addClass(this.elements.root, className);
                     }
+
+                    // maximize if start maximized
+                    if ( this.get('startMaximized')) {
+                        this.maximize();
+                    }else if(this.isMaximized()){
+                        restore(this);
+                    }
 					
                     updateAbsPositionFix(this);
 
@@ -1972,9 +2140,10 @@
                     removeClass(this.elements.root, classes.hidden);
 
                     // allow custom `onshow` method
-                    if ( typeof this.setting('onshow') === 'function' ) {
-                        this.setting('onshow')();
+                    if ( typeof this.get('onshow') === 'function' ) {
+                        this.get('onshow')();
                     }
+
                 }else{
                     // reset move updates
                     resetMove(this);
@@ -1992,7 +2161,7 @@
             /**
              * Close the dialog
              *
-             * @return {undefined}
+             * @return {Object} The dialog instance
              */
             close: function () {
                 if (this.__internal.isOpen ) {
@@ -2016,8 +2185,8 @@
                     }
 
                     // allow custom `onclose` method
-                    if ( typeof this.setting('onclose') === 'function' ) {
-                        this.setting('onclose')();
+                    if ( typeof this.get('onclose') === 'function' ) {
+                        this.get('onclose')();
                     }
 					
                     //remove from open dialogs               
@@ -2649,9 +2818,9 @@
                     onok = _onok;
                     break;
                 }
-                this.setting('title', title);
-                this.setting('message', message);
-                this.setting('onok', onok);
+                this.set('title', title);
+                this.set('message', message);
+                this.set('onok', onok);
                 return this;
             },
             setup: function () {
@@ -2701,8 +2870,8 @@
                 }
             },
             callback: function (closeEvent) {
-                if (typeof this.settings.onok === 'function') {
-                    var returnValue = this.settings.onok.call(undefined, closeEvent);
+                if (typeof this.get('onok') === 'function') {
+                    var returnValue = this.get('onok').call(undefined, closeEvent);
                     if (typeof returnValue !== 'undefined') {
                         closeEvent.cancel = !returnValue;
                     }
@@ -2789,10 +2958,10 @@
                     oncancel = _oncancel;
                     break;
                 }
-                this.setting('title', title);
-                this.setting('message', message);
-                this.setting('onok', onok);
-                this.setting('oncancel', oncancel);
+                this.set('title', title);
+                this.set('message', message);
+                this.set('onok', onok);
+                this.set('oncancel', oncancel);
                 return this;
             },
             setup: function () {
@@ -2869,16 +3038,16 @@
                 var returnValue;
                 switch (closeEvent.index) {
                 case 0:
-                    if (typeof this.settings.onok === 'function') {
-                        returnValue = this.settings.onok.call(undefined, closeEvent);
+                    if (typeof this.get('onok') === 'function') {
+                        returnValue = this.get('onok').call(undefined, closeEvent);
                         if (typeof returnValue !== 'undefined') {
                             closeEvent.cancel = !returnValue;
                         }
                     }
                     break;
                 case 1:
-                    if (typeof this.settings.oncancel === 'function') {
-                        returnValue = this.settings.oncancel.call(undefined, closeEvent);
+                    if (typeof this.get('oncancel') === 'function') {
+                        returnValue = this.get('oncancel').call(undefined, closeEvent);
                         if (typeof returnValue !== 'undefined') {
                             closeEvent.cancel = !returnValue;
                         }
@@ -2931,7 +3100,7 @@
                     onok = _value;
                     oncancel = _onok;
                     break;
-                case 4:
+                case 5:
                     title = _title;
                     message = _message;
                     value = _value;
@@ -2939,11 +3108,11 @@
                     oncancel = _oncancel;
                     break;
                 }
-                this.setting('title', title);
-                this.setting('message', message);
-                this.setting('value', value);
-                this.setting('onok', onok);
-                this.setting('oncancel', oncancel);
+                this.set('title', title);
+                this.set('message', message);
+                this.set('value', value);
+                this.set('onok', onok);
+                this.set('oncancel', oncancel);
                 return this;
             },
             setup: function () {
@@ -2974,7 +3143,7 @@
             build: function () {
                 input.className = alertify.defaults.theme.input;
                 input.setAttribute('type', 'text');
-                input.value = this.settings.value;
+                input.value = this.get('value');
                 this.elements.content.appendChild(p);
                 this.elements.content.appendChild(input);
             },
@@ -3027,16 +3196,16 @@
                 switch (closeEvent.index) {
                 case 0:
                     this.value = input.value;
-                    if (typeof this.settings.onok === 'function') {
-                        returnValue = this.settings.onok.call(undefined, closeEvent, this.value);
+                    if (typeof this.get('onok') === 'function') {
+                        returnValue = this.get('onok').call(undefined, closeEvent, this.value);
                         if (typeof returnValue !== 'undefined') {
                             closeEvent.cancel = !returnValue;
                         }
                     }
                     break;
                 case 1:
-                    if (typeof this.settings.oncancel === 'function') {
-                        returnValue = this.settings.oncancel.call(undefined, closeEvent);
+                    if (typeof this.get('oncancel') === 'function') {
+                        returnValue = this.get('oncancel').call(undefined, closeEvent);
                         if (typeof returnValue !== 'undefined') {
                             closeEvent.cancel = !returnValue;
                         }
@@ -3046,6 +3215,7 @@
             }
         };
     });
+
     // AMD and window support
     if ( typeof define === 'function' ) {
         define( [], function () {

data/vendor/assets/stylesheets/alertify.css

@@ -74,6 +74,7 @@
   padding: 4px;
   margin-left: -24px;
   margin-right: -24px;
+  min-height: 43px;
 }
 .alertify .ajs-footer .ajs-buttons.ajs-primary {
   text-align: right;
@@ -93,7 +94,7 @@
   min-width: 88px;
   min-height: 35px;
 }
-.alertify .ajs-footer .ajs-handle {
+.alertify .ajs-handle {
   position: absolute;
   display: none;
   width: 10px;
@@ -219,6 +220,29 @@
   max-height: 500px;
   overflow: auto;
 }
+.alertify.ajs-basic .ajs-header {
+  opacity: 0;
+}
+.alertify.ajs-basic .ajs-footer {
+  visibility: hidden;
+}
+.alertify.ajs-frameless .ajs-header,
+.alertify.ajs-frameless .ajs-footer {
+  display: none;
+}
+.alertify.ajs-frameless .ajs-body .ajs-content {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog {
+  padding-top: 0;
+}
+.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands {
+  margin-top: 0;
+}
 .ajs-no-overflow {
   overflow: hidden !important;
   outline: none;
@@ -239,6 +263,12 @@
   }
   .alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog {
     min-width: initial;
+    min-width: auto /*IE fallback*/;
+  }
+}
+@-moz-document url-prefix() {
+  .alertify button:focus {
+    outline: 1px dotted #3593D2;
   }
 }
 .alertify .ajs-dimmer,

data/vendor/assets/stylesheets/alertify.rtl.css

@@ -74,6 +74,7 @@
   padding: 4px;
   margin-right: -24px;
   margin-left: -24px;
+  min-height: 43px;
 }
 .alertify .ajs-footer .ajs-buttons.ajs-primary {
   text-align: left;
@@ -93,7 +94,7 @@
   min-width: 88px;
   min-height: 35px;
 }
-.alertify .ajs-footer .ajs-handle {
+.alertify .ajs-handle {
   position: absolute;
   display: none;
   width: 10px;
@@ -219,6 +220,29 @@
   max-height: 500px;
   overflow: auto;
 }
+.alertify.ajs-basic .ajs-header {
+  opacity: 0;
+}
+.alertify.ajs-basic .ajs-footer {
+  visibility: hidden;
+}
+.alertify.ajs-frameless .ajs-header,
+.alertify.ajs-frameless .ajs-footer {
+  display: none;
+}
+.alertify.ajs-frameless .ajs-body .ajs-content {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+}
+.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog {
+  padding-top: 0;
+}
+.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands {
+  margin-top: 0;
+}
 .ajs-no-overflow {
   overflow: hidden !important;
   outline: none;
@@ -239,6 +263,12 @@
   }
   .alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog {
     min-width: initial;
+    min-width: auto /*IE fallback*/;
+  }
+}
+@-moz-document url-prefix() {
+  .alertify button:focus {
+    outline: 1px dotted #3593D2;
   }
 }
 .alertify .ajs-dimmer,

data/vendor/assets/stylesheets/alertify/bootstrap.css

@@ -32,3 +32,24 @@
   border-top: 1px solid #e5e5e5;
   border-radius: 0 0 6px 6px;
 }
+.alertify-notifier .ajs-message {
+  background: rgba(255, 255, 255, 0.95);
+  color: #000;
+  text-align: center;
+  border: solid 1px #ddd;
+  border-radius: 2px;
+}
+.alertify-notifier .ajs-message.ajs-success {
+  color: #fff;
+  background: rgba(91, 189, 114, 0.95);
+  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
+}
+.alertify-notifier .ajs-message.ajs-error {
+  color: #fff;
+  background: rgba(217, 92, 92, 0.95);
+  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
+}
+.alertify-notifier .ajs-message.ajs-warning {
+  background: rgba(252, 248, 215, 0.95);
+  border-color: #999;
+}

data/vendor/assets/stylesheets/alertify/bootstrap.rtl.css

@@ -32,3 +32,24 @@
   border-top: 1px solid #e5e5e5;
   border-radius: 0 0 6px 6px;
 }
+.alertify-notifier .ajs-message {
+  background: rgba(255, 255, 255, 0.95);
+  color: #000;
+  text-align: center;
+  border: solid 1px #ddd;
+  border-radius: 2px;
+}
+.alertify-notifier .ajs-message.ajs-success {
+  color: #fff;
+  background: rgba(91, 189, 114, 0.95);
+  text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.5);
+}
+.alertify-notifier .ajs-message.ajs-error {
+  color: #fff;
+  background: rgba(217, 92, 92, 0.95);
+  text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.5);
+}
+.alertify-notifier .ajs-message.ajs-warning {
+  background: rgba(252, 248, 215, 0.95);
+  border-color: #999;
+}

data/vendor/assets/stylesheets/alertify/semantic.css

@@ -57,3 +57,24 @@
   border-top: none;
   border-radius: 0 0 5px 5px;
 }
+.alertify-notifier .ajs-message {
+  background: rgba(255, 255, 255, 0.95);
+  color: #000;
+  text-align: center;
+  border: solid 1px #ddd;
+  border-radius: 2px;
+}
+.alertify-notifier .ajs-message.ajs-success {
+  color: #fff;
+  background: rgba(91, 189, 114, 0.95);
+  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
+}
+.alertify-notifier .ajs-message.ajs-error {
+  color: #fff;
+  background: rgba(217, 92, 92, 0.95);
+  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
+}
+.alertify-notifier .ajs-message.ajs-warning {
+  background: rgba(252, 248, 215, 0.95);
+  border-color: #999;
+}

data/vendor/assets/stylesheets/alertify/semantic.rtl.css

@@ -57,3 +57,24 @@
   border-top: none;
   border-radius: 0 0 5px 5px;
 }
+.alertify-notifier .ajs-message {
+  background: rgba(255, 255, 255, 0.95);
+  color: #000;
+  text-align: center;
+  border: solid 1px #ddd;
+  border-radius: 2px;
+}
+.alertify-notifier .ajs-message.ajs-success {
+  color: #fff;
+  background: rgba(91, 189, 114, 0.95);
+  text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.5);
+}
+.alertify-notifier .ajs-message.ajs-error {
+  color: #fff;
+  background: rgba(217, 92, 92, 0.95);
+  text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.5);
+}
+.alertify-notifier .ajs-message.ajs-warning {
+  background: rgba(252, 248, 215, 0.95);
+  border-color: #999;
+}

metadata

@@ -1,23 +1,23 @@
 --- !ruby/object:Gem::Specification
 name: alertifyjs-rails
 version: !ruby/object:Gem::Version
-  version: 0.1.4
-  prerelease: 
+  version: 0.1.5
 platform: ruby
 authors:
 - mkhairi
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-10-09 00:00:00.000000000 Z
+date: 2014-12-02 00:00:00.000000000 Z
 dependencies: []
 description: Use Alertify.js (alertifyjs.com) with Rails 3 and 4
-email: 
+email:
+- khairi@labs.my
 executables: []
 extensions: []
 extra_rdoc_files: []
 files:
-- .gitignore
+- ".gitignore"
 - Gemfile
 - LICENSE.txt
 - README.md
@@ -40,27 +40,27 @@ files:
 - vendor/assets/stylesheets/alertify/semantic.css
 - vendor/assets/stylesheets/alertify/semantic.rtl.css
 homepage: https://github.com/mkhairi/alertifyjs-rails.git
-licenses: []
+licenses:
+- MIT
+metadata: {}
 post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement
-  none: false
   requirements:
-  - - ! '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
-  none: false
   requirements:
-  - - ! '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 1.8.23
+rubygems_version: 2.4.4
 signing_key: 
-specification_version: 3
+specification_version: 4
 summary: This gem provides the Alertify.js (alertifyjs.com) for Rails applications
 test_files: []