fleetio_spark 0.1.0

data/app/assets/svgs/spark/trip.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.012 14.552C18.9988 14.5198 18.9787 14.4908 18.9531 14.4671C18.9276 14.4435 18.8971 14.4257 18.864 14.415C18.5501 14.3134 18.2667 14.1346 18.04 13.895C16.34 12.08 13.5 8.609 13.5 5.75C13.5 5.579 13.509 5.411 13.524 5.244C13.539 5.077 13.604 4.75 13.275 4.75H12C11.9337 4.75 11.8701 4.77634 11.8232 4.82322C11.7763 4.87011 11.75 4.9337 11.75 5V7.75C11.75 7.94891 11.6709 8.13968 11.5303 8.28033C11.3896 8.42098 11.1989 8.5 11 8.5C10.801 8.5 10.6103 8.42098 10.4696 8.28033C10.329 8.13968 10.25 7.94891 10.25 7.75V5C10.25 4.9337 10.2236 4.87011 10.1767 4.82322C10.1299 4.77634 10.0663 4.75 9.99996 4.75H7.18096C7.08059 4.75006 6.98256 4.78033 6.89963 4.83687C6.81669 4.8934 6.7527 4.97359 6.71596 5.067L0.0339605 22.067C0.00412291 22.1429 -0.00671146 22.2249 0.00240122 22.3059C0.0115139 22.3869 0.0402972 22.4645 0.0862436 22.5318C0.13219 22.5991 0.193906 22.6542 0.266014 22.6923C0.338123 22.7303 0.418437 22.7501 0.49996 22.75H9.99996C10.0663 22.75 10.1299 22.7237 10.1767 22.6768C10.2236 22.6299 10.25 22.5663 10.25 22.5V19.75C10.25 19.5511 10.329 19.3603 10.4696 19.2197C10.6103 19.079 10.801 19 11 19C11.1989 19 11.3896 19.079 11.5303 19.2197C11.6709 19.3603 11.75 19.5511 11.75 19.75V22.5C11.75 22.5663 11.7763 22.6299 11.8232 22.6768C11.8701 22.7237 11.9337 22.75 12 22.75H21.5C21.5815 22.7501 21.6618 22.7303 21.7339 22.6923C21.806 22.6542 21.8677 22.5991 21.9137 22.5318C21.9596 22.4645 21.9884 22.3869 21.9975 22.3059C22.0066 22.2249 21.9958 22.1429 21.966 22.067L19.012 14.552ZM11.75 15.752C11.75 15.9509 11.6709 16.1417 11.5303 16.2823C11.3896 16.423 11.1989 16.502 11 16.502C10.801 16.502 10.6103 16.423 10.4696 16.2823C10.329 16.1417 10.25 15.9509 10.25 15.752V11.752C10.25 11.5531 10.329 11.3623 10.4696 11.2217C10.6103 11.081 10.801 11.002 11 11.002C11.1989 11.002 11.3896 11.081 11.5303 11.2217C11.6709 11.3623 11.75 11.5531 11.75 11.752V15.752Z" fill="black"/>
+<path d="M19.864 12.87C20.935 11.723 24 8.226 24 5.75C24 4.55653 23.5259 3.41193 22.682 2.56802C21.8381 1.72411 20.6935 1.25 19.5 1.25C18.3065 1.25 17.1619 1.72411 16.318 2.56802C15.4741 3.41193 15 4.55653 15 5.75C15 8.226 18.065 11.723 19.136 12.87C19.1827 12.9196 19.2392 12.9592 19.3018 12.9862C19.3643 13.0133 19.4318 13.0272 19.5 13.0272C19.5682 13.0272 19.6357 13.0133 19.6982 12.9862C19.7608 12.9592 19.8173 12.9196 19.864 12.87V12.87ZM18 5.75C18 5.45333 18.088 5.16332 18.2528 4.91664C18.4176 4.66997 18.6519 4.47771 18.926 4.36418C19.2001 4.25065 19.5017 4.22094 19.7926 4.27882C20.0836 4.3367 20.3509 4.47956 20.5607 4.68934C20.7704 4.89912 20.9133 5.16639 20.9712 5.45736C21.0291 5.74834 20.9993 6.04994 20.8858 6.32403C20.7723 6.59811 20.58 6.83238 20.3334 6.9972C20.0867 7.16203 19.7967 7.25 19.5 7.25C19.1022 7.25 18.7206 7.09196 18.4393 6.81066C18.158 6.52936 18 6.14782 18 5.75Z" fill="black"/>
+</svg>

