bootstrap-cells 0.1.5

data/lib/bootstrap-cells/cells/column/td.erb

@@ -0,0 +1 @@
+<%= content_tag(:td, cell_text, **td_props) %>

data/lib/bootstrap-cells/cells/column/th.erb

@@ -0,0 +1,9 @@
+<%= content_tag(:th, **th_props) do %>
+  <% if options[:sort] %>
+    <%= content_tag(:div, class: 'flex items-center justify-between') do %>
+      <%= content_tag(:span, header_text) %>
+    <% end %>
+  <% else %>
+    <%= header_text %>
+  <% end %>
+<% end %>

data/lib/bootstrap-cells/cells/column_cell.rb

@@ -0,0 +1,49 @@
+# frozen_string_literal: true
+
+class ColumnCell < BaseCell
+  def th
+    render
+  end
+
+  def td
+    render
+  end
+
+  private
+
+  def th_props
+    defaults = {
+      class: c(('sort' if options[:sort]),
+               ("col-xs-#{options[:columns]}" if options[:columns]),
+               ('text-center' if options[:center])),
+      data: { sort: options[:attribute] },
+    }
+    merge_props(from: defaults, to: options.dig(:props, :th))
+  end
+
+  def td_props
+    defaults = {
+      class: c(options[:attribute],
+               ('truncate' if options[:truncate]),
+               ('text-center' if options[:center])),
+    }
+    merge_props(from: defaults, to: options.dig(:props, :td))
+  end
+
+  def header_text
+    return options[:header] if options[:header]
+    return nil unless options[:attribute]
+    return options[:model].human_attribute_name(
+      options[:attribute],
+      default: I18n.t(options[:attribute],
+                      scope: :attributes,
+                      default: titleized_attribute_path(options[:attribute]))
+    ) if options[:model].respond_to?(:human_attribute_name)
+    titleized_attribute_path(options[:attribute])
+  end
+
+  def cell_text
+    return '—' unless options[:cell] || options[:attribute]
+    options[:cell]&.call(model, options[:index]) || render_attribute_path(options[:attribute], model)
+  end
+end

data/lib/bootstrap-cells/cells/field/required_field.scss

@@ -0,0 +1,5 @@
+.required label:before {
+  content: "*";
+  color: #d82c2c;
+  padding-right: 2px;
+}

data/lib/bootstrap-cells/cells/field/show.erb

@@ -0,0 +1,15 @@
+<% if field[:hidden] %>
+  <%= hidden_field(field_input_name, field_input_attribute, value: field_input_value) %>
+<% else %>
+  <%= content_tag(:div, **container_props) do %>
+    <% unless field[:label] == false %>
+      <%= content_tag(:label, label_text, **label_props) %>
+    <% end %>
+    <%= content_tag(:div, **value_props) do %>
+      <%= value_text %>
+    <% end %>
+    <% if field[:errors] && field[:errors].present? %>
+      <span class="help-block"><%= field[:errors] %></span>
+    <% end %>
+  <% end %>
+<% end %>

data/lib/bootstrap-cells/cells/field_cell.rb

@@ -0,0 +1,96 @@
+# frozen_string_literal: true
+
+class FieldCell < BaseCell
+  private
+
+  def field
+    @field ||= field_props
+  end
+
+  def field_props
+    attribute = @options[:attribute]
+    defaults = {
+      attribute: attribute,
+      required: false,
+      hidden: false,
+      readonly: false,
+      props: {
+        container: {},
+        label: {},
+        value: {},
+        input: {},
+      },
+    }
+
+    params = merge_props(from: defaults, to: @options)
+    params[:required] = 'required' if params[:required]
+    params[:errors] ||= fetch_errors(model, attribute) if model
+    params
+  end
+
+  def attribute
+    field[:attribute].to_s
+  end
+
+  def container_props
+    defaults = {
+      class: %w[form-group px-0],
+    }
+    defaults[:class] << %w[has-error] if field[:errors]
+    defaults[:class] << %w[required] if field[:required]
+    merge_props(from: defaults, to: field.dig(:props, :container))
+  end
+
+  def label_props
+    defaults = {
+      class: %w[control-label],
+    }
+    merge_props(from: defaults, to: field.dig(:props, :label))
+  end
+
+  def label_text
+    return field[:label] if field[:label].is_a?(String)
+    return nil if field[:label] == false || !model
+    return model.class.human_attribute_name(
+      attribute,
+      default: I18n.t(attribute,
+                      scope: :attributes,
+                      default: titleized_attribute_path(attribute))
+    ) if model.class.respond_to?(:human_attribute_name)
+    titleized_attribute_path(attribute)
+  end
+
+  def value_props
+    defaults = {
+      class: %w[control-value],
+    }
+    defaults[:class] << %w[form-control-static] if field[:readonly]
+    merge_props(from: defaults, to: field.dig(:props, :value))
+  end
+
+  def value_text
+    return field[:output] if field[:output]
+    return render_attribute_path(attribute, model) if field[:readonly]
+    text_field(field_input_name,
+               field_input_attribute,
+               value: field_input_value,
+               class: c(field.dig(:props, :input, :class), 'form-control px-2'),
+               placeholder: field[:placeholder] || titleized_attribute_path(attribute),
+               **field.dig(:props, :input).except(:class))
+  end
+
+  def field_input_name
+    return nil unless model
+    param_name = (model.try(:model_name) || model.class.name.remove('Filterer').constantize.new.model_name)&.param_key
+    param_name.to_s + attribute.split('.')[0..-2].map { |a| '[' + a + ']' }.join
+  end
+
+  def field_input_attribute
+    attribute.split('.').last
+  end
+
+  def field_input_value
+    return field[:output] if field[:output]
+    render_attribute_path(attribute, model)
+  end
+end

