undercase 0.2.29

data/app/views/undercase/patterns/_uc_media.html.haml

@@ -0,0 +1,6 @@
+.uc-media
+  .uc-media__image
+    %img{src: '/assets/avatar_male_small.png'}
+  .uc-media__content
+    %p Any type of content can go here. Lorem ipsum dolor sit amet, at fabulas lucilius evertitur cum, homero hendrerit instructior sed at. Pri ut dolor alterum, vim utamur oporteat intellegebat an, ad quando probatus hendrerit usu. Quo ei veniam mollis meliore, cu porro conceptam usu. Sed appareat probatus principes ea, no mel mundi omittam consulatu. Ei putant senserit his, vim soluta periculis no. In vis fabulas intellegam, docendi temporibus qui id.
+    %p Lorem ipsum dolor sit amet, at fabulas lucilius evertitur cum, homero hendrerit instructior sed at. Pri ut dolor alterum, vim utamur oporteat intellegebat an, ad quando probatus hendrerit usu. Quo ei veniam mollis meliore, cu porro conceptam usu. Sed appareat probatus principes ea, no mel mundi omittam consulatu. Ei putant senserit his, vim soluta periculis no. In vis fabulas intellegam, docendi temporibus qui id.

data/app/views/undercase/patterns/_uc_modal_basic.html.haml

@@ -0,0 +1,28 @@
+.show
+  %button#js-modal-3.cc-button-flat-green-primary Basic Modal
+
+#js-modal-3-content.show.js-hidden
+  .uc-modal
+    .row
+      .uc-modal-header
+        Apply for a new license
+      %hr.uc-modal-rule
+    .row
+      .uc-modal-content
+        .type-body
+          This request will move this resource to
+          %strong Inquiry status
+          and add a new
+          %strong Initial Licensure Checklist
+          ="."
+      .uc-modal-content
+        .type-body Are you sure you would like to add this request?
+    .row.uc-modal-actions.align-center
+      %input.cc-button-flat-green-primary{type: "button", value: "Save"}
+      %a.js-close-modal.cc-button-flat-gray-primary{href: "#"} Cancel
+
+:javascript
+  $("#js-modal-3").click(function() {
+    var modal3 = new window.undercase.modal($("#js-modal-3-content"));
+    modal3.open();
+  });

data/app/views/undercase/patterns/_uc_modal_exception.html.haml

@@ -0,0 +1,34 @@
+.show
+  #js-modal-2.cc-button-flat-green-primary Modal w/ Exception
+
+#js-modal-2-content.show.js-hidden
+  .uc-modal.uc-modal-exception
+    .row
+      .uc-modal-header Required Information
+      %hr.uc-modal-rule
+    .row.uc-modal-content
+      .type-body.gap-bottom
+        The following fields are missing on
+        %a.blue-link{href: "#"} Hungry Bear’s
+        Profile:
+      %ul.uc-modal-linked.uc-list-circle
+        %li Race
+        %li Hispanic or Latino Origin
+        %li Active Military Dependent Statuses
+        %li Living Arrangements
+        %li Child Risk Factors
+    .row.uc-modal-links
+      .one.half.mobile.align-left
+        %a.blue-link-clean{href: "#"} Edit Profile
+      .one.half.mobile.align-right
+        %a.blue-link-clean{href: "#"} Create an Exception
+    .row.uc-modal-rule-wrapper
+      .uc-rule-dotted
+    .row.uc-modal-actions.align-center
+      %a.js-close-modal.cc-button-flat-green-primary{href: "#"} OK
+
+:javascript
+  $("#js-modal-2").click(function() {
+    var modal2 = new window.undercase.modal($("#js-modal-2-content"));
+    modal2.open();
+  });

data/app/views/undercase/patterns/_uc_modal_with_linked.html.haml

