semantic-ui-rails 0.1.0.2 → 0.3.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: ea82ae6b074f7adff9d90da5beaceb4b5c878cf3
-  data.tar.gz: a08895b4359cc501c64e5140662ede6d93ed008a
+  metadata.gz: 2fb864ef0d530e5ceb2175dd1477cbca0d801e14
+  data.tar.gz: a52103e576eb46d6f6a76878cba1f408da53149c
 SHA512:
-  metadata.gz: a5c6769b183c15e1f6e589fab69cc3fe04d707b052b4159c8d8634bd17a945b6c925613e8df38d2e09a0584a800d3b856dfc044be0a07e073b7718a55a3b1bbd
-  data.tar.gz: 13a25830b203316628da5e46afb8d6dba3a7eb62b04d79357f14385a5e1606bb9fb66911d38514c6291649cbc4953ba28b935ab16992e3265cba8e4e262f19c8
+  metadata.gz: e1be62a4e5e636fdbc29a65279f5c4ccbf4b914ccacb048245c1be599ea0def9dff16a3fd196c8fbbd89762c8d54be9c6ba1dba14aa58c9485453d5333036b40
+  data.tar.gz: 9488e207fce9f0ae28b5e3a99e7198543e60c44a9e9ed5f4a707994bf2641ee1e3e409db99e50ba6949fcf2b23ab6357347cc1493d63806118161f9a10db354b

data/README.md

