semantic-ui-rails 0.0.1 → 0.0.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 337e10465f853c08a4df2cffe36bb4101f02dbf3
-  data.tar.gz: 30f4cd2b84ee125ad855559b4a7b8a3ad80ad0d2
+  metadata.gz: aa67ea57643498ce9a6ccfddff28a683351c7009
+  data.tar.gz: a95d023c2370ea7083de98914a5473343e33877d
 SHA512:
-  metadata.gz: b8c222e806507d3c20bde5a97714f5500357703a4881b9c80639ec41203d3120218d4512159540a3ec4524062503d1facd7610ba028cece95a02011505052e1a
-  data.tar.gz: 1a32e79abb036a2fd3bbd0230f75769353e5a71d8b9f31a4d4bc0258d7e0f51a56713536fe8a70b0bb9c44c0f289878c796b0bfcfb4df59f152710fb13a3ab0c
+  metadata.gz: a1bd442968196ffdaa1e578f64306ba0aec9ad55242103a3282faac24a65130026ac8829789eff307934cb5ee3c2fa53a397b84c9e54864a988fd66a29a47edb
+  data.tar.gz: a3603c79888fdff75fe96c3d2b770e899eb5926f16616ed256916bb19c2e69c481c80c0aa34cef49d4907c54805e7422ee9e9cdb18bbefef1198f4b510b96195

data/lib/generators/semantic/install/templates/semantic-ui/collections.less

@@ -1,6 +1,6 @@
-@import "semantic-ui/collections/breadcrumb.less";
-@import "semantic-ui/collections/form.less";
-@import "semantic-ui/collections/grid.less";
-@import "semantic-ui/collections/menu.less";
-@import "semantic-ui/collections/message.less";
-@import "semantic-ui/collections/table.less";
+@import 'semantic-ui/collections/table.less'; 
+@import 'semantic-ui/collections/breadcrumb.less'; 
+@import 'semantic-ui/collections/message.less'; 
+@import 'semantic-ui/collections/grid.less'; 
+@import 'semantic-ui/collections/menu.less'; 
+@import 'semantic-ui/collections/form.less'; 

data/lib/generators/semantic/install/templates/semantic-ui/elements.less

@@ -1,11 +1,11 @@
-@import "semantic-ui/elements/button.less";
-@import "semantic-ui/elements/divider.less";
-@import "semantic-ui/elements/header.less";
-@import "semantic-ui/elements/icon.less";
-@import "semantic-ui/elements/image.less";
-@import "semantic-ui/elements/input.less";
-@import "semantic-ui/elements/label.less";
-@import "semantic-ui/elements/loader.less";
-@import "semantic-ui/elements/progress.less";
-@import "semantic-ui/elements/segment.less";
-@import "semantic-ui/elements/step.less";
+@import 'semantic-ui/elements/header.less'; 
+@import 'semantic-ui/elements/progress.less'; 
+@import 'semantic-ui/elements/segment.less'; 
+@import 'semantic-ui/elements/loader.less'; 
+@import 'semantic-ui/elements/step.less'; 
+@import 'semantic-ui/elements/button.less'; 
+@import 'semantic-ui/elements/input.less'; 
+@import 'semantic-ui/elements/label.less'; 
+@import 'semantic-ui/elements/divider.less'; 
+@import 'semantic-ui/elements/image.less'; 
+@import 'semantic-ui/elements/icon.less'; 

data/lib/generators/semantic/install/templates/semantic-ui/modules.less