data/app/assets/svgs/spark/vehicle.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.1929 10.3308C22.2048 10.3578 22.2214 10.3826 22.242 10.404C23.048 11.2339 23.4992 12.3451 23.5 13.502V15.502C23.4984 16.0032 23.3457 16.4924 23.0618 16.9055C22.7966 17.2916 22.4284 17.5946 22 17.7806V20C22 20.5523 21.5523 21 21 21H19C18.4477 21 18 20.5523 18 20V17.8172L6 17.8148V20C6 20.5523 5.55228 21 5 21H3C2.44772 21 2 20.5523 2 20V17.7766C1.57156 17.5906 1.20334 17.2876 0.938115 16.9015C0.654299 16.4884 0.501613 15.9992 0.499983 15.498V13.498C0.501514 12.3436 0.951506 11.2349 1.75498 10.406C1.78137 10.3786 1.80119 10.3455 1.81297 10.3093L1.81341 10.3088C1.81453 10.3042 1.81553 10.2995 1.81639 10.2947C1.82517 10.2465 1.81956 10.1967 1.80027 10.1517C1.78098 10.1066 1.74885 10.0681 1.70789 10.0412C1.66693 10.0142 1.61894 9.9999 1.5699 10H1.28198C1.01677 10 0.762411 9.89464 0.574875 9.70711C0.387338 9.51957 0.281982 9.26522 0.281982 9V8C0.281982 7.73478 0.387338 7.48043 0.574875 7.29289C0.762411 7.10536 1.01677 7 1.28198 7H2.63198C2.86474 7.00062 3.0942 7.0551 3.30238 7.1592C3.4838 7.24991 3.64477 7.37614 3.77591 7.53007L3.78758 7.50165C3.81197 7.46945 3.82823 7.43184 3.83498 7.39201L4.23498 5.00901C4.34955 4.30737 4.71029 3.66948 5.25253 3.2097C5.79477 2.74992 6.48305 2.49832 7.19398 2.50001H16.802C17.5126 2.49825 18.2007 2.74956 18.7429 3.20894C19.2851 3.66832 19.646 4.30574 19.761 5.00701L20.161 7.39001C20.1676 7.42981 20.1837 7.46743 20.208 7.49964C20.2145 7.50829 20.2216 7.51648 20.2291 7.52417C20.3593 7.37291 20.5185 7.24874 20.6976 7.1592C20.9058 7.0551 21.1352 7.00062 21.368 7H22.718C22.9832 7 23.2376 7.10536 23.4251 7.29289C23.6126 7.48043 23.718 7.73478 23.718 8V9C23.718 9.26522 23.6126 9.51957 23.4251 9.70711C23.2376 9.89464 22.9832 10 22.718 10H22.4301C22.381 9.9999 22.333 10.0142 22.2921 10.0412C22.2511 10.0681 22.219 10.1066 22.1997 10.1517C22.1804 10.1967 22.1748 10.2465 22.1836 10.2947C22.1858 10.307 22.1889 10.3191 22.1929 10.3308ZM7.19398 4.50201H16.806C17.0427 4.50212 17.2717 4.58619 17.4522 4.73927C17.6328 4.89235 17.7532 5.10451 17.792 5.33801L18.271 8.21101C18.2763 8.24641 18.2741 8.28254 18.2645 8.31702C18.2548 8.3515 18.2379 8.38353 18.215 8.41101C18.1915 8.43867 18.1622 8.46087 18.1292 8.47607C18.0962 8.49127 18.0603 8.49909 18.024 8.49901H5.97598C5.93965 8.49907 5.90374 8.4912 5.87076 8.47597C5.83778 8.46073 5.80851 8.43849 5.785 8.41079C5.76149 8.38309 5.7443 8.3506 5.73462 8.31558C5.72495 8.28056 5.72302 8.24385 5.72898 8.20801L6.20798 5.33501C6.24744 5.10206 6.3681 4.8906 6.54859 4.73812C6.72907 4.58565 6.95771 4.502 7.19398 4.50201ZM7 13.5C7 14.3284 6.32843 15 5.5 15C4.67157 15 4 14.3284 4 13.5C4 12.6716 4.67157 12 5.5 12C6.32843 12 7 12.6716 7 13.5ZM18.5 15C19.3284 15 20 14.3284 20 13.5C20 12.6716 19.3284 12 18.5 12C17.6716 12 17 12.6716 17 13.5C17 14.3284 17.6716 15 18.5 15Z" fill="black"/>
+</svg>

