Contents

<%= render component_tag(x: {
  data: "appPlanPicker",
  ":class": "{'slider-active': shouldPaginate}",
  "options": "options",
  "@resize.window": "calculateOffset"
}) do %>
  <div class="plan-picker-container">
    <div class="plan-picker-controls">
      <div data-role="currency-selector">
        <%= currency_selector %>
      </div>
      <div data-role="interval-selector">
        <%= interval_selector %>
      </div>
      <% if view_toggle? %>
        <div class="plan-picker-view-toggle" data-role="view-all-toggle">
          <%= view_toggle %>
        </div>
      <% end %>
    </div>
    <%= space 4 %>
    <div x-ref="slider" class="plan-picker-slider" x-cloak>
      <div class="plan-picker-slider-container">
        <div class="plan-picker-plans" x-ref="sliderItems">
          <% plans.each do |plan| %>
            <div class="plan-picker-plan">
              <%= plan %>
            </div>
          <% end %>
        </div>
      </div>
      
      <% if slider? %>
        <div class="plan-picker-pagination" x-show="shouldPaginate" data-role="pagination">
          <%= coco_button(
            icon: :arrow_left,
            theme: :secondary,
            floating: true,
            size: :lg,
            x: {
              ref: "previous",
              "@click": "previous",
              "effect": "disabled = isFirst"
            }) %>
          <%= coco_button(
            icon: :arrow_right,
            theme: :secondary,
            floating: true,
            size: :lg,
            x: {
              ref: "next",
              "@click": "next",
              "effect": "disabled = isLast"
            }) %>
        </div>
      <% end %>
      
    </div>
    
    <% if view_toggle? %>
      <div class="plan-picker-view-toggle-mobile" data-role="view-all-toggle">
        <%= space 4 %>
        <%= view_toggle %>
      </div>  
    <% end %>
  </div>
<% end %>

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
coveragebook_components-0.12.0	app/components/coco/app/blocks/plan_picker/plan_picker.html.erb