underoos 1.0.0 → 1.1.0

data/app/views/underoos/styleguides/partials/_form-template.haml

@@ -1,171 +0,0 @@
-
-%fieldset
-  %legend=legend
-  %ol
-    -# Text Input
-    %li(class="#{state} #{disabled}" id="#{uid}test_text_input")
-      %label.label(for="#{uid}test_text") Text Input<abbr title="required">*</abbr>
-      - if disabled == "disabled"
-        %input.input-medium(id="#{uid}test_text" type="text" name="test[text]" placeholder="text input" disabled)
-      - else
-        %input.input-medium(id="#{uid}test_text" type="text" name="test[text]" placeholder="text input")
-      %p.hint This is a hint for the text element!
-
-    -# Block Checkboxes
-    %li.boolean(class="#{state} #{disabled}")
-      %label(for="#{uid}test_check1" name="test[check1]")
-        - if disabled == "disabled"
-          %input(id="#{uid}test_check1" name="test[check1]" type="checkbox" checked="checked" value="0" disabled)
-        - else
-          %input(id="#{uid}test_check1" name="test[check1]" type="checkbox" checked="checked" value="0")
-        Checkboxes for multiple selections
-    %li.boolean(class="#{state} #{disabled}")
-      %label(for="#{uid}test_check2" name="test[check2]")
-        - if disabled == "disabled"
-          %input(id="#{uid}test_check2" name="test[check2]" type="checkbox" value="1" disabled)
-        - else
-          %input(id="#{uid}test_check2" name="test[check2]" type="checkbox" value="1")
-        Go ahead and select this one too
-
-    -# Block Radio Group
-    %li
-      %ol.choices-group
-        %li.choice(class="#{state} #{disabled}")
-          %label(for="#{uid}test_radio1")
-            - if disabled == "disabled"
-              %input(id="#{uid}test_radio1" name="test[radio]" type="radio" value="true" disabled)
-            - else
-              %input(id="#{uid}test_radio1" name="test[radio]" type="radio" value="true")
-            Yes, to radio buttons
-        %li.choice(class="#{state} #{disabled}")
-          %label(for="#{uid}test_radio2")
-            - if disabled == "disabled"
-              %input(id="#{uid}test_radio2" name="test[radio]" type="radio" value="false" disabled)
-            - else
-              %input(id="#{uid}test_radio2" name="test[radio]" type="radio" value="false")
-            No, to radio buttons
-
-    -# Inline Checkboxes
-    %li.boolean.inline(class="#{state} #{disabled}")
-      %label(for="#{uid}test_check3" name="test[check3]")
-        - if disabled == "disabled"
-          %input(id="#{uid}test_check3" name="test[check3]" type="checkbox" checked="checked" value="0" disabled)
-        - else
-          %input(id="#{uid}test_check3" name="test[check3]" type="checkbox" checked="checked" value="0")
-        Checkbox inline 1
-    %li.boolean.inline(class="#{state} #{disabled}")
-      %label(for="#{uid}test_check4" name="test[check4]")
-        - if disabled == "disabled"
-          %input(id="#{uid}test_check4" name="test[check4]" type="checkbox" value="1" disabled)
-        - else
-          %input(id="#{uid}test_check4" name="test[check4]" type="checkbox" value="1")
-        Checkbox inline 2
-
-    -# Inline Radio Group
-    %li
-      %ol.choices-group
-        %li.choice.inline(class="#{state} #{disabled}")
-          %label(for="#{uid}test_radio3")
-            - if disabled == "disabled"
-              %input(id="#{uid}test_radio3" name="test[radio]" type="radio" value="true" disabled)
-            - else
-              %input(id="#{uid}test_radio3" name="test[radio]" type="radio" value="true")
-            Yes, radio inline
-        %li.choice.inline(class="#{state} #{disabled}")
-          %label(for="#{uid}test_radio4")
-            - if disabled == "disabled"
-              %input(id="#{uid}test_radio4" name="test[radio]" type="radio" value="false" disabled)
-            - else
-              %input(id="#{uid}test_radio4" name="test[radio]" type="radio" value="false")
-            No, radio inline
-
-    -# Select
-    %li(id="#{uid}test_select_input" class="#{state} #{disabled}")
-      %label.label(for="#{uid}test_select") Select
-      - if disabled == "disabled"
-        %select.input-medium(id="#{uid}test_select" name="test[select]" disabled)
-          %optgroup(label="Colorado")
-            %option(value="denver" selected="selected") Denver
-            %option(value="boulder") Boulder
-          %optgroup(label="California")
-            %option(value="los angeles") Los Angeles
-            %option(value="san francisco") San Francisco
-      - else
-        %select.input-medium(id="#{uid}test_select" name="test[select]")
-          %optgroup(label="Colorado")
-            %option(value="denver" selected="selected") Denver
-            %option(value="boulder") Boulder
-          %optgroup(label="California")
-            %option(value="los angeles") Los Angeles
-            %option(value="san francisco") San Francisco
-
-    -# Multi Select
-    %li(id="#{uid}test_multi_input" class="#{state} #{disabled}")
-      %label.label(for="#{uid}test_multi") Multi
-      - if disabled == "disabled"
-        %select.input-medium(id="#{uid}test_multi" name="test[multi]" multiple disabled)
-          %option(value="1") One
-          %option(value="2" selected="selected") Two
-          %option(value="3") Three
-          %option(value="4") Four
-          %option(value="5") Five
-      - else
-        %select.input-medium(id="#{uid}test_multi" name="test[multi]" multiple)
-          %option(value="1") One
-          %option(value="2" selected="selected") Two
-          %option(value="3") Three
-          %option(value="4") Four
-          %option(value="5") Five
-
-    -# Text Area
-    %li(id="#{uid}test_textarea_textarea.optional" class="#{state} #{disabled}")
-      %label.label(for="#{uid}test_textarea") Text Area
-      - if disabled == "disabled"
-        %textarea.input-medium(id="#{uid}test_textarea" name="test[textarea]" placeholder="Enter some text..." rows="2" disabled)
-      - else
-        %textarea.input-medium(id="#{uid}test_textarea" name="test[textarea]" placeholder="Enter some text..." rows="2")
-
-    -# Uneditable Text Input
-    %li(class="#{state} #{disabled}" id="#{uid}test_uneditable")
-      %label.label(for="#{uid}test_uneditable") Uneditable Input
-      - if disabled == "disabled"
-        %span.input-medium.uneditable(id="#{uid}test_uneditable" class="disabled") Hammer time
-      - else
-        %span.input-medium.uneditable(id="#{uid}test_uneditable") Hammer time
-      %p.hint Can't touch this!
-
-    -# File Browser
-    %li.commit.button(class="#{state} #{disabled}")
-      %label.label(for="#{uid}test_file") File Browser
-      - if disabled == "disabled"
-        %input.file(id="#{uid}test_file" name="file" type="file" value="file" disabled)
-      - else
-        %input.file(id="#{uid}test_file" name="file" type="file" value="file")
-
-    -# Action Group
-    %li
-      %ol.form-actions(class="#{dark}")
-        %li.commit.button(class="#{state} #{disabled}")
-          - if disabled == "disabled"
-            %input.submit.btn(name="submit" type="submit" value="Submit" disabled)
-          - else
-            %input.submit.btn(name="submit" type="submit" value="Submit")
-
-        %li.commit.button(class="#{state} #{disabled}")
-          - if disabled == "disabled"
-            %input.reset.btn(name="reset" type="reset" value="Reset" disabled)
-          - else
-            %input.reset.btn(name="reset" type="reset" value="Reset")
-
-        %li.commit.button(class="#{state} #{disabled}")
-          - if disabled == "disabled"
-            %input.button.btn(name="button" type="button" value="Button" disabled)
-          - else
-            %input.button.btn(name="button" type="button" value="Button")
-
-        %li.commit.button(class="#{state} #{disabled}")
-          - if disabled == "disabled"
-            %input.image(name="image" type="image" src="http://placehold.it/68x28&text=IMG" value="Image" disabled)
-          - else
-            %input.image(name="image" type="image" src="http://placehold.it/68x28&text=IMG" value="Image")
-

