coprl 0.1.0 → 3.0.0.beta.1

data/views/mdc/components/_separator.erb

@@ -0,0 +1,3 @@
+<div class="<%= _padding_classes_(comp.padding) %>">
+<hr class="v-separator" />
+</div>

data/views/mdc/components/_slider.erb

@@ -0,0 +1,43 @@
+<div id="<%= comp.id %>"
+     <% if comp.tag %>
+     data-input-tag="<%= comp.tag %>"
+     <% end %>
+    class="v-slider v-input mdc-slider
+      <%= 'mdc-slider--discrete' if comp.discrete %>
+      <%= 'mdc-slider--display-markers' if comp.show_tracker_marks %>"
+     tabindex="0"
+     role="slider"
+     data-name="<%= comp.name %>"
+     <% if comp.step %>
+     data-step="<%= comp.step %>"
+     <% end %>
+     <% if comp.dirtyable %>data-dirtyable<% end %>
+     aria-valuemin="<%= comp.value_min %>"
+     aria-valuemax="<%= comp.value_max %>"
+     aria-valuenow="<%= comp.value unless comp.value.nil? %>"
+     <% if comp.disabled %>aria-disabled<% end %>
+     aria-label="Select Value"
+    <%= partial "components/event", :locals => {comp: comp, events: comp.events, parent_id: "#{comp.id}-input"} if comp.events&.any? %>>
+<div class="mdc-slider__track-container">
+    <div class="mdc-slider__track"></div>
+
+    <% if comp.show_tracker_marks %>
+    <div class="mdc-slider__track-marker-container"></div>
+    <% end %>
+
+  </div>
+  <div class="mdc-slider__thumb-container">
+
+    <% if comp.discrete %>
+    <div class="mdc-slider__pin">
+      <span class="mdc-slider__pin-value-marker"></span>
+    </div>
+    <% end %>
+
+    <svg class="mdc-slider__thumb" width="21" height="21">
+      <circle cx="10.5" cy="10.5" r="7.875"></circle>
+    </svg>
+    <div class="mdc-slider__focus-ring"></div>
+  </div>
+</div>
+

data/views/mdc/components/_snackbar.erb

@@ -0,0 +1,13 @@
+<% if comp
+     data_events =
+         [['after_init',
+           [['snackbar', nil, {}, {text: comp.text}]],
+           {once: true}
+          ]]
+%>
+  <div id="<%=comp.id%>"
+       class="v-hidden"
+       aria-hidden="true"
+       data-events='<%= data_events.to_json %>'>
+  </div>
+<% end %>

data/views/mdc/components/_stepper.erb

@@ -0,0 +1,47 @@
+<%
+  horizontal = eq(comp.orientation, :horizontal)
+%>
+<div class="v-errors">
+  <ul id="<%= comp.id %>"
+      <% if comp.tag %>
+      data-input-tag="<%= comp.tag %>"
+      <% end %>
+      class="mdl-stepper v-stepper
+            <%= ' mdl-stepper--horizontal' if horizontal %>
+            <%= ' mdl-stepper--linear' if comp.linear %>">
+    <% for step in comp.steps %>
+      <%= partial "components/stepper/#{step.type}", :locals => {:comp => step, vertical: !horizontal} %>
+    <% end %>
+  </ul>
+
+  <% if horizontal %>
+  <div id="<%= comp.id %>-content">
+    <% for step in comp.steps %>
+      <div id="<%= step.id %>-content"
+           <% if step.tag %>
+           data-input-tag="<%= step.tag %>"
+           <% end %>
+           class="v-content v-step__content v-step__content-<%= step.id %>
+            <%= ' is-active' if step.selected %>
+            <%= ' v-step--horizontal' if horizontal %>">
+
+        <%= partial "components/render", :locals => {:components => step.components, :scope => nil} if step.components.any? %>
+
+        <% if step.actions&.buttons %>
+          <div class="v-step__actions v-step__actions-<%= step.id %>">
+            <% step.actions.buttons.each do |button| %>
+              <%= partial "components/button", :locals => {:comp => button,
+                                                        data_attributes: "data-stepper-#{button.stepper_type}",
+                                                        event_parent_id: "#{step.id}-content"} if button
+              %>
+            <% end %>
+          </div>
+        <% end %>
+      </div>
+    <% end %>
+  </div>
+   <% end %>
+
+</div>
+
+

