nested_form_ui 0.0.1

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright 2013 Tomasz Bak
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,21 @@
+# NestedFormUI
+
+## Getting Started
+
+Gemfile:
+
+    gem 'formtastic-bootstrap', git: 'git://github.com/tb/nested_form_ui.git'
+
+application.js:
+
+    //= require nested_form_ui/sortable
+
+application.scss:
+
+    @import "nested_form_ui/sortable";
+
+## Usage
+
+# Copyright
+
+This project rocks and uses MIT-LICENSE.

data/Rakefile

@@ -0,0 +1,21 @@
+#!/usr/bin/env rake
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+APP_RAKEFILE = File.expand_path("../spec/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
+
+Bundler::GemHelper.install_tasks
+
+Dir[File.join(File.dirname(__FILE__), 'tasks/**/*.rake')].each {|f| load f }
+
+require 'rspec/core'
+require 'rspec/core/rake_task'
+
+desc "Run all specs in spec directory (excluding plugin specs)"
+RSpec::Core::RakeTask.new(:spec => 'app:db:test:prepare')
+task :default => :spec
+

data/app/assets/javascripts/nested_form_ui/sortable.js

@@ -0,0 +1,169 @@
+(function($){
+
+  var defaults = {};
+
+  var NestedFormSortableTabs = function(element, options) {
+    var me = this;
+    this.container = $(element);
+    this.options = $.extend({}, defaults, options);
+    this.association = this.container.data('association') || options.association;
+    this.countTabs = 0;
+
+    this.init();
+  };
+
+  var NestedFormSortableBase = function() {};
+  NestedFormSortableBase.prototype = {
+    renderTemplate: function(template, params) {
+      var param;
+      for(param in params) {
+        var value = typeof(params[param]) == 'function' ? params[param]() : params[param];
+        template = template.split('{{'+param+'}}').join(value)
+      }
+      return template;
+    }
+  }
+
+  NestedFormSortableTabs.prototype = $.extend({}, NestedFormSortableBase.prototype, {
+    init: function() {
+      var me = this;
+
+      // tabs
+      this.tabs = this.container.tabs({
+        select: function(event, ui) {
+          // prevent triggering tab select on tabs actions
+          return !$(ui.tab).hasClass('nested-form-action');
+        }
+      });
+
+      // nestedFormEvents.insertFields
+      window.nestedFormEvents.insertFields = function(content, assoc, link) {
+        var $newPanel = $(content);
+        me.container.append( $newPanel );
+        me.addTab( $newPanel );
+        return $newPanel;
+      }
+
+      this.renderTabs();
+      this.sortable();
+      this.selectFirst();
+    },
+    renderTabs: function() {
+      var me = this;
+
+      // add tabs/panel in order
+      me.container.find(".fields").sort(function(a,b){
+        var av = parseInt( $(a).find('input[name$="[position]"]').val(), '10'),
+            bv = parseInt( $(b).find('input[name$="[position]"]').val(), '10');
+
+        return av > bv;
+      }).each(function(idx,panel){
+        me.addTab( $(panel) );
+      });
+    },
+    sortable: function() {
+      var me = this;
+      this.tabs.find(".ui-tabs-nav").sortable({
+        items: 'li.tabs-tab',
+        handle: '.nested-form-drag',
+        axis: "x",
+        stop: function() {
+          me.tabs.tabs("refresh");
+          me.updateSortOrder();
+        }
+      });
+    },
+    updateSortOrder: function() {
+      $('.nested-form-nav > li.tabs-tab').each(function(idx,tab){
+        var $tab = $(tab);
+        $tab.data('panel').find('input[name$="[position]"]').val(idx+1);
+      })
+    },
+    addTab: function($panel) {
+      var $tabsUl = this.container.find('ul.nested-form-nav'),
+        tabId = this.association + '-' + this.countTabs++;
+      tabName = $panel.find('input:first').val(),
+        tabTemplateData = $.extend({}, this.options.templates, { id: tabId, text: tabName });
+      $tab = $(this.renderTemplate(this.options.templates.tab, tabTemplateData));
+
+      $tab.appendTo($tabsUl);
+      $panel.prop('id', tabId );
+      $tab.data('panel', $panel)
+      $panel.data('tab', $tab)
+
+      this.syncTabNameFrom($panel);
+      this.addTabRemove($tab, $panel);
+      this.updateSortOrder();
+      this.tabs.tabs("refresh");
+      this.selectLast();
+    },
+    syncTabNameFrom: function($panel) {
+      $panel.find('input:first').on("input", function(){
+        $panel.data('tab').find('a:first').html( $(this).val() );
+      });
+    },
+    addTabRemove: function ($tab, $panel) {
+      var me = this;
+      $tab.find('.ui-icon-close').on("click", function() {
+        $(this).closest("li.tabs-tab").remove().attr("aria-controls");
+        me.updateSortOrder();
+        me.tabs.tabs("refresh");
+        $panel.find('input[name$="[_destroy]"]').val('true');
+      });
+    },
+    selectLast: function() {
+      this.tabs.find('li.tabs-tab:last > a').click();
+    },
+    selectFirst: function() {
+      this.tabs.find('li.tabs-tab:first > a').click();
+    }
+  });
+
+  $.fn.nestedFormSortableTabs = function (options) {
+    return this.each(function () {
+      if (!$.data(this, 'nestedFormSortableTabs')) {
+        $.data(this, 'nestedFormSortableTabs', new NestedFormSortableTabs( this, options ));
+      }
+    });
+  }
+
+  var NestedFormSortable = function(element, options) {
+    this.container = $(element);
+    this.options = $.extend({}, defaults, options);
+    this.association = this.container.data('association') || options.association;
+    this.init();
+  };
+
+  NestedFormSortable.prototype = $.extend({}, NestedFormSortableBase.prototype, {
+    init: function() {
+      var me = this;
+
+      this.container.sortable({
+        connectWith: ".nested-form-sortable",
+        handle: '.nested-form-drag',
+        axis: "y",
+        stop: function() {
+          me.updateSortOrder();
+        }
+      });
+
+      window.nestedFormEvents.insertFields = function(content, assoc, link) {
+        return me.container.append($(content));
+      }
+    },
+    updateSortOrder: function() {
+      this.container.find('.fields').each(function(idx,fields){
+        $(fields).find('input[name$="[position]"]').val(idx+1);
+      })
+    }
+  });
+
+  $.fn.nestedFormSortable = function (options) {
+    return this.each(function () {
+      if (!$.data(this, 'nestedFormSortable')) {
+        $.data(this, 'nestedFormSortable', new NestedFormSortable( this, options ));
+      }
+    });
+  }
+
+})(jQuery);

data/app/assets/stylesheets/nested_form_ui/sortable.scss

@@ -0,0 +1,34 @@
+.nested-form-sortable {
+
+  .nested-form-drag {
+    cursor: move;
+  }
+
+  .nested-form-tabs {
+    .nested-form-action {
+      float: right;
+    }
+
+    li {
+      position: relative;
+
+      a {
+        min-width: 20px;
+        min-height: 14px;
+      }
+
+      .nested-form-drag {
+        position: absolute;
+        top: 5px;
+        left: -2px;
+      }
+
+      .nested-form-remove {
+        position: absolute;
+        top: -3px;
+        right: -2px;
+        cursor: pointer;
+      }
+    }
+  }
+}

data/config/routes.rb

@@ -0,0 +1,2 @@
+NestedFormUi::Engine.routes.draw do
+end

data/lib/nested_form_ui.rb

@@ -0,0 +1,4 @@
+require "nested_form_ui/engine"
+
+module NestedFormUi
+end

data/lib/nested_form_ui/engine.rb

@@ -0,0 +1,12 @@
+module NestedFormUi
+  class Engine < ::Rails::Engine
+    isolate_namespace NestedFormUi
+
+    config.generators do |g|
+      g.test_framework      :rspec,        :fixture => false
+      g.fixture_replacement :factory_girl, :dir => 'spec/factories'
+      g.assets false
+      g.helper false
+    end
+  end
+end

data/lib/nested_form_ui/version.rb

@@ -0,0 +1,3 @@
+module NestedFormUi
+  VERSION = "0.0.1"
+end

metadata

@@ -0,0 +1,102 @@
+--- !ruby/object:Gem::Specification
+name: nested_form_ui
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+  prerelease: 
+platform: ruby
+authors:
+- Tomasz Bak
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-05-30 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3'
+- !ruby/object:Gem::Dependency
+  name: jquery-rails
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: nested_form
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: 
+email:
+- t.bak@selleo.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- app/assets/javascripts/nested_form_ui/sortable.js
+- app/assets/stylesheets/nested_form_ui/sortable.scss
+- config/routes.rb
+- lib/nested_form_ui.rb
+- lib/nested_form_ui/engine.rb
+- lib/nested_form_ui/version.rb
+- MIT-LICENSE
+- Rakefile
+- README.md
+homepage: https://github.com/tb/nested_form_ui
+licenses: []
+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.25
+signing_key: 
+specification_version: 3
+summary: nested_form UI helpers (sortable list, sortable tabs)
+test_files: []