@@ -0,0 +1,37 @@
+.show
+  #js-modal-1.cc-button-flat-green-primary Modal With Linked Content
+
+#js-modal-1-content.show.js-hidden
+  .uc-modal.uc-modal-large
+    .row
+      .uc-modal-header
+        Withdraw this assessment
+      %hr.uc-modal-rule
+    .row
+      .uc-modal-linked
+        %a.blue-dotted-link-caps{href: "#"} Kary Him Beow Asssesment
+        %p.type-body 24 hours for neglect, physical abuse, & sexual abuse
+    .row
+      .uc-modal-content
+        .type-body
+          Upon withdrawal, the Central Intake Unit will be notified and the assessment will be moved to the Withdrawn Assessments Index. This action cannot be undown.
+    .row
+      .uc-modal-content
+        %fieldset
+          .row
+            %legend.type-body.gap-bottom Please select the reason for the withdrawal:
+          .row.half-gap-bottom
+            %input#uc-modal-1-label-1{type: "radio"}
+            %label{for: "uc-modal-1-label-1"} Option 1
+          .row.half-gap-bottom
+            %input#uc-modal-1-label-2{type: "radio"}
+            %label{for: "uc-modal-1-label-2"} Option 2
+    .row.uc-modal-actions.align-center
+      %input.cc-button-flat-green-primary{type: "button", value: "Save"}
+      %a.js-close-modal.cc-button-flat-gray-primary{href: "#"} Cancel
+
+:javascript
+  $("#js-modal-1").click(function() {
+    var modal1 = new window.undercase.modal($("#js-modal-1-content"));
+    modal1.open();
+  });

data/app/views/undercase/patterns/_uc_quiz_questions.html.haml

@@ -0,0 +1,12 @@
+%ul.uc-quiz-questions
+  - 5.times do
+    %li
+      %p Hey this is a thing
+%ol.uc-quiz-questions--numbered
+  - 5.times do
+    %li
+      %p Hey this is a thing
+%ol.uc-quiz-questions--alpha
+  - 5.times do
+    %li
+      %p Hey this is a thing

data/app/views/undercase/patterns/_uc_tabs.html.haml

@@ -0,0 +1,16 @@
+#tab-group.row.uc-autocompleter-tab-group.five.sixths.uc-border--light-gray
+  %ul.uc-autocompleter-tabs.row
+    %li.uc-autocompleter-tabs__tab.one.half.mobile.active
+      %button.uc-autocompleter-tabs__tab__button.js-tab-button{ 'data-target' => '#js-local-results' }
+        Tab One
+    %li.uc-autocompleter-tabs__tab.one.half.mobile
+      %button.uc-autocompleter-tabs__tab__button.js-tab-button{ 'data-target' => '#js-global-results' }
+        Tab Two
+
+  #js-local-results.double-padded.uc-autocompleter-tab-panel.active
+    Panel One
+  #js-global-results.double-padded.uc-autocompleter-tab-panel
+    Panel Two
+
+:javascript
+  new window.undercase.AutocompleterTabs('#tab-group');

data/app/views/undercase/patterns/index.html.haml

@@ -0,0 +1,48 @@
+- content_for :title, "Getting Started!"
+
+.doc-text
+  %p The pattern library contains the UI building blocks of Casebook. It is divided into sections that reflect the categories of components we use:
+
+  %section.uf-description
+    %h2 Sections
+    %ul
+      %li
+        =link_to "Grids and Spacing", undercase.category_path(category: "grids")
+        — grids
+      %li
+        =link_to "Colors", undercase.category_path(category: "colors")
+        — colors
+      %li
+        =link_to "Borders", undercase.category_path(category: "borders")
+        — borders
+      %li
+        =link_to "Typography", undercase.category_path(category: "typography")
+        — typography
+      %li
+        = link_to "Components", undercase.category_path(category: "components")
+        — components
+      %li
+        = link_to "Forms", undercase.category_path(category: "forms")
+        — forms
+      %li
+        = link_to "Lists", undercase.category_path(category: "lists")
+        — lists
+      %li
+        = link_to "Buttons", undercase.category_path(category: "buttons")
+        — buttons
+      %li
+        = link_to "Links", undercase.category_path(category: "links")
+        — links
+      %li
+        = link_to "Icons", undercase.category_path(category: "icons")
+        — icons
+      %li
+        = link_to "Popups", undercase.category_path(category: "popups")
+        — modals, dropdowns, popovers
+      %li
+        = link_to "Language", undercase.category_path(category: "language")
+        — language/grammar/tone for different kinds of copy
+
+  %section
+    %h2 When Should I Add a Pattern
+    %p If you can’t find an existing pattern in the library to implement a feature, revisit the design to see if it can be adjusted to use one. Otherwise, break the feature into atomic components and add each component as a pattern. For example, if you create a card with a formatted list and a styled fieldset, add the list and fieldset as distinct patterns.