data/app/assets/svgs/spark/vendor.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.379 11.9C20.8074 11.8915 20.2455 11.7506 19.7375 11.4884C19.2295 11.2263 18.7891 10.8499 18.451 10.389C18.4277 10.358 18.3975 10.3328 18.3628 10.3154C18.3281 10.298 18.2898 10.289 18.251 10.289C18.2122 10.289 18.1739 10.298 18.1392 10.3154C18.1045 10.3328 18.0743 10.358 18.051 10.389C17.7189 10.8563 17.2799 11.2373 16.7705 11.5002C16.2611 11.7631 15.6962 11.9003 15.123 11.9003C14.5498 11.9003 13.9849 11.7631 13.4755 11.5002C12.9661 11.2373 12.527 10.8563 12.195 10.389C12.1717 10.358 12.1415 10.3328 12.1068 10.3154C12.0721 10.298 12.0338 10.289 11.995 10.289C11.9562 10.289 11.9179 10.298 11.8832 10.3154C11.8485 10.3328 11.8183 10.358 11.795 10.389C11.4576 10.849 11.0183 11.2248 10.5116 11.4869C10.0049 11.749 9.44441 11.8904 8.87399 11.9C8.30221 11.8916 7.74016 11.7508 7.23196 11.4886C6.72376 11.2265 6.28324 10.8501 5.94499 10.389C5.9217 10.358 5.89151 10.3328 5.85679 10.3154C5.82208 10.298 5.7838 10.289 5.74499 10.289C5.70618 10.289 5.6679 10.298 5.63319 10.3154C5.59847 10.3328 5.56828 10.358 5.54499 10.389C5.20725 10.8494 4.76753 11.2254 4.26025 11.4875C3.75298 11.7497 3.19192 11.8908 2.62099 11.9C2.49268 11.8998 2.36449 11.8924 2.23699 11.878C2.20194 11.8739 2.16642 11.8773 2.13278 11.8879C2.09913 11.8986 2.06814 11.9163 2.04186 11.9398C2.01557 11.9634 1.99459 11.9922 1.9803 12.0245C1.96601 12.0568 1.95875 12.0917 1.95899 12.127V21.15C1.95899 21.5478 2.11703 21.9294 2.39833 22.2107C2.67963 22.492 3.06117 22.65 3.45899 22.65H20.459C20.8568 22.65 21.2383 22.492 21.5197 22.2107C21.801 21.9294 21.959 21.5478 21.959 21.15V12.134C21.9588 12.0992 21.9515 12.0648 21.9374 12.0329C21.9233 12.0011 21.9027 11.9725 21.877 11.949C21.8514 11.9256 21.8212 11.9078 21.7883 11.8967C21.7554 11.8857 21.7205 11.8817 21.686 11.885C21.584 11.894 21.482 11.9 21.379 11.9ZM14.957 15.01C14.9624 14.9092 15.0075 14.8146 15.0825 14.747C15.1575 14.6793 15.2561 14.6441 15.357 14.649H18.557C18.6578 14.6441 18.7565 14.6793 18.8315 14.747C18.9064 14.8146 18.9516 14.9092 18.957 15.01V20.149C18.957 20.2816 18.9043 20.4088 18.8105 20.5026C18.7168 20.5963 18.5896 20.649 18.457 20.649H15.457C15.3244 20.649 15.1972 20.5963 15.1034 20.5026C15.0097 20.4088 14.957 20.2816 14.957 20.149V15.01ZM5.45699 14.982C5.46266 14.8883 5.50519 14.8007 5.57527 14.7383C5.64536 14.6759 5.7373 14.6438 5.83099 14.649H11.078C11.1718 14.6438 11.2638 14.6759 11.3341 14.7383C11.4043 14.8006 11.4471 14.8882 11.453 14.982V18.316C11.4471 18.4098 11.4043 18.4974 11.3341 18.5597C11.2638 18.6221 11.1718 18.6542 11.078 18.649H5.83099C5.7373 18.6542 5.64536 18.6221 5.57527 18.5597C5.50519 18.4973 5.46266 18.4097 5.45699 18.316V14.982Z" fill="black"/>
+<path d="M21.379 10.4C21.9018 10.3658 22.3999 10.1654 22.8007 9.82812C23.2016 9.49081 23.4841 9.03421 23.607 8.52499C23.7443 8.07794 23.7398 7.59935 23.594 7.15499L21.794 1.68499C21.7757 1.60101 21.7327 1.52443 21.6705 1.46509C21.6083 1.40575 21.5298 1.36637 21.445 1.35199H2.55104C2.46629 1.36637 2.38778 1.40575 2.32559 1.46509C2.2634 1.52443 2.22037 1.60101 2.20204 1.68499L0.405038 7.15299C0.260149 7.59788 0.255959 8.07663 0.393038 8.52399C0.515827 9.0334 0.798259 9.49021 1.19909 9.82772C1.59992 10.1652 2.09816 10.3657 2.62104 10.4C3.31538 10.3276 3.95359 9.98564 4.39846 9.44764C4.84333 8.90965 5.05934 8.21857 5.00004 7.52299C5.00004 7.32408 5.07906 7.13331 5.21971 6.99266C5.36036 6.85201 5.55113 6.77299 5.75004 6.77299C5.94895 6.77299 6.13972 6.85201 6.28037 6.99266C6.42102 7.13331 6.50004 7.32408 6.50004 7.52299C6.44067 8.21779 6.656 8.90818 7.09982 9.44604C7.54364 9.9839 8.1806 10.3264 8.87404 10.4C9.56784 10.3269 10.2053 9.9846 10.6495 9.44668C11.0938 8.90877 11.3094 8.2181 11.25 7.52299C11.25 7.32408 11.3291 7.13331 11.4697 6.99266C11.6104 6.85201 11.8011 6.77299 12 6.77299C12.199 6.77299 12.3897 6.85201 12.5304 6.99266C12.671 7.13331 12.75 7.32408 12.75 7.52299C12.6907 8.21826 12.9064 8.90906 13.3509 9.447C13.7953 9.98494 14.4331 10.3271 15.127 10.4C15.8204 10.3264 16.4573 9.98387 16.9009 9.44598C17.3446 8.90808 17.5597 8.21769 17.5 7.52299C17.5 7.32408 17.5791 7.13331 17.7197 6.99266C17.8604 6.85201 18.0511 6.77299 18.25 6.77299C18.449 6.77299 18.6397 6.85201 18.7804 6.99266C18.921 7.13331 19 7.32408 19 7.52299C18.941 8.21851 19.1571 8.90945 19.6019 9.44739C20.0467 9.98532 20.6848 10.3273 21.379 10.4Z" fill="black"/>
+</svg>

