card 1.19.6 → 1.20.0

data/mod/bootstrap/lib/bootstrap/component/layout.rb

@@ -0,0 +1,83 @@
+class Bootstrap
+  class Component
+    # generate bootstrap column layout
+    # @example
+    #   layout container: true, fluid: true, class: "hidden" do
+    #     row 6, 6, class: "unicorn" do
+    #       column "horn",
+    #       column "rainbow", class: "colorful"
+    #     end
+    #   end
+    # @example
+    #   layout do
+    #     row 3, 3, 4, 2, class: "unicorn" do
+    #       [ "horn", "body", "tail", "rainbow"]
+    #     end
+    #     add_html "<span> some extra html</span>"
+    #     row 6, 6, ["unicorn", "rainbow"], class: "horn"
+    #   end
+    class Layout < Component
+      def render_content
+        content = instance_exec *@args, &@build_block
+        add_content content
+        opts = @args.first
+        return unless opts && opts.delete(:container)
+        content = @content.pop
+        @content = ["".html_safe]
+        container content, opts
+      end
+
+      add_div_method :container, nil do |opts, _extra_args|
+        prepend_class opts, opts.delete(:fluid) ? "container-fluid" : "container"
+        opts
+      end
+
+      # @param *args column widths, column content and html attributes
+      # @example
+      #   row 6, 6, ["col one", "col two"], class: "count", id: "count"
+      # @example
+      #   row md: 12, xs: 8, "single column content"
+      # @example
+      #   row md: [1, 11], xs: [2, 10] do
+      #     col "A"
+      #     col "B"
+      #   end
+      add_div_method :row, "row", content_processor: :column do |opts, extra_args|
+        cols_content = extra_args.pop if extra_args.last.is_a? Array
+        [opts, col_widths(extra_args, opts), cols_content].compact
+      end
+
+      # default column width type is for medium devices (col-md-)
+      add_div_method :column, nil do |opts, _extra_args|
+        @child_args.last.each do |medium, size|
+          prepend_class opts, "col-#{medium}-#{size.shift}"
+        end
+        opts
+      end
+
+      alias_method :col, :column
+
+      private
+
+      def standardize_row_args args
+        opts = args.last.is_a?(Hash) ? args.pop : {}
+        cols = (args.last.is_a?(Array) || args.last.is_a?(String)) &&
+            Array.wrap(args.pop)
+        [cols, opts, col_widths(args, opts)]
+      end
+
+      def col_widths args, opts
+        opts = args.pop if args.one? && args.last.is_a?(Hash)
+        if args.present?
+          raise Error, "bad argument" unless args.all? { |a| a.is_a? Fixnum }
+          { md: Array.wrap(args) }
+        else
+          [:lg, :xs, :sm, :md].each_with_object({}) do |k, cols_w|
+            next unless (widths = opts.delete(k))
+            cols_w[k] = Array.wrap widths
+          end
+        end
+      end
+    end
+  end
+end

data/mod/bootstrap/lib/bootstrap/component/panel.rb

@@ -0,0 +1,9 @@
+class Bootstrap
+  class Component
+    class Panel < Component
+      add_div_method :panel, "panel panel-default"
+      add_div_method :heading, "panel-heading"
+      add_div_method :body, "panel-body"
+    end
+  end
+end

data/mod/bootstrap/lib/bootstrap/component_loader.rb

@@ -0,0 +1,30 @@
+class Bootstrap
+  module ComponentLoader
+    def load_components
+      components.each do |component|
+        require "component/#{component}"
+        include_component component
+      end
+    end
+
+    def include_component component
+      component_class = to_const component.camelcase
+      define_method component do |*args, &block|
+        component_class.render self, *args, &block
+      end
+    end
+
+    def components
+      path = File.expand_path "../component/*.rb", __FILE__
+      Dir.glob(path).map do |file|
+        File.basename file, ".rb"
+      end
+    end
+
+    def to_const name
+      self.class.const_get "::Bootstrap::Component::#{name.camelcase}"
+    end
+  end
+end
+
+

data/mod/bootstrap/lib/bootstrap/delegate.rb

@@ -0,0 +1,16 @@
+class Bootstrap
+  module Delegate
+    def method_missing(method_name, *args, &block)
+      #return super unless @context.respond_to? method_name
+      if block_given?
+        @context.send(method_name, *args, &block)
+      else
+        @context.send(method_name, *args)
+      end
+    end
+
+    def respond_to_missing? method_name, _include_private=false
+      @context.respond_to? method_name
+    end
+  end
+end

data/mod/bootstrap/lib/bootstrapper.rb

@@ -0,0 +1,16 @@
+require 'bootstrap'
+module Bootstrapper
+  extend Bootstrap::ComponentLoader
+
+  def bootstrap
+    @bootstrap ||= ::Bootstrap.new(self)
+  end
+
+  def bs *args, &block
+    bootstrap.render *args, &block
+  end
+
+  components.each do |component|
+    delegate component, to: :bootstrap, prefix: :bs
+  end
+end

