wcc-styles 0.1.0

data/lib/wcc/styles/helpers.rb

@@ -0,0 +1,11 @@
+module WCC::Styles::Helpers
+
+  def show_field_errors(model, field)
+    if model.errors[field].present?
+      content_tag(:div, class: "invalid-error") do
+        model.errors[field].to_sentence
+      end
+    end
+  end
+
+end

data/lib/wcc/styles/simple_form.rb

@@ -0,0 +1,102 @@
+require 'wcc/styles/simple_form/asset_input'
+require 'wcc/styles/simple_form/time_picker_input'
+require 'wcc/styles/simple_form/date_picker_input'
+require 'wcc/styles/simple_form/historical_date_input'
+
+SimpleForm::FormBuilder.map_type :date, to: WCC::Styles::SimpleForm::DatePickerInput
+SimpleForm::FormBuilder.map_type :datetime, :time, to: WCC::Styles::SimpleForm::TimePickerInput
+
+SimpleForm.setup do |config|
+  config.button_class = 'button'
+  config.boolean_label_class = nil if config.respond_to?(:boolean_label_class=)
+  config.boolean_style = :inline
+  config.item_wrapper_tag = :div
+  config.label_text = lambda { |label, required, explicit_label| "#{label.to_s.titleize}" }
+  config.default_form_class = "simple_form row"
+  config.browser_validations = false
+
+  config.wrappers :watermark,
+    tag: 'div',
+    class: 'field-group',
+    error_class: 'invalid' do |b|
+
+    b.use :html5
+    b.use :min_max
+    b.use :maxlength
+    b.use :placeholder
+
+    b.optional :pattern
+    b.optional :readonly
+
+    b.use :label_input
+    b.use :error, wrap_with: { tag: 'div', class: 'field-help text-danger' }
+    b.use :hint,  wrap_with: { tag: 'div', class: 'field-help' }
+  end
+
+  config.wrappers :watermark_radio_buttons,
+    tag: 'div',
+    class: 'field-group radio-buttons',
+    error_class: :invalid do |b|
+
+    b.use :html5
+    b.optional :readonly
+
+    b.use :label, wrap_with: { tag: 'div', class: 'radio-heading' }
+    b.use :input
+    b.use :error, wrap_with: { tag: 'div', class: 'field-help text-danger' }
+    b.use :hint,  wrap_with: { tag: 'div', class: 'field-help' }
+  end
+
+  config.wrappers :watermark_boolean,
+    tag: 'div',
+    class: 'field-group boolean' do |b|
+
+    b.use :html5
+
+    b.wrapper class: 'checkbox', error_class: 'invalid' do |ba|
+      ba.use :input
+      ba.use :label
+    end
+    b.use :error, wrap_with: { tag: 'div', class: 'field-help text-danger' }
+    b.use :hint,  wrap_with: { tag: 'div', class: 'field-help' }
+
+  end
+
+  config.wrappers :watermark_check_boxes,
+    tag: 'div',
+    class: 'field-group checkboxes',
+    error_class: 'invalid' do |b|
+
+    b.use :html5
+
+    b.use :label, wrap_with: { tag: 'div', class: 'checkbox-heading' }
+    b.use :input
+    b.use :error, wrap_with: { tag: 'div', class: 'field-help text-danger' }
+    b.use :hint,  wrap_with: { tag: 'div', class: 'field-help' }
+  end
+
+  config.wrappers :watermark_select,
+    tag: 'div',
+    class: 'field-group select',
+    error_class: 'invalid' do |b|
+
+    b.use :html5
+
+    b.use :label
+    b.use :input, wrap_with: { tag: 'div', class: 'select-style selectize' }
+    b.use :error, wrap_with: { tag: 'div', class: 'field-help text-danger' }
+    b.use :hint,  wrap_with: { tag: 'div', class: 'field-help' }
+  end
+
+  config.default_wrapper = :watermark
+
+  config.wrapper_mappings = {
+    check_boxes: :watermark_check_boxes,
+    radio_buttons: :watermark_radio_buttons,
+    select: :watermark_select,
+    boolean: :watermark_boolean,
+  }
+
+  config.custom_inputs_namespaces << "WCC::Styles::SimpleForm"
+end
+

data/lib/wcc/styles/simple_form/asset_input.rb