data/app/views/undercase/patterns/show.html.haml

@@ -0,0 +1,7 @@
+- content_for :title do
+  = @category.name
+
+- @category.patterns.each do |pattern|
+  - content_for :table_of_contents do
+    %li= link_to pattern.name, "##{link_id(pattern)}", class: "uf-h3"
+  .uf-pattern{id: link_id(pattern) }= render pattern

data/app/views/undercase/popups/_dropdown.html.haml

@@ -0,0 +1,5 @@
+%span.dropdown
+  = link_to dropdown.link_text, '#', "data-toggle" => "dropdown"
+  %ul.dropdown-menu{role: "menu", class: dropdown.placement}
+    %li.dropdown-arrow{role: "presentation"}
+    = dropdown.contents

data/config/initializers/dotiw.rb

@@ -0,0 +1 @@
+require 'dotiw'

data/config/initializers/simple_form.rb

@@ -0,0 +1,147 @@
+# Use this setup block to configure all options available in SimpleForm.
+SimpleForm.setup do |config|
+  # Wrappers are used by the form builder to generate a
+  # complete input. You can remove any component from the
+  # wrapper, change the order or even add your own to the
+  # stack. The options given below are used to wrap the
+  # whole input.
+  config.wrappers :default,
+    :class => 'uc-form-field input',
+    :hint_class => :field_with_hint, :error_class => :field_with_errors do |b|
+    ## Extensions enabled by default
+    # Any of these extensions can be disabled for a
+    # given input by passing: `f.input EXTENSION_NAME => false`.
+    # You can make any of these extensions optional by
+    # renaming `b.use` to `b.optional`.
+
+    # Determines whether to use HTML5 (:email, :url, ...)
+    # and required attributes
+    b.use :html5
+
+    # Calculates placeholders automatically from I18n
+    # You can also pass a string as f.input :placeholder => "Placeholder"
+    # b.use :placeholder
+
+    ## Optional extensions
+    # They are disabled unless you pass `f.input EXTENSION_NAME => :lookup`
+    # to the input. If so, they will retrieve the values from the model
+    # if any exists. If you want to enable the lookup for any of those
+    # extensions by default, you can change `b.optional` to `b.use`.
+
+    # Calculates maxlength from length validations for string inputs
+    # b.optional :maxlength
+
+    # Calculates pattern from format validations for string inputs
+    # b.optional :pattern
+
+    # Calculates min and max from length validations for numeric inputs
+    # b.optional :min_max
+
+    # Calculates readonly automatically from readonly attributes
+    # b.optional :readonly
+
+    ## Inputs
+    b.use :label_input
+    b.use :hint,  :wrap_with => { :tag => 'span', :class => 'hint'}
+    b.use :error, :wrap_with => { :tag => 'span', :class => 'uc-error'}
+  end
+
+  # The default wrapper to be used by the FormBuilder.
+  config.default_wrapper = :default
+
+  # Define the way to render check boxes / radio buttons with labels.
+  # Defaults to :nested for bootstrap config.
+  #   :inline => input + label
+  #   :nested => label > input
+  config.boolean_style = :inline
+
+  # Default class for buttons
+  # config.button_class = 'btn'
+
+  # Method used to tidy up errors. Specify any Rails Array method.
+  # :first lists the first message for each field.
+  # Use :to_sentence to list all errors for each field.
+  # config.error_method = :first
+
+  # Default tag used for error notification helper.
+  config.error_notification_tag = :div
+
+  # CSS class to add for error notification helper.
+  config.error_notification_class = 'alert alert-error'
+
+  # ID to add for error notification helper.
+  # config.error_notification_id = nil
+
+  # Series of attempts to detect a default label method for collection.
+  # config.collection_label_methods = [ :to_label, :name, :title, :to_s ]
+
+  # Series of attempts to detect a default value method for collection.
+  # config.collection_value_methods = [ :id, :to_s ]
+
+  # You can wrap a collection of radio/check boxes in a pre-defined tag, defaulting to none.
+  config.collection_wrapper_tag = :fieldset
+
+  # You can wrap each item in a collection of radio/check boxes with a tag,
+  # defaulting to :span. Please note that when using :boolean_style = :nested,
+  # SimpleForm will force this option to be a label.
+  # config.item_wrapper_tag = :span
+
+  # You can define a class to use in all item wrappers. Defaulting to none.
+  config.item_wrapper_class = 'uc-form-collection-item'
+
+  # How the label text should be generated altogether with the required text.
+  # config.label_text = lambda { |label, required| "#{required} #{label}" }
+  config.label_text = ->(label, required) { "#{label}#{required}" }
+
+  # You can define the class to use on all labels. Default is nil.
+  config.label_class = 'uc-form-label input'
+
+  # You can define the class to use on all forms. Default is simple_form.
+  # config.form_class = :simple_form
+
+  # You can define which elements should obtain additional classes
+  # config.generate_additional_classes_for = [:wrapper, :label, :input]
+
+  # Whether attributes are required by default (or not). Default is true.
+  config.required_by_default = false
+
+  # Tell browsers whether to use default HTML5 validations (novalidate option).
+  # Default is enabled.
+  config.browser_validations = false
+
+  # Collection of methods to detect if a file type was given.
+  # config.file_methods = [ :mounted_as, :file?, :public_filename ]
+
+  # Custom mappings for input types. This should be a hash containing a regexp
+  # to match as key, and the input type that will be used when the field name
+  # matches the regexp as value.
+  # config.input_mappings = { /count/ => :integer }
+  SimpleForm::FormBuilder.map_type :date, to: DatePickerInput
+  SimpleForm::FormBuilder.map_type :datetime, to: DateTimePickerInput
+
+  # Custom wrappers for input types. This should be a hash containing an input
+  # type as key and the wrapper that will be used for all inputs with specified type.
+  # config.wrapper_mappings = { :string => :prepend }
+
+  # Default priority for time_zone inputs.
+  # config.time_zone_priority = nil
+
+  # Default priority for country inputs.
+  # config.country_priority = nil
+
+  # When false, do not use translations for labels.
+  # config.translate_labels = true
+
+  # Automatically discover new inputs in Rails' autoload path.
+  # config.inputs_discovery = true
+
+  # Cache SimpleForm inputs discovery
+  # config.cache_discovery = !Rails.env.development?
+  config.wrappers :accessible_collection, tag: :fieldset, class: 'uc-form-fieldset-collection', collection_wrapper_tag: false do |b|
+    b.use :html5
+    b.use :label_text, wrap_with: { tag: 'legend', class: 'uc-form-legend' }
+    b.use :input
+    b.use :error, wrap_with: { tag: 'span', class: 'uc-error' }
+    b.use :hint
+  end
+end

