simple_form_custom_inputs 0.0.1 → 0.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 19b3ada295b61b7233df2896ad2db91187cf861d
-  data.tar.gz: 11e3a7394298377fca09e9357111101e63a85dd5
+  metadata.gz: 92c5fb23cce41109af5e9501367ca431e3da28e1
+  data.tar.gz: 979d2579b862e722db590651e8f3511614bd3f93
 SHA512:
-  metadata.gz: 44630a8757ad9581f5643d17f04733fe07141fccb05303e898ff3005167e250575096a3170873b2ebc036f840b8fc8253b1ee8b3c5c665d2d71181e2c52803e8
-  data.tar.gz: 05722a1c0f9d3a03244a6c604ebc6aacb48a9ae4ab5d1297fa43e789fb149592a65093d81daa64dab4972f63bc9dc97de2569cb12361e50673fac362b292f4f1
+  metadata.gz: 1b85643e542e90a2a83fea5f086ca715cb0651f88e5283f209218cce152d4602b00ee894f45cf449947f6f6ccce98bd08a91325390e5320a0e4abfae882db9d2
+  data.tar.gz: be054daae5b8a6c90fd9c1a44a794a5c546122d9c6692bc9f7857ae2ff19847353e5b51c818cb267a17e7b1cded5e1fd06b54f46f696edc7d0e4784530b1e463

data/README.md

@@ -5,8 +5,9 @@
 ## Availables inputs
 
 - [x] Switch/Toggle with Switchery
+- [x] Masked inputs
 - [ ] Datepicker
-- [ ] Datetimepicker 
+- [ ] Datetimepicker
 
 ## Installation
 
@@ -18,6 +19,7 @@ gem 'simple_form_custom_inputs'
 
 source 'https://rails-assets.org' do
   gem 'rails-assets-switchery'
+  gem 'rails-assets-jquery.maskedinput'
 end
 ```
 
@@ -35,6 +37,7 @@ In app/assets/javascripts/application.js, you should add as follows:
 ```js
 //= require ...
 //= require switchery
+//= require jquery.maskedinput
 //= require simple_form_custom_inputs
 //= require ...
 ```
@@ -53,14 +56,20 @@ Basic Example:
   <%= f.input :boolean, as: :switch %>
   ...
 <% end %>
+
+<%= simple_form_for :example do |f| %>
+  ...
+  <%= f.input :phone, as: :masked, input_html: {data: {pattern: '(99) 99999-9999'}} %>
+  ...
+<% end %>
 ```
 
-Want some more customization?
+Want some more customization on Switch?
 
 ```erb
 <%= simple_form_for :example do |f| %>
   ...
-  <%= f.input :boolean, as: :switch, input_html: {data: {color: '#FF0', secondary_color: '#0F0', jack_color: '#FFF', jack_secondary_color: '#000'}} %>
+  <%= f.input :boolean, as: :switch, input_html: {data: {color: '#FF0', secondary_color: '#0F0', jack_color: '#FFF', jack_secondary_color: '#000', size: 'small'}} %>
   ...
 <% end %>
 ```

data/example/Gemfile

@@ -41,6 +41,7 @@ gem 'bootstrap-sass'
 
 source 'https://rails-assets.org' do
   gem 'rails-assets-switchery'
+  gem 'rails-assets-jquery.maskedinput'
 end
 
 group :development, :test do

data/example/Gemfile.lock

@@ -115,6 +115,9 @@ GEM
       railties (= 5.0.2)
       sprockets-rails (>= 2.0.0)
     rails-assets-fastclick (0.6.11)
+    rails-assets-jquery (3.2.1)
+    rails-assets-jquery.maskedinput (1.4.1)
+      rails-assets-jquery (>= 1.8.3)
     rails-assets-switchery (0.8.2)
       rails-assets-fastclick (= 0.6.11)
       rails-assets-transitionize
@@ -190,6 +193,7 @@ DEPENDENCIES
   pry-rails
   puma (~> 3.0)
   rails (~> 5.0.2)
+  rails-assets-jquery.maskedinput!
   rails-assets-switchery!
   sass-rails (~> 5.0)
   simple_form

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

@@ -15,5 +15,6 @@
 //= require bootstrap-sprockets
 //= require turbolinks
 //= require switchery
+//= require jquery.maskedinput
 //= require simple_form_custom_inputs
 //= require_tree .

data/example/app/assets/javascripts/contacts.coffee

