voom-presenters 0.1.13 → 0.2.0

data/app/demo/events/tagged_input.pom

@@ -0,0 +1,37 @@
+Voom::Presenters.define(:tagged_input) do
+  helpers Demo::Helpers::IndentedGrid
+
+  attach :top_nav
+  attach :events_drawer
+
+  indented_grid do
+    display 'Tagged Input'
+    body %(This demonstrates the ability to tag containers or components and then to post those values in an event action.
+         Sometimes you need to pull values from different nesting levels on a page to post.
+         Tags let you collect all tagged inputs from anywhere on the page and post them to some server side action.
+         An example of this can be found in the [search select](/search_select) pattern demo.)
+
+    blank
+    body 'Tags can be applied to containers and/or components.
+         Containers include content blocks, grids, forms, steppers, dialogs and cards.
+         All input components accept tags.'
+
+    title 'Example'
+
+    content tag: :somefields do
+      radio_button text: :on, name: :check_me, value: :on, checked: true
+      radio_button text: :off, name: :check_me, value: :off
+    end
+    text_field name: :myfield2, tag: :somefields do
+      label 'More Data to post'
+    end
+
+    button 'Press me' do
+      event :click do
+        replaces :context_list, :context_list, input_tag: :somefields
+      end
+    end
+    attach :context_list
+    attach :code, file: __FILE__
+  end
+end

data/app/demo/hello_world.pom

@@ -0,0 +1,3 @@
+Voom::Presenters.define(:hello_world) do
+    headline 'Hello World'
+end

data/app/demo/markdown.pom

@@ -62,5 +62,6 @@ Voom::Presenters.define(:markdown) do
       ## changelog
       * 17-Feb-2013 re-design
     HEREDOC
+    attach :code, file: __FILE__
   end
 end

data/app/demo/namespaces.pom

@@ -0,0 +1,89 @@
+require_relative 'helpers/indented_grid'
+
+Voom::Presenters.define(:namespaces) do
+  helpers Demo::Helpers::IndentedGrid
+  attach :top_nav
+  page_title 'Namespaces' do
+    icon 'far fa-object-group'
+  end
+
+  indented_grid do
+    body 'Presenters support namespaces. The namespace is an optional parameter to the define method:'
+    blank
+    body "`Voom::Presenters.define(:mypresenter, namespace: :namespace1)` or"
+    attach 'namespace2:alternate_namespacing'
+
+    body %(When defined in a namespace all other presenters in the same namespace are accessable without scoping the namespace.
+           When accessing a presenter outside your current namespace, simple provide the namespace(s) with `:` as the separator.
+           attach, loads and replaces all accept namespaced presenters:)
+    blank
+    attach 'namespace1:attach_with_namespace'
+    blank
+    body   'Both loads and replaces are namespace aware. To call a presenter in the ame namespace, no scoping is needed.
+            To call a presenter in another namespace, you need to fully qualify it.'
+    button 'Load' do
+      event :click do
+        loads 'namespace1:attach_with_namespace', replaced: 'I was loaded'
+      end
+    end
+    button 'Replace' do
+      event :click do
+        replaces :attach_with_namespace_id, 'namespace1:attach_with_namespace', replaced: 'I was replaced'
+      end
+    end
+    blank
+    attach 'namespace1:namespace2:nested_namespaces'
+    button 'Load' do
+      event :click do
+        loads 'namespace1:namespace2:nested_namespaces', replaced: 'I was loaded'
+      end
+    end
+    button 'Replace' do
+      event :click do
+        replaces :nested_namespaces_id, 'namespace1:namespace2:nested_namespaces', replaced: 'I was replaced'
+      end
+    end
+    blank
+    body %(Routes add the namespace(s) as a prefix: /namespace1/mypresenter)
+    blank
+    overline 'Notes:'
+    attach 'namespace1:namespace2:notes'
+  end
+  attach :code, file: __FILE__
+end
+
+Voom::Presenters.define(:attach_with_namespace, namespace: :namespace1) do
+  content id: :attach_with_namespace_id do
+    body "For example: `attach 'namespace1:mypresenter'` to insert/attach a presenter in a different namespace."
+    attach :replaced # Demonstrates calling top level presenters from a namespaced presenter
+  end
+end
+
+Voom::Presenters.define(:nested_namespaces, namespace: [:namespace1, :namespace2]) do
+  content id: :nested_namespaces_id do
+    body %(Namespaces can be nested two levels deep by passing an array of namespaces:
+              `Voom::Presenters.define(:mypresenter, namespace: [:foo,:bar])`)
+    attach :replaced # Demonstrates calling top level presenters from a namespaced presenter
+  end
+end
+
+Voom::Presenters.define(:replaced) do
+  body "#{context[:replaced]}"
+end
+
+Voom::Presenters.define('namespace2:alternate_namespacing') do
+    body "`Voom::Presenters.define('namespace1:mypresenter')`"
+    attach :blank_line # demonstrates attaching a presenter in the same namespace mixing alternate naming
+end
+
+Voom::Presenters.define(:blank_line, namespace: :namespace2) do
+  blank
+end
+
+Voom::Presenters.define('namespace2:notes', namespace: :namespace1) do
+  body <<~HEREDOC
+    * You can mix the two syntax's. `Voom::Presenters.define('namespace2:mypresenter', namespace: 'namespace1')`
+      * With this syntax attach/loads and replaces will operate in namespace1, unless fully qualified    
+    * Unlike ruby modules you are either inside a namespace and can call presenters without qualification, or you are not and you must fully qualify them.
+  HEREDOC
+end

