district_cn_selector 1.0.0

data/spec/dummy/script/rails

@@ -0,0 +1,6 @@
+#!/usr/bin/env ruby
+# This command will automatically be run when you run "rails" with Rails 3 gems installed from the root of your application.
+
+APP_PATH = File.expand_path('../../config/application',  __FILE__)
+require File.expand_path('../../config/boot',  __FILE__)
+require 'rails/commands'

data/spec/features/visit_testpage_spec.rb

@@ -0,0 +1,93 @@
+#encoding: utf-8
+#require 'spec_helper'
+#
+#TEST_CODE = "341002"
+#TOTAL_PAGE_CASE = 6
+#
+#feature 'visit the testpage' do
+#  scenario 'page should init district-ul select' do
+#    test_all_cases do
+#      assert_select_exist
+#      assert_district_ul(AreaSelectCn::District.id(TEST_CODE))
+#    end
+#  end
+#
+#  scenario 'page should init other district-ul select' do
+#    test_all_cases do
+#      assert_district_ul(AreaSelectCn::District.id(TEST_CODE))
+#    end
+#  end
+#
+#  scenario 'select area', :driver => :webkit do
+#    test_all_cases do
+#      {:province => ["安徽省", "340000"],
+#       :city => ["合肥市", "340100"],
+#       :districts => ["瑶海区", "340102"]
+#      }.each do |scope, area|
+#        page.execute_script(%Q{jQuery("li[data-value='#{area[1]}']").click();})
+#        assert_district_ul(AreaSelectCn::District.id(area[1]))
+#      end
+#    end
+#
+#    #page.execute_script(%Q{jQuery("li[data-value='310000']").click();})
+#    #assert_district_ul(AreaSelectCn::District.id('310000'))
+#  end
+#
+#  def province_blank
+#    ["省 份", ""]
+#  end
+#
+#  def city_blank
+#    ["城 市", ""]
+#  end
+#
+#  def district_blank
+#    ["区 县", ""]
+#  end
+#
+#  def assert_select_exist
+#    page.source.should have_selector('.select-input')
+#    page.source.should have_selector('ul.select-opts')
+#    # page.should have_css('div.area_select_ul')
+#    #page.assert_selector('dd.select-input')
+#    #page.assert_selector('ul.select-opts')
+#  end
+#
+#  def assert_district_ul(area_id)
+#    assert_page_select_content(area_id)
+#    assert_page_select_opts(area_id)
+#  end
+#
+#  def assert_page_select_opts(area_id)
+#    [:province, :city, :district].each do |scope|
+#      selected = area_id.public_send("selected_#{scope.to_s.pluralize}")
+#      selected.unshift(public_send("#{scope}_blank")).sort!
+#      page_select_opts(scope).should eql(selected)
+#    end
+#  end
+#
+#  def assert_page_select_content(area_id)
+#    [:province, :city, :district].each do |scope|
+#      if area_id.public_send(scope)
+#        find(".#{scope} .select-content").text.should eq(area_id.public_send("#{scope}_name"))
+#        find(".#{scope} .select-content")['data-value'].should eq(area_id.public_send("#{scope}_id"))
+#      else
+#        find(".#{scope} .select-content").text.should eq(public_send("#{scope}_blank")[0])
+#        find(".#{scope} .select-content")['data-value'].should be_blank
+#      end
+#    end
+#  end
+#
+#  def page_select_opts(scope)
+#    Capybara.string(page.body).all(".#{scope} > .select-opts > li").map do |li|
+#      [li.text, li['data-value']]
+#    end.sort
+#  end
+#
+#  def test_all_cases(&block)
+#    (1..TOTAL_PAGE_CASE).each do |i|
+#      visit "/tests/#{i}"
+#      block.call
+#    end
+#  end
+#end

data/spec/helpers/form_spec.rb

