fleetio_spark 0.2.48 → 1.0.0.rc.1

data/app/components/spark/layout/block.html.slim

@@ -0,0 +1,13 @@
+div *tag_attrs
+  - if items.present? || @content.present?
+    .spark-layout-block-items
+      - if @content.present?
+        .spark-layout-block-item = @content
+      - items.each do |item|
+        .spark-layout-block-item *item.tag_attrs
+          = item.yield
+  - if actions.present?
+    .spark-layout-block-actions
+      - actions.each do |action|
+        .spark-layout-block-action *action.tag_attrs
+          = action.yield

data/app/components/spark/layout/block.rb

@@ -0,0 +1,62 @@
+module Spark
+  module Layout
+    class Block < Spark::Component::Base
+      GUTTER = %i[small base medium large xl].freeze
+      SPACER_SIZE = %i[base].freeze
+
+      attribute gutter: :small, action_gutter: :small
+
+      validates_attr :gutter, choices: GUTTER
+      validates_attr :action_gutter, choices: GUTTER
+
+      element :item, multiple: true do
+        attribute :expand
+
+        def initialize(*)
+          super
+
+          classname.add("expand") if @expand
+        end
+      end
+
+      element :spacer do
+        attribute :size
+        validates_attr :size, choices: SPACER_SIZE
+
+        def initialize(*)
+          super
+
+          # This is an attempt to determine if a spacer should be added to the list of items, or actions.
+          # If no actions have been added yet, add the spacer to the items.
+          if _parent.actions.empty?
+            _parent.items << self
+          else
+            _parent.actions << self
+          end
+
+          classname.add('block-spacer')
+          classname.add("size-#{@size}")
+        end
+      end
+
+      element :action, multiple: true do
+        attribute :expand
+
+        def initialize(*)
+          super
+
+          classname.add(:expand) if @expand
+        end
+      end
+
+      def initialize(*)
+        super
+
+        classname.base = "spark-layout-block"
+        classname.add("gutter-#{@gutter}") if @gutter
+        classname.add("action-gutter-#{@action_gutter}") if @action_gutter
+        tag_attrs.add(role: @role)
+      end
+    end
+  end
+end

data/app/components/spark/layout/media_block.html.slim

@@ -0,0 +1,11 @@
+div *tag_attrs
+  .spark-media-block-image *image.tag_attrs
+    = image.yield
+  - if title || body
+    .spark-media-block-content
+      - if title
+        .spark-media-block-title *title.tag_attrs
+          = title.yield
+      - if body
+        .spark-media-block-body *body.tag_attrs
+          = body.yield

data/app/components/spark/layout/media_block.rb

@@ -0,0 +1,29 @@
+module Spark
+  module Layout
+    class MediaBlock < Spark::Component::Base
+      LAYOUT = %i[default reverse]
+      ALIGN = %i[top middle bottom]
+      GUTTER = %i[small base medium large xl].freeze
+
+      attribute :align, :gutter, :expand, layout: :default
+
+      element :image
+      element :title
+      element :body
+
+      validates_attr :layout, choices: LAYOUT
+      validates_attr :align, choices: ALIGN, allow_nil: true
+      validates_attr :gutter, choices: GUTTER, allow_nil: true
+
+      def initialize(*)
+        super
+
+        classname.add("spark-media-block")
+        classname.add("layout-#{@layout}") if @layout
+        classname.add("align-#{@align}") if @align
+        classname.add("gutter-#{@gutter}") if @gutter
+        classname.add("expand") if @expand
+      end
+    end
+  end
+end

data/app/components/spark/layout/page.html.slim

@@ -0,0 +1,15 @@
+div *tag_attrs
+  - if headers.present?
+    .spark-page-header
+      - headers.each do |header|
+        div *header.tag_attrs = header.yield
+  .spark-page-wrapper
+    - if sidebar.present?
+      .spark-page-sidebar = sidebar.yield
+    - if main.present?
+      .spark-page-main
+        - if main.headers.present?
+          .spark-page-main-header
+            - main.headers.each do |header|
+              div *header.tag_attrs = header.yield
+        = main.yield

data/app/components/spark/layout/page.rb