data/views/mdc/components/_subtitle.erb

@@ -0,0 +1,4 @@
+<% class_name = '' unless bound_locals_include?(:class_name, binding) %>
+<% if comp %>
+<%= partial "components/typography", :locals => {comp: comp, type: comp.type, class_name: class_name} %>
+<% end %>

data/views/mdc/components/_switch.erb

@@ -0,0 +1,29 @@
+<% class_name = '' unless bound_locals_include?(:class_name, binding)
+%>
+
+<div class="v-form-field mdc-form-field">
+  <div id="<%= comp.id %>"
+       <% if comp.tag %>data-input-tag="<%= comp.tag %>"<% end %>
+       <% if comp.dirtyable %>data-dirtyable<% end %>
+       class="v-switch v-input mdc-switch
+      <%= 'mdc-switch--disabled' if comp.disabled %>
+      <%= class_name %>">
+    <div class="mdc-switch__track"></div>
+    <div class="mdc-switch__thumb-underlay">
+      <div class="mdc-switch__thumb">
+        <input id="<%= comp.id %>-input"
+               name="<%= comp.name %>"
+               type="checkbox"
+               class="mdc-switch__native-control"
+               role="switch"
+               <% if comp.value %>value="<%= comp.value %>"<% end %>
+               data-off="<%= comp.off_value %>"
+               <%= ' checked ' if comp.checked %>
+               <%= ' disabled ' if comp.disabled %>
+               <%= partial "components/event", :locals => {comp: comp, events: comp.events, parent_id: comp.event_parent_id} if comp.events&.any? %>/>
+      </div>
+    </div>
+  </div>
+  <label class="v-switch__label" for="<%= comp.id %>-input"><%= comp.text %></label>
+</div>
+<%= partial "components/tooltip", :locals => {comp: comp.tooltip, parent_id: comp.id} if comp.tooltip %>

data/views/mdc/components/_tab_bar.erb

@@ -0,0 +1,35 @@
+<div id="<%= comp.id %>"
+  class="v-tab-bar mdc-tab-bar" role="tablist">
+  <div class="mdc-tab-scroller">
+    <div class="mdc-tab-scroller__scroll-area">
+      <div class="mdc-tab-scroller__scroll-content">
+
+        <% for tab in comp.tabs %>
+          <button class="mdc-tab
+                    <%= 'mdc-tab--active' if tab.selected %>
+                    <%= 'mdc-tab--stacked' if tab.stacked %>"
+                  role="tab" aria-selected="<%= tab.selected %>" tabindex="0"
+                  <%= partial "components/event", :locals => {comp: tab, events: tab.events, parent_id: tab.event_parent_id} if tab.events&.any? %>>
+          <span class="mdc-tab__content">
+           <% if tab.icon %>
+            <span class="mdc-tab__icon material-icons"><%= tab.icon %></span>
+            <% end %>
+            <span class="mdc-tab__text-label"><%= tab.label %></span>
+          </span>
+            <span class="mdc-tab-indicator
+                    <%= 'mdc-tab-indicator--active' if tab.selected %>">
+            <span class="mdc-tab-indicator__content mdc-tab-indicator__content--underline"></span>
+          </span>
+            <span class="mdc-tab__ripple"></span>
+          </button>
+        <% end %>
+      </div>
+    </div>
+  </div>
+</div>
+<% comp.tabs.each_with_index do |tab, index|
+  next unless tab.components.any? %>
+  <div class="v-tab-content <%=tab.selected ? nil : 'v-hidden' %>" data-tab-id="<%=index%>">
+    <%= partial "components/render", :locals => {:components => tab.components, :scope=> nil}  %>
+  </div>
+<% end %>

