RubyGems - undercase - Versions diffs - 0.2.29 - Mend

undercase 0.2.29

Files changed (407) hide show

data/app/views/undercase/patterns/_gray_link.html.haml ADDED

	@@ -0,0 +1,2 @@
1	+ %a.gray-link{href: "#"}
2	+ Link to Here

data/app/views/undercase/patterns/_grid.html.haml ADDED

File without changes

data/app/views/undercase/patterns/_icon_classes.html.haml ADDED

@@ -0,0 +1,8 @@
+- icon_lines = File.read(Undercase::Engine.root.join(*%w[app assets stylesheets undercase libraries _icon_codes.scss]))
+.row
+  - icon_lines.split("\n").each do |line|
+    - unless line.blank?
+      - icon, icon_value = line.split(":")
+      - icon = icon.gsub(/\$/, '')
+      .one.third
+        %div{:class => "#{icon} uc-icon-fixed-width uf-icon"}= icon

data/app/views/undercase/patterns/_icon_custom.html.haml ADDED

@@ -0,0 +1,12 @@
+.gap-bottom
+  %i.uc-icon-master-profile
+  uc-icon-master-profile
+.gap-bottom
+  %i.uc-icon-focus-child
+  uc-icon-focus-child
+.gap-bottom
+  %i.uc-icon-checkbox-selected
+  uc-icon-checkbox-selected
+.gap-bottom
+  %i.uc-icon-checkbox-unselected
+  uc-icon-checkbox-unselected

data/app/views/undercase/patterns/_inline_message.html.haml ADDED

@@ -0,0 +1,5 @@
+= inline_message(:notice,  "This is a Notice message!")
+= inline_message(:pending, "This is a Pending message!")
+= inline_message(:success,  "This is a Success message!")
+= inline_message(:warning, "This is a Warning message!")
+= inline_message(:severe,  "This is a Severe message!")

data/app/views/undercase/patterns/_length_of_time.html.haml ADDED

@@ -0,0 +1,12 @@
+%div
+  %span.uc-time-length.uc-icon-clock-o
+  %span.uc-time-length__text
+    = "#{length_of_time(2.days.ago)}"
+%div
+  %span.uc-time-length.uc-icon-clock-o
+  %span.uc-time-length__text
+    = "#{length_of_time(3.months.ago)}"
+%div
+  %span.uc-time-length.uc-icon-clock-o
+  %span.uc-time-length__text
+    = "#{length_of_time(2.years.ago)}"

data/app/views/undercase/patterns/_list_circle.html.haml ADDED

@@ -0,0 +1,4 @@
+%ul.uc-list-circle
+  %li Huey
+  %li Dewey
+  %li Louie

data/app/views/undercase/patterns/_list_disc.html.haml ADDED

@@ -0,0 +1,4 @@
+%ul.uc-list-disc
+  %li Larry
+  %li Curly
+  %li Moe

data/app/views/undercase/patterns/_navigation.html.haml ADDED