@@ -0,0 +1,37 @@
+module Spark
+  module Layout
+    class Page < Spark::Component::Base
+
+      element :header, multiple: true do
+        attribute layout: :padded
+        validates_attr :layout, choices: [:padded, :flush]
+
+        def initialize(*)
+          super
+          classname.add("spark-page-header-block")
+          classname.add("layout-#{@layout}")
+        end
+      end
+
+      element :sidebar
+      element :main do
+        element :header, multiple: true do
+          def initialize(*)
+            super
+            classname.add("spark-page-main-header-block")
+          end
+        end
+
+        def initialize(*)
+          super
+        end
+      end
+
+      def initialize(*)
+        super
+
+        classname.add("spark-page")
+      end
+    end
+  end
+end

data/app/components/spark/nav/group.html.slim

@@ -0,0 +1,5 @@
+- unless items.empty?
+  ul.spark-nav-group role=@role
+    - items.each do |item|
+      li.nav-item-wrapper role=@item_role
+        = item.yield

data/app/components/spark/nav/group.rb

@@ -0,0 +1,31 @@
+module Spark
+  module Nav
+    class Group < Spark::Component::Base
+      attribute role: 'group', item_role: 'menuitem'
+
+      element :item, multiple: true, component: Spark::Nav::Item
+
+      def initialize(*)
+        super
+
+        classname.add("active") if active?
+      end
+
+      def new?
+        items.any?(&:new?)
+      end
+
+      def beta?
+        items.any?(&:beta?)
+      end
+
+      def active_item
+        items.find(&:active?)
+      end
+
+      def active?
+        items.any?(&:active?)
+      end
+    end
+  end
+end

data/app/components/spark/nav/item.html.slim

@@ -0,0 +1,12 @@
+a *tag_attrs
+  = render(Spark::Icon, name: @icon, size: @icon_size, class: "nav-item-icon") if @icon
+  span.nav-item-content
+    span.nav-item-text = @text || content
+    - if label
+      = render(Spark::Badge, class: "nav-item-status", text: label, outline: true, color: (new? ? :yellow : :teal))
+      /span class="nav-item-label #{label}" = label.upcase
+  - if @detail
+    span.nav-item-detail = @detail
+  - if @badge
+    = render(Spark::Badge, text: @badge)
+  = content if @text

data/app/components/spark/nav/item.rb

@@ -0,0 +1,36 @@
+module Spark
+  module Nav
+    class Item < Spark::Component::Base
+      attribute :text, :icon, :detail, :badge, :active, :beta, :new, :href, :role, :id, :tabindex, :target, icon_size: :small
+
+      def initialize(*)
+        super
+
+        @href = @href || "#"
+        tag_attrs.add attr_hash(:href, :target, :tabindex, :role)
+        classname.base = "nav-item"
+        classname.add(:active) if active?
+      end
+
+      def label
+        if new?
+          "new"
+        elsif @beta
+          "beta"
+        end
+      end
+
+      def new?
+        if @new.is_a?(String)
+          30.days.ago <= Time.zone.parse( @new )
+        else
+          @new
+        end
+      end
+
+      def active?
+        @href != "#" && @active || @view_context && @view_context.current_page?(@href)
+      end
+    end
+  end
+end

data/app/components/spark/nav/sidebar.html.slim

@@ -0,0 +1,14 @@
+nav *tag_attrs
+  = render(Spark::Nav::Toggle, target: selector(:data, :nav_id), class: classname.join_base(:toggle), text: sidebar_button_text) if @toggle
+  .spark-nav-sidebar-wrapper
+    - unless header.blank?
+      .spark-nav-sidebar-header *header.tag_attrs
+        = header.yield
+    .spark-nav-sidebar-main
+      - groups.each do |group|
+        - if group.attribute(:title)
+          h4.spark-nav-sidebar-title = group.attribute(:title)
+        = group.yield
+    - unless footer.blank?
+      .spark-nav-sidebar-footer *footer.tag_attrs
+        = footer.yield

data/app/components/spark/nav/sidebar.rb