@@ -0,0 +1,46 @@
+module WCC::Styles::SimpleForm
+  class AssetInput < SimpleForm::Inputs::Base
+
+    def input(wrapper_options=nil)
+      merged_input_options = merge_wrapper_options(input_html_options, wrapper_options)
+      field = object.class.tessa_fields[attribute_name]
+
+      template.content_tag(
+        :div,
+        hidden_fields_for(object.public_send(attribute_name)),
+        "class" => "tessa-upload dropzone #{"multiple" if field.multiple?}",
+        "data-asset-field-prefix" => tessa_field_prefix,
+        "data-dropzone-options" => (options[:dropzone] || {}).to_json,
+        "data-tessa-params" => (options[:tessa_params] || {}).to_json,
+      )
+    end
+
+    private
+
+    def tessa_field_prefix
+      @tessa_field_prefix ||= "#{lookup_model_names.reduce { |str, item| "#{str}[#{item}]" }}[#{attribute_name}]"
+    end
+
+    def hidden_fields_for(assets)
+      [*assets].collect do |asset|
+        template.hidden_field_tag(
+          "#{tessa_field_prefix}[#{asset.id}][action]",
+          "add",
+          "data-meta" => meta_for_asset(asset),
+          "id" => "tessa_asset_action_#{asset.id}"
+        )
+      end.join.html_safe
+    end
+
+    def meta_for_asset(asset)
+      {
+        "assetID" => asset.id,
+        "name" => asset.meta[:name],
+        "size" => asset.meta[:size],
+        "mimeType" => asset.meta[:mime_type],
+        "url" => asset.private_url,
+      }.to_json
+    end
+
+  end
+end

data/lib/wcc/styles/simple_form/date_picker_input.rb

@@ -0,0 +1,19 @@
+module WCC::Styles::SimpleForm
+  class DatePickerInput < TimePickerInput
+
+    def input(*)
+      options[:picker] = (options[:picker] || {}).merge(
+        timepicker: false,
+        format: "MM/DD/YYYY",
+      )
+      super
+    end
+
+    private
+
+    def picker_format
+      :datepicker
+    end
+
+  end
+end

data/lib/wcc/styles/simple_form/historical_date_input.rb

@@ -0,0 +1,50 @@
+module WCC::Styles::SimpleForm
+  class HistoricalDateInput < SimpleForm::Inputs::Base
+
+    def input(wrapper_options=nil)
+      input_html_classes.unshift('date')
+      common_options = {
+        prefix: object_name,
+        prompt: "",
+      }.merge(merge_wrapper_options(input_html_options, wrapper_options))
+
+      template.content_tag(:div, class: "row") do
+        date_select_component(:month, common_options.merge(options[:month_input] || {})) +
+          date_select_component(:day, common_options.merge(options[:day_input] || {})) +
+          date_select_component(:year, common_options.merge(options[:year_input] || {}))
+      end
+    end
+
+    private
+
+    def date_select_component(component, options)
+      template.content_tag(:div, class: "col4") do
+        template.content_tag(:div, class: "select-style") do
+          template.concat(
+            template.public_send(
+              "select_#{component}",
+              date,
+              options.merge(field_name: "#{attribute_name}(#{component_id(component)})"),
+              input_html_options
+            )
+          )
+        end
+      end
+    end
+
+    def component_id(component)
+      case component
+      when :year
+        "1i"
+      when :month
+        "2i"
+      when :day
+        "3i"
+      end
+    end
+
+    def date
+      object.public_send(attribute_name)
+    end
+  end
+end

data/lib/wcc/styles/simple_form/time_picker_input.rb

@@ -0,0 +1,32 @@
+module WCC::Styles::SimpleForm
+  class TimePickerInput < SimpleForm::Inputs::Base
+
+    def input(wrapper_options=nil)
+      input_html_classes.unshift('date')
+      merged_input_options = merge_wrapper_options(input_html_options, wrapper_options)
+
+      template.content_tag(:div) do
+        template.concat @builder.hidden_field(attribute_name, merged_input_options)
+        template.concat template.text_field_tag(
+          "datetime_picker_#{input_class}",
+          localize_for_picker(object.public_send(attribute_name)),
+          "id" => "datetime_picker_#{input_class}",
+          "class" => "date",
+          "data-datetimepicker" => "##{input_class}",
+          "data-datetimepicker-options" => (options[:picker] || {}).to_json,
+        )
+      end
+    end
+
+    private
+
+    def localize_for_picker(time, format = picker_format)
+      time.present? ? l(time, format: format) : nil
+    end
+
+    def picker_format
+      :picker
+    end
+
+  end
+end

