voom-presenters 0.2.0 → 2.1.0

data/app/demo/events/actions/last_response.pom

@@ -0,0 +1,40 @@
+Voom::Presenters.define(:last_response_action) do
+  helpers Demo::Helpers::IndentedGrid
+  attach :top_nav
+  attach :events_drawer
+
+  indented_grid do
+    heading 'Last Response'
+    body 'You can access the last response and forward its data to a snackbar or posts|updates|deletes|replaces|loads.'
+    title 'Posts'
+    button 'quote' do
+      event :click do
+        posts '_echo_', {quote: 'Compromise is the shared hypotenuse of the conjoined triangles of success.'}
+        posts '_echo_', echo: {quote: last_response.quote}, headers: {'X-Custom'=>'Boom!'}
+        snackbar last_response.echo.quote
+      end
+    end
+
+    title 'Replaces'
+    button 'replaces' do
+      event :click do
+        posts '_echo_', {quote: 'Compromise is the shared hypotenuse of the conjoined triangles of success.'}
+        replaces :replace_me, :replace_text, text: last_response.quote
+      end
+    end
+    attach :replace_text
+
+    blank
+    title "Loads another presesnter"
+    text "Will reload this page passing a value from the last response of another action"
+    text "Quote from last response: {c:blue}#{context.fetch(:quote, nil)}{/c}" unless context.fetch(:quote, nil).nil?
+    button 'Reloads this page' do
+      event :click do
+        posts '_echo_', {quote: 'Compromise is the shared hypotenuse of the conjoined triangles of success.'}
+        loads :last_response_action, reloaded: true, quote: last_response.quote
+      end
+    end
+    heading context['reloaded'] ? "Reloaded" : 'Loaded'
+  end
+  attach :code, file: __FILE__
+end

data/app/demo/events/actions/prompt_if_dirty.pom

@@ -0,0 +1,54 @@
+Voom::Presenters.define(:dirtyable_container) do
+  content id: :dirtyable_container do
+    grid do
+      column 6 do
+        text_field name: :a_text_field do
+          label 'Input'
+          value 'initial value'
+        end
+
+        button :save, type: :raised do
+          event :click do
+            snackbar 'Saved!'
+            replaces :dirtyable_container, :dirtyable_container
+          end
+        end
+        button :cancel do
+          event :click do
+            prompt_if_dirty :discard_dialog
+            replaces :dirtyable_container, :dirtyable_container
+          end
+        end
+      end
+    end
+  end
+end
+
+Voom::Presenters.define(:prompt_if_dirty_action) do
+  helpers Demo::Helpers::IndentedGrid
+  attach :top_nav
+  attach :events_drawer
+  attach :discard_dialog
+
+  indented_grid do
+    heading 'Prompt if dirty'
+    body 'Allows you to prompt users to discard changes in fields which have unsaved changes.'
+    blank
+    body <<~MARKDOWN
+      Takes the ID of a dialog to display when one or more fields in the
+      closest container has changed.\n
+      Optionally takes an `input_tag` which has priority over the closest
+      container and can be used if no closest container is present.
+    MARKDOWN
+    blank
+    body <<~MARKDOWN
+      If the user dismisses the dialog (via the scrim or cancel button), the
+      actions following `prompt_if_dirty` are not executed.
+    MARKDOWN
+
+    blank
+    attach :dirtyable_container
+  end
+
+  attach :code, file: __FILE__
+end

data/app/demo/events/content_as_form.pom

