bootstrap-cells 0.1.5

data/app/views/kaminari/bootstrap/_prev_page.html.erb

@@ -0,0 +1,16 @@
+<%# Link to the "Previous" page
+  - available local variables
+    url:           url to the previous page
+    current_page:  a page object for the currently displayed page
+    num_pages:     total number of pages
+    per_page:      number of items to fetch per page
+    remote:        data-remote
+-%>
+<% unless current_page.first? %>
+  <li class="prev">
+    <%= link_to raw(t 'views.pagination.previous'),
+                url,
+                rel: 'prev',
+                remote: remote %>
+  </li>
+<% end %>

data/bin/console

@@ -0,0 +1,15 @@
+#!/usr/bin/env ruby
+# frozen_string_literal: true
+
+require 'bundler/setup'
+require 'bootstrap-cells'
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require 'irb'
+IRB.start(__FILE__)

data/bin/setup

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/bootstrap-cells.gemspec

@@ -0,0 +1,36 @@
+# coding: utf-8
+# frozen_string_literal: true
+
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+
+Gem::Specification.new do |spec|
+  spec.name          = 'bootstrap-cells'
+  spec.version       = '0.1.5'
+  spec.authors       = ['Stephen Margheim']
+  spec.email         = ['margheim@mail.med.upenn.edu']
+
+  spec.summary       = 'Cells for common Bootstrap components.'
+
+  spec.files         = `git ls-files -z`.split("\x0").reject do |f|
+    f.match(%r{^(test|spec|features|coverage)/})
+  end
+  spec.bindir        = 'exe'
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ['lib']
+
+  spec.add_dependency 'cells', '~> 4.0'
+  spec.add_dependency 'cells-rails', '>= 0.0.8'
+  spec.add_dependency 'cells-erb', '>= 0.1.0'
+  spec.add_dependency 'kaminari', '~> 1.0'
+
+  spec.add_development_dependency 'rails', '~> 4.2'
+  spec.add_development_dependency 'bundler'
+  spec.add_development_dependency 'rake'
+  spec.add_development_dependency 'rspec-rails'
+  spec.add_development_dependency 'sqlite3'
+  spec.add_development_dependency 'simplecov'
+  spec.add_development_dependency 'simplecov-console'
+  spec.add_development_dependency 'rspec-cells'
+  spec.add_development_dependency 'capybara'
+end

data/lib/bootstrap-cells.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+require 'cells'
+require 'cells-rails'
+require 'cells-erb'
+require 'kaminari'
+
+require 'bootstrap-cells/engine'
+require 'bootstrap-cells/cells/base_cell'
+
+Dir[BootstrapCells::Engine.root.join('lib', 'bootstrap-cells', 'cells', '**', '*.rb')].each do |cell|
+  require cell
+end
+
+module BootstrapCells
+end

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

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

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

@@ -0,0 +1,7 @@
+<%= content_tag(:div, **alert_props) do %>
+  <% if @options[:dismissable] %>
+    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
+  <% end %>
+  <%= render :title %>
+  <%= render :body %>
+<% end %>

data/lib/bootstrap-cells/cells/alert/title.erb

@@ -0,0 +1,9 @@
+<% if title_text %>
+  <% if renderable?(:title) %>
+      <%= render_option(:title) %>
+  <% else %>
+    <%= content_tag(:h4, **title_props) do %>
+      <%= title_text %>
+    <% end %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,39 @@
+# frozen_string_literal: true
+
+class AlertCell < BaseCell
+  private
+
+  def alert_props
+    defaults = {
+      class: c('alert',
+               ('alert-dismissable' if options[:dismissable]),
+               ("alert-#{options[:type]}" if options[:type]),
+               ('border-silver' unless options[:type])),
+      role: 'alert',
+    }
+    merge_props(from: defaults, to: options.dig(:props, :alert))
+  end
+
+  def title_props
+    defaults = {
+      class: 'alert-title',
+    }
+    merge_props(from: defaults, to: options.dig(:props, :title))
+  end
+
+  def title_text
+    return nil if options.key?(:title) && !options[:title]
+    options[:title] || options[:type].to_s.titleize
+  end
+
+  def body_props
+    defaults = {
+      class: 'alert-body',
+    }
+    merge_props(from: defaults, to: options.dig(:props, :body))
+  end
+
+  def body_text
+    options[:body]
+  end
+end

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