@@ -0,0 +1,106 @@
+# encoding: utf-8
+require 'spec_helper'
+describe "Form" do
+  #include ViewTestHelper
+  let(:company) { Company.new(:loc_code=>331002)}
+  let(:unvalid_company) { Company.new }
+
+  before { 
+    @builder = DistrictCnSelector::Helpers::FormBuilder
+  }
+
+  context "select_ul" do
+    it 'renders province select-ul' do
+      concat(form_for(company,:url=>"",:builder=>@builder) do |f|
+        f.province_select_ul :loc_code
+      end)
+      assert_select 'div.district_cn_selector'
+      assert_select 'div.province'
+
+      assert_select 'input.select-value'
+    end
+
+    it 'renders city select-ul' do
+      concat(form_for(company,:url=>"",:builder=>@builder) do |f|
+        f.city_select_ul :loc_code
+      end)
+      assert_select 'div.district_cn_selector'
+      assert_select 'div.province'
+      assert_select 'div.city'
+
+      assert_select 'input.select-value'
+    end 
+
+    it 'renders district select-ul' do
+      concat(form_for(company,:url=>"",:builder=>@builder) do |f|
+        f.district_select_ul :loc_code
+      end)
+
+      assert_select 'div.district_cn_selector'
+      assert_select 'div.province'
+      assert_select 'div.city'
+      assert_select 'div.district'
+
+      assert_select 'input.select-value'
+    end
+    it 'validates :loc_code, presence: true' do
+      expect(unvalid_company.valid?).to be_false
+
+      concat(form_for(unvalid_company,:url=>"",:builder=>@builder) do |f|
+        f.district_select_ul :loc_code
+      end)
+
+      assert_select '.field_with_errors',2
+    end
+  end
+
+  context "select" do
+    it 'renders province select' do
+      concat(form_for(company,:url=>"",:builder=>@builder) do |f|
+        f.province_select :loc_code
+      end)
+
+      assert_select 'div.district_cn_selector'
+      assert_select 'select.province'
+
+      assert_select 'input.select-value'
+    end
+
+    it 'renders city select' do
+      concat(form_for(company,:url=>"",:builder=>@builder) do |f|
+        f.city_select :loc_code
+      end)
+
+      assert_select 'div.district_cn_selector'
+      assert_select 'select.province'
+      assert_select 'select.city'
+
+      assert_select 'input.select-value'
+    end
+
+    it 'renders district select' do
+      concat(form_for(company,:url=>"",:builder=>@builder) do |f|
+        f.district_select :loc_code
+      end)
+      assert_select 'div.district_cn_selector'
+      assert_select 'select.province'
+      assert_select 'select.city'
+      assert_select 'select.district'
+
+      assert_select 'input.select-value'
+    end
+
+    it 'validates :loc_code, presence: true' do
+      expect(unvalid_company.valid?).to be_false
+
+      concat(form_for(unvalid_company,:url=>"",:builder=>@builder) do |f|
+        f.district_select :loc_code
+      end)
+
+      assert_select '.field_with_errors',2
+    end
+
+  end
+
+end
+

data/spec/helpers/simple_form_spec.rb