@@ -0,0 +1,40 @@
+.uc-user-settings
+  %ul.uc-list-pipe
+    %li
+      %a.uc-link--has-popup{href: '#'} John Doe
+    %li
+      %a.uc-link--has-popup{href: '#'} Help
+.uc-site-header
+  %nav.row{ data: { presents: 'ToggleNavigationSearch' } }
+    %ul.uc-navigation.eight.twelfths.two-up-small-tablet.js-navigation-menu
+      %li.uc-navigation__item
+        %a.uc-navigation__item__link.uc-icon-tachometer{href: '#'}
+          %span.uc-navigation-text Dashboard
+      %li.uc-navigation__item
+        %a.uc-navigation__item__link.uc-icon-inbox.uc-navigation__item__link--has-menu{href: '#'}
+          %span.uc-navigation-text My Work
+      %li.uc-navigation__item
+        %a.uc-navigation__item__link.uc-icon-bell.uc-navigation__item__link--has-menu{href: '#'}
+          %span.uc-notification-indicator 32
+          %span.uc-navigation-text Notifications
+      %li.uc-navigation__item
+        %a.uc-navigation__item__link.uc-icon-file-text.uc-navigation__item__link--has-menu{href: '#'}
+          %span.uc-navigation-text Resources
+      %li.uc-navigation__item.uc-navigation__item--search
+        %a.uc-navigation__item__link.uc-icon-search.js-toggle-search-trigger{href: '#', 'aria-label' => 'Search'}
+    %form.four.twelfths.pad-top.pad-bottom.no-pad-mobile.two-up-small-tablet.js-navigation-search
+      %fieldset
+        .uc-form__inline__fields--with-prefix-and-suffix.uc-form__inline__fields--with-prefix-and-suffix--search{ data: { presents: 'FlexibleSearchMenu' } }
+          .js-flexible-container.uc-form-field.uc-form-field--search.uc-form__inline__fields__prefix.uc-form__inline__fields__prefix--search
+            %select.js-flexible-select.uc-form__inline__fields__prefix__select.uc-form__inline__fields__prefix__select--search{name: "test_dummy[type]"}
+              %option{value: "All"} All
+              %option{value: "People"} People
+              %option{value: "Some long selection"} Some long selection
+              %option{value: "Most"} Most
+          .uc-form-field.uc-form-field--search.uc-form__inline__fields__fill
+            %input{"aria-describedby" => "phone_number_error", "aria-label" => "Search Query", name: "test_dummy[value]", type: "search"}/
+          .uc-form__inline__fields__suffix.uc-form__inline__fields__suffix--search
+            %button.uc-form__inline__fields__suffix--search__go.uc-icon-search{"aria-label" => "Go"}
+            %a.uc-form__inline__fields__suffix--search__cancel.js-toggle-menu-trigger{href: '#'} Cancel

data/app/views/undercase/patterns/_pagination.html.haml ADDED

@@ -0,0 +1,17 @@
+%nav.uc-pagination
+  %span.uc-pagination__item.uc-pagination__item--disabled
+    &laquo; First
+  %span.uc-pagination__item.uc-pagination__item--disabled
+    &lsaquo; Prev
+  %span.uc-pagination__item.uc-pagination__item--index
+    %span Page
+    %input.uc-pagination-input{type: "text"}
+    %span of 2
+  %span.uc-pagination__item
+    %a{href: '#'} Next
+    &rsaquo;
+  %span.uc-pagination__item
+    %a{href: '#'} Last
+    &raquo;
+  .uc-pagination-summary (1-25 of 33 results)

data/app/views/undercase/patterns/_pattern.html.haml ADDED

@@ -0,0 +1,27 @@
+.row
+  .one.whole
+    .uf-h2= pattern.name
+.row
+  .one.half
+    .uf-h3 Description and Purpose
+    .uf-description
+      :markdown
+        #{pattern.description}
+  .one.half.pad-left
+    .uf-h3 Usage Guidelines
+    .uf-description
+      :markdown
+        #{pattern.usage}
+.row.gap-top
+  .example{:'data-presents' => ('show-code' if pattern.display_code?)}
+    - if pattern.display_code?
+      .row
+        .js-pattern-view-modes.uf-pattern-view-modes.pull-right
+          = link_to "Design", "#", class: "js-design-link uf-bc-gray"
+          = link_to "Code", "#", class: "js-code-link"
+    .row.padded.rendered
+      .js-design-section
+        = render partial: pattern.key.to_s
+      .js-code-section.uf-hidden
+        = preserve(pattern.highlighted_source) if pattern.display_code?

data/app/views/undercase/patterns/_person_placard.html.haml ADDED