@@ -0,0 +1,43 @@
+# frozen_string_literal: true
+
+class BaseCell < Cell::ViewModel
+  view_paths << "#{File.dirname(__dir__)}/cells"
+
+  def c(*class_list)
+    class_list.flatten.compact.uniq.map(&:to_s).map(&:strip).join(' ').strip
+  end
+
+  def merge_props(from:, to:)
+    from ||= {}
+    to ||= {}
+    from = from.deep_symbolize_keys
+    to = to.deep_symbolize_keys
+    from.deep_merge(to) { |k, o, n| k == :class ? c(n, o) : n }
+  end
+
+  def renderable?(option)
+    options[option].respond_to?(:call)
+  end
+
+  def render_option(option)
+    return nil unless renderable?(option)
+    options[option].call
+  end
+
+  def render_attribute_path(path, object)
+    path&.to_s&.split('.')&.inject(object, :try)&.to_s
+  end
+
+  def fetch_errors(object, field)
+    field = field.to_s
+    return nil unless object.try(:errors)
+    errors = object.errors[field]
+    errors = object.errors[field.remove('_id')] unless errors.any?
+    return nil unless errors.any?
+    errors.join('; ')
+  end
+
+  def titleized_attribute_path(attribute)
+    attribute.to_s.split('.').map(&:titleize).join(' ')
+  end
+end

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

@@ -0,0 +1,17 @@
+<%= content_tag(tag, **button_props) do %>
+  <% if @options[:icon] %>
+    <%= content_tag(:span, class: 'flex justify-between items-center') do %>
+      <% if left_icon? %>
+        <%= content_tag(:i, nil, class: "fa fa-#{icon} mr-1") %>
+      <% end %>
+      <%= content_tag(:span, button_text) %>
+      <% if right_icon? %>
+        <%= content_tag(:i, nil, class: "fa fa-#{icon} ml-1")  %>
+      <% end %>
+    <% end %>
+  <% else %>
+    <%= button_text %>
+  <% end %>
+
+  <%= append_text %>
+<% end %>

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

@@ -0,0 +1,41 @@
+# frozen_string_literal: true
+
+class ButtonCell < BaseCell
+  private
+
+  def tag
+    options[:link] ? :a : :button
+  end
+
+  def button_props
+    defaults = {
+      class: 'btn btn-default',
+      (tag == :a ? :role : :type) => 'button',
+    }
+    defaults[:href] = options[:link] if tag == :a
+    merge_props(from: defaults, to: options.dig(:props, :button))
+  end
+
+  def button_text
+    options[:text]
+  end
+
+  def icon
+    return options[:icon] if options[:icon].is_a?(String)
+    return options.dig(:icon, :icon) if options[:icon].is_a?(Hash)
+  end
+
+  def left_icon?
+    return false unless options[:icon].is_a?(Hash)
+    options.dig(:icon, :justify).to_s == 'left'
+  end
+
+  def right_icon?
+    return true unless options[:icon].is_a?(Hash)
+    options.dig(:icon, :justify).to_s == 'right'
+  end
+
+  def append_text
+    options[:append]
+  end
+end

data/lib/bootstrap-cells/cells/card/block.erb

@@ -0,0 +1,14 @@
+<% if block_props.present? %>
+  <%= content_tag(:div, **block_props) do %>
+    <% if renderable?(:block) %>
+        <%= render_option(:block) %>
+    <% elsif block_text.is_a?(String) %>
+      <%= block_text %>
+    <% else %>
+      <%= render :block_title %>
+      <%= render :block_subtitle %>
+      <%= render :block_body %>
+      <%= render :block_text %>
+    <% end %>
+  <% end %>
+<% end %>