data/views/mdc/components/_table.erb

@@ -0,0 +1,28 @@
+<div class="v-data-table mdc-data-table <%= 'v-no-border' unless comp.border %>" style="<%= "width:#{comp.width};" if comp.width %>">
+  <table class="mdc-data-table__table"
+         <%= partial "components/event", :locals => {comp: comp, events: comp.events, parent_id: comp.id} if comp.events&.any? %>>
+    <% if comp.header %>
+      <thead>
+      <%= partial "components/table/header", :locals => {:row => comp.header} %>
+      </thead>
+    <% else
+      # This is a workaround for the MDCDataTable component that currently throws an error if it can't find an
+      # mdc-data-table__header-row element. Allos us to create headerless table without JS errors
+    %>
+      <div class="mdc-data-table__header-row v-hidden"/>
+    <% end %>
+    <tbody class="mdc-data-table__content">
+    <% comp.rows.each do |row| %>
+      <%= partial "components/table/row", :locals => {:row => row} %>
+    <% end %>
+    </tbody>
+    <% if comp.footer %>
+      <tfoot>
+        <%= partial "components/table/footer", :locals => {:row => comp.footer} %>
+      </tfoot>
+    <% end %>
+  </table>
+</div>
+<% if comp.pagination %>
+  <%= partial "components/table/pagination", :locals => {:comp => comp.pagination} %>
+<% end %>

data/views/mdc/components/_text_area.erb

@@ -0,0 +1,18 @@
+<div id="<%= comp.id %>" class="v-input v-text-field mdc-text-field mdc-text-field--textarea
+            <% if comp.disabled %>mdc-text-field--disabled<% end %>"
+     <% if comp.tag %>data-input-tag="<%= comp.tag %>"<% end %>
+     <% if comp.dirtyable %>data-dirtyable<% end %>
+     style="<%= 'width:100%' if comp.full_width %>">
+  <textarea id="<%= comp.id %>-input"
+            name="<%= comp.name %>"
+            class="mdc-text-field__input"
+            aria-controls="<%= comp.id %>-input-helper-text"
+            <%= 'required' if comp.required %>
+            rows="<%= comp.rows %>"
+            cols="<%= comp.cols %>"
+            <% if comp.disabled %>disabled<% end %>><%= comp.value %></textarea>
+  <%= partial "components/shared/input_label", :locals => {comp: comp} if comp %>
+</div>
+<%= partial "components/shared/hint_error_display", :locals => {comp: comp} if comp %>
+<%= partial "components/tooltip", :locals => {comp: comp.tooltip, parent_id: comp.id} if comp.tooltip%>
+

data/views/mdc/components/_text_field.erb