@@ -0,0 +1,103 @@
+.row
+  .one.half
+    -# normal placard
+    .uc-person-placard
+      .row.uc-person-placard__container
+        .uc-person-placard__photo
+          %img{src: '/assets/avatar_male_small.png'}
+        .uc-person-placard__content
+          %a{href: '#'} Jessica Jillian
+          %p
+            Removal ended
+            %span.uc-t-body-em on 5/12/2014
+  .one.half
+    -# closed placard
+    .uc-person-placard--closed
+      .row.uc-person-placard__container
+        .uc-person-placard__photo
+          %img{src: '/assets/avatar_male_small.png'}
+        .uc-person-placard__content
+          %a{href: '#'} Carol Jilian
+          %p
+            Removal ended
+            %span.uc-t-body-em on 5/12/2014
+.row
+  .one.half
+    -# placard with bottom
+    .uc-person-placard
+      .uc-person-placard__container
+        .row
+          .uc-person-placard__photo
+            %img{src: '/assets/avatar_male_small.png'}
+          .uc-person-placard__content
+            %a{href: '#'} Jessica Jillian
+            %p
+              Placed here
+              %span.uc-t-body-em since 12/4/2013
+            %p
+              Removal Began
+              %span.uc-t-body-em on 12/4/2013
+        .uc-person-placard__callout
+          %span.uc-person-placard__callout__title--strong Trial home visit
+          %span.uc-t-body-em since 3/19/2014
+      .row.uc-person-placard__container--divided
+        .uc-person-placard__container__cell
+          %span.uc-time-length.uc-icon-clock-o
+          %span.uc-time-length__text
+            = "#{length_of_time(5.months.ago)} here"
+        .uc-person-placard__container__cell.pull-right
+          .uc-button--flat-gray--split
+            .uc-button--flat-gray--split--left Update Location
+            .uc-button--flat-gray--split--right
+  .one.half
+    -# closed placard with bottom
+    .uc-person-placard--closed
+      .row.uc-person-placard__container
+        .uc-person-placard__photo
+          %img{src: '/assets/avatar_male_small.png'}
+        .uc-person-placard__content
+          %a{href: '#'} Carol Jilian
+          %p
+            Removal Began
+            %span.uc-t-body-em on 5/12/2014
+      .row.uc-person-placard__container--divided
+        .uc-person-placard__container__cell
+          %span.uc-time-length.uc-icon-clock-o
+          %span.uc-time-length__text
+            = "#{length_of_time(5.months.ago)} here"
+        .uc-person-placard__container__cell.pull-right
+          .uc-button--flat-gray--split
+            .uc-button--flat-gray--split--left Update Location
+            .uc-button--flat-gray--split--right
+.row
+  .one.half
+    -# placard with bottom and runaway
+    .uc-person-placard
+      .uc-person-placard__container
+        .row
+          .uc-person-placard__photo
+            %img{src: '/assets/avatar_male_small.png'}
+          .uc-person-placard__content
+            %a{href: '#'} Jessica Jillian
+            %p
+              Placed here
+              %span.uc-t-body-em since 12/4/2013
+            %p
+              Removal Began
+              %span.uc-t-body-em on 12/4/2013
+        .uc-person-placard__callout
+          %span.uc-person-placard__callout__title--strong Runaway :
+          %span.uc-person-placard__callout__title #{length_of_time(5.months.ago)}
+          %span.uc-t-body-em since 3/19/2014
+      .row.uc-person-placard__container--divided
+        .uc-person-placard__container__cell
+          %span.uc-time-length.uc-icon-clock-o
+          %span.uc-time-length__text
+            = "#{length_of_time(2.years.ago)} here"
+        .uc-person-placard__container__cell.pull-right
+          .uc-button--flat-gray--split
+            .uc-button--flat-gray--split--left Update Location
+            .uc-button--flat-gray--split--right

data/app/views/undercase/patterns/_popover.html.haml ADDED

@@ -0,0 +1,9 @@
+%span{data: {presents: "popover", placement: "top", title: "Greetings"}}
+  =link_to 'Click this text', '#'
+  .popover-content.hidden
+    %p This is the popover content.
+    %p It can have <strong>rich HTML</strong>.
+to see a popover.
+For more options, refer to the
+= link_to "Bootstrap documentation.", "http://getbootstrap.com/javascript/#popovers"

data/app/views/undercase/patterns/_tables_mobile.html.haml ADDED

