materialize-form 1.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: cdaf2105045472d1045a4ec988cd4722df95dc3e
+  data.tar.gz: bad3b60d4a033e73f253f46df2bc2db305df3d9c
+SHA512:
+  metadata.gz: 0371fe4fa05f1216f0e02ab31982ac3240b638bd50c4da3685ad12b3f3f3c7d270e5fd719f921279f863186bba4a75973381a3bae5c8218d5465995ca79e528e
+  data.tar.gz: dcd7eb1c75b89f01d394e790ab0f2e3eb631691f1adaf43dfca6849dc696547261a7b7b45c9bbf60a7f8954060888888d59aaa1d3c13457fc4d4dcfb2aba3ed5

data/.gitignore

@@ -0,0 +1,9 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/

data/.rspec

@@ -0,0 +1,2 @@
+--format documentation
+--color

data/.travis.yml

@@ -0,0 +1,5 @@
+sudo: false
+language: ruby
+rvm:
+  - 2.2.3
+before_install: gem install bundler -v 1.12.3

data/CODE_OF_CONDUCT.md

@@ -0,0 +1,49 @@
+# Contributor Code of Conduct
+
+As contributors and maintainers of this project, and in the interest of
+fostering an open and welcoming community, we pledge to respect all people who
+contribute through reporting issues, posting feature requests, updating
+documentation, submitting pull requests or patches, and other activities.
+
+We are committed to making participation in this project a harassment-free
+experience for everyone, regardless of level of experience, gender, gender
+identity and expression, sexual orientation, disability, personal appearance,
+body size, race, ethnicity, age, religion, or nationality.
+
+Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery
+* Personal attacks
+* Trolling or insulting/derogatory comments
+* Public or private harassment
+* Publishing other's private information, such as physical or electronic
+  addresses, without explicit permission
+* Other unethical or unprofessional conduct
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+By adopting this Code of Conduct, project maintainers commit themselves to
+fairly and consistently applying these principles to every aspect of managing
+this project. Project maintainers who do not follow or enforce the Code of
+Conduct may be permanently removed from the project team.
+
+This code of conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community.
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting a project maintainer at fwzjames@gmail.com. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. Maintainers are
+obligated to maintain confidentiality with regard to the reporter of an
+incident.
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage],
+version 1.3.0, available at
+[http://contributor-covenant.org/version/1/3/0/][version]
+
+[homepage]: http://contributor-covenant.org
+[version]: http://contributor-covenant.org/version/1/3/0/

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in materialize-form.gemspec
+gemspec

data/README.md

@@ -0,0 +1,138 @@
+# Materialize::Form
+
+This is a generator gem for [SimpleForm](https://github.com/plataformatec/simple_form) to make it works with [MaterializeCSS](http://materializecss.com/).
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'simple_form', "~> 3.2.1"
+gem 'materialize-sass', "~> 0.97.6"
+gem 'materialize-form'
+```
+
+And then run the bundler and restart your server to make the files available through the pipeline:
+```console
+$ bundle install
+```
+
+Run the generator:
+```console
+$ rails generate simple_form:materialize:install
+```
+
+Import Materialize Form javascript in `app/assets/javascripts/application.js`:
+
+```js
+//= require jquery
+//= require materialize-sprockets
+//= require materialize-form
+
+$(document).ready(function() {
+  window.materializeForm.init()
+});
+```
+
+Import Materialize styles in `app/assets/stylesheets/application.scss`:
+
+```scss
+@import "materialize";
+```
+
+**NOTE:** If you have just generated a new Rails application, it  may come with a `.css` file instead. If this file exists, it will be served instead of Sass, so remove it.
+
+```console
+$ rm app/assets/stylesheets/application.css
+```
+
+## Usage
+### Assume you are using SLIM
+
+To start using Materialize Form you just have to use the helper it provides:
+
+```slim
+= simple_form_for @user do |f|  
+  .row
+    = f.input :name, wrapper_html: { class: 'm6 s12' }
+
+  = f.button :submit
+```
+
+#### Selectbox
+
+```slim
+  = f.input :gender, include_blank: 'Select your gender', wrapper_html: { class: 'm6 s12' }
+```
+
+#### File Input
+
+File input will be generated automatically if the type of the field is attachment.
+
+```slim
+  = f.input :avatar, wrapper_html: { class: 'm6 s12' }
+```
+
+#### Date Input
+
+Date picker will be generated automatically if the type of the field is date.
+
+```slim
+  = f.input :dob, wrapper_html: { class: 'm6 s12' }
+```
+
+#### Checkboxes
+```slim
+  = f.input :hobbies, as: :check_boxes, wrapper_html: { class: 'm6 s12' }
+```
+
+#### Multi-Selectbox
+```slim
+  = f.input :hobbies,  include_blank: 'What are your hobbies?', wrapper_html: { class: 'm6 s12' }
+```
+
+#### Toggle Boolean
+```slim
+  = f.input :featured, wrapper_html: { class: 'm6 s12' }
+```
+
+#### Boolean
+```slim
+  = f.input :featured, wrapper: :materialize_boolean, wrapper_html: { class: 'm6 s12 ' }
+```
+
+#### Radio Buttons
+```slim
+  = f.input :featured, as: :radio_buttons, wrapper_html: { class: 'm6 s12' }
+```
+
+## Working with [Nested Form](https://github.com/ryanb/nested_form)
+
+In `app/assets/javascripts/application.js`:
+
+```js
+$(document).on('nested:fieldAdded', function(event){
+  window.materializeForm.init()
+})
+```
+
+# Example:
+```slim
+= simple_nested_form_for @category do |category_form|  
+  .row
+    = category_form.input :title, wrapper_html: { class: 'm6 s12' }
+    = category_form.input :picture, wrapper_html: { class: 'm6 s12' }
+
+  #articles.row
+    = category_form.simple_fields_for :articles do |article_form|
+      .col.s12.m6
+        .row
+          = article_form.input :title, wrapper_html: { class: 'm6 s12'' }
+          = article_form.input :picture, wrapper_html: { class: 'm6 s12'' }
+        .row
+          = article_form.input :content, wrapper_html: { class: 's12' }
+
+  .right-align
+    = category_form.link_to_add "Add an article", :articles, class: 'btn', data: {target: "#articles"}
+  = category_form.button :submit
+```

data/Rakefile

@@ -0,0 +1,6 @@
+require "bundler/gem_tasks"
+require "rspec/core/rake_task"
+
+RSpec::Core::RakeTask.new(:spec)
+
+task :default => :spec

data/app/assets/javascripts/materialize-form.js

@@ -0,0 +1,20 @@
+window.materializeForm = {
+  init: function() {
+    this.initSelect()
+    this.initCheckbox()
+    this.initDate()  
+  },
+  initSelect: function() {
+    $('select[multiple="multiple"] option[value=""]').attr('disabled', true)
+    $('select').material_select()
+  },
+  initCheckbox: function() {
+    $('input[type=checkbox]').addClass('filled-in')
+  },
+  initDate: function() {
+    $('input.date').pickadate({
+      selectMonths: true, 
+      selectYears: 100
+    });
+  }
+}

data/app/inputs/date_time_input.rb

@@ -0,0 +1,6 @@
+class DateTimeInput < SimpleForm::Inputs::Base
+  def input(wrapper_options)
+    input_html_options[:class] << "form-control"
+    @builder.text_field(attribute_name, input_html_options)
+  end
+end

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "materialize/form"
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require "irb"
+IRB.start

data/bin/setup

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/config/initializers/simple_form/tags_component.rb

@@ -0,0 +1,21 @@
+module SimpleForm
+  module Components
+    # Needs to be enabled in order to do automatic lookups
+    module Tags
+      # Name of the component method
+      def tag(wrapper_options = nil)
+        merged_input_options = merge_wrapper_options(input_html_options, wrapper_options)
+
+        text = merged_input_options[:text] == :label_text ? label_text : merged_input_options[:text]
+        content_tag(merged_input_options[:tag], text, merged_input_options)
+      end
+
+      # Used when the number is optional
+      def has_tag?
+        tag.present?
+      end
+    end
+  end
+end
+
+SimpleForm::Inputs::Base.send(:include, SimpleForm::Components::Tags)

data/lib/generators/simple_form/materialize/USAGE

@@ -0,0 +1,6 @@
+Description:
+    Generates initialiser file for SimpleForm to configure with Materialize-Sass gem.
+    Also generates a module to be included to SimpleForm::Inputs::Base so that Materialize Character Count feature works
+
+Example:
+    rails generate simple_form:materialize:install

data/lib/generators/simple_form/materialize/install_generator.rb

@@ -0,0 +1,14 @@
+module SimpleForm
+  module Materialize
+    module Generators
+      class InstallGenerator < Rails::Generators::Base
+        source_root File.expand_path('../templates', __FILE__)
+        desc "Creates an initializer file at config/initializers/materialize-form. Which is used to configure SimpleForm to be used in conjunction with MaterializeSass. Also adds a length component which is used for Character Count feature."
+
+        def create_initializer_file
+          template "config/initializers/simple_form_materialize.rb"
+        end
+      end
+    end
+  end
+end

data/lib/generators/simple_form/materialize/templates/config/initializers/simple_form_materialize.rb

@@ -0,0 +1,108 @@
+# Use this setup block to configure all options available in SimpleForm.
+SimpleForm.setup do |config|
+  config.error_notification_class = 'alert alert-danger'
+  config.button_class = 'btn'
+  config.boolean_label_class = nil
+  config.boolean_style = :inline
+  config.item_wrapper_tag = :p
+
+  config.wrappers :materialize_form, tag: 'div', class: 'input-field col', error_class: 'has-error' do |b|
+    b.use :html5
+    b.use :placeholder
+    b.optional :maxlength
+    b.optional :pattern
+    b.optional :min_max
+    b.optional :readonly
+    b.use :input
+    b.use :label
+    b.use :error, wrap_with: { tag: 'small', class: 'error-block red-text text-darken-1' }
+    b.use :hint,  wrap_with: { tag: 'span', class: 'help-block' }
+  end
+
+  config.wrappers :materialize_text, tag: 'div', class: 'input-field col', error_class: 'has-error' do |b|
+    b.use :html5
+    b.use :placeholder
+    b.optional :maxlength
+    b.optional :pattern
+    b.optional :min_max
+    b.optional :readonly
+    b.use :input, class: 'materialize-textarea' 
+    b.use :label
+    b.use :error, wrap_with: { tag: 'small', class: 'error-block red-text text-darken-1' }
+    b.use :hint,  wrap_with: { tag: 'span', class: 'help-block' }
+  end
+
+  config.wrappers :materialize_boolean, tag: 'p', class: 'col', error_class: 'has-error' do |b|
+    b.use :html5
+    b.optional :readonly
+
+    b.use :input
+    b.use :label
+    b.use :error, wrap_with: { tag: 'small', class: 'error-block red-text text-darken-1' }
+    b.use :hint,  wrap_with: { tag: 'span', class: 'help-block' }
+  end
+
+  config.wrappers :materialize_toggle, tag: 'p', class: 'col switch', error_class: 'has-error' do |b|
+    b.use :html5
+    b.optional :readonly
+
+    b.use :label
+    b.wrapper tag: 'label' do |ba| 
+      ba.use :input
+      ba.use :tag, tag: 'span', class: 'lever'
+    end
+    
+    b.use :error, wrap_with: { tag: 'small', class: 'error-block red-text text-darken-1' }
+    b.use :hint,  wrap_with: { tag: 'span', class: 'help-block' }
+  end
+
+  config.wrappers :materialize_radio_and_checkboxes, tag: 'div', class: 'col', error_class: 'has-error' do |b|
+    b.use :html5
+    b.optional :readonly
+    b.use :label
+    b.use :input
+    b.use :error, wrap_with: { tag: 'small', class: 'error-block red-text text-darken-1' }
+    b.use :hint,  wrap_with: { tag: 'span', class: 'help-block' }
+  end
+
+  config.wrappers :materialize_file_input, tag: 'div', class: 'file-field input-field col', error_class: 'has-error' do |b|
+    b.use :html5
+
+    b.wrapper tag: :div, class: 'btn' do |ba| 
+      ba.use :tag, tag: :span, text: :label_text
+      ba.use :input
+    end
+
+    b.wrapper tag: :div, class: 'file-path-wrapper' do |ba|
+      ba.use :tag, tag: :input, class: 'file-path validate', type: 'text', placeholder: 'Browse...'
+    end
+
+    b.use :error, wrap_with: { tag: 'small', class: 'error-block red-text text-darken-1' }
+    b.use :hint,  wrap_with: { tag: 'span', class: 'help-block' }
+  end
+
+  config.wrappers :materialize_multiple_file_input, tag: 'div', class: 'file-field input-field col', error_class: 'has-error' do |b|
+    b.use :html5
+    
+    b.wrapper tag: :div, class: 'btn' do |ba| 
+      ba.use :tag, tag: :span, text: :label_text
+      ba.use :input, multiple: true
+    end
+
+    b.wrapper tag: :div, class: 'file-path-wrapper' do |ba|
+      ba.use :tag, tag: :input, class: 'file-path validate', type: 'text', placeholder: 'Upload one or more files'
+    end
+
+    b.use :error, wrap_with: { tag: 'small', class: 'error-block red-text text-darken-1' }
+    b.use :hint,  wrap_with: { tag: 'span', class: 'help-block' }
+  end
+
+  config.default_wrapper = :materialize_form
+  config.wrapper_mappings = {
+    text: :materialize_text,
+    check_boxes: :materialize_radio_and_checkboxes,
+    radio_buttons: :materialize_radio_and_checkboxes,
+    file: :materialize_file_input,
+    boolean: :materialize_toggle
+  }
+end

data/lib/materialize/form.rb

@@ -0,0 +1,73 @@
+require "materialize/form/version"
+
+module Materialize
+  module Form
+    # give credit to bootstrap-sass
+    class << self
+
+      def load!
+        #register_compass_extension if compass?
+        if rails?
+          register_rails_engine
+        elsif sprockets?
+          register_sprockets
+        end
+        configure_sass
+      end
+
+      # Paths
+      def gem_path
+        @gem_path ||= File.expand_path '..', File.dirname(__FILE__)
+      end
+
+      def stylesheets_path
+        File.join assets_path, 'stylesheets'
+      end
+
+      def fonts_path
+        File.join assets_path, 'fonts'
+      end
+
+      def javascripts_path
+        File.join assets_path, 'javascripts'
+      end
+
+      def assets_path
+        @assets_path ||= File.join gem_path, 'app/assets'
+      end
+
+      # Environment detection helpers
+      def sprockets?
+        defined?(::Sprockets)
+      end
+
+      #def compass?
+      #  defined?(::Compass)
+      #end
+
+      def rails?
+        defined?(::Rails)
+      end
+
+      private
+
+      def configure_sass
+        require 'sass'
+        ::Sass.load_paths << stylesheets_path
+      end
+
+      def register_rails_engine
+        require 'materialize/form/engine'
+      end
+
+      def register_sprockets
+        Sprockets.append_path(stylesheets_path)
+        Sprockets.append_path(fonts_path)
+        Sprockets.append_path(javascripts_path)
+      end
+
+    end
+  end
+end
+
+Materialize::Form.load!

data/lib/materialize/form/engine.rb

@@ -0,0 +1,11 @@
+module Materialize
+  module Form
+    class Engine < ::Rails::Engine
+      initializer 'materialize-form.assets.precompile' do |app|
+        %w(stylesheets javascripts fonts images).each do |sub|
+          app.config.assets.paths << root.join('app/assets', sub).to_s
+        end
+      end
+    end
+  end
+end

data/lib/materialize/form/version.rb

@@ -0,0 +1,5 @@
+module Materialize
+  module Form
+    VERSION = "1.0.1"
+  end
+end

data/materialize-form.gemspec

@@ -0,0 +1,24 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'materialize/form/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "materialize-form"
+  spec.version       = Materialize::Form::VERSION
+  spec.authors       = ["James La"]
+  spec.email         = ["jamesla0604@gmail.com"]
+
+  spec.summary       = "Materialize + SimpleForm."
+  spec.description   = "This gem includes a generator for SimpleForm configuration with Materialize. It also includes custom inputs for materialize."
+  spec.homepage      = "http://materialize-form.herokuapp.com/users/new"
+
+  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.12"
+  spec.add_development_dependency "rake", "~> 10.0"
+  spec.add_development_dependency "rspec", "~> 3.0"
+end

metadata

@@ -0,0 +1,106 @@
+--- !ruby/object:Gem::Specification
+name: materialize-form
+version: !ruby/object:Gem::Version
+  version: 1.0.1
+platform: ruby
+authors:
+- James La
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2016-05-27 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.12'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.12'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+description: This gem includes a generator for SimpleForm configuration with Materialize.
+  It also includes custom inputs for materialize.
+email:
+- jamesla0604@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".rspec"
+- ".travis.yml"
+- CODE_OF_CONDUCT.md
+- Gemfile
+- README.md
+- Rakefile
+- app/assets/javascripts/materialize-form.js
+- app/inputs/date_time_input.rb
+- bin/console
+- bin/setup
+- config/initializers/simple_form/tags_component.rb
+- lib/generators/simple_form/materialize/USAGE
+- lib/generators/simple_form/materialize/install_generator.rb
+- lib/generators/simple_form/materialize/templates/config/initializers/simple_form_materialize.rb
+- lib/materialize/form.rb
+- lib/materialize/form/engine.rb
+- lib/materialize/form/version.rb
+- materialize-form-1.0.0.gem
+- materialize-form.gemspec
+homepage: http://materialize-form.herokuapp.com/users/new
+licenses: []
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.6.4
+signing_key: 
+specification_version: 4
+summary: Materialize + SimpleForm.
+test_files: []