data/app/views/underoos/styleguides/partials/_table-data.haml

@@ -1,33 +0,0 @@
-
-%caption Table Caption
-%thead
-  %tr
-    %th
-      %a(href="#") #
-    %th Table Header
-    %th
-      %a.ascending(href="#") Ascending <span class="caret"></span>
-    %th
-      %a.descending(href="#") Descending <span class="caret north"></span>
-%tfoot
-  %tr
-    %td(colspan="4") The table footer appears at the bottom of the table. Set the <code>colspan</code> attribute to span the width of the table.
-%tbody
-  %tr
-    %td 1
-    %td Table Data
-    %td One
-    %td Three
-  %tr
-    %td 2
-    %td
-      %a(href="#") Click me!
-    %td Two
-    %td Two
-  %tr
-    %td 3
-    %td
-      %a(href="#") Click me!
-    %td Three
-    %td One
-

data/app/views/underoos/styleguides/partials/_transitions.haml

@@ -1,136 +0,0 @@
-
-%section.sg-tranny-demo
-  %table.box.vborder.banded.thead-decorate
-    %thead
-      %tr
-        %th Property
-        %th Example
-    %tbody
-      %tr
-        %td.prop
-          %code default (linear)
-        %td
-          .sg-swatch
-      %tr
-        %td.prop
-          %code $ease-in-quad
-        %td
-          .sg-swatch.ease-in-quad
-      %tr
-        %td.prop
-          %code $ease-in-cubic
-        %td
-          .sg-swatch.ease-in-cubic
-      %tr
-        %td.prop
-          %code $ease-in-quart
-        %td
-          .sg-swatch.ease-in-quart
-      %tr
-        %td.prop
-          %code $ease-in-quint
-        %td
-          .sg-swatch.ease-in-quint
-      %tr
-        %td.prop
-          %code $ease-in-sine
-        %td
-          .sg-swatch.ease-in-sine
-      %tr
-        %td.prop
-          %code $ease-in-expo
-        %td
-          .sg-swatch.ease-in-expo
-      %tr
-        %td.prop
-          %code $ease-in-circ
-        %td
-          .sg-swatch.ease-in-circ
-      %tr
-        %td.prop
-          %code $ease-in-back
-        %td
-          .sg-swatch.ease-in-back
-
-      %tr
-        %td.prop
-          %code $ease-out-quad
-        %td
-          .sg-swatch.ease-out-quad
-      %tr
-        %td.prop
-          %code $ease-out-cubic
-        %td
-          .sg-swatch.ease-out-cubic
-      %tr
-        %td.prop
-          %code $ease-out-quart
-        %td
-          .sg-swatch.ease-out-quart
-      %tr
-        %td.prop
-          %code $ease-out-quint
-        %td
-          .sg-swatch.ease-out-quint
-      %tr
-        %td.prop
-          %code $ease-out-sine
-        %td
-          .sg-swatch.ease-out-sine
-      %tr
-        %td.prop
-          %code $ease-out-expo
-        %td
-          .sg-swatch.ease-out-expo
-      %tr
-        %td.prop
-          %code $ease-out-circ
-        %td
-          .sg-swatch.ease-out-circ
-      %tr
-        %td.prop
-          %code $ease-out-back
-        %td
-          .sg-swatch.ease-out-back
-
-      %tr
-        %td.prop
-          %code $ease-in-out-quad
-        %td
-          .sg-swatch.ease-in-out-quad
-      %tr
-        %td.prop
-          %code $ease-in-out-cubic
-        %td
-          .sg-swatch.ease-in-out-cubic
-      %tr
-        %td.prop
-          %code $ease-in-out-quart
-        %td
-          .sg-swatch.ease-in-out-quart
-      %tr
-        %td.prop
-          %code $ease-in-out-quint
-        %td
-          .sg-swatch.ease-in-out-quint
-      %tr
-        %td.prop
-          %code $ease-in-out-sine
-        %td
-          .sg-swatch.ease-in-out-sine
-      %tr
-        %td.prop
-          %code $ease-in-out-expo
-        %td
-          .sg-swatch.ease-in-out-expo
-      %tr
-        %td.prop
-          %code $ease-in-out-circ
-        %td
-          .sg-swatch.ease-in-out-circ
-      %tr
-        %td.prop
-          %code $ease-in-out-back
-        %td
-          .sg-swatch.ease-in-out-back
-