data/app/demo/nav/top_nav.pom

@@ -29,6 +29,18 @@ Voom::Presenters.define('top_nav') do
         end
       end
 
+      item 'Patterns' do
+        event :click do
+          loads :patterns
+        end
+      end
+
+      item 'Namespaces' do
+        event :click do
+          loads :namespaces
+        end
+      end
+
       item 'Status' do
         event :click do
           loads :component_status

data/app/demo/patterns.pom

@@ -0,0 +1,19 @@
+require_relative 'helpers/indented_grid'
+
+Voom::Presenters.define('patterns') do
+  helpers Demo::Helpers::IndentedGrid
+  attach 'top_nav'
+  attach 'pattern_drawer'
+  page_title 'Patterns'
+
+  indented_grid do
+    grid do
+      column 12 do
+        icon 'fa-hand-point-left', position: :left
+        subheading 'Select a pattern'
+      end
+    end
+  end
+  attach :code, file: __FILE__
+
+end

data/app/demo/patterns/search_select.pom

@@ -0,0 +1,104 @@
+require_relative '../helpers/indented_grid'
+
+module Demo
+  module Helpers
+    module SearchSelectDemo
+      def searches
+        search = context.fetch(:search) {nil}
+        searches = context.fetch(:searches) {[]}
+        searches << search unless search.nil? || search == ''
+        searches.select{|s| s != ''}
+      end
+    end
+  end
+end
+
+
+Voom::Presenters.define(:search_select) do
+  helpers Demo::Helpers::IndentedGrid
+  attach :top_nav
+  attach :pattern_drawer
+
+  page_title 'Search and Select Pattern'
+  indented_grid do
+    grid tag: :input_data_container do
+      column 6 do
+        grid do
+          column 4 do
+            content do
+              text_field id: :search_field,  name: :search, full_width: false do
+                label 'Search Tickets'
+                event :input do
+                  replaces :ticket_list, :ticket_list, input_tag: :input_data_container
+                end
+                event :change do
+                  replaces :ticket_list, :ticket_list, input_tag: :input_data_container
+                  replaces :completed_searches, :completed_searches, input_tag: :input_data_container
+                  clears :search_field
+                end
+              end
+            end
+          end
+          column 8 do
+            attach :completed_searches
+          end
+        end
+        attach :ticket_list, title: 'Search Results'
+      end
+    end
+    attach :code, file: __FILE__
+  end
+end
+
+Voom::Presenters.define(:ticket_list) do
+  helpers Demo::Helpers::SearchSelectDemo
+  helpers do
+    def ticket_data
+      [OpenStruct.new(id: 1, event_name: 'Pearl Jam', type: 'General Admission', amount: 10.00),
+       OpenStruct.new(id: 2, event_name: 'Pearl Jam', type: 'Reserved Seating', amount: 25.00),
+       OpenStruct.new(id: 3, event_name: 'Temple of the Dog', type: 'General Admission', amount: 5.00),
+       OpenStruct.new(id: 4, event_name: 'Temple of the Dog', type: 'Reserved Seating', amount: 10.00),
+       OpenStruct.new(id: 5, event_name: 'Japandroids', type: 'General Admission', amount: 7.50),
+       OpenStruct.new(id: 6, event_name: 'Japandroids', type: 'Reserved Seating', amount: 15.00)]
+    end
+
+    def tickets
+      re = Regexp.union(searches)
+      ticket_data.select {|ticket| re.match(ticket.event_name)}
+    end
+
+    def ticket_ids
+      context.fetch(:ticket_id) {[]}
+    end
+  end
+
+  content id: :ticket_list do
+    list selectable: true do
+      tickets.each do |ticket|
+        line name: :ticket_id, value: ticket.id, checked: ticket_ids.include?(ticket.id.to_s) do
+          text ticket.event_name
+          subtitle ticket.type
+          info "$#{ticket.amount}"
+        end
+      end
+    end
+  end
+end
+
+Voom::Presenters.define(:completed_searches) do
+  helpers Demo::Helpers::SearchSelectDemo
+  content id: :completed_searches do
+    searches.each do |search|
+      chip color: :primary, name: 'searches[]', value: search, id: search do
+        text search
+        icon :delete, position: :right do
+          event :click do
+            remove search
+            replaces :ticket_list, :ticket_list, input_tag: :input_data_container
+          end
+        end
+      end
+    end
+  end
+end
+