data/mod/bootstrap/lib/stylesheets/bootstrap/_tables.scss

@@ -3,7 +3,7 @@
 // --------------------------------------------------
 
 
-table {
+table, .table {
   background-color: $table-bg;
 }
 caption {
@@ -12,7 +12,7 @@ caption {
   color: $text-muted;
   text-align: left;
 }
-th {
+th, .th {
   text-align: left;
 }
 
@@ -26,10 +26,13 @@ th {
   // Cells
   > thead,
   > tbody,
-  > tfoot {
-    > tr {
-      > th,
-      > td {
+  > tfoot,
+  > .thead,
+  > .tbody,
+  > .tfoot {
+    > tr, > .tr {
+      > th, > .th
+      > td, > .td {
         padding: $table-cell-padding;
         line-height: $line-height-base;
         vertical-align: top;
@@ -38,23 +41,23 @@ th {
     }
   }
   // Bottom align for column headings
-  > thead > tr > th {
+  > thead > tr > th, > .thead > .tr > .th {
     vertical-align: bottom;
     border-bottom: 2px solid $table-border-color;
   }
   // Remove top border from thead by default
   > caption + thead,
   > colgroup + thead,
-  > thead:first-child {
-    > tr:first-child {
-      > th,
-      > td {
+  > thead:first-child, > .thead:first-child {
+    > tr:first-child, > .tr:first-child {
+      > th, > .th,
+      > td, > .td {
         border-top: 0;
       }
     }
   }
   // Account for multiple tbody instances
-  > tbody + tbody {
+  > tbody + tbody, > .tbody + .tbody {
     border-top: 2px solid $table-border-color;
   }
 
@@ -68,12 +71,12 @@ th {
 // Condensed table w/ half padding
 
 .table-condensed {
-  > thead,
-  > tbody,
-  > tfoot {
-    > tr {
-      > th,
-      > td {
+  > thead, > .thead,
+  > tbody, > .tbody,
+  > tfoot, > .tfoot {
+    > tr, > .tr {
+      > th, > .th
+      > td, > .td {
         padding: $table-condensed-cell-padding;
       }
     }
@@ -87,19 +90,19 @@ th {
 
 .table-bordered {
   border: 1px solid $table-border-color;
-  > thead,
-  > tbody,
-  > tfoot {
-    > tr {
-      > th,
-      > td {
+  > thead, > .thead,
+  > tbody, > .tbody,
+  > tfoot, > .tfoot {
+    > tr, > .tr {
+      > th, > .th,
+      > td, > .td {
         border: 1px solid $table-border-color;
       }
     }
   }
-  > thead > tr {
-    > th,
-    > td {
+  > thead > tr, .thead > .tr {
+    > th, > .th,
+    > td, > .td {
       border-bottom-width: 2px;
     }
   }
@@ -111,7 +114,7 @@ th {
 // Default zebra-stripe styles (alternating gray and transparent backgrounds)
 
 .table-striped {
-  > tbody > tr:nth-of-type(odd) {
+  > tbody > tr:nth-of-type(odd), > .tbody > .tr:nth-of-type(odd) {
     background-color: $table-bg-accent;
   }
 }
@@ -122,7 +125,7 @@ th {
 // Placed here since it has to come after the potential zebra striping
 
 .table-hover {
-  > tbody > tr:hover {
+  > tbody > tr:hover, > .tbody > .tr:hover {
     background-color: $table-bg-hover;
   }
 }
@@ -132,14 +135,14 @@ th {
 //
 // Reset default table behavior
 
-table col[class*="col-"] {
+table col[class*="col-"], .table col[class*="col-"] {
   position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)
   float: none;
   display: table-column;
 }
-table {
-  td,
-  th {
+table, .table {
+  td, .td,
+  th, .th {
     &[class*="col-"] {
       position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)
       float: none;
@@ -184,12 +187,12 @@ table {
       margin-bottom: 0;
 
       // Ensure the content doesn't wrap
-      > thead,
-      > tbody,
-      > tfoot {
-        > tr {
-          > th,
-          > td {
+      > thead, > .thead,
+      > tbody, > .tbody,
+      > tfoot, > .tfoot {
+        > tr, > .tr {
+          > th, > .th
+          > td, > .td {
             white-space: nowrap;
           }
         }
@@ -201,16 +204,16 @@ table {
       border: 0;
 
       // Nuke the appropriate borders so that the parent can handle them
-      > thead,
-      > tbody,
-      > tfoot {
-        > tr {
-          > th:first-child,
-          > td:first-child {
+      > thead, > .thead,
+      > tbody, > .tbody,
+      > tfoot, > .tfoot {
+        > tr, > .tr {
+          > th:first-child, > .th:first-child,
+          > td:first-child, > .td:first-child {
             border-left: 0;
           }
-          > th:last-child,
-          > td:last-child {
+          > th:last-child, > .th:last-child,
+          > td:last-child, > .td:last-child {
             border-right: 0;
           }
         }
@@ -219,11 +222,11 @@ table {
       // Only nuke the last row's bottom-border in `tbody` and `tfoot` since
       // chances are there will be only one `tr` in a `thead` and that would
       // remove the border altogether.
-      > tbody,
-      > tfoot {
-        > tr:last-child {
-          > th,
-          > td {
+      > tbody, > .tbody,
+      > tfoot, > .tfoot {
+        > tr:last-child, > .tr:last-child {
+          > th, > .th,
+          > td, > .td {
             border-bottom: 0;
           }
         }

data/mod/bootstrap/lib/stylesheets/bootstrap/mixins/_table-row.scss

@@ -3,25 +3,25 @@
 @mixin table-row-variant($state, $background) {
   // Exact selectors below required to override `.table-striped` and prevent
   // inheritance to nested tables.
-  .table > thead > tr,
-  .table > tbody > tr,
-  .table > tfoot > tr {
-    > td.#{$state},
-    > th.#{$state},
-    &.#{$state} > td,
-    &.#{$state} > th {
+  .table > thead > tr, .table > .thead > .tr,
+  .table > tbody > tr, .table > .tbody > .tr,
+  .table > tfoot > tr, .table > .tfoot > .tr {
+    > td.#{$state}, > .td.#{$state},
+    > th.#{$state}, > .th.#{$state},
+    &.#{$state} > td, &.#{$state} > .td,
+    &.#{$state} > th, &.#{$state} > .th  {
       background-color: $background;
     }
   }
 
   // Hover states for `.table-hover`
   // Note: this is not available for cells or rows within `thead` or `tfoot`.
-  .table-hover > tbody > tr {
-    > td.#{$state}:hover,
-    > th.#{$state}:hover,
-    &.#{$state}:hover > td,
+  .table-hover > tbody > tr, .table-hover > .tbody > .tr {
+    > td.#{$state}:hover, > .td.#{$state}:hover,
+    > th.#{$state}:hover, > .th.#{$state}:hover,
+    &.#{$state}:hover > td, &.#{$state}:hover > .td,
     &:hover > .#{$state},
-    &.#{$state}:hover > th {
+    &.#{$state}:hover > th, &.#{$state}:hover > .th {
       background-color: darken($background, 5%);
     }
   }

data/mod/bootstrap/lib/stylesheets/bootstrap_cards.scss

@@ -63,6 +63,13 @@ form {
 }
 
 
+.link-muted {
+  color: $gray-light;
+  &:hover {
+    color: inherit;
+  }
+}
+
 /*-------- Special Pages --------*/
 
 /*-- sign in page --*/
@@ -277,3 +284,8 @@ body.mceContentBody {
   margin-left: 10px;
 
 }
+
+/*-------- Help texts --------*/
+ .alert-info p:last-child {
+   margin-bottom: 0;
+ }

data/mod/bootstrap/set/all/bootstrap/accordion.rb

@@ -0,0 +1,63 @@
+format :html do
+  def accordion_group list, collapse_id=card.cardname.safe_key, args={}
+    accordions = ""
+    index = 1
+    case list
+    when Array then accordions = list.join
+    when String then accordions = list
+    else
+      list.each_pair do |title, content|
+        accordions << accordion(title, content, "#{collapse_id}-#{index}")
+        index += 1
+      end
+    end
+    add_class args, "panel-group"
+
+    wrap_with :div, class: args[:class], id: "accordion-#{collapse_id}",
+                    role: "tablist", "aria-multiselectable" => "true" do
+      accordions
+    end
+  end
+
+  def accordion title, content, collapse_id=card.cardname.safe_key
+    accordion_content =
+      case content
+      when Hash  then accordion_group(content, collapse_id)
+      when Array then content.present? && list_group(content)
+      when String then content
+      end
+    <<-HTML.html_safe
+      <div class="panel panel-default">
+        #{accordion_panel(title, accordion_content, collapse_id)}
+      </div>
+    HTML
+  end
+
+  def accordion_panel title, body, collapse_id, panel_heading_link=false
+    if body
+      <<-HTML
+        <div class="panel-heading" role="tab" id="heading-#{collapse_id}">
+          <h4 class="panel-title">
+            <a data-toggle="collapse" data-parent="#accordion-#{collapse_id}" \
+               href="##{collapse_id}" aria-expanded="true" \
+               aria-controls="#{collapse_id}">
+              #{title}
+            </a>
+          </h4>
+        </div>
+        <div id="#{collapse_id}" class="panel-collapse collapse" \
+               role="tabpanel" aria-labelledby="heading-#{collapse_id}">
+          <div class="panel-body">
+            #{body}
+          </div>
+        </div>
+      HTML
+    else
+      <<-HTML
+        <li class="list-group-item">
+          <h4 class="panel-title">#{title}</h4>
+        </li>
+      HTML
+    end
+  end
+end