data/config/routes.rb

@@ -0,0 +1,4 @@
+Undercase::Engine.routes.draw do
+  root to: "undercase/patterns#index"
+  get 'patterns/:category', to: "undercase/patterns#show", as: :category
+end

data/config/tddium.yml

@@ -0,0 +1,17 @@
+:tddium:
+  :bundler_version: '1.3.5'
+  :cache:
+    :key_paths:
+      - Gemfile
+      - undercase.gemspec
+  :firefox: '24.0esr'
+  :headless: true
+  :hooks:
+    :post_setup: 'cd spec/dummy && RAILS_ENV=test bundle exec rake --trace assets:precompile'
+  :ruby_version: 'ruby-2.1.2'
+  :tests:
+    - :type: custom
+      :command: bin/karma
+      :invocation: single
+      :output: exit-status
+  :timeout: 3600

data/config/undercase-icons-regular.yml

@@ -0,0 +1,41 @@
+# --------------------------------------------------------------------------- #
+# Project Info
+#   Defaults shown. Learn more about these options by running
+#   `fontcustom help` or visiting <http://fontcustom.com>.
+# --------------------------------------------------------------------------- #
+
+font_name: Undercase-Icons
+css_selector: .uc-icon-{{glyph}}
+preprocessor_path: ""
+autowidth: false
+no_hash: true
+force: false
+debug: false
+quiet: false
+
+
+# --------------------------------------------------------------------------- #
+# Input Paths
+# --------------------------------------------------------------------------- #
+
+input:
+  vectors: app/assets/images/icons
+  templates: lib/undercase/templates/fontcustom
+
+# --------------------------------------------------------------------------- #
+# Output Paths
+# --------------------------------------------------------------------------- #
+
+output:
+  fonts: app/assets/fonts/Undercase-Icons
+  css: app/assets/stylesheets/undercase/patterns/undercase_icons
+
+# --------------------------------------------------------------------------- #
+# Templates
+#   Included in Font Custom: preview, css, scss, scss-rails
+#   Custom templates should be saved in the INPUT[:templates] directory and
+#   referenced by their baserame.
+# --------------------------------------------------------------------------- #
+
+templates:
+ - glyphs.scss

