semantic-ui-rails 0.1.0 → 0.1.0.1

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

@@ -253,7 +253,9 @@ $.fn.popup = function(parameters) {
           // refresh state of module
           module.refresh();
           if( !$module.hasClass(className.visible) ) {
-            module.hideAll();
+            if(settings.on == 'click') {
+              module.hideAll();
+            }
             module.show();
           }
           else {
@@ -552,11 +554,6 @@ $.fn.popup = function(parameters) {
             if(moduleSelector) {
               title += ' \'' + moduleSelector + '\'';
             }
-            if($allModules.size() > 1) {
-              if($allModules.size() > 1) {
-              title += ' ' + '(' + $allModules.size() + ')';
-            }
-            }
             if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
               console.groupCollapsed(title);
               if(console.table) {

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

@@ -49,14 +49,15 @@ $.fn.rating = function(parameters) {
       module = {
 
         initialize: function() {
-          module.verbose('Initializing rating module');
+          module.verbose('Initializing rating module', settings);
+
           if(settings.interactive) {
-            $icon
-              .bind('mouseenter' + eventNamespace, module.event.mouseenter)
-              .bind('mouseleave' + eventNamespace, module.event.mouseleave)
-              .bind('click' + eventNamespace, module.event.click)
-            ;
+            module.enable();
+          }
+          else {
+            module.disable();
           }
+
           if(settings.initialRating) {
             module.debug('Setting initial rating');
             module.setRating(settings.initialRating);
@@ -65,9 +66,6 @@ $.fn.rating = function(parameters) {
             module.debug('Rating found in metadata');
             module.setRating( $module.data(metadata.rating) );
           }
-          $module
-            .addClass(className.active)
-          ;
           module.instantiate();
         },
 
@@ -87,29 +85,6 @@ $.fn.rating = function(parameters) {
           ;
         },
 
-        setRating: function(rating) {
-          var
-            $activeIcon = $icon.eq(rating - 1)
-          ;
-          module.verbose('Setting current rating to', rating);
-          $module
-            .removeClass(className.hover)
-          ;
-          $icon
-            .removeClass(className.hover)
-          ;
-          $activeIcon
-            .nextAll()
-              .removeClass(className.active)
-          ;
-          $activeIcon
-            .addClass(className.active)
-              .prevAll()
-              .addClass(className.active)
-          ;
-          $.proxy(settings.onRate, element)();
-        },
-
         event: {
           mouseenter: function() {
             var
@@ -138,11 +113,79 @@ $.fn.rating = function(parameters) {
           },
           click: function() {
             var
-              $activeIcon = $(this)
+              $activeIcon   = $(this),
+              currentRating = module.getRating(),
+              rating        = $icon.index($activeIcon) + 1
             ;
-            module.setRating( $icon.index($activeIcon) + 1);
+            if(settings.clearable && currentRating == rating) {
+              module.clearRating();
+            }
+            else {
+              module.setRating( rating );
+            }
           }
         },
+
+        clearRating: function() {
+          module.debug('Clearing current rating');
+          module.setRating(0);
+        },
+
+        getRating: function() {
+          var
+            currentRating = $icon.filter('.' + className.active).size()
+          ;
+          module.verbose('Current rating retrieved', currentRating);
+          return currentRating;
+        },
+
+        enable: function() {
+          module.debug('Setting rating to interactive mode');
+          $icon
+            .on('mouseenter' + eventNamespace, module.event.mouseenter)
+            .on('mouseleave' + eventNamespace, module.event.mouseleave)
+            .on('click' + eventNamespace, module.event.click)
+          ;
+          $module
+            .addClass(className.active)
+          ;
+        },
+
+        disable: function() {
+          module.debug('Setting rating to read-only mode');
+          $icon
+            .off(eventNamespace)
+          ;
+          $module
+            .removeClass(className.active)
+          ;
+        },
+
+        setRating: function(rating) {
+          var
+            ratingIndex = (rating - 1 >= 0)
+              ? (rating - 1)
+              : 0,
+            $activeIcon = $icon.eq(ratingIndex)
+          ;
+          $module
+            .removeClass(className.hover)
+          ;
+          $icon
+            .removeClass(className.hover)
+            .removeClass(className.active)
+          ;
+          if(rating > 0) {
+            module.verbose('Setting current rating to', rating);
+            $activeIcon
+              .addClass(className.active)
+                .prevAll()
+                .addClass(className.active)
+            ;
+          }
+          $.proxy(settings.onRate, element)(rating);
+        },
+
         setting: function(name, value) {
           if(value !== undefined) {
             if( $.isPlainObject(name) ) {
@@ -231,9 +274,6 @@ $.fn.rating = 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) {
@@ -336,7 +376,9 @@ $.fn.rating.settings = {
 
   initialRating : 0,
   interactive   : true,
-  onRate        : function(){},
+  clearable     : false,
+
+  onRate        : function(rating){},
 
   error       : {
     method : 'The method you called is not defined'

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

@@ -79,30 +79,27 @@ $.fn.sidebar = function(parameters) {
           $style  = $('style[title=' + namespace + ']');
         },
 
-        attach: {
-
-          events: function(selector, event) {
-            var
-              $toggle = $(selector)
-            ;
-            event = $.isFunction(module[event])
-              ? module[event]
-              : module.toggle
+        attachEvents: function(selector, event) {
+          var
+            $toggle = $(selector)
+          ;
+          event = $.isFunction(module[event])
+            ? module[event]
+            : module.toggle
+          ;
+          if($toggle.size() > 0) {
+            module.debug('Attaching sidebar events to element', selector, event);
+            $toggle
+              .off(eventNamespace)
+              .on('click' + eventNamespace, event)
             ;
-            if($toggle.size() > 0) {
-              module.debug('Attaching sidebar events to element', selector, event);
-              $toggle
-                .off(eventNamespace)
-                .on('click' + eventNamespace, event)
-              ;
-            }
-            else {
-              module.error(error.notFound);
-            }
           }
-
+          else {
+            module.error(error.notFound);
+          }
         },
 
+
         show: function() {
           module.debug('Showing sidebar');
           if(module.is.closed()) {

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

@@ -54,6 +54,15 @@
 
       initialize: function() {
         module.debug('Initializing Tabs', $module);
+
+        // set up automatic routing
+        if(settings.auto) {
+          module.verbose('Setting up automatic tab retrieval from server');
+          settings.apiSettings = {
+            url: settings.path + '/{$tab}'
+          };
+        }
+
         // attach history events
         if(settings.history) {
           if( $.address === undefined ) {
@@ -65,11 +74,6 @@
             return false;
           }
           else {
-            if(settings.auto) {
-              settings.apiSettings = {
-                url: settings.path + '/{$tab}'
-              };
-            }
             module.verbose('Address library found adding state change event');
             $.address
               .state(settings.path)
@@ -78,8 +82,10 @@
             ;
           }
         }
+
         // attach events if navigation wasn't set to window
         if( !$.isWindow( element ) ) {
+          module.debug('Attaching tab activation events to element', $module);
           $module
             .on('click' + eventNamespace, module.event.click)
           ;
@@ -102,7 +108,7 @@
       },
 
       event: {
-        click: function() {
+        click: function(event) {
           module.debug('Navigation clicked');
           var
             tabPath = $(this).data(metadata.tab)
@@ -114,6 +120,7 @@
             else {
               module.changeTab(tabPath);
             }
+            event.preventDefault();
           }
           else {
             module.debug('No tab specified');
@@ -172,9 +179,9 @@
           // only get default path if not remote content
           pathArray = (remoteContent && !shouldIgnoreLoad)
             ? module.utilities.pathToArray(tabPath)
-            : module.get.defaultPathArray(tabPath),
-          tabPath   = module.utilities.arrayToPath(pathArray)
+            : module.get.defaultPathArray(tabPath)
         ;
+        tabPath = module.utilities.arrayToPath(pathArray);
         module.deactivate.all();
         $.each(pathArray, function(index, tab) {
           var
@@ -241,8 +248,6 @@
         fetch: function(tabPath, fullTabPath) {
           var
             $tab             = module.get.tabElement(tabPath),
-            fullTabPath      = fullTabPath || tabPath,
-            cachedContent    = module.cache.read(fullTabPath),
             apiSettings      = {
               dataType     : 'html',
               stateContext : $tab,
@@ -262,8 +267,14 @@
               urlData: { tab: fullTabPath }
             },
             request         = $tab.data(metadata.promise) || false,
-            existingRequest = ( request && request.state() === 'pending' )
+            existingRequest = ( request && request.state() === 'pending' ),
+            requestSettings,
+            cachedContent
           ;
+
+          fullTabPath   = fullTabPath || tabPath;
+          cachedContent = module.cache.read(fullTabPath);
+
           if(settings.cache && cachedContent) {
             module.debug('Showing existing content', fullTabPath);
             module.content.update(tabPath, cachedContent);
@@ -277,8 +288,10 @@
             ;
           }
           else if($.api !== undefined) {
-            module.debug('Retrieving remote content', fullTabPath);
-            $.api( $.extend(true, { headers: { 'X-Remote': true } }, settings.apiSettings, apiSettings) );
+            console.log(settings.apiSettings);
+            requestSettings = $.extend(true, { headers: { 'X-Remote': true } }, settings.apiSettings, apiSettings);
+            module.debug('Retrieving remote content', fullTabPath, requestSettings);
+            $.api( requestSettings );
           }
           else {
             module.error(error.api);
@@ -368,7 +381,7 @@
             module.error(error.recursion);
           }
           else {
-            module.debug('No default tabs found for', tabPath);
+            module.debug('No default tabs found for', tabPath, $tabs);
           }
           recursionDepth = 0;
           return tabPath;
@@ -630,7 +643,6 @@
 
     // uses pjax style endpoints fetching content from same url with remote-content headers
     auto            : false,
-
     history         : false,
     path            : false,
 
@@ -639,7 +651,7 @@
     // max depth a tab can be nested
     maxDepth        : 25,
     // dont load content on first load
-    ignoreFirstLoad : true,
+    ignoreFirstLoad : false,
     // load tab content new every tab click
     alwaysRefresh   : false,
     // cache the content requests to pull locally
@@ -649,12 +661,12 @@
 
     error: {
       api        : 'You attempted to load content without API module',
-      noContent  : 'The tab you specified is missing a content url.',
       method     : 'The method you called is not defined',
-      state      : 'The state library has not been initialized',
       missingTab : 'Tab cannot be found',
+      noContent  : 'The tab you specified is missing a content url.',
       path       : 'History enabled, but no path was specified',
-      recursion  : 'Max recursive depth reached'
+      recursion  : 'Max recursive depth reached',
+      state      : 'The state library has not been initialized'
     },
 
     metadata : {
@@ -669,7 +681,7 @@
     },
 
     selector    : {
-      tabs : '.tab'
+      tabs : '.ui.tab'
     }
 
   };

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

@@ -408,6 +408,7 @@ $.fn.transition = function() {
             .addClass(className.transition)
             .addClass(className.hidden)
           ;
+          module.repaint();
         },
         show: function() {
           module.verbose('Showing element');
@@ -416,6 +417,7 @@ $.fn.transition = function() {
             .addClass(className.transition)
             .addClass(className.visible)
           ;
+          module.repaint();
         },
 
         start: function() {

data/vendor/assets/stylesheets/semantic-ui/collections/form.less

@@ -65,6 +65,7 @@
 
 .ui.form textarea,
 .ui.form input[type="text"],
+.ui.form input[type="email"],
 .ui.form input[type="date"],
 .ui.form input[type="password"],
 .ui.form .ui.input {
@@ -73,6 +74,7 @@
 
 .ui.form textarea,
 .ui.form input[type="text"],
+.ui.form input[type="email"],
 .ui.form input[type="date"],
 .ui.form input[type="password"] {
 
@@ -201,6 +203,8 @@
 ---------------------*/
 
 .ui.form input[type="text"]:focus,
+.ui.form input[type="email"]:focus,
+.ui.form input[type="date"]:focus,
 .ui.form input[type="password"]:focus,
 .ui.form textarea:focus {
   color: rgba(0, 0, 0, 0.85);
@@ -240,10 +244,12 @@
 }
 .ui.form .fields.error .field textarea,
 .ui.form .fields.error .field input[type="text"],
+.ui.form .fields.error .field input[type="email"],
 .ui.form .fields.error .field input[type="date"],
 .ui.form .fields.error .field input[type="password"],
 .ui.form .field.error textarea,
 .ui.form .field.error input[type="text"],
+.ui.form .field.error input[type="email"],
 .ui.form .field.error input[type="date"],
 .ui.form .field.error input[type="password"] {
   background-color: #FFFAFA;
@@ -263,6 +269,8 @@
 }
 .ui.form .field.error textarea:focus,
 .ui.form .field.error input[type="text"]:focus,
+.ui.form .field.error input[type="email"]:focus,
+.ui.form .field.error input[type="date"]:focus,
 .ui.form .field.error input[type="password"]:focus {
   border-color: rgba(255, 80, 80, 1);
   color: rgba(255, 80, 80, 1);
@@ -337,7 +345,7 @@
 
   width: 100%;
   height: 100%;
-  background: rgba(255, 255, 255, 0.8) url(../images/loader-large.gif) no-repeat 50% 50%;
+  background: rgba(255, 255, 255, 0.8) url(/assets/semantic-ui/loader-large.gif) no-repeat 50% 50%;
   visibility: visible;
 }
 
@@ -395,7 +403,10 @@
   color: #FFFFFF;
 }
 .ui.inverted.form .field.error textarea,
-.ui.inverted.form .field.error input[type="text"] {
+.ui.inverted.form .field.error input[type="text"],
+.ui.inverted.form .field.error input[type="email"],
+.ui.inverted.form .field.error input[type="date"],
+.ui.inverted.form .field.error input[type="password"]{
   background-color: #FFCCCC;
 }
 
@@ -527,6 +538,8 @@
 }
 .ui.small.form textarea,
 .ui.small.form input[type="text"],
+.ui.small.form input[type="email"],
+.ui.small.form input[type="date"],
 .ui.small.form input[type="password"],
 .ui.small.form label {
   font-size: 1em;