@@ -0,0 +1,101 @@
+# encoding: utf-8
+require 'spec_helper'
+
+describe "SimpleForm" do
+  #include ViewTestHelper
+  include SimpleForm::ActionViewExtensions::FormHelper
+  let(:company) { Company.new(:loc_code=>331002)}
+  let(:unvalid_company) { Company.new }
+
+  context "select_ul" do
+    it 'renders province select-ul' do
+      concat(simple_form_for(company,:url=>"") do |f|
+        f.input :loc_code, :as => :province_select_ul
+      end)
+      assert_select 'div.province_select_ul'
+      assert_select 'div.province'
+
+      assert_select 'input.select-value'
+    end
+
+    it 'renders city select-ul' do
+      concat(simple_form_for(company,:url=>"") do |f|
+        f.input :loc_code, :as => :city_select_ul
+      end)
+      assert_select 'div.city_select_ul'
+      assert_select 'div.province'
+      assert_select 'div.city'
+
+      assert_select 'input.select-value'
+    end 
+
+    it 'renders district select-ul' do
+      concat(simple_form_for(company,:url=>"") do |f|
+        f.input :loc_code, :as => :district_select_ul
+      end)
+      assert_select 'div.district_select_ul'
+      assert_select 'div.province'
+      assert_select 'div.city'
+      assert_select 'div.district'
+
+      assert_select 'input.select-value'
+    end
+    it 'validates :loc_code, presence: true' do
+      expect(unvalid_company.valid?).to be_false
+
+      concat(simple_form_for(unvalid_company,:url=>"") do |f|
+        f.input :loc_code, :as => :district_select_ul
+      end)
+
+      assert_select 'div.district_select_ul'
+      assert_select '.error'
+    end
+  end
+
+  context "select" do
+    it 'renders province select' do
+      concat(simple_form_for(company,:url=>"") do |f|
+        f.input :loc_code, :as => :province_select
+      end)
+      assert_select 'div.province_select'
+      assert_select 'select.province'
+
+      assert_select 'input.select-value'
+    end
+
+    it 'renders city select' do
+      concat(simple_form_for(company,:url=>"") do |f|
+        f.input :loc_code, :as => :city_select
+      end)
+      assert_select 'div.city_select'
+      assert_select 'select.province'
+      assert_select 'select.city'
+
+      assert_select 'input.select-value'
+    end
+
+    it 'renders district select' do
+      concat(simple_form_for(company,:url=>"") do |f|
+        f.input :loc_code, :as => :district_select
+      end)
+      assert_select 'div.district_select'
+      assert_select 'select.province'
+      assert_select 'select.city'
+      assert_select 'select.district'
+
+      assert_select 'input.select-value'
+    end
+
+    it 'validates :loc_code, presence: true' do
+      expect(unvalid_company.valid?).to be_false
+
+      concat(simple_form_for(unvalid_company,:url=>"") do |f|
+        f.input :loc_code, :as => :district_select
+      end)
+
+      assert_select '.error'
+    end
+
+  end
+
+end

data/spec/spec_helper.rb

@@ -0,0 +1,48 @@
+require 'rubygems'
+ENV['RAILS_ENV'] ||= 'test'
+
+require "rails"
+require "active_record"
+require "district_cn"
+silence_warnings do
+  ActiveRecord::Migration.verbose = false
+  ActiveRecord::Base.logger = Logger.new(nil)
+  ActiveRecord::Base.establish_connection(:adapter => "sqlite3", :database => ":memory:")
+end
+
+ActiveRecord::Base.connection.instance_eval do
+  create_table :companies do |t|
+    t.string :name
+    t.string :loc_code
+    t.string :another_code
+    t.timestamps
+  end
+end
+
+class Company < ActiveRecord::Base
+  attr_accessor :region_code
+
+  act_as_area_field :region_code,:loc_code
+  validates :region_code, presence: true
+  validates :loc_code, presence: true
+end
+
+require File.expand_path("../dummy/config/environment.rb", __FILE__)
+require 'rspec/rails'
+require 'rspec/autorun'
+require 'capybara/rails'
+require 'factory_girl_rails'
+
+
+Rails.backtrace_cleaner.remove_silencers!
+Capybara.javascript_driver = :webkit
+
+# Load support files
+Dir["#{File.dirname(__FILE__)}/support/**/*.rb"].each { |f| require f }
+
+RSpec.configure do |config|
+  config.mock_with :rspec
+  config.use_transactional_fixtures = true
+  config.infer_base_class_for_anonymous_controllers = false
+  config.order = "random"
+end

data/spec/support/mock_controller.rb

@@ -0,0 +1,22 @@
+class MockController
+  attr_writer :action_name
+
+  def _routes
+    self
+  end
+
+  def action_name
+    defined?(@action_name) ? @action_name : "edit"
+  end
+
+  def url_for(*args)
+    "http://example.com"
+  end
+
+  def url_helpers
+    self
+  end
+
+  def hash_for_users_path(*args)
+  end
+end

data/spec/support/view_test_helper.rb

@@ -0,0 +1,29 @@
+require 'active_support/concern'
+require 'active_support/testing/setup_and_teardown'
+
+module ViewTestHelper
+  extend ActiveSupport::Concern
+
+  include ActiveSupport::Testing::SetupAndTeardown
+  include ActionView::TestCase::Behavior
+
+  included do
+    setup :set_controller
+  end
+
+  def set_controller
+    @controller = MockController.new
+  end
+
+  def method_missing(method, *args)
+    super unless method.to_s =~ /_path$/
+  end
+
+  def respond_to?(method, include_private=false)
+    method.to_s =~ /_path$/ || super
+  end
+
+  def protect_against_forgery?
+    false
+  end
+end