@@ -0,0 +1,60 @@
+module Spark
+  module Nav
+    class Sidebar < Spark::Component::Base
+      THEME = %i[default primary]
+      attribute :label, toggle: true
+      attribute theme: :default
+      validates_attr :label, presence: true
+      validates_attr :theme, choices: THEME
+
+      element :header
+      element :footer
+      element :group, component: Spark::Nav::Group, multiple: true do
+        attribute :title
+      end
+
+      element :tree, component: Spark::Nav::Tree, multiple: true do
+        attribute :title
+
+        def initialize(*)
+          super
+          # Add self to items to ensure groups are rendered
+          # in the correct order as items enumerate
+          _parent.groups << self
+          classname.add("spark-nav-group")
+        end
+      end
+
+      def initialize(*)
+        super
+
+        classname.base = "spark-nav-sidebar"
+        classname.add("theme-#{@theme}")
+        data.add(nav_id: unique_id)
+
+        if root_sidebar?
+          data.add(scroll: true) 
+          @label ||= "Main Sidebar"
+          @toggle = false
+        end
+      end
+
+      private
+
+      def root_sidebar?
+        @id && @id.to_sym == :sidebar
+      end
+
+      # Tries to find the text for the active nav item, otherwise shows sidebar label text
+      def sidebar_button_text
+        # Find any navs which have active items
+        active_nav = groups.find { |group|
+          group.active_item
+        }
+
+        # Use the active item text or the label for the sidebar
+        active_nav&.active_item&.attribute_text || @label
+      end
+    end
+  end
+end

data/app/components/spark/nav/tab_panels.html.slim

@@ -0,0 +1,6 @@
+.nav-tab-panels
+  = render file: "nav/tabs", object: self
+
+  - items.each_with_index do |item, index|
+    div id="panel-#{item.tab_id}" role="tabpanel" aria-labeledby=item.tag_attrs[:id]
+      = item.panel.yield

data/app/components/spark/nav/tab_panels.rb

@@ -0,0 +1,42 @@
+module Spark
+  module Nav
+    class TabPanels < Nav::Tabs
+      element :item, multiple: true, component: Spark::Nav::Item do
+        element :panel
+
+        def initialize(*)
+          super
+
+          tag_attrs.add(role: :tab, id: "tab-#{tab_id}")
+          data.add(anchor: @href, add_class: :active)
+          aria.add(controls: "panel-#{tab_id}", selected: !!@active)
+
+          # Set to active if this is the first tab
+          classname.add(:active) if _parent.items.empty?
+        end
+
+        def tab_id
+          @tab_id ||= unique_id
+        end
+
+        private
+      end
+
+      def initialize(*)
+        super
+        @nav_group_attrs.add(role: "tablist")
+      end
+
+      def active_item_text
+        items.first.attribute(:text)
+      end
+
+      private
+
+      def item_group(options={}, &block)
+        options.merge!({ role: "tablist" })
+        super(options, &block)
+      end
+    end
+  end
+end

data/app/components/spark/nav/tabs.html.slim

@@ -0,0 +1,8 @@
+- unless items.empty?
+  nav *tag_attrs
+    - if @theme == :tabs
+      = render(Spark::Nav::Toggle, target: selector(:data, :nav_id), class: "spark-nav-tabs-toggle", text: active_item_text)
+    div class="nav-#{@theme}-wrapper"
+      ul.spark-nav-group *@nav_group_attrs
+        - items.each do |item|
+          li class="nav-item-wrapper" = item.yield

data/app/components/spark/nav/tabs.rb

@@ -0,0 +1,36 @@
+module Spark
+  module Nav
+    class Tabs < Spark::Component::Base
+      LAYOUT = %i[flush padded]
+      THEME = %i[tabs pills]
+
+      attribute :label, role: "navigation", layout: :flush
+      attribute theme: :tabs
+
+      validates_attr :label, presence: true
+      validates_attr :layout, choices: LAYOUT
+      validates_attr :theme, choices: THEME
+
+      element :item, multiple: true, component: Spark::Nav::Item
+
+      def initialize(*)
+        super
+
+        classname.base = "spark-nav-#{@theme}"
+        classname.add %(layout-#{@layout})
+        data.add nav_id: unique_id
+        @nav_group_attrs = TagAttr.new
+      end
+
+      private
+
+      def active_item_text
+        if active_item = items.find(&:active?)
+          active_item.attribute(:text)
+        else
+          "Menu"
+        end
+      end
+    end
+  end
+end