feat: taiwan

Author: marsz

app/importers/base_importer.rb

@@ -4,12 +4,19 @@ def fetch
   end
 
   def import!
-    filename = Rails.root.join('db', 'countries', self.class.to_s.underscore.gsub('_importer', '') + '.json')
     IO.write(filename, fetch.to_json)
   end
 
+  def read
+    IO.read(filename)
+  end
+
   private
 
+  def filename
+    Rails.root.join('db', 'countries', self.class.to_s.underscore.gsub('_importer', '') + '.json')
+  end
+
   def request_get(url)
     response = Net::HTTP.get_response(URI.parse(url))
     response.body

app/importers/taiwan_importer.rb

@@ -49,7 +49,7 @@ def array_cities
 
   def parse_dist_type_and_zip_code(city_name, dist_name)
     res = content.scan(/<tr align="center">.+?<small>#{city_name}<\/small>.+?>#{dist_name}<.+?title="[^"]+">([^<]+)<\/a>.+?<td>([0-9]+)<\/td>[\n\r]+<\/tr>/m).first
-    { type_name: res[0], zip_code: res[1] }
+    { type_name: res[0], zipcode: res[1] }
   end
 
   def parse_city_type_name(city_name)

app/views/templates/_load_jquery.js.erb

@@ -0,0 +1,26 @@
+var loadjQuery = function(callback){
+  url = '//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'
+  var script = document.createElement("script")
+  script.type = "text/javascript";
+  if (script.readyState){  //IE
+    script.onreadystatechange = function(){
+      if (script.readyState == "loaded" ||
+          script.readyState == "complete"){
+        script.onreadystatechange = null;
+        callback();
+      }
+    };
+  } else {  //Others
+    script.onload = function(){
+      callback();
+    };
+  }
+  script.src = url;
+  document.getElementsByTagName("head")[0].appendChild(script);
+}
+if(typeof(jQuery) == 'undefined') {
+  console.log('loading jquery')
+  loadjQuery(main);
+} else {
+  main();
+}

app/views/templates/selects.js.erb

@@ -0,0 +1,84 @@
+var data = <%== @data %>;
+var random_id = (Date.now() + Math.random()).toString().replace('.', '-')
+document.write('<div class="gaia-selects" id="gaia-selects-' + random_id + '"></div>');
+var main = function() {
+  var selects = $('#gaia-selects-' + random_id);
+  var city = $('<select>').attr('id', 'gaia-city-select-' + random_id)
+  var dist = $('<select>').attr('id', 'gaia-dist-select-' + random_id)
+  var zipcode = $('<input type="text">').attr('id', 'gaia-zipcode-' + random_id)
+
+  var script = document.currentScript || selects.parent().find('script')[0];
+  var params = {
+    city_input: script.getAttribute('city-input') || 'city',
+    dist_input: script.getAttribute('dist-input') || 'dist',
+    zipcode_input: script.getAttribute('zipcode-input' || 'zipcode'),
+    zipcode_value: script.getAttribute('zipcode-value' || ''),
+    city_value: script.getAttribute('city-value' || ''),
+    dist_value: script.getAttribute('dist-value' || ''),
+    zipcode_prefix: script.getAttribute('zipcode-prefix'),
+    disable_zipcode: script.getAttribute('disable-zipcode')
+  }
+  city.attr('name', params['city_input']);
+  dist.attr('name', params['dist_input']);
+
+  zipcode.attr('name', params['zipcode_input']);
+  zipcode.val(params['zipcode_value']);
+  zipcode.attr('placeholder', '郵遞區號')
+
+  var selected_city = params['city_value'];
+  var selected_dist = params['dist_value'];
+  var dist_name_with_zipcode = !(params['zipcode_prefix'] == 'false');
+  var disable_zipcode_input = params['disable_zipcode'] == 'true'
+
+  // bind events
+  city.on('change', function() {
+    dist.trigger('reset');
+    if(city.val() == '') return;
+    var cell = data.filter(function(cell) { return cell.city.name == city.val(); })[0];
+    cell.dists.forEach(function(dist_obj) {
+      var text = dist_name_with_zipcode ? dist_obj.zipcode + ' ' + dist_obj.name : dist_obj.name;
+      dist.append($('<option>', {
+        'value': dist_obj.name,
+        'text':  text
+      }).attr('data-zipcode', dist_obj.zipcode));
+    })
+  });
+
+  dist.on('reset', function() {
+    dist.html('<option>請選擇鄉鎮區</option>')
+  });
+
+  dist.on('change', function() {
+    if(disable_zipcode_input || dist.val() == '') return;
+    var zipcode_value = dist.find(':selected').attr('data-zipcode');
+    zipcode.val(zipcode_value);
+  });
+
+  // insert city select
+  city.append('<option>請選擇城市</option>')
+  dist.trigger('reset');
+  data.forEach(function(cell) {
+    var city_name = cell.city.name;
+    var selected = city_name == selected_city;
+    city.append($('<option>', {
+      'value': city_name,
+      'text':  city_name,
+      'selected': selected
+    }));
+    if(selected) {
+      city.trigger('change');
+      if(selected_dist != '') {
+        dist.find('[value=' + selected_dist + ']').attr('selected', true);
+        dist.trigger('change');
+      }
+    }
+  });
+
+  selects.append($('<div>').addClass('gaia-cities').append(city));
+  selects.append($('<div>').addClass('gaia-dists').append(dist));
+  if(!disable_zipcode_input) {
+    selects.append($('<div>').addClass('gaia-zipcode').append(zipcode));
+  }
+  $('#gaia-selects-' + random_id).parent().trigger('gaia-loaded')
+}
+<%= render partial: 'templates/load_jquery' %>