@@ -0,0 +1,3 @@
+# Place all the behaviors and hooks related to the matching controller here.
+# All this logic will automatically be available in application.js.
+# You can use CoffeeScript in this file: http://coffeescript.org/

data/example/app/assets/stylesheets/contacts.scss

@@ -0,0 +1,3 @@
+// Place all the styles related to the Contacts controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/

data/example/app/controllers/contacts_controller.rb

@@ -0,0 +1,74 @@
+class ContactsController < ApplicationController
+  before_action :set_contact, only: [:show, :edit, :update, :destroy]
+
+  # GET /contacts
+  # GET /contacts.json
+  def index
+    @contacts = Contact.all
+  end
+
+  # GET /contacts/1
+  # GET /contacts/1.json
+  def show
+  end
+
+  # GET /contacts/new
+  def new
+    @contact = Contact.new
+  end
+
+  # GET /contacts/1/edit
+  def edit
+  end
+
+  # POST /contacts
+  # POST /contacts.json
+  def create
+    @contact = Contact.new(contact_params)
+
+    respond_to do |format|
+      if @contact.save
+        format.html { redirect_to @contact, notice: 'Contact was successfully created.' }
+        format.json { render :show, status: :created, location: @contact }
+      else
+        format.html { render :new }
+        format.json { render json: @contact.errors, status: :unprocessable_entity }
+      end
+    end
+  end
+
+  # PATCH/PUT /contacts/1
+  # PATCH/PUT /contacts/1.json
+  def update
+    respond_to do |format|
+      if @contact.update(contact_params)
+        format.html { redirect_to @contact, notice: 'Contact was successfully updated.' }
+        format.json { render :show, status: :ok, location: @contact }
+      else
+        format.html { render :edit }
+        format.json { render json: @contact.errors, status: :unprocessable_entity }
+      end
+    end
+  end
+
+  # DELETE /contacts/1
+  # DELETE /contacts/1.json
+  def destroy
+    @contact.destroy
+    respond_to do |format|
+      format.html { redirect_to contacts_url, notice: 'Contact was successfully destroyed.' }
+      format.json { head :no_content }
+    end
+  end
+
+  private
+    # Use callbacks to share common setup or constraints between actions.
+    def set_contact
+      @contact = Contact.find(params[:id])
+    end
+
+    # Never trust parameters from the scary internet, only allow the white list through.
+    def contact_params
+      params.require(:contact).permit(:name, :phone, :email)
+    end
+end

data/example/app/helpers/application_helper.rb

@@ -1,2 +1,5 @@
 module ApplicationHelper
+  def br_phone_mask_pattern
+    "(99) 99999-9999"
+  end
 end

data/example/app/helpers/contacts_helper.rb

@@ -0,0 +1,2 @@
+module ContactsHelper
+end

data/example/app/models/contact.rb

@@ -0,0 +1,2 @@
+class Contact < ApplicationRecord
+end

data/example/app/views/contacts/_contact.json.jbuilder

@@ -0,0 +1,2 @@
+json.extract! contact, :id, :name, :phone, :email, :created_at, :updated_at
+json.url contact_url(contact, format: :json)

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

@@ -0,0 +1,13 @@
+<%= simple_form_for(@contact) do |f| %>
+  <%= f.error_notification %>
+
+  <div class="form-inputs">
+    <%= f.input :name %>
+    <%= f.input :phone, as: :masked, input_html: {data: {pattern: br_phone_mask_pattern}} %>
+    <%= f.input :email %>
+  </div>
+
+  <div class="form-actions">
+    <%= f.button :submit %>
+  </div>
+<% end %>

data/example/app/views/contacts/edit.html.erb

@@ -0,0 +1,6 @@
+<h1>Editing Contact</h1>
+
+<%= render 'form', contact: @contact %>
+
+<%= link_to 'Show', @contact %> |
+<%= link_to 'Back', contacts_path %>

data/example/app/views/contacts/index.html.erb

@@ -0,0 +1,31 @@
+<p id="notice"><%= notice %></p>
+
+<h1>Contacts</h1>
+
+<table>
+  <thead>
+    <tr>
+      <th>Name</th>
+      <th>Phone</th>
+      <th>Email</th>
+      <th colspan="3"></th>
+    </tr>
+  </thead>
+
+  <tbody>
+    <% @contacts.each do |contact| %>
+      <tr>
+        <td><%= contact.name %></td>
+        <td><%= contact.phone %></td>
+        <td><%= contact.email %></td>
+        <td><%= link_to 'Show', contact %></td>
+        <td><%= link_to 'Edit', edit_contact_path(contact) %></td>
+        <td><%= link_to 'Destroy', contact, method: :delete, data: { confirm: 'Are you sure?' } %></td>
+      </tr>
+    <% end %>
+  </tbody>
+</table>
+
+<br>
+
+<%= link_to 'New Contact', new_contact_path %>