@@ -0,0 +1,23 @@
+.uc-table-wrapper
+  %table.uc-table--respond-mobile
+    %col.uc-table__col--auto
+    %col.uc-table__col--small
+    %col.uc-table__col--medium
+    %col.uc-table__col--large
+    %col.uc-table__col--medium
+    %col.uc-table__col--small
+    %thead
+      %tr
+        %th
+          %a.uc-icon-sort-ascending Auto-sized Column
+        %th Small
+        %th Medium
+        %th Large
+        %th Medium 2
+        %th Small 2
+    %tbody
+      - 3.times do
+        %tr
+          - text = "Lorem ipsum dolor; sit amet; consectetur ; adipisicing ;elit citation; sin super"
+          - text.split(';').each do |t|
+            %td #{t}

data/app/views/undercase/patterns/_tables_not_desktop.html.haml ADDED

@@ -0,0 +1,21 @@
+.uc-table-wrapper
+  %table.uc-table--respond-not-desktop
+    %col.uc-table__col--auto
+    %col.uc-table__col--x-large
+    %col.uc-table__col--xx-large
+    %col.uc-table__col--xxx-large
+    %col.uc-table__col--xxxx-large
+    %thead
+      %tr
+        %th
+          %a.uc-icon-sort-descending Auto-sized Column
+        %th X-Large
+        %th XX-Large
+        %th XXX-Large
+        %th XXXX-Large
+    %tbody
+      - 3.times do
+        %tr
+          - text = "Lorem ipsum dolor; sit amet consectetur ; adipisicing elit citation; sin substantiatus; super verbositas ex nihil"
+          - text.split(';').each do |t|
+            %td #{t}

data/app/views/undercase/patterns/_tables_small_mobile.html.haml ADDED

@@ -0,0 +1,23 @@
+.uc-table-wrapper
+  %table.uc-table--respond-mobile
+    %col.uc-table__col--auto
+    %col.uc-table__col--small
+    %col.uc-table__col--medium
+    %col.uc-table__col--large
+    %col.uc-table__col--medium
+    %col.uc-table__col--small
+    %thead
+      %tr
+        %th
+          %a.uc-icon-sort-descending Auto-sized Column
+        %th Small
+        %th Medium
+        %th Large
+        %th Medium 2
+        %th Small 2
+    %tbody
+      - 3.times do
+        %tr
+          - text = "Lorem ipsum dolor; sit amet; consectetur ; adipisicing ;elit citation; sin substantiatus"
+          - text.split(';').each do |t|
+            %td #{t}

data/app/views/undercase/patterns/_tables_small_tablet.html.haml ADDED

@@ -0,0 +1,25 @@
+.uc-table-wrapper
+  %table.uc-table--respond-small-tablet
+    %col.uc-table__col--auto
+    %col.uc-table__col--tiny
+    %col.uc-table__col--small
+    %col.uc-table__col--medium
+    %col.uc-table__col--large
+    %col.uc-table__col--x-large
+    %col.uc-table__col--xx-large
+    %thead
+      %tr
+        %th
+          %a.uc-icon-sort-descending Auto-sized Column
+        %th Tiny
+        %th Small
+        %th Medium
+        %th Large
+        %th X-Large
+        %th XX-Large
+    %tbody
+      - 3.times do
+        %tr
+          - text = "Lorem ipsum dolor; sit; amet; consectetur ; adipisicing ;elit citation; sin substantiatus"
+          - text.split(';').each do |t|
+            %td #{t}

data/app/views/undercase/patterns/_typography.html.haml ADDED

@@ -0,0 +1,16 @@
+%h1 h1. Heading 1
+%p Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+%p At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.
+%h2 h2. Heading 2
+%ul
+  %li Lorem
+  %li Ipsum
+  %li Dolor
+%h3 h3. Heading 3
+%ol
+  %li Lorem
+  %li Ipsum
+  %li Dolor

data/app/views/undercase/patterns/_typography_body_em.html.haml ADDED

	@@ -0,0 +1 @@
1	+ .uc-t-body-em Body-em: italic