@@ -0,0 +1,313 @@
+Voom::Presenters.define(:response_content) do
+  helpers do
+    def params
+      return {} unless context[:id]
+
+      {tag: context[:id]}
+    end
+  end
+
+  content id: :response_content, **params do
+    text context[:content]
+  end
+end
+
+Voom::Presenters.define(:content_as_form) do
+  helpers Demo::Helpers::IndentedGrid
+
+  attach :top_nav
+  attach :events_drawer
+
+  attach :response_content
+
+  indented_grid do
+    card id: :form_1 do
+      title 'Form'
+      form do
+        text_field name: :text1 do
+          label 'Text 1'
+        end
+
+        checkbox name: :on, value: true, off_value: false, text: 'Checkbox'
+
+        blank
+
+        grid padding: :none do
+          column 12 do
+            button 'Submit, grid > column', type: :raised do
+              event :click do
+                posts '/_echo_'
+                replaces :response_content, :response_content,
+                         content: last_response,
+                         id: 1
+              end
+            end
+          end
+        end
+
+        content do
+          button 'Submit, content', type: :raised do
+            event :click do
+              posts '/_echo_'
+              replaces :response_content, :response_content,
+                       content: last_response,
+                       id: 2
+            end
+          end
+        end
+
+        button 'Submit', type: :raised do
+          event :click do
+            posts '/_echo_'
+            replaces :response_content, :response_content,
+                     content: last_response,
+                     id: 3
+          end
+        end
+      end
+    end
+  end
+
+  indented_grid do
+    card do
+      title 'Content'
+      content id: :content_1 do
+        text_field name: :text1 do
+          label 'Text 1'
+        end
+
+        checkbox name: :on, value: true, off_value: false, text: 'Checkbox'
+
+        blank
+
+        grid padding: :none do
+          column 12 do
+            button 'Submit, grid > column', type: :raised do
+              event :click do
+                posts '/_echo_'
+                replaces :response_content, :response_content,
+                         content: last_response,
+                         id: 1
+              end
+            end
+          end
+        end
+
+        content do
+          button 'Submit, content', type: :raised do
+            event :click do
+              posts '/_echo_'
+              replaces :response_content, :response_content,
+                       content: last_response,
+                       id: 2
+            end
+          end
+        end
+
+        button 'Submit', type: :raised do
+          event :click do
+            posts '/_echo_'
+            replaces :response_content, :response_content,
+                     content: last_response,
+                     id: 3
+          end
+        end
+      end
+    end
+  end
+
+  grid do
+    column 12 do
+      text_field id: :input_tag_extra, name: :whatever, tag: :test_input_tag do
+        value 'foo bar'
+      end
+    end
+  end
+
+  indented_grid do
+    card do
+      title 'Content with input_tag'
+      content id: :content_2, tag: :test_input_tag do
+        text_field name: :text1 do
+          label 'Text 1'
+        end
+
+        checkbox name: :on, value: true, off_value: false, text: 'Checkbox'
+
+        blank
+
+        grid padding: :none do
+          column 12 do
+            button 'Submit, grid > column', type: :raised do
+              event :click do
+                posts '/_echo_',
+                      input_tag: :test_input_tag
+                replaces :response_content, :response_content,
+                         content: last_response,
+                         id: 1
+              end
+            end
+          end
+        end
+
+        content do
+          button 'Submit, content', type: :raised do
+            event :click do
+              posts '/_echo_',
+                    input_tag: :test_input_tag
+              replaces :response_content, :response_content,
+                       content: last_response,
+                       id: 2
+            end
+          end
+        end
+
+        button 'Submit', type: :raised do
+          event :click do
+            posts '/_echo_',
+                  input_tag: :test_input_tag
+            replaces :response_content, :response_content,
+                     content: last_response,
+                     id: 3
+          end
+        end
+      end
+    end
+  end
+
+  indented_grid do
+    content id: :content_array do
+      card do
+        title 'Array'
+
+        content do
+          text_field name: 'inputs[]' do
+            value 'Value1'
+          end
+
+          text_field name: 'inputs[]' do
+            value 'Value2'
+          end
+
+          text_field name: 'inputs[]' do
+            value 'Value3'
+          end
+
+          checkbox name: :on, value: true, off_value: false, text: 'Checkbox'
+
+          button :submit, type: :raised do
+            event :click do
+              posts '/_echo_'
+              replaces :response_content, :response_content,
+                       content: last_response,
+                       id: 1
+            end
+          end
+        end
+      end
+    end
+  end
+
+  # Dialog tests:
+  attach :dialog_a
+  attach :dialog_b
+  attach :dialog_c
+  attach :dialog_d
+
+  button 'dialog_a' do
+    event :click do
+      dialog :dialog_a
+    end
+  end
+
+  button 'dialog_b' do
+    event :click do
+      dialog :dialog_b
+    end
+  end
+
+  button 'dialog_c' do
+    event :click do
+      dialog :dialog_c
+    end
+  end
+
+  button 'dialog_d' do
+    event :click do
+      dialog :dialog_d
+    end
+  end
+end
+
+Voom::Presenters.define(:dialog_a) do
+  dialog id: :dialog_a do
+    form do
+      text_field name: :dialog_text_field do
+        value 'whatever'
+      end
+    end
+    actions do
+      button 'Submit', type: :raised do
+        event :click do
+          posts '/_echo_'
+        end
+      end
+    end
+  end
+end
+
+Voom::Presenters.define(:dialog_b) do
+  dialog id: :dialog_b do
+    content do
+      text_field name: :dialog_text_field do
+        value 'whatever'
+      end
+    end
+    actions do
+      button 'Submit, untagged content', type: :raised do
+        event :click do
+          posts '/_echo_'
+        end
+      end
+    end
+  end
+end
+
+Voom::Presenters.define(:dialog_c) do
+  dialog id: :dialog_c do
+    content tag: :some_dialog_tag do
+      text_field name: :dialog_text_field do
+        value 'whatever'
+      end
+    end
+
+    actions do
+      button 'Submit, input_tag', type: :raised do
+        event :click do
+          posts '/_echo_',
+                input_tag: :some_dialog_tag
+        end
+      end
+    end
+  end
+end
+
+Voom::Presenters.define(:dialog_d) do
+  dialog id: :dialog_d do
+    grid do
+      column 12 do
+        text_field name: :dialog_text_field do
+          value 'whatever'
+        end
+      end
+    end
+
+    actions do
+      button 'Submit, no viable container', type: :raised do
+        event :click do
+          posts '/_echo_'
+        end
+      end
+    end
+  end
+end