data/example/app/views/contacts/index.json.jbuilder

@@ -0,0 +1 @@
+json.array! @contacts, partial: 'contacts/contact', as: :contact

data/example/app/views/contacts/new.html.erb

@@ -0,0 +1,5 @@
+<h1>New Contact</h1>
+
+<%= render 'form', contact: @contact %>
+
+<%= link_to 'Back', contacts_path %>

data/example/app/views/contacts/show.html.erb

@@ -0,0 +1,19 @@
+<p id="notice"><%= notice %></p>
+
+<p>
+  <strong>Name:</strong>
+  <%= @contact.name %>
+</p>
+
+<p>
+  <strong>Phone:</strong>
+  <%= @contact.phone %>
+</p>
+
+<p>
+  <strong>Email:</strong>
+  <%= @contact.email %>
+</p>
+
+<%= link_to 'Edit', edit_contact_path(@contact) %> |
+<%= link_to 'Back', contacts_path %>

data/example/app/views/contacts/show.json.jbuilder

@@ -0,0 +1 @@
+json.partial! "contacts/contact", contact: @contact

data/example/config/routes.rb

@@ -1,4 +1,5 @@
 Rails.application.routes.draw do
+  resources :contacts
   resources :posts
   # For details on the DSL available within this file, see http://guides.rubyonrails.org/routing.html
 end

data/example/db/migrate/20170427040213_create_contacts.rb

@@ -0,0 +1,11 @@
+class CreateContacts < ActiveRecord::Migration[5.0]
+  def change
+    create_table :contacts do |t|
+      t.string :name
+      t.string :phone
+      t.string :email
+
+      t.timestamps
+    end
+  end
+end

data/example/db/schema.rb

@@ -10,7 +10,15 @@
 #
 # It's strongly recommended that you check this file into your version control system.
 
-ActiveRecord::Schema.define(version: 20170427011041) do
+ActiveRecord::Schema.define(version: 20170427040213) do
+
+  create_table "contacts", force: :cascade do |t|
+    t.string   "name"
+    t.string   "phone"
+    t.string   "email"
+    t.datetime "created_at", null: false
+    t.datetime "updated_at", null: false
+  end
 
   create_table "posts", force: :cascade do |t|
     t.string   "title"

data/example/test/controllers/contacts_controller_test.rb

@@ -0,0 +1,48 @@
+require 'test_helper'
+
+class ContactsControllerTest < ActionDispatch::IntegrationTest
+  setup do
+    @contact = contacts(:one)
+  end
+
+  test "should get index" do
+    get contacts_url
+    assert_response :success
+  end
+
+  test "should get new" do
+    get new_contact_url
+    assert_response :success
+  end
+
+  test "should create contact" do
+    assert_difference('Contact.count') do
+      post contacts_url, params: { contact: { email: @contact.email, name: @contact.name, phone: @contact.phone } }
+    end
+
+    assert_redirected_to contact_url(Contact.last)
+  end
+
+  test "should show contact" do
+    get contact_url(@contact)
+    assert_response :success
+  end
+
+  test "should get edit" do
+    get edit_contact_url(@contact)
+    assert_response :success
+  end
+
+  test "should update contact" do
+    patch contact_url(@contact), params: { contact: { email: @contact.email, name: @contact.name, phone: @contact.phone } }
+    assert_redirected_to contact_url(@contact)
+  end
+
+  test "should destroy contact" do
+    assert_difference('Contact.count', -1) do
+      delete contact_url(@contact)
+    end
+
+    assert_redirected_to contacts_url
+  end
+end

data/example/test/fixtures/contacts.yml

@@ -0,0 +1,11 @@
+# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
+
+one:
+  name: MyString
+  phone: MyString
+  email: MyString
+
+two:
+  name: MyString
+  phone: MyString
+  email: MyString

data/example/test/models/contact_test.rb

@@ -0,0 +1,7 @@
+require 'test_helper'
+
+class ContactTest < ActiveSupport::TestCase
+  # test "the truth" do
+  #   assert true
+  # end
+end

data/lib/simple_form_custom_inputs/simple_form/masked_input.rb