data/app/helpers/spark/application_helper.rb

@@ -0,0 +1,42 @@
+module Spark
+  module ApplicationHelper
+
+    def tree_cookie
+      @_tree_cookie ||= begin
+        JSON.parse(cookies[:tree_nav]) if cookies[:tree_nav].present?
+      rescue
+        nil
+      end
+    end
+
+    def is_tree_expanded?( item )
+      tree_cookie.present? && !!tree_cookie( item )
+    end
+    
+    def ng_attrs
+      attrs = {}
+
+      [:ng_init, :ng_controller].each do |sym|
+        attrs[sym] = content_for(sym) if content_for?(sym)
+      end
+
+      attrs
+
+    end
+
+    def yield_if(symbol, &block)
+      yield content_for(symbol) if content_for?(symbol)
+    end
+
+    def body_class(classnames=nil)
+      unless classnames.nil?
+        content_for(:body_classes) do 
+          [classnames].flatten.join(' ') + ' '
+        end
+      end
+      if classes = content_for(:body_classes)
+        classes.strip
+      end
+    end
+  end
+end

data/app/helpers/spark/icon_helper.rb

@@ -0,0 +1,40 @@
+module Spark
+  module IconHelper
+    def svg_symbols(*keys)
+      unless Rails.env.production?
+        Esvg.embed(keys)
+      end
+    end
+
+    def status_icon (status, options={})
+      options[:height] ||= '1em'
+      span_options = {}
+
+      span_options['aria-label'] = status.titlecase
+      span_options[:class] = 'status-icon inline-icon has-tooltip'
+      options[:desc] ||= status
+
+      content_tag :span, span_options do
+        use_svg "status-#{status}", options
+      end
+    end
+
+    def small_icon(name, options={})
+      use_svg(name, options.merge({width: '25px'}))
+    end
+
+    def inline_icon(name, options={}, &block)
+      options[:height] ||= '100%'
+      options[:width]  ||= '100%'
+      content_tag :span, class: 'svg-wrapper inline-icon' do
+        use_svg name, options, &block
+      end
+    end
+
+    def svg(name, options={}, &block)
+      content_tag :span, class: 'svg-wrapper' do
+        use_svg name, options, &block
+      end
+    end
+  end
+end