data/vendor/assets/javascripts/district_cn_selector/jquery.district-ul.js

@@ -0,0 +1,224 @@
+/* 
+ * jQuery DistrictUl Plugin 
+ */
+(function ($) {
+    var jQuery = $;
+
+    var DistrictUl = function (selector, options) {
+        options = options || {};
+        jQuery.extend(this.options, options);
+
+        if (!this.options.perAjax) {
+            this.loadDistrictData();  // 预先加载好区域数据
+        }
+
+        this.districtContainer = $(selector);
+        this.selects = this.districtContainer.find(this.options.selectContainer);
+        this.selectPrompts = this.selects.find(this.options.selectPromptContainer);
+        this.selectOpts = this.selects.find(this.options.selectOptsContainer);
+
+        this.resetSelectedValues();
+
+        this.attachEvents();
+
+        this.attachBody();
+    };
+
+    // for `new jQuery.DistrictUl()` or `jQuery.DistrictUl()`
+    jQuery.DistrictUl = function (selector, options) {
+        return new DistrictUl(selector, options);
+    };
+
+    jQuery.extend(DistrictUl.prototype, {
+        loadDistrictData: function () {
+            var self = this;
+            if (!this.district) {
+                if (!DistrictUl.data) {
+                    $.get(this.options.url, function (data) {
+                        DistrictUl.data = data;
+                        self.district = DistrictUl.data;
+                    }, self.options.dataType);
+                } else {
+                    self.district = DistrictUl.data;
+                }
+            }
+        },
+        attachEvents: function () {
+            var self = this;
+            this.selectPrompts.on('click', function () {
+                var $this = $(this);
+                var index = jQuery.inArray(this, self.selectPrompts);
+                var $selectOpt = $(self.selectOpts[index])
+                var indexes = [0, 1, 2]
+                $.each(indexes, function (key, value) {
+                    if (key != index) {
+                        $(self.selectOpts[key]).hide();
+                    }
+                })
+                $selectOpt.toggle();
+            });
+            this.selectOpts.on('click', 'li', function () {
+                var $this = $(this);
+                if (!$this.hasClass(self.options.selectedClass)) {
+                    self.activeOpt($this);
+                    var $selectOpt = $this.parent();
+                    var index = jQuery.inArray($selectOpt[0], self.selectOpts);
+                    self.changePrompt(index, $this);
+                    var val = $this.attr(self.options.dataName);
+                    if (val === '') {
+                        self.clearNextSelects(index);
+                        self.afterChange($this);
+                    } else {
+                        self.requestDistricts(val, function (data) {
+                            self.changeNextSelect(index, data);
+                            self.clearNext2Select(index);
+                            self.afterChange($this);
+                        });
+                    }
+                }
+                $this.parent().toggle();
+            });
+        },
+        attachBody: function () {
+            var self = this;
+            $('body').on('click', function (e) {
+                var target = e.target;
+                if (!jQuery.contains(self.districtContainer[0], target))
+                    self.selectOpts.hide();
+            });
+        },
+        afterChange: function ($opt) {
+            var self = this;
+            this.resetSelectedValues();
+            if (jQuery.type(this.options.onChange) === 'function')
+                this.options.onChange.call($opt, self.districtContainer, this.curDistrict);
+        },
+        resetSelectedValues: function () {
+            var self = this;
+            var selectedDatas = this.selectPrompts.map(function (i, p) {
+                return $(p).find(":first-child").attr(self.options.dataName);
+            });
+            this.selectedProvince = selectedDatas[0];
+            this.selectedCity = selectedDatas[1];
+            this.selectedCounty = selectedDatas[2];
+            this.curDistrict = this.selectedCounty || this.selectedCity || this.selectedProvince;
+        },
+
+        requestDistricts: function (code, callback) {
+            if (this.dataCache[code])
+                return callback.call(this, this.dataCache[code]);
+
+            var self = this;
+            if (this.options.perAjax) {
+                $.get(this.options.url + code, function (data) {
+                    self.dataCache[code] = $.type(data) === 'string' ? $.parseJSON(data) : data;
+                    callback.call(self, self.dataCache[code]);
+                }, this.options.dataType);
+            } else {
+                // 如果区域json数据没有, 请求区域json数据
+                if (!this.district) {
+                    $.get(this.options.url, function (data) {
+                        self.district = data;
+                        self.dataCache[code] = self.listDistrict(code);
+                        callback.call(self, self.dataCache[code]);
+                    }, self.options.dataType);
+                } else {
+                    self.dataCache[code] = self.listDistrict(code);
+                    callback.call(self, self.dataCache[code]);
+                }
+            }
+        },
+        listDistrict: function (code) {
+            var result = [];
+            if (code.length == 0) return result;
+
+            var id_match = code.match(/(\d{2})(\d{2})(\d{2})/);
+            var province_id = id_match[1].concat("0000");
+            var city_id = (id_match[1] + id_match[2]).concat("00");
+
+            var children;
+            if (this.district[province_id]) {
+                children = this.district[province_id]['children'];
+            }
+            if (children[city_id]) {
+                children = children[city_id]['children'];
+            }
+
+            for (var id in children) {
+                result.push([children[id]['text'], id]);
+            }
+
+            return result.sort(function (d1, d2) {
+                return d1[1] - d2[1];
+            });
+        },
+        addSelectOptions: function ($select, data) {
+            var self = this;
+            var optionEles = [];
+            $.each(data, function (i, district) {
+                $link = $("<a href=\"javascript:void(0);\">" + district[0] + "</a>");
+                $li = $(document.createElement("li"))
+                    .attr(self.options.dataName, district[1])
+                    .append($link)
+
+                optionEles.push($li)
+            });
+            $.each(optionEles, function (i, ele) {
+                $select.append(ele);
+            });
+        },
+        changeNextSelect: function (index, data) {
+            var $nextSelect = $(this.selectOpts[index + 1]);
+            this.clearSelects($nextSelect);
+            this.addSelectOptions($nextSelect, data);
+        },
+        clearNext2Select: function (index) {
+            this.clearSelects(this.selectOpts.slice(index + 2));
+        },
+        clearNextSelects: function (index) {
+            this.clearSelects(this.selectOpts.slice(index + 1));
+        },
+        clearSelects: function ($selectOpts) {
+            var self = this;
+            $selectOpts.each(function (i, selectOpt) {
+                var index = jQuery.inArray(selectOpt, self.selectOpts)
+                $(selectOpt).children('li').slice(1).remove();
+                $(self.selectPrompts[index]).find(":first-child")
+                    .text(self.options.prompts[index])
+                    .attr(self.options.dataName, '');
+            });
+        },
+        activeOpt: function ($opt) {
+            $opt.toggleClass(this.options.selectedClass);
+            $opt.siblings('li.' + this.options.selectedClass).toggleClass(this.options.selectedClass);
+        },
+        changePrompt: function (index, $opt) {
+            $prompt = $(this.selectPrompts[index]);
+            $prompt.find(':first-child').text($opt.text())
+                .attr(this.options.dataName, $opt.attr(this.options.dataName));
+        },
+        dataCache: {},
+        district: null,
+        options: {
+            selectContainer: '.select-input',
+            selectOptsContainer: '.select-opts',
+            selectPromptContainer: '.select-prompt',
+            selectedClass: 'active',
+            dataName: 'data-value',
+            perAjax: false, //是每次选择区域进行请求，还是一次获得所有区域数据
+            url: '/district_cn_selector/district',
+            dataType: 'json',
+            onChange: null,
+            prompts: ['省 份', '城 市', '区 县']
+        }
+    });
+})(jQuery);
+
+$(document).ready(function () {
+    if (window.AREA_SELECT_CN_DISTRICT_UL_FIELDS !== undefined) {
+        for (var i in window.AREA_SELECT_CN_DISTRICT_UL_FIELDS) {
+            var f = window.AREA_SELECT_CN_DISTRICT_UL_FIELDS[i];
+            jQuery.DistrictUl(f[0], f[1]);
+        }
+    }
+});