data/app/demo/shared/context_list.pom

@@ -16,7 +16,7 @@ Voom::Presenters.define(:context_list) do
   content id: :context_list do
     grid do
       column 12 do
-        display title
+        headline title
         subheading "#{time}"
         list do
           scrubbed_context.map {|k, v| "#{k}: #{v}"}.each do |param|

data/app/demo/styles.pom

@@ -8,23 +8,33 @@ Voom::Presenters.define(:styles) do
   end
 
   indented_grid do
-    display 'Styles'
+    headline'Typography',  level: 1
 
-    # heading is an alias for display
-    heading 'Typography', level: 4
-    display 'Display 4', level: 4
-    display 'Display 3', level: 3
-    display 'Display 2', level: 2
-    display 'Display 1', level: 1
-    headline 'Headline'
-    title 'Title'
-    subheading 'Subheading 2', level: 2
-    subheading 'Subheading 1', level: 1
+    headline 'Headline 1', level: 1
+    headline 'Headline 2', level: 2
+    headline 'Headline 3', level: 3
+    headline 'Headline 4', level: 4
+    headline 'Headline 5', level: 5
+    headline 'Default Headline Size'
+    headline 'Headline 6', level: 6
+    title    'Title'
+    subtitle 'subtitle 1', level: 1
+    subtitle 'subtitle 2', level: 2
     body ['Body 1 paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing 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.'], level: 1
     body 'Body 2 text, calling something out.', level: 2
+    caption 'Caption'
+    overline 'Overline'
     body 'You can use [markdown](/markdown) in your typography'
+    body '`blank` will insert a blank line'
+    blank
+    body 'Line above me, intentionally left blank'
+    separator
+    body 'Line above me is a separator'
+    link 'You can have a link', 'https://www.google.com/search?q=link&source=lnms&tbm=isch&sa=X&ved=0ahUKEwipr4zY_JXdAhVNXK0KHWFNCdYQ_AUICigB&biw=1651&bih=932'
+
   end
+  attach :code, file: __FILE__
 end

data/component-status.yml

@@ -129,12 +129,12 @@
     Notes: 
 -
     Components: Selection controls/switches
-    Implementation: MDL/MDC
+    Implementation: MDC
     MDL: 
     MDC: Y
     Priority: 
-    Completeness: 1
-    Notes: The checkboxes and radio buttons from MDL need to be ported to MDC.
+    Completeness: 2
+    Notes:
 -
     Components: Select fields
     Implementation: MDC
@@ -145,11 +145,11 @@
     Notes:
 -
     Components: Sliders
-    Implementation: N
+    Implementation: MDC
     MDL: 
     MDC: Y
     Priority: medium
