autocomplete_zipcode 0.1.1 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: dcba0f183cd507240edbdf8339df464e59f45b72
-  data.tar.gz: 196b2ca58e9871903acfd9c66aac2df6caa4ca0f
+  metadata.gz: 80a0dae6b23729364949a833b8072dbfaa75a587
+  data.tar.gz: 955c6d77c5efb151d998e2ec17f2b73f88d2bd29
 SHA512:
-  metadata.gz: bb922c16004b3de26cde88f3bd3de274cb07a1eaf31debc5a8abb82728e963977effc7fa0eee7e4c6449927fcfb2c5708d6f87fd97e8a511957903b23c5f30ae
-  data.tar.gz: d7de550a5b1ea2982e873fe6e7dfd2f0816f2e7e87fd30b364b7dd483e51cdb21d98a6e2e9d4654e2121689aff655f24d4577ce485acd5e93622eb8232ffec8d
+  metadata.gz: c690142e7826bfdd683ff77833801ea46c6bfcab0360373bae7991809845f2039e5bb125173d20d03cecf98d417f1a696f8d8f523923c320b2f6034c1b1479b4
+  data.tar.gz: 74b0616c607da31c3dc02f5c47b56808161de998ddf4314a6c1792556c339bd6b95f49f6744f52b690bfce14fa05523830e8b2345e89608f51955d86a39a28ba

data/README.md

@@ -0,0 +1,75 @@
+# AutocompleteZipcode
+
+This gem was built to "automagically" fills an address form, for Rails version >= 3.1.
+
+
+## Installation
+
+Add the following gems to your application's Gemfile:
+
+```ruby
+gem 'autocomplete_zipcode'
+```
+
+And then execute:
+
+```bash
+$ bundle install
+```
+
+## Usage
+
+In app/assets/javascripts/application.js, you should add as follows:
+
+```js
+//= require ...
+//= require autocomplete_zipcode
+//= require ...
+```
+
+Basic Example:
+
+```erb
+<%= simple_form_for :example do | f | %>
+  ...
+  <%= f.input :zipcode, as: :zipcode %>
+  <%= f.input :street, as: :street %>
+  <%= f.input :neighborhood, as: :neighborhood %>
+  <%= f.input :city, as: :city %>
+  <%= f.input :state, as: :state %>
+  ...
+<% end %>
+```
+
+If you are not using simple_form, then simply add the `data-provider="zipcode"` and the other fields name to the input field yourself.
+
+```erb
+<%= form_for :example do | f | %>
+  ...
+  <%= f.text_field :zipcode, data: {provider: :zipcode} %>
+  <%= f.text_field :street, data: {provider: :street}  %>
+  ...
+<% end %>
+```
+
+## Handle invalid zipcodes
+
+Simply add an event listener callback to `zipcode.error`, for example:
+
+```js
+document.addEventListener('zipcode.error', function(e) {
+  alert('Invalid zipcode!!!')
+});
+```
+
+## Sample projects
+
+For an example, take a look at the `example` folder in this repository.
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/example/Gemfile.lock

@@ -1,8 +1,7 @@
 PATH
   remote: ..
   specs:
-    autocomplete_zipcode (0.0.1)
-      rails-assets-jquery
+    autocomplete_zipcode (0.1.1)
 
 GEM
   remote: https://rubygems.org/
@@ -102,7 +101,6 @@ GEM
       bundler (>= 1.3.0, < 2.0)
       railties (= 5.0.2)
       sprockets-rails (>= 2.0.0)
-    rails-assets-jquery (3.2.1)
     rails-dom-testing (2.0.2)
       activesupport (>= 4.2.0, < 6.0)
       nokogiri (~> 1.6)

data/example/app/assets/javascripts/application.js

@@ -15,3 +15,12 @@
 //= require turbolinks
 //= require autocomplete_zipcode
 //= require_tree .
+
+$(document).on("turbolinks:load", function() {
+  document.addEventListener('zipcode.error', function(e) {
+    $('#error').show()
+    setTimeout(function() {
+      $('#error').fadeOut(1000);
+    }, 5000);
+  });
+})

data/example/app/views/addresses/_form.html.erb

@@ -5,6 +5,7 @@
 
   <div class="form-inputs">
     <%= f.input :zipcode, as: :zipcode %>
+    <small style="display: none;" id="error">Error - Invalid zipcode</small>
     <%= f.input :street, as: :street %>
     <%= f.input :neighborhood, as: :neighborhood %>
     <%= f.input :city, as: :city %>

data/lib/autocomplete_zipcode/version.rb

@@ -1,3 +1,3 @@
 module AutocompleteZicode
-  VERSION = "0.1.1"
+  VERSION = "0.1.2"
 end

data/vendor/assets/javascripts/autocomplete_zipcode.js

@@ -1,11 +1,16 @@
 var ready = function() {
   zipcode_input = $('[data-provider="zipcode"]')
   zipcode_input.keyup(function(e){
-    var zipcode = $('[data-provider="zipcode"]').val().replace(/[^0-9]/g, '');
+    var zipcode = zipcode_input.val().replace(/[^0-9]/g, '');
     if(zipcode.length == 8) {
       $.get('http://viacep.com.br/ws/'+ zipcode +'/json/').then(function(response) {
+        if (response.erro) {
+          var event = new Event('zipcode.error');
+
+          document.dispatchEvent(event);
+        }
+
         var inputs = {
-          // zipcode: 'cep',
           street: 'logradouro',
           neighborhood: 'bairro',
           city: 'localidade',
@@ -20,5 +25,8 @@ var ready = function() {
   })
 };
 
-$(document).ready(ready);
-$(document).on("turbolinks:load", ready);
+if (typeof Turbolinks == "undefined") {
+  $(document).ready(ready);
+} else {
+  $(document).on("turbolinks:load", ready);
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: autocomplete_zipcode
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.2
 platform: ruby
 authors:
 - Marcelo Barreto