data/app/helpers/spark/input_helper.rb

@@ -0,0 +1,163 @@
+module Spark
+  module InputHelper
+
+    def input_tag(type, name, value, options=nil, &block)
+      type.to_sym! if type.is_a?( String )
+
+      if value.is_a? Hash
+        options = value
+        value = nil
+      end
+
+      options = Spark::Helpers.set_type_defaults( type, options )
+      options = Spark::Helpers.set_data_keys( options, 'default' )
+      options = Spark::Helpers.set_aria_keys( options )
+
+      icon = Esvg.use( icon ) if icon = options.delete('icon')
+      icon_after = Esvg.use( icon_after ) if icon_after = options.delete('icon_after')
+
+      options['data']['unique-id'] = "input-#{SecureRandom.hex(8)}"
+      options['autocomplete'] ||= 'off' if type != :textarea
+
+      label_options = { 
+        data: { 'input-type' => type },
+        class: [ label_class( type ), options.delete( 'class' ) ]
+      }
+
+      # Move modal options to label
+      %w(show-panel show-dialog show-menu).each do |opt|
+        if val = options['data'].delete(opt)
+          label_options[:data][opt] = val
+        end
+      end
+
+      # Add a placeholder element unless textarea
+      if type != :textarea && placeholder = options['placeholder']
+        placeholder = content_tag(:span, class: 'input-placeholder-text') { placeholder }
+        label_options = add_class label_options, 'placeholder-label'
+      end
+
+      if label_description = options.delete('description')
+        options['aria-describedby'] = options['data']['unique-id'] + '-description'
+        label_description = content_tag(:span, id: options['aria-describedby'], class: 'label-description') { label_description }
+        label_options = add_class label_options, 'has-description'
+      end
+
+      if options['label'] && label_text = options.delete('label')
+        options['aria-labelledby'] = options['data']['unique-id'] + '-label'
+
+        label_text = content_tag(:span, class: 'input-label-text') {
+          content_tag(:span, id: options['aria-labelledby']){ label_text }
+        }
+      end
+
+      # Be sure the input has a label if there is no label text
+      options['aria-label'] = options['placeholder'] if placeholder && !label_text
+
+      input = base_input_tag( name, value, options, type, &block )
+
+      content_tag(:label, label_options) do
+        concat( label_text )
+        concat( label_description )
+
+        concat content_tag( :span, class: 'input-wrapper' ) {
+          if type == :select
+            concat( input )
+            #concat placeholder
+          else
+            concat content_tag( :span, class: 'input-icon' ) { icon } if icon
+
+            concat content_tag( :span, class: 'input-container' ) {
+              concat( input )
+              #concat placeholder
+            }
+
+            if type == :search 
+              concat button_tag( type: 'button', class: 'clear-search', tabindex: -1, "aria-label" => 'Clear search' ) { 'x' }
+            end
+            concat content_tag( :span, class: 'input-icon after' ) { icon_after } if icon_after
+
+            if block_given? && type != :textarea
+              concat content_tag( :span, class: 'input-extra', &block )
+            end
+          end
+        }
+      end
+
+    end
+
+    def base_input_tag( name, value, options, type, &block )
+      case type
+      when :range
+        range_input_tag( name, options )
+      when :select
+        value = value.html_safe if value
+        select_tag( name, value, options )
+      when :textarea
+        value ||= capture(&block).html_safe if block_given?
+        options[:class] = "#{options[:class]} empty".strip if value.nil?
+        text_area_tag( name, value, options )
+      else
+        options[:class] = "#{options[:class]} empty".strip if value.nil?
+        text_field_tag( name, value, options )
+      end
+
+    end
+
+    def range_input_tag(name, options)
+      options.merge!({ type: "range", })
+
+      tag :input, options
+    end
+
+    def label_class( type )
+      type = case type
+      when :tel, :password, :number, :url, :email, :search
+        "text"
+      when :checkbox, :radio
+        "tick"
+      else
+        type.to_s
+      end
+
+      "#{type}-input-label"
+    end
+
+    def switch_input_tag(name, checked = false, options = {})
+      type = :checkbox
+
+      if checked.is_a? Hash
+        options = checked
+        checked = false
+      end
+
+      options = add_class( options, [ label_class( type ), 'check-switch switch-label'] )
+
+      label_options = { 
+        data: { 
+          'input-type' => type,
+          'input' => 'checkbox'
+        },
+        class: options.delete('class')
+      }
+
+      if label_text = options.delete('label')
+        label_text = content_tag(:span, class: 'label-text') { label_text }
+      end
+
+      content_tag(:label, label_options ) do
+        concat tag :input, name: name, type: :hidden, value: false
+        concat label_text
+        concat check_box_tag(name, true, checked, options)
+
+        concat content_tag(:span, class: 'check-switch-panel') {
+          concat content_tag(:span, class: 'check-switch-tick') { '' }
+        }
+
+        concat content_tag(:span, class: 'check-switch-label') { 'Enable' }
+      end
+
+    end
+
+  end
+end