data/lib/bootstrap-cells/cells/fields_for/form.scss

@@ -0,0 +1,12 @@
+.form {
+  .form-group {
+    margin-bottom: 2rem;
+  }
+  .help-block {
+    margin-bottom: 0;
+  }
+}
+
+.form-group {
+  width: 100%;
+}

data/lib/bootstrap-cells/cells/fields_for/form_horizontal.scss

@@ -0,0 +1,33 @@
+.form-horizontal {
+  .form-group {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    margin-left: 0;
+    margin-right: 0;
+
+    .control-label, .sr-only {
+      flex-basis: 20%;
+      width: 20%;
+      text-align: right;
+      padding: 0;
+    }
+    > .control-value,
+    > .help-block {
+      flex-basis: 75%;
+      width: 75%;
+      margin-left: 2%;
+    }
+    > .control-value:only-child {
+      flex-basis: 100%;
+      width: 100%;
+      margin-left: 0;
+    }
+    .sr-only + .control-value {
+      margin-left: 22%;
+    }
+    > .help-block {
+      margin-left: 22%;
+    }
+  }
+}

data/lib/bootstrap-cells/cells/fields_for/show.erb

@@ -0,0 +1,3 @@
+<% fields.each do |field| %>
+  <%= cell(:field, model, options_for(field: field)).() %>
+<% end %>

data/lib/bootstrap-cells/cells/fields_for_cell.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+require 'bootstrap-cells/cells/field_cell'
+
+class FieldsForCell < BaseCell
+  private
+
+  def fields
+    (options[:fields] || []).compact
+  end
+
+  def options_for(field:)
+    options.slice(:required, :hidden, :readonly).merge(field)
+  end
+end

data/lib/bootstrap-cells/cells/kv_horizontal/show.erb

@@ -0,0 +1,17 @@
+<%= content_tag(:dl, **item_props) do %>
+  <%= content_tag(:dt, **key_props) do %>
+    <% if renderable?(:key) %>
+      <%= render_option(:key) %>
+    <% else %>
+      <%= key_text %>
+    <% end %>
+  <% end %>
+
+  <%= content_tag(:dd, **value_props) do %>
+    <% if renderable?(:value) %>
+      <%= render_option(:value) %>
+    <% else %>
+      <%= value_text %>
+    <% end %>
+  <% end %>
+<% end %>

data/lib/bootstrap-cells/cells/kv_horizontal_cell.rb

@@ -0,0 +1,34 @@
+# frozen_string_literal: true
+
+class KvHorizontalCell < BaseCell
+  private
+
+  def item_props
+    defaults = {
+      class: 'col-xs-12 my-0 mr-auto',
+    }
+    merge_props(from: defaults, to: options.dig(:props, :item))
+  end
+
+  def key_props
+    defaults = {
+      class: 'col-xs-3 right-align pr-2',
+    }
+    merge_props(from: defaults, to: options.dig(:props, :key))
+  end
+
+  def key_text
+    options[:key]
+  end
+
+  def value_props
+    defaults = {
+      class: 'col-xs-9',
+    }
+    merge_props(from: defaults, to: options.dig(:props, :value))
+  end
+
+  def value_text
+    options[:value] || '—'
+  end
+end

