coprl 0.1.0 → 3.0.0.beta.1

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

@@ -0,0 +1,40 @@
+Coprl::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/loads.pom

@@ -0,0 +1,29 @@
+Coprl::Presenters.define(:loads_action) do
+  helpers Demo::Helpers::IndentedGrid
+  attach :top_nav
+  attach :events_drawer
+
+  indented_grid do
+    heading 'Loads'
+    body 'Loads a new presenter, replacing the whole page.'
+
+    content do
+      subheading "#{context['reloaded'] ? "Reloaded" : 'Loads'} another presenter"
+      button 'loads this page' do
+        event :click do
+          loads :loads_action, reloaded: true, nil_value:nil
+        end
+      end
+      heading context['reloaded'] ? "Reloaded" : 'Loaded'
+    end
+    content do
+      subheading "An absolute URL loads another page"
+      button 'loads google.com' do
+        event :click do
+          loads 'https://google.com'
+        end
+      end
+    end
+  end
+  attach :code, file: __FILE__
+end

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

@@ -0,0 +1,23 @@
+Coprl::Presenters.define(:posts_action) do
+  helpers Demo::Helpers::IndentedGrid
+  attach :top_nav
+  attach :events_drawer
+
+  indented_grid do
+    heading 'Posts'
+    body 'Issues a POST to a given url',
+         'Generally used to create a restful resource or issue a command.'
+    body '*Note: Will generate a 404.*'
+
+    title 'Posts'
+    body "issues a POST to the passed path\nAlias: creates"
+    content shows_errors: false do
+      button 'posts' do
+        event :click do
+          posts 'postpath', {optional: :params, its_nil: nil}
+        end
+      end
+    end
+  end
+  attach :code, file: __FILE__
+end

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

@@ -0,0 +1,54 @@
+Coprl::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
+
+Coprl::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/actions/replace_text.pom

@@ -0,0 +1,6 @@
+Coprl::Presenters.define(:replace_text) do
+
+  content id: :replace_me do
+    display context['text'] ? "#{context['text']} on #{Time.now}" : "Orignal text"
+  end
+end

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

@@ -0,0 +1,21 @@
+Coprl::Presenters.define(:replaces_action) do
+  helpers Demo::Helpers::IndentedGrid
+  attach :top_nav
+  attach :events_drawer
+
+  indented_grid do
+    heading 'Replaces'
+    body 'Replaces will replace content on the page with another presenter.',
+         'It takes the id of what to replace, usually a content block. And the presenter to replace it with.',
+         "You pass parameters to it as the last argument."
+
+    subheading 'Replaces'
+    button 'replaces' do
+      event :click do
+        replaces :replace_me, :replace_text, text: "I was replaced"
+      end
+    end
+    attach :replace_text
+  end
+  attach :code, file: __FILE__
+end

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

@@ -0,0 +1,19 @@
+Coprl::Presenters.define(:snackbar_action) do
+  helpers Demo::Helpers::IndentedGrid
+  attach :top_nav
+  attach :events_drawer
+
+  indented_grid do
+    heading 'Snackbar'
+    body 'Displays the snackbar at the bottom of the screen.',
+         'Useful for inplace editing notifications of success'
+
+    subheading 'Snackbar'
+    button 'snackbar' do
+      event :click do
+        snackbar 'I want a snack!'
+      end
+    end
+  end
+  attach :code, file: __FILE__
+end

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

@@ -0,0 +1,22 @@
+Coprl::Presenters.define(:toggle_visibility_action) do
+  helpers Demo::Helpers::IndentedGrid
+  attach :top_nav
+  attach :events_drawer
+
+  indented_grid do
+    heading 'Toggle Visibility'
+    body 'Allows you to toggle visibility of content on and off on events.',
+         'Takes the id of the element to toggle.',
+         "Optionally takes :on or :off to force visibility.",
+         "`show :toggle_me` **is the same as** `toggle_visibility :toggle_me, on: true`",
+         "`hide :toggle_me` **is the same as** `toggle_visibility :toggle_me, on: false`"
+    
+    button 'toggle visibility' do
+      event :click do
+        toggle_visibility :toggle_me
+      end
+    end
+    heading 'Sometimes I appear', id: :toggle_me
+  end
+  attach :code, file: __FILE__
+end

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

@@ -0,0 +1,24 @@
+Coprl::Presenters.define(:updates_action) do
+  helpers Demo::Helpers::IndentedGrid
+  attach :top_nav
+  attach :events_drawer
+
+  indented_grid do
+    heading 'Updates'
+    body 'Issues a PUT to a given url',
+         'Generally used to update a restful resource.'
+    body '*Note: Will generate a 404.*'
+    
+    title 'Updates'
+    body 'issues a PUT to the passed path'
+    content do
+      button 'updates' do
+        event :click do
+          # This goes nowhere
+          updates 'updatepath', {optional: :params}
+        end
+      end
+    end
+  end
+  attach :code, file: __FILE__
+end

data/app/demo/events/content_as_form.pom

@@ -0,0 +1,313 @@
+Coprl::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
+
+Coprl::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
+
+Coprl::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
+
+Coprl::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
+
+Coprl::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
+
+Coprl::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