data/app/helpers/spark/menu_helper.rb

@@ -0,0 +1,113 @@
+module Spark
+  module MenuHelper 
+    class Menu < Spark::Helper
+      DEFAULTS = {
+        tag: :div,
+        role: :menu,
+        base_class: 'menu',
+        header_tag: :h4,
+        group_tag: :ul,
+        item_tag: :li
+      }
+
+      def initialize( title = nil, options = {} )
+        options, title = title, nil if title.is_a? Hash
+
+        @options = add_class( options, config[:base_class] )
+        @options['aria-label'] = title if title
+      end
+
+      def display( body )
+        @options.merge!({ role: config[:role] })
+        content_tag( config[:tag], @options ) do
+          concat( body )
+        end
+      end
+
+      def header( text = nil, options = {}, &block )
+        options, text = text, nil if text.is_a?( Hash )
+        options = add_class( options, config[:base_class] + "-header" )
+
+        content_tag( :header, options ) {
+          concat( content_tag( config[:header_tag], text, class: config[:base_class] + '-title' ) ) if text
+          concat( capture( &block ).html_safe ) if block_given?
+        }
+      end
+
+      def link( content=nil, url=nil, options=nil, &block )
+        content, url, options = parse_item_args( content, url, options, &block)
+        content, options = set_content( content, options )
+        options = add_class( options, config[:base_class] + "-item" )
+
+        options['role'] ||= 'menuitem'
+        options['tabindex'] ||= 0
+
+        link_to( url, options, &content )
+      end
+
+      def group( title=nil, options={}, &block )
+        options = add_class( options, config[:base_class] + "-group" )
+        options['role'] = 'group'
+
+        concat header( title ) if title
+        content_tag( config[:group_tag], options, &block )
+      end
+
+      def item( content=nil, url=nil, options=nil, &block )
+        content, url, options = parse_item_args( content, url, options, &block)
+
+        if url
+          content_tag( config[:item_tag], role: 'none', class: config[:base_class] + "-item-wrapper" ) do
+            link( url, options ) { content }
+          end
+        else
+          content, options = set_content( content, options )
+          options = add_class( options, config[:base_class] + "-item" )
+          content_tag( config[:item_tag], options, &content )
+        end
+      end
+
+      private
+
+      # add icons, wrap content, strip bad option keys
+      def set_content( content, options )
+        icon = options.delete('icon')
+        after_icon = options.delete('after-icon')
+
+        icon_options = {
+          class: config[:base_class] + "-item-icon"
+        }.merge( options.delete('icon-options') || {} )
+
+        after_icon_options = {
+          class: config[:base_class] + "-item-after-icon"
+        }.merge( options.delete('after-icon-options') || {} )
+
+        inner_content = lambda {
+          concat use_svg( icon, icon_options ) if icon
+          concat content_tag( :div, class: config[:base_class] + "-item-content" ) { content }
+          concat use_svg( after_icon, after_icon_options ) if after_icon
+        }
+
+        [inner_content, options]
+      end
+
+      def config(options=nil)
+        @_config = DEFAULTS.merge(options) if options
+        @_config ||= DEFAULTS
+      end
+
+      # Simplify setting up options and content
+      def parse_item_args( content=nil, url=nil, options=nil, &block )
+        # If block passed, shift args so content = block
+        options, url, content = url, content, capture( &block ) if block_given?
+        # If url is a hash, url wasn't passed, set to nil, an shift args
+        options, url = url, nil if url.is_a?(Hash)
+        options ||= {}
+
+        options = Spark::Helpers.set_data_keys( options )
+
+        [content, url, options]
+      end
+    end
+  end
+end