@@ -19,6 +19,13 @@ Run generator to include assets to your project
 rails g semantic:install
 ```
 
+## Versioning
+First three numbers are the version of Semantic UI.
+
+Last single number is the version of this gem with the same Semantic UI version.
+
+i.e. `0.3.5.3` means that `0.3.5` is Semantic UI version and `.3` is the rails gem version.
+
 ## Contributing
 
 1. Fork it

data/lib/semantic/ui/rails/version.rb

@@ -1,7 +1,7 @@
 module Semantic
   module Ui
     module Rails
-      VERSION = "0.1.0.2"
+      VERSION = "0.3.5"
     end
   end
 end

data/semantic.thor

@@ -51,7 +51,7 @@ class Semantic < Thor
       say_status "STEP", "PARSE VERSION"
       Dir.chdir git_root
 
-      bower = JSON.parse( IO.read('bower.json'), :quirks_mode => true)
+      bower = JSON.parse( IO.read('composer.json'), :quirks_mode => true)
       version = bower["version"]
 
       version_file = source_root + "lib/semantic/ui/rails/version.rb"
@@ -61,7 +61,7 @@ class Semantic < Thor
 
     def fix_paths
       Dir.glob(source_root + "vendor" + "**/*.less") do |file|
-        gsub_file file, /(?<=url\()(.+\/\w+)(?=\/)/, '/assets/semantic-ui'
+        gsub_file file, /(?<=url\()(.+\/\w+)(?=\/)/, '..'
       end
     end
 
@@ -77,7 +77,7 @@ class Semantic < Thor
       run "rsync -avm --include='*.js' -f 'hide,! */' #{git_root + 'src/'} #{source_root + javascripts_path}"
 
       # FONTS
-      fonts_path = "vendor/assets/fonts/semantic-ui"
+      fonts_path = "vendor/assets/fonts/semantic-ui/"
       run "rsync -avm --include='*.*' -f 'hide,! */' #{git_root + 'src/fonts/'} #{source_root + fonts_path}"
 
       # IMAGES

data/vendor/assets/javascripts/semantic-ui/modules/accordion.js

@@ -15,19 +15,6 @@ $.fn.accordion = function(parameters) {
   var
     $allModules     = $(this),
 
-    settings        = ( $.isPlainObject(parameters) )
-      ? $.extend(true, {}, $.fn.accordion.settings, parameters)
-      : $.fn.accordion.settings,
-
-    className       = settings.className,
-    namespace       = settings.namespace,
-    selector        = settings.selector,
-    error           = settings.error,
-
-    eventNamespace  = '.' + namespace,
-    moduleNamespace = 'module-' + namespace,
-    moduleSelector  = $allModules.selector || '',
-
     time            = new Date().getTime(),
     performance     = [],
 
@@ -39,6 +26,19 @@ $.fn.accordion = function(parameters) {
   $allModules
     .each(function() {
       var
+        settings        = ( $.isPlainObject(parameters) )
+          ? $.extend(true, {}, $.fn.accordion.settings, parameters)
+          : $.fn.accordion.settings,
+
+        className       = settings.className,
+        namespace       = settings.namespace,
+        selector        = settings.selector,
+        error           = settings.error,
+
+        eventNamespace  = '.' + namespace,
+        moduleNamespace = 'module-' + namespace,
+        moduleSelector  = $allModules.selector || '',
+
         $module  = $(this),
         $title   = $module.find(selector.title),
         $content = $module.find(selector.content),
@@ -290,9 +290,6 @@ $.fn.accordion = function(parameters) {
             if(moduleSelector) {
               title += ' \'' + moduleSelector + '\'';
             }
-            if($allModules.size() > 1) {
-              title += ' ' + '(' + $allModules.size() + ')';
-            }
             if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
               console.groupCollapsed(title);
               if(console.table) {
@@ -393,8 +390,8 @@ $.fn.accordion.settings = {
   exclusive   : true,
   collapsible : true,
 
-  duration    : 300,
-  easing      : 'linear',
+  duration    : 500,
+  easing      : 'easeInOutQuint',
 
   onOpen      : function(){},
   onClose     : function(){},
@@ -416,4 +413,13 @@ $.fn.accordion.settings = {
 
 };
 
+// Adds easing
+$.extend( $.easing, {
+  easeInOutQuint: function (x, t, b, c, d) {
+    if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
+    return c/2*((t-=2)*t*t*t*t + 2) + b;
+  }
+});
+
 })( jQuery, window , document );
+

data/vendor/assets/javascripts/semantic-ui/modules/chatroom.js

@@ -13,19 +13,19 @@
 
 $.fn.chatroom = function(parameters) {
   var
-    settings  = $.extend(true, {}, $.fn.chatroom.settings, parameters),
-
-    className = settings.className,
-    namespace = settings.namespace,
-    selector  = settings.selector,
-    error     = settings.error,
-
     // hoist arguments
     moduleArguments = arguments || false
   ;
   $(this)
     .each(function() {
       var
+        settings  = $.extend(true, {}, $.fn.chatroom.settings, parameters),
+
+        className = settings.className,
+        namespace = settings.namespace,
+        selector  = settings.selector,
+        error     = settings.error,
+
         $module         = $(this),
 
         $expandButton   = $module.find(selector.expandButton),

data/vendor/assets/javascripts/semantic-ui/modules/checkbox.js

@@ -14,16 +14,6 @@
 $.fn.checkbox = function(parameters) {
   var
     $allModules    = $(this),
-
-    settings       = $.extend(true, {}, $.fn.checkbox.settings, parameters),
-
-    className      = settings.className,
-    namespace      = settings.namespace,
-    error          = settings.error,
-
-    eventNamespace  = '.' + namespace,
-    moduleNamespace = 'module-' + namespace,
-
     moduleSelector = $allModules.selector || '',
 
     time           = new Date().getTime(),
@@ -38,6 +28,15 @@ $.fn.checkbox = function(parameters) {
   $allModules
     .each(function() {
       var
+        settings        = $.extend(true, {}, $.fn.checkbox.settings, parameters),
+
+        className       = settings.className,
+        namespace       = settings.namespace,
+        error           = settings.error,
+
+        eventNamespace  = '.' + namespace,
+        moduleNamespace = 'module-' + namespace,
+
         $module         = $(this),
         $label          = $(this).next(settings.selector.label).first(),
         $input          = $(this).find(settings.selector.input),

data/vendor/assets/javascripts/semantic-ui/modules/dimmer.js

@@ -15,28 +15,12 @@ $.fn.dimmer = function(parameters) {
   var
     $allModules     = $(this),
 
-    settings        = ( $.isPlainObject(parameters) )
-      ? $.extend(true, {}, $.fn.dimmer.settings, parameters)
-      : $.fn.dimmer.settings,
-
-    selector        = settings.selector,
-    namespace       = settings.namespace,
-    className       = settings.className,
-    error           = settings.error,
-
-    eventNamespace  = '.' + namespace,
-    moduleNamespace = 'module-' + namespace,
-    moduleSelector  = $allModules.selector || '',
-
     time            = new Date().getTime(),
     performance     = [],
 
     query           = arguments[0],
     methodInvoked   = (typeof query == 'string'),
     queryArguments  = [].slice.call(arguments, 1),
-    clickEvent      = ('ontouchstart' in document.documentElement)
-      ? 'touchstart'
-      : 'click',
 
     invokedResponse
   ;
@@ -44,6 +28,23 @@ $.fn.dimmer = function(parameters) {
   $allModules
     .each(function() {
       var
+        settings        = ( $.isPlainObject(parameters) )
+          ? $.extend(true, {}, $.fn.dimmer.settings, parameters)
+          : $.fn.dimmer.settings,
+
+        selector        = settings.selector,
+        namespace       = settings.namespace,
+        className       = settings.className,
+        error           = settings.error,
+
+        eventNamespace  = '.' + namespace,
+        moduleNamespace = 'module-' + namespace,
+        moduleSelector  = $allModules.selector || '',
+
+        clickEvent      = ('ontouchstart' in document.documentElement)
+          ? 'touchstart'
+          : 'click',
+
         $module = $(this),
         $dimmer,
         $dimmable,
@@ -66,7 +67,7 @@ $.fn.dimmer = function(parameters) {
               $dimmer = $dimmable.children(selector.dimmer).first();
             }
             else {
-              module.create();
+              $dimmer = module.create();
             }
           }
         },
@@ -141,8 +142,7 @@ $.fn.dimmer = function(parameters) {
         },
 
         create: function() {
-          $dimmer = $( settings.template.dimmer() );
-          return $dimmer.appendTo($dimmable);
+          return $( settings.template.dimmer() ).appendTo($dimmable);
         },
 
         animate: {
@@ -151,7 +151,7 @@ $.fn.dimmer = function(parameters) {
             module.set.dimmed();
             if($.fn.transition !== undefined) {
               $dimmer
-                .transition(settings.transition + ' in', settings.duration, function() {
+                .transition(settings.transition + ' in', module.get.duration(), function() {
                   module.set.active();
                   callback();
                 })
@@ -166,7 +166,7 @@ $.fn.dimmer = function(parameters) {
                   width   : '100%',
                   height  : '100%'
                 })
-                .fadeTo(settings.duration, 1, function() {
+                .fadeTo(module.get.duration(), 1, function() {
                   $dimmer.removeAttr('style');
                   module.set.active();
                   callback();
@@ -180,7 +180,7 @@ $.fn.dimmer = function(parameters) {
             if($.fn.transition !== undefined) {
               module.verbose('Hiding dimmer with css');
               $dimmer
-                .transition(settings.transition + ' out', settings.duration, function() {
+                .transition(settings.transition + ' out', module.get.duration(), function() {
                   module.remove.active();
                   callback();
                 })
@@ -190,7 +190,7 @@ $.fn.dimmer = function(parameters) {
               module.verbose('Hiding dimmer with javascript');
               $dimmer
                 .stop()
-                .fadeOut(settings.duration, function() {
+                .fadeOut(module.get.duration(), function() {
                   $dimmer.removeAttr('style');
                   module.remove.active();
                   callback();
@@ -203,6 +203,17 @@ $.fn.dimmer = function(parameters) {
         get: {
           dimmer: function() {
             return $dimmer;
+          },
+          duration: function() {
+            if(typeof settings.duration == 'object') {
+              if( module.is.active() ) {
+                return settings.duration.hide;
+              }
+              else {
+                return settings.duration.show;
+              }
+            }
+            return settings.duration;
           }
         },
 
@@ -512,7 +523,10 @@ $.fn.dimmer.settings = {
 
   on          : false,
   closable    : true,
-  duration    : 500,
+  duration    : {
+    show : 500,
+    hide : 500
+  },
 
   onChange    : function(){},
   onShow      : function(){},

data/vendor/assets/javascripts/semantic-ui/modules/dropdown.js

@@ -8,7 +8,6 @@
  * http://opensource.org/licenses/MIT
  *
  */
-
 ;(function ( $, window, document, undefined ) {
 
 $.fn.dropdown = function(parameters) {
@@ -16,19 +15,7 @@ $.fn.dropdown = function(parameters) {
     $allModules = $(this),
     $document   = $(document),
 
-    settings    = ( $.isPlainObject(parameters) )
-      ? $.extend(true, {}, $.fn.dropdown.settings, parameters)
-      : $.fn.dropdown.settings,
-
-    className         = settings.className,
-    metadata          = settings.metadata,
-    namespace         = settings.namespace,
-    selector          = settings.selector,
-    error             = settings.error,
-
-    eventNamespace    = '.' + namespace,
-    dropdownNamespace = 'module-' + namespace,
-    dropdownSelector  = $allModules.selector || '',
+    moduleSelector  = $allModules.selector || '',
 
     time              = new Date().getTime(),
     performance       = [],
@@ -42,17 +29,30 @@ $.fn.dropdown = function(parameters) {
   $allModules
     .each(function() {
       var
-        $module       = $(this),
-        $item         = $module.find(selector.item),
-        $text         = $module.find(selector.text),
-        $input        = $module.find(selector.input),
+        settings          = ( $.isPlainObject(parameters) )
+          ? $.extend(true, {}, $.fn.dropdown.settings, parameters)
+          : $.fn.dropdown.settings,
+
+        className         = settings.className,
+        metadata          = settings.metadata,
+        namespace         = settings.namespace,
+        selector          = settings.selector,
+        error             = settings.error,
+
+        eventNamespace    = '.' + namespace,
+        dropdownNamespace = 'module-' + namespace,
+        isTouchDevice     = ('ontouchstart' in document.documentElement),
 
-        $menu         = $module.children(selector.menu),
+        $module           = $(this),
+        $item             = $module.find(selector.item),
+        $text             = $module.find(selector.text),
+        $input            = $module.find(selector.input),
 
-        isTouchDevice = ('ontouchstart' in document.documentElement),
+        $menu             = $module.children(selector.menu),
 
-        element       = this,
-        instance      = $module.data(dropdownNamespace),
+
+        element           = this,
+        instance          = $module.data(dropdownNamespace),
         module
       ;
 
@@ -112,10 +112,6 @@ $.fn.dropdown = function(parameters) {
 
         event: {
 
-          stopPropagation: function(event) {
-            event.stopPropagation();
-          },
-
           test: {
             toggle: function(event) {
               module.determine.intent(event, module.toggle);
@@ -173,7 +169,6 @@ $.fn.dropdown = function(parameters) {
                 ;
                 module.determine.selectAction(text, value);
                 $.proxy(settings.onChange, element)(value, text);
-                event.stopPropagation();
               }
             }
 
@@ -188,12 +183,22 @@ $.fn.dropdown = function(parameters) {
         determine: {
           selectAction: function(text, value) {
             module.verbose('Determining action', settings.action);
-            if( $.isFunction( module[settings.action] ) ) {
-              module.verbose('Triggering preset action', settings.action);
+            if(settings.action == 'auto') {
+              if(module.is.selection()) {
+                module.debug('Selection dropdown used updating form', text, value);
+                module.updateForm(text, value);
+              }
+              else {
+                module.debug('No action specified hiding dropdown', text, value);
+                module.hide();
+              }
+            }
+            else if( $.isFunction( module[settings.action] ) ) {
+              module.verbose('Triggering preset action', settings.action, text, value);
               module[ settings.action ](text, value);
             }
             else if( $.isFunction(settings.action) ) {
-              module.verbose('Triggering user action', settings.action);
+              module.verbose('Triggering user action', settings.action, text, value);
               settings.action(text, value);
             }
             else {
@@ -318,6 +323,9 @@ $.fn.dropdown = function(parameters) {
         },
 
         is: {
+          selection: function() {
+            return $module.hasClass(className.selection);
+          },
           visible: function($subMenu) {
             return ($subMenu)
               ? $subMenu.is(':animated, :visible')
@@ -588,8 +596,8 @@ $.fn.dropdown = function(parameters) {
               totalTime += data['Execution Time'];
             });
             title += ' ' + totalTime + 'ms';
-            if(dropdownSelector) {
-              title += ' \'' + dropdownSelector + '\'';
+            if(moduleSelector) {
+              title += ' \'' + moduleSelector + '\'';
             }
             if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
               console.groupCollapsed(title);
@@ -609,7 +617,8 @@ $.fn.dropdown = function(parameters) {
         invoke: function(query, passedArguments, context) {
           var
             maxDepth,
-            found
+            found,
+            response
           ;
           passedArguments = passedArguments || queryArguments;
           context         = element         || context;
@@ -617,21 +626,46 @@ $.fn.dropdown = function(parameters) {
             query    = query.split(/[\. ]/);
             maxDepth = query.length - 1;
             $.each(query, function(depth, value) {
+              var camelCaseValue = (depth != maxDepth)
+                ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
+                : query
+              ;
               if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
                 instance = instance[value];
               }
+              else if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
+                instance = instance[camelCaseValue];
+              }
               else if( instance[value] !== undefined ) {
                 found = instance[value];
+                return false;
+              }
+              else if( instance[camelCaseValue] !== undefined ) {
+                found = instance[camelCaseValue];
+                return false;
               }
               else {
                 module.error(error.method);
+                return false;
               }
             });
           }
           if ( $.isFunction( found ) ) {
-            return found.apply(context, passedArguments);
+            response = found.apply(context, passedArguments);
+          }
+          else if(found !== undefined) {
+            response = found;
+          }
+          if($.isArray(invokedResponse)) {
+            invokedResponse.push(response);
+          }
+          else if(typeof invokedResponse == 'string') {
+            invokedResponse = [invokedResponse, response];
+          }
+          else if(response !== undefined) {
+            invokedResponse = response;
           }
-          return found || false;
+          return found;
         }
       };
 
@@ -666,7 +700,7 @@ $.fn.dropdown.settings = {
   performance : true,
 
   on          : 'click',
-  action      : 'hide',
+  action      : 'auto',
 
   delay: {
     show: 200,
@@ -702,7 +736,8 @@ $.fn.dropdown.settings = {
     active      : 'active',
     placeholder : 'default',
     disabled    : 'disabled',
-    visible     : 'visible'
+    visible     : 'visible',
+    selection   : 'selection'
   }
 
 };