@@ -1,18 +1,16 @@
-@import "semantic-ui/modules/accordion.less";
-@import "semantic-ui/modules/carousel.less";
-@import "semantic-ui/modules/chatroom.less";
-@import "semantic-ui/modules/checkbox.less";
-@import "semantic-ui/modules/dimmer.less";
-@import "semantic-ui/modules/dropdown.less";
-@import "semantic-ui/modules/extra.transition.less";
-@import "semantic-ui/modules/modal.less";
-@import "semantic-ui/modules/nag.less";
-@import "semantic-ui/modules/popup.less";
-@import "semantic-ui/modules/rating.less";
-@import "semantic-ui/modules/reveal.less";
-@import "semantic-ui/modules/search.less";
-@import "semantic-ui/modules/shape.less";
-@import "semantic-ui/modules/sidebar.less";
-@import "semantic-ui/modules/tab.less";
-@import "semantic-ui/modules/transition.less";
-@import "semantic-ui/modules/video.less";
+@import 'semantic-ui/modules/popup.less'; 
+@import 'semantic-ui/modules/dimmer.less'; 
+@import 'semantic-ui/modules/rating.less'; 
+@import 'semantic-ui/modules/accordion.less'; 
+@import 'semantic-ui/modules/transition.less'; 
+@import 'semantic-ui/modules/checkbox.less'; 
+@import 'semantic-ui/modules/search.less'; 
+@import 'semantic-ui/modules/video.less'; 
+@import 'semantic-ui/modules/nag.less'; 
+@import 'semantic-ui/modules/shape.less'; 
+@import 'semantic-ui/modules/modal.less'; 
+@import 'semantic-ui/modules/sidebar.less'; 
+@import 'semantic-ui/modules/reveal.less'; 
+@import 'semantic-ui/modules/tab.less'; 
+@import 'semantic-ui/modules/dropdown.less'; 
+@import 'semantic-ui/modules/chatroom.less'; 

data/lib/generators/semantic/install/templates/semantic-ui/views.less

@@ -1,6 +1,5 @@
-@import "semantic-ui/views/comment.less";
-@import "semantic-ui/views/feed.less";
-@import "semantic-ui/views/item.less";
-@import "semantic-ui/views/list.less";
-@import "semantic-ui/views/sitemap.less";
-@import "semantic-ui/views/statistic.less";
+@import 'semantic-ui/views/list.less'; 
+@import 'semantic-ui/views/comment.less'; 
+@import 'semantic-ui/views/statistic.css'; 
+@import 'semantic-ui/views/item.less'; 
+@import 'semantic-ui/views/feed.less'; 

data/lib/generators/semantic/install/templates/semantic-ui.js

@@ -1,21 +1,19 @@
-//= require semantic-ui/accordion
-//= require semantic-ui/carousel
-//= require semantic-ui/chatroom
-//= require semantic-ui/checkbox
-//= require semantic-ui/dimmer
-//= require semantic-ui/dropdown
-//= require semantic-ui/modal
-//= require semantic-ui/nag
-//= require semantic-ui/popup
-//= require semantic-ui/rating
-//= require semantic-ui/search
-//= require semantic-ui/shape
-//= require semantic-ui/sidebar
-//= require semantic-ui/tab
-//= require semantic-ui/transition
-//= require semantic-ui/video
-
-//= require semantic-ui/behavior/api
-//= require semantic-ui/behavior/colorize
-//= require semantic-ui/behavior/form
-//= require semantic-ui/behavior/state
+//= require semantic-ui/modules/dimmer.js 
+//= require semantic-ui/modules/checkbox.js 
+//= require semantic-ui/modules/tab.js 
+//= require semantic-ui/modules/behavior/state.js 
+//= require semantic-ui/modules/behavior/colorize.js 
+//= require semantic-ui/modules/behavior/form.js 
+//= require semantic-ui/modules/behavior/api.js 
+//= require semantic-ui/modules/nag.js 
+//= require semantic-ui/modules/transition.js 
+//= require semantic-ui/modules/popup.js 
+//= require semantic-ui/modules/shape.js 
+//= require semantic-ui/modules/rating.js 
+//= require semantic-ui/modules/video.js 
+//= require semantic-ui/modules/modal.js 
+//= require semantic-ui/modules/accordion.js 
+//= require semantic-ui/modules/sidebar.js 
+//= require semantic-ui/modules/search.js 
+//= require semantic-ui/modules/dropdown.js 
+//= require semantic-ui/modules/chatroom.js 

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

@@ -1,7 +1,7 @@
 module Semantic
   module Ui
     module Rails