data/lib/bootstrap-cells/cells/kv_vertical/show.erb

@@ -0,0 +1,17 @@
+<%= content_tag(:dl, **item_props) do %>
+  <%= content_tag(:dt, **key_props) do %>
+    <% if renderable?(:key) %>
+      <%= render_option(:key) %>
+    <% else %>
+      <%= key_text %>
+    <% end %>
+  <% end %>
+
+  <%= content_tag(:dd, **value_props) do %>
+    <% if renderable?(:value) %>
+      <%= render_option(:value) %>
+    <% else %>
+      <%= value_text %>
+    <% end %>
+  <% end %>
+<% end %>

data/lib/bootstrap-cells/cells/kv_vertical_cell.rb

@@ -0,0 +1,32 @@
+# frozen_string_literal: true
+
+class KvVerticalCell < BaseCell
+  private
+
+  def item_props
+    defaults = {
+      class: 'my-0',
+    }
+    merge_props(from: defaults, to: options.dig(:props, :item))
+  end
+
+  def key_props
+    defaults = {
+    }
+    merge_props(from: defaults, to: options.dig(:props, :key))
+  end
+
+  def key_text
+    options[:key]
+  end
+
+  def value_props
+    defaults = {
+    }
+    merge_props(from: defaults, to: options.dig(:props, :value))
+  end
+
+  def value_text
+    options[:value] || '—'
+  end
+end

data/lib/bootstrap-cells/cells/modal/body.erb

@@ -0,0 +1,9 @@
+<div class="modal-body">
+  <% if renderable?(:body) %>
+      <%= render_option(:body) %>
+  <% else %>
+    <%= content_tag(:div, **body_props) do %>
+      <%= body_text %>
+    <% end %>
+  <% end %>
+</div>

data/lib/bootstrap-cells/cells/modal/button.erb

@@ -0,0 +1,9 @@
+<span data-toggle="modal" style="cursor:pointer;">
+  <% if renderable?(:button) %>
+      <%= render_option(:button) %>
+  <% else %>
+    <%= content_tag(:button, **button_props) do %>
+      <%= button_text %>
+    <% end %>
+  <% end %>
+</span>

data/lib/bootstrap-cells/cells/modal/content.erb

@@ -0,0 +1,12 @@
+<div class="modal-content">
+  <%= render :header %>
+
+  <% if renderable?(:content) %>
+      <%= render_option(:content) %>
+  <% else %>
+    <%= content_tag(:div, **content_props) do %>
+      <%= render :body %>
+      <%= render :footer %>
+    <% end %>
+  <% end %>
+</div>

data/lib/bootstrap-cells/cells/modal/footer.erb

@@ -0,0 +1,10 @@
+<div class="modal-footer">
+  <% if renderable?(:footer) %>
+      <%= render_option(:footer) %>
+  <% else %>
+    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+    <%= content_tag(:span, **footer_props) do %>
+      <%= footer_text %>
+    <% end %>
+  <% end %>
+</div>

data/lib/bootstrap-cells/cells/modal/header.erb

@@ -0,0 +1,12 @@
+<div class="modal-header">
+  <% if renderable?(:header) %>
+      <%= render_option(:header) %>
+  <% else %>
+    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+      <span aria-hidden="true">&times;</span>
+    </button>
+    <%= content_tag(header_props[:tag], **header_props.except(:tag)) do %>
+      <%= header_text %>
+    <% end %>
+  <% end %>
+</div>

data/lib/bootstrap-cells/cells/modal/modal.js

@@ -0,0 +1,15 @@
+var handleModals = function handleModals() {
+  document.querySelectorAll('.bootstrap-modal [data-toggle="modal"]').forEach(function(modalButton) {
+    var modal = modalButton.parentNode.querySelector('.modal');
+    var randomId = Math.random().toString().substr(-10);
+
+    modal.setAttribute('id', randomId);
+    modalButton.setAttribute('data-target', '#' + randomId);
+
+    document.querySelector('body').appendChild( modal )
+  });
+}
+
+addManyEventListeners(document,
+                      "page:change turbolinks:load ajax:complete",
+                      handleModals);

data/lib/bootstrap-cells/cells/modal/show.erb

@@ -0,0 +1,9 @@
+<%= content_tag(:div, **wrapper_props) do %>
+  <%= render :button %>
+
+  <div class="modal fade" tabindex="-1" role="dialog">
+    <div class="modal-dialog" role="document">
+      <%= render :content %>
+    </div>
+  </div>
+<% end %>