data/lib/bootstrap-cells/cells/card/block_body.erb

@@ -0,0 +1,5 @@
+<% if block_body_props.present? %>
+  <%= content_tag(:div, **block_body_props) do %>
+    <%= block_body_text %>
+  <% end %>
+<% end %>

data/lib/bootstrap-cells/cells/card/block_subtitle.erb

@@ -0,0 +1,5 @@
+<% if block_subtitle_props.present? %>
+  <%= content_tag(:h6, **block_subtitle_props) do %>
+    <%= block_subtitle_text %>
+  <% end %>
+<% end %>

data/lib/bootstrap-cells/cells/card/block_text.erb

@@ -0,0 +1,5 @@
+<% if block_text_props.present? %>
+  <%= content_tag(:div, **block_text_props) do %>
+    <%= block_text_text %>
+  <% end %>
+<% end %>

data/lib/bootstrap-cells/cells/card/block_title.erb

@@ -0,0 +1,5 @@
+<% if block_title_props.present? %>
+  <%= content_tag(:h3, **block_title_props) do %>
+    <%= block_title_text %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,9 @@
+<% if footer_props.present? %>
+  <% if renderable?(:footer) %>
+      <%= render_option(:footer) %>
+  <% else %>
+    <%= content_tag(:div, **footer_props) do %>
+      <%= footer_text %>
+    <% end %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,9 @@
+<% if header_props.present? %>
+  <% if renderable?(:header) %>
+      <%= render_option(:header) %>
+  <% else %>
+    <%= content_tag(:div, **header_props) do %>
+      <%= header_text %>
+    <% end %>
+  <% end %>
+<% end %>

data/lib/bootstrap-cells/cells/card/img_bottom.erb

@@ -0,0 +1,9 @@
+<% if img_bottom_props.present? %>
+  <% if renderable?(:img_bottom) %>
+      <%= render_option(:img_bottom) %>
+  <% else %>
+    <%= content_tag(:div, **img_bottom_props) do %>
+      <%= img_bottom_text %>
+    <% end %>
+  <% end %>
+<% end %>

data/lib/bootstrap-cells/cells/card/img_top.erb

@@ -0,0 +1,9 @@
+<% if img_top_props.present? %>
+  <% if renderable?(:img_top) %>
+      <%= render_option(:img_top) %>
+  <% else %>
+    <%= content_tag(:div, **img_top_props) do %>
+      <%= img_top_text %>
+    <% end %>
+  <% end %>
+<% end %>

data/lib/bootstrap-cells/cells/card/list_group.erb

@@ -0,0 +1,9 @@
+<% if list_group_props.present? %>
+  <% if renderable?(:list_group) %>
+      <%= render_option(:list_group) %>
+  <% else %>
+    <%= content_tag(:div, **list_group_props) do %>
+      <%= list_group_text %>
+    <% end %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,9 @@
+<%= content_tag(:div, **card_props) do %>
+  <%= render :img_top %>
+  <%= render :header %>
+  <%= render :block %>
+  <%= render :table %>
+  <%= render :list_group %>
+  <%= render :footer %>
+  <%= render :img_bottom %>
+<% end %>

data/lib/bootstrap-cells/cells/card/table.erb