-      VERSION = "0.0.1"
+      VERSION = "0.0.2.1"
     end
   end
 end

data/semantic-ui-rails.gemspec

@@ -18,6 +18,11 @@ Gem::Specification.new do |spec|
   spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
   spec.require_paths = ["lib"]
 
+  spec.add_dependency "less-rails"
+
   spec.add_development_dependency "bundler", "~> 1.3"
   spec.add_development_dependency "rake"
+  spec.add_development_dependency "pry"
+  spec.add_development_dependency "binding_of_caller"
+  spec.add_development_dependency "git"
 end

data/semantic.thor

@@ -0,0 +1,153 @@
+require 'pry'
+require 'fileutils'
+require 'git'
+require 'logger'
+require 'json'
+
+class Semantic < Thor
+  include Thor::Actions
+
+  REPO_URI = "https://github.com/jlukic/Semantic-UI.git"
+
+  desc "update", "fetch Semantic UI code from git"
+  method_option :branch, default: "master"
+
+  def update
+    if File.directory? working_dir
+      say_status "MESSAGE", "WORKING DIR EXIST"
+      pull
+    else
+      say_status "MESSAGE", "THERE IS NO WORKING DIR"
+      prepare
+      clone
+    end
+
+    parse_version
+    copy_files
+    generate_templates
+  end
+
+  no_commands do
+
+    def clone
+      say_status "STEP", "CLONE REPO"
+      Dir.chdir working_dir
+
+      git = Git.clone(REPO_URI, 'semantic-ui')
+    end
+
+    def pull
+      say_status "STEP", "PULL REPO"
+      git = Git.open(git_root, :log => Logger.new(STDOUT))
+      git.pull
+    end
+
+    def parse_version
+      say_status "STEP", "PARSE VERSION"
+      Dir.chdir git_root
+
+      component = JSON.parse( IO.read('component.json'), :quirks_mode => true)
+      version = component["version"]
+
+      version_file = source_root + "lib/semantic/ui/rails/version.rb"
+
+      gsub_file version_file, /(?<=VERSION = \")(.+)(?=\")/, version
+    end
+
+    def copy_files
+      say_status "STEP", "COPY FILES"
+
+      # STYLESHEETS
+      stylesheets_path = "vendor/assets/stylesheets/semantic-ui/"
+      run "rsync -avm --include='*.less' --include='*.css' -f 'hide,! */' #{git_root + 'src/'} #{source_root + stylesheets_path}"
+
+      # JAVASCRIPTS
+      javascripts_path = "vendor/assets/javascripts/semantic-ui/"
+      run "rsync -avm --include='*.js' -f 'hide,! */' #{git_root + 'src/'} #{source_root + javascripts_path}"
+
+      # FONTS
+      fonts_path = "vendor/assets/fonts/semantic-ui"
+      run "rsync -avm --include='*.*' -f 'hide,! */' #{git_root + 'src/fonts/'} #{source_root + fonts_path}"
+
+      # IMAGES
+      images_path = "vendor/assets/images/semantic-ui/"
+      run "rsync -avm --include='*.*' -f 'hide,! */' #{git_root + 'src/images/'} #{source_root + images_path}"
+    end
+
+    def generate_templates
+      # JAVASCRIPTS
+      say_status "STEP", "GENERATE JAVASCRIPT TEMPLATE"
+      js_template_path = source_root + "lib/generators/semantic/install/templates/semantic-ui.js"
+
+      javascripts_path = Pathname.new(source_root + "vendor/assets/javascripts/semantic-ui")
+
+      FileUtils.rm js_template_path
+
+      File.open(js_template_path, 'a') do |template|
+        Dir.glob(source_root + javascripts_path + "**/*") do |file|
+          next if File.directory? file
+
+          filepath = Pathname.new(file)
+
+          relative_path = filepath.relative_path_from(javascripts_path)
+
+          template.write "//= require semantic-ui/#{relative_path} \n"
+        end
+      end
+
+      # STYLESHEETS
+      say_status "STEP", "GENERATE STYLESHEETS TEMPLATES"
+      css_template_path = source_root + "lib/generators/semantic/install/templates/semantic-ui/"
+
+      stylesheets_path = Pathname.new(source_root + "vendor/assets/stylesheets/semantic-ui")
+
+      FileUtils.rm_rf Dir.glob css_template_path + "*.*"
+
+      Dir.glob stylesheets_path + "**/*" do |file|
+        if File.directory? file
+          File.open(css_template_path + (Pathname.new(file).basename.to_s + ".less"), 'a') do |template|
+            Dir.glob(stylesheets_path + file + "**/*") do |file|
+              next if File.directory? file
+
+              filepath = Pathname.new(file)
+
+              relative_path = filepath.relative_path_from(stylesheets_path)
+
+              template.write "@import 'semantic-ui/#{relative_path}'; \n"
+            end
+          end
+        end
+      end
+    end
+
+    def clean
+      say_status "MESSAGE", "DELETE WORKING DIR"
+      FileUtils.rm_rf 'tmp/updater'
+    end
+
+    def prepare
+      say_status "MESSAGE", "CREATE WORKING DIR"
+      FileUtils.mkdir_p 'tmp/updater'
+    end
+
+
+    # dirs
+
+    def self.source_root
+      File.dirname(__FILE__)
+    end
+
+    def git_root
+      working_dir + 'semantic-ui'
+    end
+
+    def working_dir
+      source_root + 'tmp/updater'
+    end
+
+    def source_root
+      Pathname.new File.dirname(__FILE__)
+    end
+
+  end
+end

data/vendor/assets/javascripts/semantic-ui/{behavior → modules/behavior}/form.js

@@ -68,11 +68,14 @@ $.fn.form = function(fields, parameters) {
             .on('submit' + eventNamespace, module.validate.form)
           ;
           $field
-            .on('blur' + eventNamespace, module.event.field.change)
+            .on('blur' + eventNamespace, module.event.field.blur)
           ;
           $submit
             .on('click' + eventNamespace, module.submit)
           ;
+          $field
+            .on(module.get.changeEvent() + eventNamespace, module.event.field.change)
+          ;
           module.instantiate();
         },
 
@@ -121,7 +124,7 @@ $.fn.form = function(fields, parameters) {
                   .blur()
                 ;
               }
-              if( key == keyCode.enter && $field.is(selector.input) ) {
+              if(!event.ctrlKey && key == keyCode.enter && $field.is(selector.input) ) {
                 module.debug('Enter key pressed, submitting form');
                 $submit
                   .addClass(className.down)
@@ -138,6 +141,19 @@ $.fn.form = function(fields, parameters) {
               $submit.removeClass(className.down);
               module.submit();
             },
+            blur: function() {
+              var
+                $field      = $(this),
+                $fieldGroup = $field.closest($group)
+              ;
+              if( $fieldGroup.hasClass(className.error) ) {
+                module.debug('Revalidating field', $field,  module.get.validation($field));
+                module.validate.field( module.get.validation($field) );
+              }
+              else if(settings.on == 'blur' || settings.on == 'change') {
+                module.validate.field( module.get.validation($field) );
+              }
+            },
             change: function() {
               var
                 $field      = $(this),
@@ -156,6 +172,14 @@ $.fn.form = function(fields, parameters) {
         },
 
         get: {
+          changeEvent: function() {
+            return (document.createElement('input').oninput !== undefined)
+              ? 'input'
+              : (document.createElement('input').onpropertychange !== undefined)
+                ? 'propertychange'
+                : 'keyup'
+            ;
+          },
           field: function(identifier) {
             module.verbose('Finding field with identifier', identifier);
             if( $field.filter('#' + identifier).size() > 0 ) {
@@ -208,25 +232,31 @@ $.fn.form = function(fields, parameters) {
               $prompt      = $fieldGroup.find(selector.prompt),
               promptExists = ($prompt.size() !== 0)
             ;
-            module.verbose('Adding inline validation prompt');
+            module.verbose('Adding inline error', field);
             $fieldGroup
               .addClass(className.error)
             ;
-            if(settings.inlineError) {
+            if(settings.inline) {
               if(!promptExists) {
                 $prompt = settings.templates.prompt(errors);
                 $prompt
                   .appendTo($fieldGroup)
-                  .hide()
                 ;
               }
               $prompt
                 .html(errors[0])
               ;
-              if($prompt.is(':not(:visible)')) {
-                $prompt
-                  .fadeIn(settings.animateSpeed)
-                ;
+              if(!promptExists) {
+                if(settings.transition && $.fn.transition !== undefined) {
+                  module.verbose('Displaying error with css transition', settings.transition);
+                  $prompt.transition(settings.transition + ' in', settings.duration);
+                }
+                else {
+                  module.verbose('Displaying error with fallback javascript animation');
+                  $prompt
+                    .fadeIn(settings.duration)
+                  ;
+                }
               }
             }
           },
@@ -248,8 +278,20 @@ $.fn.form = function(fields, parameters) {
             $fieldGroup
               .removeClass(className.error)
             ;
-            if(settings.inlineError) {
-              $prompt.hide();
+            if(settings.inline && $prompt.is(':visible')) {
+              module.verbose('Removing prompt for field', field);
+              if(settings.transition && $.fn.transition !== undefined) {
+                $prompt.transition(settings.transition + ' out', settings.duration, function() {
+                  $prompt.remove();
+                });
+              }
+              else {
+                $prompt
+                  .fadeOut(settings.duration, function(){
+                    $prompt.remove();
+                  })
+                ;
+              }
             }
           }
         },
@@ -278,7 +320,7 @@ $.fn.form = function(fields, parameters) {
             else {
               module.debug('Form has errors');
               $module.addClass(className.error);
-              if(!settings.inlineError) {
+              if(!settings.inline) {
                 module.add.errors(formErrors);
               }
               return $.proxy(settings.onFailure, this)(formErrors);
@@ -530,19 +572,20 @@ $.fn.form = function(fields, parameters) {
 
 $.fn.form.settings = {
 
-  // module info
-  name        : 'Form',
+  name              : 'Form',
+  namespace         : 'form',
 
   debug             : true,
   verbose           : true,
   performance       : true,
 
-  namespace         : 'form',
 
   keyboardShortcuts : true,
   on                : 'submit',
-  animateSpeed      : 150,
-  inlineError       : false,
+  inline            : false,
+
+  transition        : 'scale',
+  duration          : 150,
 
 
   onValid           : function() {},
@@ -555,19 +598,19 @@ $.fn.form.settings = {
   },
 
   selector : {
-    message   : '.error.message',
-    field     : 'input, textarea, select',
-    group     : '.field',
-    input     : 'input',
-    prompt    : '.prompt',
-    submit    : '.submit'
+    message : '.error.message',
+    field   : 'input, textarea, select',
+    group   : '.field',
+    input   : 'input',
+    prompt  : '.prompt',
+    submit  : '.submit'
   },
 
   className : {
-    error  : 'error',
-    success: 'success',
-    down   : 'down',
-    label  : 'ui label prompt'
+    error   : 'error',
+    success : 'success',
+    down    : 'down',
+    label   : 'ui label prompt'
   },
 
   // errors
@@ -615,6 +658,9 @@ $.fn.form.settings = {
     not: function(value, notValue) {
       return (value != notValue);
     },
+    contains: function(value, text) {
+      return (value.search(text) !== -1);
+    },
     is: function(value, text) {
       return (value == text);
     },
@@ -624,20 +670,20 @@ $.fn.form.settings = {
         : false
       ;
     },
-    match: function(value, matchingField) {
+    match: function(value, fieldIdentifier) {
       // use either id or name of field
       var
         $form = $(this),
         matchingValue
       ;
-      if($form.find('#' + matchingField).size() > 0) {
-        matchingValue = $form.find('#' + matchingField).val();
+      if($form.find('#' + fieldIdentifier).size() > 0) {
+        matchingValue = $form.find('#' + fieldIdentifier).val();
       }
-      else if($form.find('[name=' + matchingField +']').size() > 0) {
-        matchingValue = $form.find('[name=' + matchingField + ']').val();
+      else if($form.find('[name=' + fieldIdentifier +']').size() > 0) {
+        matchingValue = $form.find('[name=' + fieldIdentifier + ']').val();
       }
-      else if( $form.find('[data-validate="'+ matchingField +'"]').size() > 0 ) {
-        matchingValue = $form.find('[data-validate="'+ matchingField +'"]').val();
+      else if( $form.find('[data-validate="'+ fieldIdentifier +'"]').size() > 0 ) {
+        matchingValue = $form.find('[data-validate="'+ fieldIdentifier +'"]').val();
       }
       return (matchingValue !== undefined)
         ? ( value.toString() == matchingValue.toString() )

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

@@ -191,7 +191,7 @@ $.fn.dimmer = function(parameters) {
             return $dimmer.hasClass(className.active);
           },
           animating: function() {
-            return ( $dimmer.hasClass(className.show) || $dimmer.hasClass(className.hide) || $dimmer.is(':animated') );
+            return ( $dimmer.is(':animated') || $dimmer.hasClass(className.transition) );
           },
           dimmer: function() {
             return $module.is(selector.dimmer);
@@ -259,7 +259,7 @@ $.fn.dimmer = function(parameters) {
 
         show: function(callback) {
           module.debug('Showing dimmer', $dimmer);
-          if( (!module.is.active() || module.is.animating() ) && module.is.enabled() ) {
+          if( !(module.is.active() || module.is.animating() ) && module.is.enabled() ) {
             module.animate.show(callback);
             $.proxy(settings.onShow, element)();
             $.proxy(settings.onChange, element)();
@@ -270,7 +270,7 @@ $.fn.dimmer = function(parameters) {
         },
 
         hide: function(callback) {
-          if( module.is.active() || module.is.animating() ) {
+          if( module.is.active() && !module.is.animating() ) {
             module.debug('Hiding dimmer', $dimmer);
             module.animate.hide(callback);
             $.proxy(settings.onHide, element)();
@@ -510,14 +510,13 @@ $.fn.dimmer.settings = {
 
   className : {
     active     : 'active',
-    animating  : 'animating',
     dimmable   : 'ui dimmable',
     dimmed     : 'dimmed',
     disabled   : 'disabled',
     pageDimmer : 'page',
     hide       : 'hide',
     show       : 'show',
-    transition : 'transition hidden visible'
+    transition : 'transition'
   }
 
 };

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

@@ -316,14 +316,14 @@ $.fn.dropdown = function(parameters) {
         is: {
           visible: function($subMenu) {
             return ($subMenu)
-              ? $subMenu.is(':visible')
-              : $menu.is(':visible')
+              ? $subMenu.is(':animated, :visible')
+              : $menu.is(':animated, :visible')
             ;
           },
           hidden: function($subMenu) {
             return ($subMenu)
-              ? $subMenu.is(':not(:visible)')
-              : $menu.is(':not(:visible)')
+              ? $subMenu.is(':not(:animated, :visible)')
+              : $menu.is(':not(:animated, :visible)')
             ;
           }
         },
@@ -434,7 +434,7 @@ $.fn.dropdown = function(parameters) {
 
         show: function() {
           dropdown.debug('Checking if dropdown can show');
-          if( !dropdown.is.visible() ) {
+          if( dropdown.is.hidden() ) {
             dropdown.hideOthers();
             dropdown.set.active();
             dropdown.animate.show(dropdown.set.visible);
@@ -446,7 +446,7 @@ $.fn.dropdown = function(parameters) {
         },
 
         hide: function() {
-          if( !dropdown.is.hidden() ) {
+          if( dropdown.is.visible() ) {
             dropdown.debug('Hiding dropdown');
             if( dropdown.can.click() ) {
               dropdown.unbind.intent();