-    Completeness: 
+    Completeness: 2
     Notes: 
 -
     Components: Snackbars & toasts
@@ -161,11 +161,11 @@
     Notes: 
 -
     Components: Steppers
-    Implementation: N
-    MDL: N
+    Implementation: MDL
+    MDL: Y
     MDC: N
     Priority: medium
-    Completeness: 
+    Completeness: 1
     Notes:  https://ahlechandre.github.io/mdl-stepper/
 -
     Components: Subheaders
@@ -177,11 +177,11 @@
     Notes: This should be doable using typography
 -
     Components: Tabs
-    Implementation: N
+    Implementation: Y
     MDL: 
     MDC: Y
-    Priority: medium
-    Completeness: 
+    Priority:
+    Completeness: 2
     Notes: 
 -
     Components: Text fields

data/config.ru

@@ -9,6 +9,7 @@ if ENV['VOOM_ENV']=='integration_testing'
 end
 
 ENV['VOOM_ROOT'] = File.expand_path(__dir__)
+ENV['GOOGLE_API_KEY'] = 'AIzaSyDhSgj9XSBLY5E9Rx5pP2ILQ7IXnD4uX2Q'
 libdir = File.join(ENV['VOOM_ROOT'], 'lib')
 $:.unshift(libdir) unless $:.include?(libdir)
 require 'voom/presenters/api/app'
@@ -16,7 +17,6 @@ require 'voom/presenters/web_client/app'
 require 'voom/presenters/demo/search'
 require 'voom/presenters/demo/echo'
 
-
 use Voom::Presenters::Demo::Search
 use Voom::Presenters::Demo::Echo
 
@@ -28,3 +28,4 @@ Voom::Presenters::Settings.configure do |config|
 end
 Voom::Presenters::App.boot!
 
+

data/lib/voom/container_methods.rb

@@ -1,4 +1,4 @@
-require_relative 'symbol/to_str'
+require  'voom/symbol/to_str'
 
 module Voom
   module ContainerMethods

data/lib/voom/presenters-engine.rb

@@ -1,41 +1,44 @@
 if Rails.version =~ /^4/
-  require_dependency 'voom/presenters'
+  ActiveSupport::Dependencies.require_dependency 'voom/presenters'
 else
   require 'voom/presenters'
 end
 
-module Voom
-  module Presenter
-    class Engine < ::Rails::Engine
-      config.autoload_paths += Dir["#{config.root}/lib/**/"]
+unless defined?(Voom::Presenter::Railtie)
+  module Voom
+    module Presenter
+      class Engine < ::Rails::Engine
+        config.eager_load_paths += Dir["#{config.root}/lib"]
+      end
     end
   end
-end
 
 
-module Voom
-  module Presenter
-    class Railtie < ::Rails::Railtie
-      BOOT = ->{
-        Voom::Presenters::Settings.configure do |config|
-          config.presenters.root = Rails.root.join('app')
-          config.presenters.deep_freeze = false
+  module Voom
+    module Presenter
+      class Railtie < ::Rails::Railtie
+        BOOT = -> {
+          Voom::Presenters::Settings.configure do |config|
+            config.presenters.root = Rails.root.join('app')
+            config.presenters.deep_freeze = false
+          end
+          Voom::Presenters::App.boot!
+        }
+        RELOADER = ActiveSupport::FileUpdateChecker.new([], {"app" => ["pom"]}) do
+          Voom::Presenters::App.reset!
+          BOOT.call
         end
-        Voom::Presenters::App.boot!
-      }
-      RELOADER = ActiveSupport::FileUpdateChecker.new([], {"app" => ["pom"]}) do
-        Voom::Presenters::App.reset!
-        BOOT.call
-      end
 
-      initializer 'voom-presenters' do |app|
-        app.reloaders << RELOADER
-      end
+        initializer 'voom-presenters' do |app|
+          app.reloaders << RELOADER
+        end
 
-      config.to_prepare do
-        RELOADER.execute_if_updated
-        BOOT.call
+        config.to_prepare do
+          reloaded = RELOADER.execute_if_updated
+          BOOT.call unless reloaded
+          require_dependency Voom::Presenter::Engine.root.join('lib', 'voom-presenters').to_s
+        end
       end
     end
   end
-end
+end