@@ -0,0 +1,39 @@
+<% if comp
+     leading_icon = comp.icon && comp.icon.position.select {|p| eq(p, :left)}.any?
+     trailing_icon = comp.icon && comp.icon.position.select {|p| eq(p, :right)}.any?
+     auto_complete = comp.auto_complete&.to_sym == :off ? 'extra-off' : comp.auto_complete
+     behavior = comp.behavior || 'text'
+%>
+  <div id="<%= comp.id %>"
+       <% if comp.tag %>data-input-tag="<%= comp.tag %>"<% end %>
+       <% if comp.dirtyable %>data-dirtyable<% end %>
+       class="v-input v-text-field v-focusable mdc-text-field mdc-text-field--outlined
+            <%= 'mdc-text-field--with-leading-icon' if leading_icon %>
+            <%= 'mdc-text-field--with-trailing-icon' if trailing_icon %>
+            <%= 'mdc-text-field--disabled' if comp.disabled %>"
+            data-case_type="<%= comp.case_type %>"
+       style="<%= 'width:100%' if comp.full_width %>">
+
+    <input id="<%= comp.id %>-input"
+           name="<%= comp.name %>"
+           <%= behavior %>
+           value="<%= comp.value %>"
+           class="mdc-text-field__input"
+           aria-controls="<%= comp.id %>-input-helper-text"
+           <% if comp.disabled %>disabled<% end %>
+           <%= 'required' if comp.required %>
+           <%= "pattern='#{comp.pattern}'" if comp.pattern %>
+           autocomplete="<%= auto_complete %>"
+           list="<%= comp.id %>-list"
+           <%= partial "components/event", :locals => {comp: comp, events: comp.events, parent_id:  "#{comp.id}-input"} if comp.events&.any? %>>
+
+    <%= partial "components/icon", :locals => {comp: comp.icon, class_name: 'mdc-text-field__icon', parent_id: "#{comp.id}-input"} if comp.icon %>
+
+    <%= partial "components/shared/input_label", :locals => {comp: comp} %>
+    <datalist id="<%= comp.id %>-list">
+    </datalist>
+  </div>
+  <%= partial "components/shared/hint_error_display", :locals => {comp: comp} %>
+  <%= partial "components/tooltip", :locals => {comp: comp.tooltip, parent_id: comp.id} if comp.tooltip %>
+<% end %>
+

data/views/mdc/components/_time.erb

@@ -0,0 +1 @@
+<%= partial "components/datetime", :locals => {comp: comp} if comp %>

data/views/mdc/components/_tooltip.erb

@@ -0,0 +1,5 @@
+<% if comp %>
+<div class="v-tooltip mdl-tooltip mdl-tooltip--<%=comp.position%>" for="<%=parent_id%>">
+  <%=expand_text(comp.text.text)%>
+</div>
+<% end %>

data/views/mdc/components/_typography.erb

@@ -0,0 +1,15 @@
+<% class_name = '' unless bound_locals_include?(:class_name, binding)
+   position_classes = comp.position.map {|p| "v-typography-position-#{p}"}.join(' ')
+%>
+<div id="<%= comp.id %>"
+     class="v-typography mdc-typography--<%= "#{type}#{comp.level}" %>
+           <%= class_name %>
+           <%= position_classes %>
+           <%= 'v-actionable' if comp.events %>"
+     style = "<%= "color: #{comp.color};" if comp.color %>
+              <%= "display: inline;" if comp.inline %>"
+     <%= partial "components/event", :locals => {comp: comp, events: comp.events, parent_id: comp.event_parent_id} if comp.events&.any? %>>
+  <%= partial "components/icon", :locals => {comp: comp.icon} if comp.icon %>
+  <%= expand_text(comp.text, markdown: comp.markdown) %>
+</div>
+<%= partial "components/tooltip", :locals => {comp: comp.tooltip, parent_id: comp.id} if comp.tooltip %>

data/views/mdc/components/_unordered_list.erb

@@ -0,0 +1,10 @@
+<ul id="<%= comp.id %>"
+  <% if comp.list_items.map{|li| li.icon ? 1 : 0}.sum > 0 %>
+    class="icon-ul"
+  <% else %>
+    style="<%= "list-style: #{comp.list_style}" if comp.list_style %>"
+  <% end %>>
+<% for item in comp.list_items %>
+  <%= partial "components/unordered_list/list_item", :locals => {:list_item => item} %>
+<% end %>
+</ul>

data/views/mdc/components/actions/autocomplete.rb

@@ -0,0 +1,8 @@
+require_relative 'post'
+
+module WebClient
+  module Actions
+    class Autocomplete < Post
+    end
+  end
+end

data/views/mdc/components/actions/clear.rb