data/app/views/undercase/patterns/_typography_body_p.html.haml ADDED

	@@ -0,0 +1 @@
1	+ .uc-t-body-p Body-p: 1rem, fontweight 400, lineheight 1.286rem

data/app/views/undercase/patterns/_typography_body_strong.html.haml ADDED

	@@ -0,0 +1 @@
1	+ .uc-t-body-strong Body-strong: fontweight 600

data/app/views/undercase/patterns/_typography_body_thin.html.haml ADDED

	@@ -0,0 +1 @@
1	+ .uc-t-body-large-thin-placeholder Body-large-thin-placeholder: 1.286rem, fontweight 300, lineheight 1.429rem

data/app/views/undercase/patterns/_typography_body_underline.html.haml ADDED

	@@ -0,0 +1 @@
1	+ .uc-t-body-underline Body-underline: underline

data/app/views/undercase/patterns/_typography_body_uppercase.html.haml ADDED

	@@ -0,0 +1 @@
1	+ .uc-t-body-uppercase Body-uppercase: uppercase

data/app/views/undercase/patterns/_typography_heading_1.html.haml ADDED

	@@ -0,0 +1 @@
1	+ .uc-t-h1 Heading 1

data/app/views/undercase/patterns/_typography_heading_2.html.haml ADDED

	@@ -0,0 +1 @@
1	+ .uc-t-h2 Heading 2

data/app/views/undercase/patterns/_typography_heading_3.html.haml ADDED

	@@ -0,0 +1 @@
1	+ .uc-t-h3 Heading 3

data/app/views/undercase/patterns/_typography_heading_4.html.haml ADDED

	@@ -0,0 +1 @@
1	+ .uc-t-h4 Heading 4

data/app/views/undercase/patterns/_typography_heading_thin.html.haml ADDED

	@@ -0,0 +1 @@
1	+ .uc-t-thin-header-placeholder New thin header placeholder

data/app/views/undercase/patterns/_typography_links_general.html.haml ADDED

	@@ -0,0 +1,2 @@
1	+ %a.uc-t-links-general{href: "#"}
2	+ Links-general: 1rem, regular, underlined, line-height 17

data/app/views/undercase/patterns/_typography_links_navigation.html.haml ADDED

	@@ -0,0 +1,2 @@
1	+ %a.uc-t-links-navigational{href: "#"}
2	+ Links-navigational: 14px, fontweight 400, no-underline

data/app/views/undercase/patterns/_typography_links_page_banner.html.haml ADDED

	@@ -0,0 +1,2 @@
1	+ %a.uc-t-links-page-banner{href: "#"}
2	+ Links-page-banner: 1.286rem, fontweight 600, underline, line-height 28

data/app/views/undercase/patterns/_uc_borders_blue.html.haml ADDED

	@@ -0,0 +1,2 @@
1	+ .uf-dummy-block-thin.uc-border-top--blue-dotted Border Above (dotted)
2	+ .uf-dummy-block-thin.uc-border-bottom-blue Border Below (solid)

data/app/views/undercase/patterns/_uc_borders_gray.html.haml ADDED

	@@ -0,0 +1,2 @@
1	+ .uf-dummy-block-thin.uc-border-top-gray-dotted Border Above
2	+ .uf-dummy-block-thin.uc-border-bottom-gray-dotted Border Below

data/app/views/undercase/patterns/_uc_borders_hover_blue.html.haml ADDED

@@ -0,0 +1,3 @@
+.uc-border-blue-on-hover
+  %h2 Hover on this text
+  %p Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit

data/app/views/undercase/patterns/_uc_borders_left.html.haml ADDED

@@ -0,0 +1,4 @@
+.uc-editable-border-left
+  Left yellow border
+  %br
+  on this div

data/app/views/undercase/patterns/_uc_borders_lighter_gray.html.haml ADDED

@@ -0,0 +1,3 @@
+.uc-border--lighter-gray.gap-bottom Border in all directions
+.uc-border-top-lighter-gray Border Above
+.uc-border-bottom-lighter-gray Border Below