express_ui 0.5.0 → 0.5.1

data/app/components/express_ui/panel.rb

@@ -1,37 +0,0 @@
-module ExpressUi
-  class Panel < ExpressTemplates::Container
-
-    has_option :heading, "The panel heading text. Set to false to supress", default: true
-    has_option :footer, "The panel footing text."
-
-    before_build -> {
-      add_class 'panel'
-    }
-
-    contains -> (&block) {
-      div(class: "panel-heading", only_when: !!config[:heading]) {
-        panel_header
-      }
-      div(class: "panel-body") {
-        block.call
-      }
-      div(class: "panel-footer", only_when: !!config[:footer]) {
-        panel_footer
-      }
-    }
-
-    def panel_footer
-      config[:footer]
-    end
-
-    def panel_header
-      case config[:header]
-      when String
-        config[:header]
-      else
-        config[:id].to_s.titleize
-      end
-    end
-
-  end
-end

data/app/components/express_ui/unordered_list.rb

@@ -1,29 +0,0 @@
-module ExpressUi
-  class UnorderedList < ExpressTemplates::Container
-
-    include ExpressTemplates::Components::Capabilities::Iteration
-
-    tag :ul
-
-    has_option :collection_name, "Optional name for the collection if different from the :id"
-
-    contains -> (&block) {
-      for_all(collection_name) {
-        li(id: item_id, class: singular_item_name) {
-          block.call()
-        }
-      }
-    }
-
-    def collection_name
-      config[:collection_name] || config[:id]
-    end
-
-    def item_id
-      if item.respond_to?(:id)
-        "#{singular_item_name}:#{item.id}"
-      end
-    end
-
-  end
-end

data/app/views/express_ui/molecules/_lists.html.et