@@ -0,0 +1,11 @@
+module WebClient
+  module Actions
+    class Clear
+      def call(action, *)
+        # Type, URL, Options, Params (passed into javascript event/action classes)
+        [action.type, action.url, action.options.to_h, action.params.to_h]
+      end
+    end
+  end
+end
+

data/views/mdc/components/actions/close_dialog.rb

@@ -0,0 +1,10 @@
+module WebClient
+  module Actions
+    class CloseDialog
+      def call(action, *)
+        # Type, URL, Options, Params (passed into javascript event/action classes)
+        [action.type, nil, action.options.to_h, action.params.to_h]
+      end
+    end
+  end
+end

data/views/mdc/components/actions/delete.rb

@@ -0,0 +1,11 @@
+module WebClient
+  module Actions
+    class Delete
+      def call(action, parent_id, *)
+        # Type, URL, Options, Params (passed into javascript event/action classes)
+        [action.type, action.url,
+         action.options.to_h.merge({__parent_id__: parent_id, input_tag: action.options[:input_tag]}), {}]
+      end
+    end
+  end
+end

data/views/mdc/components/actions/dialog.rb

@@ -0,0 +1,11 @@
+module WebClient
+  module Actions
+    class Dialog
+      def call(action, *)
+        # Type, URL, Options, Params (passed into javascript event/action classes)
+        [action.type, nil, action.options.to_h, {}]
+      end
+    end
+  end
+end
+

data/views/mdc/components/actions/loads.rb

@@ -0,0 +1,17 @@
+module WebClient
+  module Actions
+    class Loads
+      include Coprl::Presenters::WebClient::Helpers::ExpandHash
+
+      def call(action, *)
+        # Type, URL, Options, Params (passed into javascript event/action classes)
+        safe_options = action.options.to_h
+        [action.type, action.url,
+         safe_options.merge({input_tag: safe_options.fetch(:input_tag, nil),
+                                    wait_for_download: safe_options.fetch(:wait_for_download, false)}),
+         expand_hash(action.dynamic_params)]
+      end
+    end
+  end
+end
+

data/views/mdc/components/actions/navigates.rb

@@ -0,0 +1,11 @@
+module WebClient
+  module Actions
+    class Navigates
+      def call(action, *)
+        # Type, URL, Options, Params (passed into javascript event/action classes)
+        [action.type, nil, action.options.to_h, action.params.to_h]
+      end
+    end
+  end
+end
+

data/views/mdc/components/actions/post.rb

@@ -0,0 +1,14 @@
+module WebClient
+  module Actions
+    class Post
+      include Coprl::Presenters::WebClient::Helpers::ExpandHash
+
+      def call(action, parent_id, *)
+        # Type, URL, Options, Params (passed into javascript event/action classes)
+        [action.type, action.url,
+         expand_hash(action.options).merge({__parent_id__: parent_id, input_tag: action.options[:input_tag]}),
+         expand_hash(action.dynamic_params)]
+      end
+    end
+  end
+end

data/views/mdc/components/actions/post_message.rb

@@ -0,0 +1,10 @@
+module WebClient
+  module Actions
+    class PostMessage
+      def call(action, *)
+        # Type, URL, Options, Params (passed into javascript event/action classes)
+        [action.type, nil, action.options.to_h, action.params.to_h]
+      end
+    end
+  end
+end

data/views/mdc/components/actions/prompt_if_dirty.rb

@@ -0,0 +1,17 @@
+module WebClient
+  module Actions
+    class PromptIfDirty
+      include Coprl::Presenters::WebClient::Helpers::ExpandHash
+
+      def call(action, parent_id, *)
+        # Type, URL, Options, Params (passed into javascript event/action classes)
+        [
+          action.type,
+          nil,
+          expand_hash(action.options).merge(__parent_id__: parent_id, input_tag: action.options[:input_tag]),
+          expand_hash(action.dynamic_params)
+        ]
+      end
+    end
+  end
+end