data/app/demo/events/nav/drawer.pom

@@ -1,15 +1,19 @@
 Voom::Presenters.define(:events_drawer) do
   helpers Voom::Presenters::Helpers::Inflector
+
+  events = %i[field_level_events form_level_events tagged_input parallel_events].sort
+  actions = %i[dialog replaces loads toggle_visibility snackbar updates deletes posts clear last_response prompt_if_dirty].sort
+
   drawer 'Events' do
     menu do
-      %i(field_level_events form_level_events tagged_input).sort.each do |comp|
+      events.each do |comp|
         item titleize(comp) do
           event :click do
             loads comp
           end
         end
       end
-      %i(dialog replaces loads toggle_visibility snackbar updates deletes posts clear).sort.each do |comp|
+      actions.each do |comp|
         item titleize(comp) do
           event :click do
             loads "#{comp}_action"
@@ -18,4 +22,4 @@ Voom::Presenters.define(:events_drawer) do
       end
     end
   end
-end
+end

data/app/demo/events/parallel.pom

@@ -0,0 +1,44 @@
+Voom::Presenters.define(:parallel_content) do
+  content id: context['id'] do
+    heading6 Time.now
+  end
+end
+
+Voom::Presenters.define(:parallel_events) do
+  helpers Demo::Helpers::IndentedGrid
+  attach :top_nav
+   attach :events_drawer
+
+  indented_grid do
+    display 'Parallel Events'
+    body 'This demonstrates multiple event handlers for the same event, running in parallel.
+          It also shows the onload event running in parallel.'
+
+    event :onload do
+      replaces :first, :parallel_content, id: :first
+    end
+    event :onload do
+      replaces :second, :parallel_content, id: :second
+    end
+
+    button :load_in_parallel do
+      event :click do
+        replaces :third, :parallel_content, id: :third
+      end
+      event :click do
+        replaces :forth, :parallel_content, id: :forth
+      end
+
+      event :click do
+        replaces :fifth, :parallel_content, id: :fifth
+      end
+    end
+
+    content id: :first
+    content id: :second
+    content id: :third
+    content id: :forth
+    content id: :fifth
+  end
+  attach :code, file: __FILE__
+end