@@ -1,65 +0,0 @@
-h4 { 'Definition List' }
-
-h5 { 'Inline List' }
-
-code_demo {
-  %Q{
-      dl(class: 'ae-dl-inline' ) {
-        dt { 'Term' }
-        dd { 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim magna, fringilla a purus at, sagittis pellentesque dui. Duis placerat leo massa, non dignissim nisl dignissim vitae.' }
-      }
-  }
-}
-
-h5 { 'Horizontal List' }
-
-code_demo {
-  %Q{
-    dl {
-      dt { 'Term' }
-      dd { 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim magna, fringilla a purus at, sagittis pellentesque dui. Duis placerat leo massa, non dignissim nisl dignissim vitae.' }
-    }
-  }
-}
-
-
-h4 { 'Ordered List' }
-
-code_demo {
-  %Q{
-    ol  {
-      li { 'Duis placerat leo massa, non dignissim nisl dignissim vitae.' }
-      li { 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim magna, fringilla a purus at, sagittis pellentesque dui. ' }
-    }
-  }
-}
-
-h4 { 'Undordered List' }
-
-code_demo {
-  %Q{
-    ul(class: 'ae-list-bullet') {
-      li { 'Duis placerat leo massa, non dignissim nisl dignissim vitae.' }
-      li { 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim magna, fringilla a purus at, sagittis pellentesque dui. ' }
-    }
-  }
-}
-
-
-h4 { 'Inline Ordered/Undordered List' }
-
-code_demo {
-  %Q{
-    ul(class: 'ae-list-inline') {
-      li { 'Duis placerat leo massa' }
-      li { 'Lorem ipsum dolor sit amet' }
-    }
-
-    ol(class: 'ae-list-inline') {
-      li { 'Duis placerat leo massa' }
-      li { 'Lorem ipsum dolor sit amet' }
-    }
-  }
-}
-
-

data/app/views/express_ui/molecules/_nav_mega_menu.html.et

@@ -1,94 +0,0 @@
-code_demo {
-  %Q{
-    div(class: 'ae-mega-menu') {
-      a(href: '#', class:'ae-btn ae-btn-primary ae-open-mega-menu') { 'Open Mega Menu List' }
-      div(class: 'ae-nav-mega-menu-content ae-hidden') {
-
-        h3(class: 'ae-mega-menu-title') {
-          text_node 'Modules'
-          a(href: '#', class:'ae-mega-menu-close ae-u-float-right') { '×' }
-        }
-
-        ul(class: 'ae-list-block ae-nav-mega-menu-list') {
-          li(class: 'active ae-nav-mega-menu-item') {
-            a(href: '#') { 'Express Admin' }
-          }
-          li(class: 'ae-nav-mega-menu-item') {
-            a(href: '#') { 'Express Auth' }
-          }
-          li(class: 'ae-nav-mega-menu-item') {
-            a(href: '#') { 'Express Billing' }
-          }
-
-        }
-      }
-    }
-
-    div(class: 'ae-mega-menu') {
-      a(href: '#', class:'ae-btn ae-btn-primary ae-open-mega-menu') { 'Open Mega Menu List with Big Icons' }
-      div(class: 'ae-nav-mega-menu-content ae-hidden') {
-
-        h3(class: 'ae-mega-menu-title') {
-          text_node 'Modules'
-          a(href: '#', class:'ae-mega-menu-close ae-u-float-right') { '×' }
-        }
-
-        ul(class: 'ae-list-inline ae-nav-mega-menu-list-icons') {
-          li(class: 'active ae-nav-mega-menu-item') {
-            a(href: '#') {
-              image_tag 'appexpress/express_admin.svg', class: 'nav-logo', width: '60', alt: 'Express Admin'
-              text_node 'Express Admin'
-            }
-          }
-          li(class: ' ae-nav-mega-menu-item') {
-            a(href: '#') {
-              image_tag 'appexpress/express_auth.svg', class: 'nav-logo', width: '60', alt: 'Express Auth'
-              text_node 'Express Auth'
-            }
-          }
-          li(class: ' ae-nav-mega-menu-item') {
-            a(href: '#') {
-              image_tag 'appexpress/express_billing.svg', class: 'nav-logo', width: '60', alt: 'Express Billing'
-              text_node 'Express Billing  '
-            }
-          }
-
-        }
-      }
-    }
-
-    div(class: 'ae-mega-menu') {
-      a(href: '#', class:'ae-btn ae-btn-primary ae-open-mega-menu') { 'Open Mega Menu List with Small Icons' }
-      div(class: 'ae-nav-mega-menu-content ae-hidden') {
-
-        h3(class: 'ae-mega-menu-title') {
-          text_node 'Modules'
-          a(href: '#', class:'ae-mega-menu-close ae-u-float-right') { '×' }
-        }
-
-        ul(class: 'ae-list-block ae-nav-mega-menu-list') {
-          li(class: 'active ae-nav-mega-menu-item') {
-            a(href: '#') {
-              image_tag 'appexpress/express_admin.svg', class: 'nav-logo', width: '60', alt: 'Express Admin'
-              text_node 'Express Admin'
-            }
-          }
-          li(class: ' ae-nav-mega-menu-item') {
-            a(href: '#') {
-              image_tag 'appexpress/express_auth.svg', class: 'nav-logo', width: '60', alt: 'Express Auth'
-              text_node 'Express Auth'
-            }
-          }
-          li(class: ' ae-nav-mega-menu-item') {
-            a(href: '#') {
-              image_tag 'appexpress/express_billing.svg', class: 'nav-logo', width: '60', alt: 'Express Billing'
-              text_node 'Express Billing  '
-            }
-          }
-
-        }
-      }
-    }
-
-  }
-}

data/app/views/express_ui/molecules/_nav_menu.html.et

@@ -1,17 +0,0 @@
-code_demo {
-	%Q{
-	  nav(class: 'ae-nav-main') {
-	    ul(class: 'ae-list-inline') {
-	      li(class: 'active ae-nav-item') {
-	        a(href: '#') { 'Express Admin' }
-	      }
-	      li(class: 'ae-nav-item') {
-	        a(href: '#') { 'Express Auth' }
-	      }
-	      li(class: 'ae-nav-item') {
-	        a(href: '#') { 'Express Billing' }
-	      }
-	    }
-	  }
-	}
-}

data/app/views/express_ui/molecules/_progress_indicator.html.et

@@ -1,56 +0,0 @@
-table {
-  thead {
-    th { "Code" }
-    th { "Notes" }
-  }
-  tbody {
-    tr {
-      td {
-        code { ".ae-progress-indicator" }
-      }
-      td { "Required Class. This class adds progress indicator. Progress indicator shows numbers by default. " }
-    }
-    tr {
-      td {
-        code { ".ae-progress-indicator .ae-progress-check" }
-      }
-      td { "Optional Class. This class replaces numbers with checks for done points and a dot for the current point." }
-    }
-
-  }
-}
-
-code_demo {
-  %Q{
-    div(class: 'ae-progress-indicator ae-progress-check') {
-      div(class: 'ae-progress-points') {
-        ol {
-          li(class: 'ae-progress-point ae-progress-point-done') {
-            para(class: 'ae-progress-heading') { 'Club Name' }
-          }
-          li(class: 'ae-progress-point ae-progress-point-current') {
-            para(class: 'ae-progress-heading') { 'Club Info' }
-          }
-          li(class: 'ae-progress-point') {
-            para(class: 'ae-progress-heading') { 'Select Plan' }
-          }
-        }
-      }
-    }
-    div(class: 'ae-progress-indicator') {
-      div(class: 'ae-progress-points') {
-        ol {
-          li(class: 'ae-progress-point ae-progress-point-done') {
-            para(class: 'ae-progress-heading') { 'Club Name' }
-          }
-          li(class: 'ae-progress-point ae-progress-point-current') {
-            para(class: 'ae-progress-heading') { 'Club Info' }
-          }
-          li(class: 'ae-progress-point') {
-            para(class: 'ae-progress-heading') { 'Select Plan' }
-          }
-        }
-      }
-    }
-  }
-}

data/app/views/express_ui/scripts/_accordion.html.et

@@ -1,69 +0,0 @@
-para {
-  text_node 'ExpressUI uses QuickAccord to display collapsible accordions.'
-  a(href: 'http://www.jqueryscript.net/accordion/Accessible-Cross-browser-Accordion-Plugin-For-jQuery-QuickAccord.html', title: 'QuickAccord documentation') { 'See documentation' }
-  text_node 'and usage guidelines.'
-}
-
-table {
-  thead {
-    th { "Code" }
-    th { "Notes" }
-  }
-  tbody {
-    tr {
-      td {
-        code { "$('.ae-accordion-trigger').QuickAccord();" }
-      }
-      td { "Required Javascript. This script initializes the accordion." }
-    }
-    tr {
-      td {
-        code { '
-          <a href="#ae-accordion1" class="ae-accordion-trigger ae-btn ae-btn-primary expanded" data-accord-group="ae-accordion-group">Accordion 1</a>'
-        }
-      }
-      td { "Required mark-up. The link that opens the accordion content." }
-    }
-    tr {
-      td {
-        code { '
-          <div id="ae-accordion1" class="ae-accordion-content"></div>'
-        }
-      }
-      td { "Required mark-up. The div that has the accordion content" }
-    }
-    tr {
-      td {
-        code { 'data-accord-group="ae-accordion-group"' }
-      }
-      td { "Optional mark-up. Added to the accordion trigger link. Responsible for grouping accordion items together, so that only 1 accordion expands at a time. " }
-    }
-
-  }
-}
-
-code_demo {
-  %Q{
-    ul {
-      li {
-        a(href:"#ae-accordion1", class:"ae-accordion-trigger ae-btn ae-btn-primary", 'data-accord-group' => "ae-accordion-group") { 'Accordion 1' }
-        div(id: "ae-accordion1", class: "ae-accordion-content collapsed") {
-          para { 'Content 1'}
-        }
-      }
-      li {
-        a(href:"#ae-accordion2", class:"ae-accordion-trigger ae-btn ae-btn-primary", 'data-accord-group' => "ae-accordion-group") { 'Accordion 2' }
-        div(id: "ae-accordion2", class: "ae-accordion-content collapsed") {
-          para { 'Content 2'}
-        }
-      }
-      li {
-        a(href:"#ae-accordion3", class:"ae-accordion-trigger ae-btn ae-btn-primary collapsed", 'data-accord-group'  => "ae-accordion-group") { 'Accordion 3' }
-        div(id: "ae-accordion3", class: "ae-accordion-content collapsed") {
-          para { 'Content 3'}
-        }
-      }
-    }
-  }
-}
-

data/app/views/express_ui/scripts/_calendar.html.et

@@ -1,35 +0,0 @@
-para {
-  text_node 'ExpressUI uses FullCalendar to display dates.'
-  a(href: 'https://fullcalendar.io/docs/', title: 'FullCalendar documentation') { 'See documentation' }
-  text_node 'and usage guidelines.'
-}
-
-table {
-  thead {
-    th { "Code" }
-    th { "Notes" }
-  }
-  tbody {
-    tr {
-      td {
-        code { "$('.ae-calendar').fullCalendar()" }
-      }
-      td { "Required Javascript. This script initializes the calendar." }
-    }
-    tr {
-      td {
-        code { '<div class="ae-calendar"></div>' }
-      }
-      td { "Required mark-up. The Javascript inserts the calendar through this class." }
-    }
-  }
-}
-
-
-code_demo {
-  %Q{
-    div(class: 'ae-calendar')
-  }
-}
-
-

data/app/views/express_ui/scripts/_carousel.html.et

@@ -1,21 +0,0 @@
-para { 'https://github.com/Naggi-Goishi/siema-rails' }
-
-
-code_demo {
-  %Q{
-    div(class: 'ae-carousel') {
-      div(class: 'ae-carousel-item', style: "background-image: url('http://lorempixel.com/1000/300/food')") {
-        div(class: 'ae-carousel-controls') {
-          div(class: 'ae-btn-group ae-btn-group-right') {
-            button(class: 'ae-btn ae-btn-primary', type: 'button') { 'Back' }
-            button(class: 'ae-btn ae-btn-primary', type: 'button') { 'Next' }
-          }
-        }
-        div(class: 'ae-carousel-caption') {
-          h3(class: 'carousel-heading') { 'Slide 1 Title' }
-          para { 'Slide 1 caption' }
-        }
-      }
-    }
-  }
-}

data/app/views/express_ui/scripts/_datepicker.html.et

@@ -1,37 +0,0 @@
-para {
-  text_node 'ExpressUI uses Pickadate.js to select dates.'
-  a(href: 'http://amsul.ca/pickadate.js/date/', title: 'Pickadate.js documentation') { 'See documentation' }
-  text_node 'and usage guidelines.'
-}
-
-table {
-  thead {
-    th { "Code" }
-    th { "Notes" }
-  }
-  tbody {
-    tr {
-      td {
-        code { "$('.ae-datepicker').pickadate()" }
-      }
-      td { "Required Javascript. This script initializes the datepicker." }
-    }
-    tr {
-      td {
-        code { '<input class="ae-datepicker" type="text""></input>' }
-      }
-      td { "Required mark-up. The Javascript inserts the datepicker through this class." }
-    }
-  }
-}
-
-code_demo {
-  %Q{
-    form {
-      div(class: 'ae-form-field ae-has-icon') {
-      	i(class: 'fa fa-calendar')
-      	input(type: 'text', class: 'ae-datepicker ae-text-field ae-input-lg', name: 'ae-datepicker', placeholder: 'Select a date')
-      }
-    }
-  }
-}