@@ -0,0 +1,9 @@
+<% if table_props.present? %>
+  <% if renderable?(:table) %>
+      <%= render_option(:table) %>
+  <% else %>
+    <%= content_tag(:div, **table_props) do %>
+      <%= table_text %>
+    <% end %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,152 @@
+# frozen_string_literal: true
+
+class CardCell < BaseCell
+  private
+
+  def card_props
+    defaults = {
+      class: 'card',
+    }
+    merge_props(from: defaults, to: options.dig(:props, :card))
+  end
+
+  def img_top_props
+    return nil unless options[:img_top] || options.dig(:props, :img_top)
+    defaults = {
+      class: 'card-img-top',
+    }
+    merge_props(from: defaults, to: options.dig(:props, :img_top))
+  end
+
+  def img_top_text
+    options[:img_top]
+  end
+
+  def header_props
+    return nil unless options[:header] || options.dig(:props, :header)
+    defaults = {
+      class: 'card-header',
+    }
+    merge_props(from: defaults, to: options.dig(:props, :header))
+  end
+
+  def header_text
+    options[:header]
+  end
+
+  def block_props
+    return nil unless options[:block] || options.dig(:props, :block)
+    defaults = {
+      class: 'card-block',
+    }
+    merge_props(from: defaults, to: options.dig(:props, :block)&.except(:title, :subtitle, :body, :text))
+  end
+
+  def block_text
+    options[:block]
+  end
+
+  def block_title_props
+    return nil unless options[:block].is_a?(Hash)
+    return nil unless options.dig(:block, :title) || options.dig(:props, :block, :title)
+    defaults = {
+      class: 'card-title',
+    }
+    merge_props(from: defaults, to: options.dig(:props, :block, :title))
+  end
+
+  def block_title_text
+    return nil unless options[:block].is_a? Hash
+    options.dig(:block, :title)
+  end
+
+  def block_subtitle_props
+    return nil unless options[:block].is_a?(Hash)
+    return nil unless options.dig(:block, :subtitle) || options.dig(:props, :block, :subtitle)
+    defaults = {
+      class: 'card-subtitle text-muted',
+    }
+    merge_props(from: defaults, to: options.dig(:props, :block, :subtitle))
+  end
+
+  def block_subtitle_text
+    return nil unless options[:block].is_a? Hash
+    options.dig(:block, :subtitle)
+  end
+
+  def block_text_props
+    return nil unless options[:block].is_a?(Hash)
+    return nil unless options.dig(:block, :text) || options.dig(:props, :block, :text)
+    defaults = {
+      class: 'card-text',
+    }
+    merge_props(from: defaults, to: options.dig(:props, :block, :text))
+  end
+
+  def block_text_text
+    return nil unless options[:block].is_a? Hash
+    options.dig(:block, :text)
+  end
+
+  def block_body_props
+    return nil unless options[:block].is_a?(Hash)
+    return nil unless options.dig(:block, :body) || options.dig(:props, :block, :body)
+    defaults = {
+      class: 'card-body',
+    }
+    merge_props(from: defaults, to: options.dig(:props, :block, :body))
+  end
+
+  def block_body_text
+    return nil unless options[:block].is_a? Hash
+    options.dig(:block, :body)
+  end
+
+  def table_props
+    return nil unless options[:table] || options.dig(:props, :table)
+    defaults = {
+      class: 'card-table',
+    }
+    merge_props(from: defaults, to: options.dig(:props, :table))
+  end
+
+  def table_text
+    options[:table]
+  end
+
+  def list_group_props
+    return nil unless options[:list_group] || options.dig(:props, :list_group)
+    defaults = {
+      class: 'card-list-group',
+    }
+    merge_props(from: defaults, to: options.dig(:props, :list_group))
+  end
+
+  def list_group_text
+    options[:list_group]
+  end
+
+  def footer_props
+    return nil unless options[:footer] || options.dig(:props, :footer)
+    defaults = {
+      class: 'card-footer',
+    }
+    merge_props(from: defaults, to: options.dig(:props, :footer))
+  end
+
+  def footer_text
+    options[:footer]
+  end
+
+  def img_bottom_props
+    return nil unless options[:img_bottom] || options.dig(:props, :img_bottom)
+    defaults = {
+      class: 'card-img-bottom',
+    }
+    merge_props(from: defaults, to: options.dig(:props, :img_bottom))
+  end
+
+  def img_bottom_text
+    options[:img_bottom]
+  end
+end