data/app/helpers/spark/modal_helper.rb

@@ -0,0 +1,52 @@
+module Spark
+  module ModalHelper 
+    class ModalPanel < Spark::Helper
+
+      def initialize( options = {} )
+        @options = add_class( options, 'modal-panel' )
+        @options = Spark::Helpers.set_aria_keys( @options )
+        puts @options
+        @options = ({ 'aria-modal'=> true, 'aria-hidden'=> true }).merge(@options)
+      end
+
+      def display( body )
+        if first_header = body.scan(/\A<header.+?\/header>/m).first
+          body = body.sub( first_header, '' ).html_safe
+          first_header = first_header.html_safe
+        end
+
+        if last_footer = body.scan(/<footer.+?\/footer>\z/m).first
+          body = body.sub(last_footer, '').html_safe
+          last_footer = last_footer.html_safe
+        end
+
+        content_tag( :section, @options ) do
+          concat first_header
+          concat content_tag( :div, class: 'modal-panel-content' ) {
+            concat body
+          }
+          concat last_footer
+        end
+      end
+
+      def header( text = nil, options = {}, &block )
+        options, text = text, nil if text.is_a? Hash
+
+        options = add_class( options, "modal-panel-header" )
+
+        content_tag( :header, options ) {
+          concat content_tag( :h4, text, class: 'modal-panel-title' ) if text
+          concat capture( &block ).html_safe if block_given?
+        }
+      end
+
+      def footer( options = {}, &block )
+        options = add_class options, "modal-panel-footer"
+
+        content_tag( :footer, options ) {
+          concat capture( &block ).html_safe if block_given?
+        }
+      end
+    end
+  end
+end

data/app/helpers/spark/nav_menu_helper.rb