data/config/routes.rb

@@ -1,3 +0,0 @@
-Underoos::Engine.routes.draw do
-  match "/" => "styleguides#index"
-end

data/vendor/assets/javascripts/bootstrap-scrollspy.js

@@ -1,125 +0,0 @@
-/* =============================================================
- * bootstrap-scrollspy.js v2.0.2
- * http://twitter.github.com/bootstrap/javascript.html#scrollspy
- * =============================================================
- * Copyright 2012 Twitter, Inc.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- * ============================================================== */
-
-!function ( $ ) {
-
-  "use strict"
-
-  /* SCROLLSPY CLASS DEFINITION
-   * ========================== */
-
-  function ScrollSpy( element, options) {
-    var process = $.proxy(this.process, this)
-      , $element = $(element).is('body') ? $(window) : $(element)
-      , href
-    this.options = $.extend({}, $.fn.scrollspy.defaults, options)
-    this.$scrollElement = $element.on('scroll.scroll.data-api', process)
-    this.selector = (this.options.target
-      || ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7
-      || '') + ' .nav li > a'
-    this.$body = $('body').on('click.scroll.data-api', this.selector, process)
-    this.refresh()
-    this.process()
-  }
-
-  ScrollSpy.prototype = {
-
-      constructor: ScrollSpy
-
-    , refresh: function () {
-        this.targets = this.$body
-          .find(this.selector)
-          .map(function () {
-            var href = $(this).attr('href')
-            return /^#\w/.test(href) && $(href).length ? href : null
-          })
-
-        this.offsets = $.map(this.targets, function (id) {
-          return $(id).position().top
-        })
-      }
-
-    , process: function () {
-        var scrollTop = this.$scrollElement.scrollTop() + this.options.offset
-          , offsets = this.offsets
-          , targets = this.targets
-          , activeTarget = this.activeTarget
-          , i
-
-        for (i = offsets.length; i--;) {
-          activeTarget != targets[i]
-            && scrollTop >= offsets[i]
-            && (!offsets[i + 1] || scrollTop <= offsets[i + 1])
-            && this.activate( targets[i] )
-        }
-      }
-
-    , activate: function (target) {
-        var active
-
-        this.activeTarget = target
-
-        this.$body
-          .find(this.selector).parent('.active')
-          .removeClass('active')
-
-        active = this.$body
-          .find(this.selector + '[href="' + target + '"]')
-          .parent('li')
-          .addClass('active')
-
-        if ( active.parent('.dropdown-menu') )  {
-          active.closest('li.dropdown').addClass('active')
-        }
-      }
-
-  }
-
-
- /* SCROLLSPY PLUGIN DEFINITION
-  * =========================== */
-
-  $.fn.scrollspy = function ( option ) {
-    return this.each(function () {
-      var $this = $(this)
-        , data = $this.data('scrollspy')
-        , options = typeof option == 'object' && option
-      if (!data) $this.data('scrollspy', (data = new ScrollSpy(this, options)))
-      if (typeof option == 'string') data[option]()
-    })
-  }
-
-  $.fn.scrollspy.Constructor = ScrollSpy
-
-  $.fn.scrollspy.defaults = {
-    offset: 10
-  }
-
-
- /* SCROLLSPY DATA-API
-  * ================== */
-
-  $(function () {
-    $('[data-spy="scroll"]').each(function () {
-      var $spy = $(this)
-      $spy.scrollspy($spy.data())
-    })
-  })
-
-}( window.jQuery );