@@ -0,0 +1,7 @@
+class MaskedInput < SimpleForm::Inputs::StringInput
+  def input(wrapper_options)
+    input_html_options[:data] ||= {}
+    input_html_options[:class] << 'masked'
+    super
+  end
+end

data/lib/simple_form_custom_inputs/version.rb

@@ -1,3 +1,3 @@
 module SimpleFormCustomInputs
-  VERSION = "0.0.1"
+  VERSION = "0.0.2"
 end

data/lib/simple_form_custom_inputs.rb

@@ -1,6 +1,7 @@
 require "simple_form_custom_inputs/version"
 
 autoload :SwitchInput, "simple_form_custom_inputs/simple_form/switch_input"
+autoload :MaskedInput, "simple_form_custom_inputs/simple_form/masked_input"
 
 module SimpleFormCustomInputs
   class Engine < ::Rails::Engine; end

data/vendor/assets/javascripts/simple_form_custom_inputs.js

@@ -11,8 +11,15 @@ var initSwitchery = function() {
   }
 }
 
+var initMasks = function() {
+  var input = $('.masked input');
+  var pattern = input.data('pattern');
+  input.mask(pattern);
+}
+
 var ready = function() {
   initSwitchery();
+  initMasks();
 };
 
 if (typeof Turbolinks == "undefined") {

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: simple_form_custom_inputs
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2
 platform: ruby
 authors:
 - Marcelo Barreto
@@ -61,22 +61,35 @@ files:
 - example/app/assets/javascripts/application.js
 - example/app/assets/javascripts/cable.js
 - example/app/assets/javascripts/channels/.keep
+- example/app/assets/javascripts/contacts.coffee
 - example/app/assets/javascripts/posts.coffee
 - example/app/assets/stylesheets/application.scss
+- example/app/assets/stylesheets/contacts.scss
 - example/app/assets/stylesheets/posts.scss
 - example/app/assets/stylesheets/scaffolds.scss
 - example/app/channels/application_cable/channel.rb
 - example/app/channels/application_cable/connection.rb
 - example/app/controllers/application_controller.rb
 - example/app/controllers/concerns/.keep
+- example/app/controllers/contacts_controller.rb
 - example/app/controllers/posts_controller.rb
 - example/app/helpers/application_helper.rb
+- example/app/helpers/contacts_helper.rb
 - example/app/helpers/posts_helper.rb
 - example/app/jobs/application_job.rb
 - example/app/mailers/application_mailer.rb
 - example/app/models/application_record.rb
 - example/app/models/concerns/.keep
+- example/app/models/contact.rb
 - example/app/models/post.rb
+- example/app/views/contacts/_contact.json.jbuilder
+- example/app/views/contacts/_form.html.erb
+- example/app/views/contacts/edit.html.erb
+- example/app/views/contacts/index.html.erb
+- example/app/views/contacts/index.json.jbuilder
+- example/app/views/contacts/new.html.erb
+- example/app/views/contacts/show.html.erb
+- example/app/views/contacts/show.json.jbuilder
 - example/app/views/layouts/application.html.erb
 - example/app/views/layouts/mailer.html.erb
 - example/app/views/layouts/mailer.text.erb
@@ -122,6 +135,7 @@ files:
 - example/config/secrets.yml
 - example/config/spring.rb
 - example/db/migrate/20170427011041_create_posts.rb
+- example/db/migrate/20170427040213_create_contacts.rb
 - example/db/schema.rb
 - example/db/seeds.rb
 - example/lib/assets/.keep
@@ -136,20 +150,24 @@ files:
 - example/public/favicon.ico
 - example/public/robots.txt
 - example/test/controllers/.keep
+- example/test/controllers/contacts_controller_test.rb
 - example/test/controllers/posts_controller_test.rb
 - example/test/fixtures/.keep
+- example/test/fixtures/contacts.yml
 - example/test/fixtures/files/.keep
 - example/test/fixtures/posts.yml
 - example/test/helpers/.keep
 - example/test/integration/.keep
 - example/test/mailers/.keep
 - example/test/models/.keep
+- example/test/models/contact_test.rb
 - example/test/models/post_test.rb
 - example/test/test_helper.rb
 - example/tmp/.keep
 - example/vendor/assets/javascripts/.keep
 - example/vendor/assets/stylesheets/.keep
 - lib/simple_form_custom_inputs.rb
+- lib/simple_form_custom_inputs/simple_form/masked_input.rb
 - lib/simple_form_custom_inputs/simple_form/switch_input.rb
 - lib/simple_form_custom_inputs/version.rb
 - screenshot.png