@@ -0,0 +1,167 @@
+module Spark
+  module NavMenuHelper 
+    def parse_cookie( key )
+      JSON.parse( cookies[ key ] ) if cookies[ key ].present?
+    end
+
+    class NavMenu < Spark::MenuHelper::Menu
+
+      def initialize( title = nil, options = {} )
+        config({
+          tag: :nav,
+          base_class: 'nav-menu'
+        })
+        super( title, options )
+      end
+
+      def more( content=nil, url=nil, options=nil, &block )
+        content, url, options = parse_item_args( content, url, options, &block)
+        options['aria-haspopup'] = 'true'
+        options = add_class( options, config[:base_class] + "-more" )
+        url ||= '#'
+
+        item( content, url, options )
+      end
+    end
+
+    class TreeNav < Spark::MenuHelper::Menu
+
+      def initialize( title = nil, options = {} )
+        config({
+          tag: :ul,
+          base_class: 'nav-tree',
+          role: 'tree'
+        })
+        super( title, options )
+      end
+
+      def item(content, url, options={}, &block)
+        options['role'] = 'treeitem'
+
+        super( content, url, options, &block )
+      end
+
+      def item_tree( name, options={}, &block )
+        content, url, options = parse_item_args( "#", options, &block)
+
+        node = Spark::Helpers.dasherize( name.strip.downcase ).gsub('-','_')
+        active  = !!(options.delete( 'active' ) || content.match(/nav-item-active/))
+
+        options.merge!({
+          'role' => 'treeitem',
+          'aria-expanded' => active || is_expanded?(node),
+          'data-node' => node
+        })
+
+        name, options = set_content( name, options )
+        options = add_class( options, config[:base_class] + "-item-wrapper" )
+
+        content_tag( config[:item_tag], options ) do
+          concat link_to( "#", class: config[:base_class] + '-item' ){
+            concat name.call
+            concat use_svg( 'chevron-down', class: 'expand-icon'  )
+          }
+          concat content_tag( :ul, role: 'group', class: config[:base_class] + '-group' ) { content }
+        end
+      end
+
+      #def group( name, options={}, &block )
+        #options = options.deep_stringify_keys
+        #content = capture( &block )
+        #active  = !!(options.delete( 'active' ) || content.match(/nav-item-active/))
+        #new     = is_new?( options.delete( 'new' ) ) || content.match(/nav-item-new/)
+
+        #icon = options.delete('icon')
+        #node = Spark::Helpers.dasherize( name.strip.downcase ).gsub('-','_')
+
+        #item_options = {
+          #role: 'treeitem',
+          #'aria-expanded': active || is_expanded?(node),
+          #'data-node': node,
+          #active: active,
+          #new: new,
+          #icon: icon,
+          #icon_options: { preset: 'icon_l' }
+        #}
+
+        #item('#', item_options ) {
+          #concat use_svg( icon, preset: 'icon_l' ) if icon
+          #concat name
+          #if new 
+            #concat " "
+            #concat content_tag( :span, class: 'nav-item-new' ) { "New" }
+          #end
+          #concat use_svg( 'chevron-down', height: 9, class: 'expand-tree-icon'  )
+
+          #concat content_tag( :ul, role: 'group', class: 'nav-tree-group', &block )
+        #}
+
+      #end
+
+      private
+
+      def _cookie
+        @_cookie ||= begin
+          parse_cookie( @tree )
+        rescue
+          nil
+        end
+      end
+
+      def is_expanded?( item )
+        !@tree.nil? && _cookie.present? && !!_cookie[ item ]
+      end
+    end
+
+    class SidebarNav < TreeNav
+      def initialize( title, options = {} )
+        @tree = 'sidebar_nav'
+        options['data-tree'] = @tree
+        super( title, options )
+      end
+
+      def item( content, url, options={}, &block )
+        options = options.stringify_keys
+        new = is_new?( options.delete( 'new' ) )
+        active = is_active?( options.delete( 'active' ) )
+
+        classes = []
+        classes.push( 'new' )    if new
+        classes.push( 'active' ) if active
+        options = add_class( options, classes )
+
+
+        super( content, url, options, &block)
+      end
+
+
+      def item_tree( name, options={}, &block )
+        options = options.stringify_keys
+        content = capture( &block )
+
+        classes = []
+        classes.push( 'new' )    if is_new?( options.delete( 'new' ) ) || content.match(/nav-item-new/)
+        classes.push( 'active' ) if !!( options.delete( 'active' ) || content.match(/nav-item-active/))
+
+        options = add_class( options, classes )
+
+        super( name, options, &block )
+      end
+
+      private
+
+      def is_new?( new )
+        if new.is_a?(String)
+          30.days.ago <= Time.zone.parse( new )
+        else
+          new
+        end
+      end
+
+      def is_active?( active )
+        active
+      end
+
+    end
+  end
+end