data/lib/tasks/undercase.rake

@@ -0,0 +1,51 @@
+require 'yaml'
+require File.join(File.dirname(__FILE__), '..', '..', 'lib/undercase/pattern')
+
+namespace :fonts do
+  desc 'Compile fonts'
+  task :compile do
+    system 'fontcustom compile -c config/undercase-icons-regular.yml'
+  end
+end
+
+namespace :pattern do
+  desc 'Combine import statements for all existing, new, and changed patterns into a manifest file. Overwrites existing manifest.'
+  task :manifest do
+    scss = Undercase::Pattern.all.inject('') do |sum, pattern|
+      sum << "@import 'undercase/patterns/#{pattern.key}';\n"
+      sum
+    end
+    File.open(Undercase::Pattern::SCSS_FILE, 'w') {|f| f.write(scss) }
+    puts "Generated SCSS import manifest at #{Undercase::Pattern::SCSS_FILE}"
+  end
+
+  desc "Create scaffolding for a new pattern. Usage: pattern:create[NAME,'DISPLAY NAME']"
+  task :create, :pattern_name, :display_name do |t, args|
+    name = args[:pattern_name]
+    display_name = args[:display_name]
+    puts "Creating #{name}, #{display_name}..."
+
+    yaml = "#{Undercase::Pattern::YAML_PATH}#{name}.yml"
+    content = <<-TEXT
+name: #{display_name}
+description: add description
+usage: add usage notes for #{name} pattern
+category: :choose_one
+    TEXT
+
+    File.open(yaml, 'w') {|f| f.write(content) }
+    puts "Created #{yaml}"
+
+    scss = "#{Undercase::Pattern::SCSS_PATH}_#{name}.scss"
+    system('touch', scss)
+    puts "Created #{scss}"
+
+    haml = "#{Undercase::Pattern::HAML_PATH}_#{name}.html.haml"
+    system('touch', haml)
+    puts "Created #{haml}"
+
+    Rake::Task['pattern:manifest'].execute
+
+    puts 'Done'
+  end
+end