data/lib/wcc/styles/version.rb

@@ -0,0 +1,5 @@
+module WCC
+  module Styles
+    VERSION = "0.1.0"
+  end
+end

metadata

@@ -0,0 +1,190 @@
+--- !ruby/object:Gem::Specification
+name: wcc-styles
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Watermark Community Church
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2016-05-26 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: coffee-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: compass-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: font-awesome-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.0'
+- !ruby/object:Gem::Dependency
+  name: rails-assets-selectize
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: rails-assets-dropzone
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: rails-assets-moment
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: rails-assets-datetimepicker
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 2.4.5
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 2.4.5
+description: This gem holds a mountable engine of Watermark's base styles
+email:
+- dev@watermark.org
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README-GEM.md
+- lib/assets/images/wcc/styles/logo-dark.png
+- lib/assets/images/wcc/styles/logo-dark.svg
+- lib/assets/images/wcc/styles/logo-text.png
+- lib/assets/images/wcc/styles/logo.png
+- lib/assets/images/wcc/styles/logo.svg
+- lib/assets/javascripts/wcc/styles/application.js
+- lib/assets/javascripts/wcc/styles/selectize.js
+- lib/assets/javascripts/wcc/styles/tessa.js.coffee
+- lib/assets/javascripts/wcc/styles/wcc.datetimepicker.js
+- lib/assets/stylesheets/wcc/styles/admin/_admin_base.scss
+- lib/assets/stylesheets/wcc/styles/admin/_all.scss
+- lib/assets/stylesheets/wcc/styles/apps/_all.scss
+- lib/assets/stylesheets/wcc/styles/apps/_events.scss
+- lib/assets/stylesheets/wcc/styles/apps/_staff.scss
+- lib/assets/stylesheets/wcc/styles/base.css.scss
+- lib/assets/stylesheets/wcc/styles/base/all.css.scss
+- lib/assets/stylesheets/wcc/styles/base/custom_file_inputs.css.scss
+- lib/assets/stylesheets/wcc/styles/base/custom_selects.css.scss
+- lib/assets/stylesheets/wcc/styles/base/icons.css.scss
+- lib/assets/stylesheets/wcc/styles/snippets/_admin.scss
+- lib/assets/stylesheets/wcc/styles/snippets/_alerts.scss
+- lib/assets/stylesheets/wcc/styles/snippets/_all.scss
+- lib/assets/stylesheets/wcc/styles/snippets/_buttons.scss
+- lib/assets/stylesheets/wcc/styles/snippets/_datetimepicker.scss
+- lib/assets/stylesheets/wcc/styles/snippets/_elements.scss
+- lib/assets/stylesheets/wcc/styles/snippets/_forms.scss
+- lib/assets/stylesheets/wcc/styles/snippets/_grid.scss
+- lib/assets/stylesheets/wcc/styles/snippets/_labels.scss
+- lib/assets/stylesheets/wcc/styles/snippets/_navs.scss
+- lib/assets/stylesheets/wcc/styles/snippets/_normalize.scss
+- lib/assets/stylesheets/wcc/styles/snippets/_pagination.scss
+- lib/assets/stylesheets/wcc/styles/snippets/_selectize.scss
+- lib/assets/stylesheets/wcc/styles/snippets/_sidebar_slideout.scss
+- lib/assets/stylesheets/wcc/styles/snippets/_tables.scss
+- lib/assets/stylesheets/wcc/styles/snippets/_top_nav.scss
+- lib/assets/stylesheets/wcc/styles/variables/_colors.scss
+- lib/assets/stylesheets/wcc/styles/variables/_mixins.scss
+- lib/assets/stylesheets/wcc/styles/variables/_typography.scss
+- lib/wcc/styles.rb
+- lib/wcc/styles/engine.rb
+- lib/wcc/styles/helpers.rb
+- lib/wcc/styles/simple_form.rb
+- lib/wcc/styles/simple_form/asset_input.rb
+- lib/wcc/styles/simple_form/date_picker_input.rb
+- lib/wcc/styles/simple_form/historical_date_input.rb
+- lib/wcc/styles/simple_form/time_picker_input.rb
+- lib/wcc/styles/version.rb
+homepage: https://github.com/watermarkchurch
+licenses:
+- Proprietary
+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.2.5
+signing_key: 
+specification_version: 4
+summary: This gem holds a mountable engine of Watermark's base styles
+test_files: []