card-mod-bootstrap 0.11.6 → 0.13.1

data/lib/card/bootstrap/component/carousel.rb

@@ -0,0 +1,78 @@
+class Card
+  class Bootstrap
+    class Component
+      class Carousel < Component
+        def render_content
+          carousel(*@args, &@build_block)
+        end
+
+        def carousel id, active_index, &block
+          @id = id
+          @active_item_index = active_index
+          @items = []
+          instance_exec(&block)
+
+          @html.div class: "carousel slide", id: id, "data-ride" => "carousel" do
+            indicators
+            items
+            control_prev
+            control_next
+          end
+        end
+
+        def item content=nil, &block
+          @items << (content || block)
+        end
+
+        def items
+          @html.div class: "carousel-inner", role: "listbox" do
+            @items.each_with_index do |item, index|
+              carousel_item item, carousel_item_opts(index)
+            end
+          end
+        end
+
+        def carousel_item_opts index
+          { class: "carousel-item" }.tap do |opts|
+            add_class opts, "active" if index == @active_item_index
+          end
+        end
+
+        def carousel_item item, html_opts
+          @html.div html_opts do
+            item = item.call if item.respond_to?(:call)
+            @html << item if item.is_a?(String)
+          end
+        end
+
+        def control_prev
+          @html.a class: "carousel-control-prev", href: "##{@id}", role: "button",
+                  "data-slide" => "prev" do
+            @html.span class: "carousel-control-prev-icon", "aria-hidden" => "true"
+            @html.span "Previous", class: "sr-only"
+          end
+        end
+
+        def control_next
+          @html.a class: "carousel-control-next", href: "##{@id}", role: "button",
+                  "data-slide": "next"  do
+            @html.span class: "carousel-control-next-icon", "aria-hidden" => "true"
+            @html.span "Next", class: "sr-only"
+          end
+        end
+
+        def indicators
+          @html.ol class: "carousel-indicators" do
+            @items.size.times { |i| indicator i }
+          end
+        end
+
+        def indicator index
+          html_opts = { "data-slide-to" => index, "data-target": "##{@id}" }
+          add_class html_opts, "active" if index == @active_item_index
+          @html.li html_opts
+        end
+      end
+    end
+  end
+end

data/lib/card/bootstrap/component/form.rb

@@ -0,0 +1,67 @@
+class Card
+  class Bootstrap
+    class Component
+      class Form < Component
+        def render_content *args
+          form(*args, &@build_block)
+        end
+
+        #
+        # def_tag_method :form, nil, optional_classes: {
+        #   horizontal: "form-horizontal",
+        #   inline: "form-inline"
+        # }
+        # def_div_method :group, "form-group"
+        # def_tag_method :label, nil
+        # def_tag_method :input, "form-control" do |opts, extra_args|
+        #   type, label = extra_args
+        #   prepend { label label, for: opts[:id] } if label
+        #   opts[:type] = type
+        #   opts
+        # end
+
+        def form opts={}, &block
+          add_class opts, "form-horizontal" if opts.delete(:horizontal)
+          add_class opts, "form-inline" if opts.delete(:inline)
+          @html.form opts do
+            instance_exec(&block)
+          end
+        end
+
+        def group text=nil, &block
+          @html.div text, class: "form-group" do
+            instance_exec(&block)
+          end
+        end
+
+        def label text=nil, &block
+          @html.label text, &block
+        end
+
+        def input type, text: nil, label: nil, id: nil
+          @html.input id: id, class: "form-control", type: type do
+            @html.label label, for: id if label
+            @html << text if text
+          end
+        end
+
+        %i[text password datetime datetime-local date month time
+           week number email url search tel color].each do |tag|
+          # def_tag_method tag, "form-control", attributes: { type: tag },
+          #                                     tag: :input do |opts, extra_args|
+          #   label, = extra_args
+          #   prepend { label label, for: opts[:id] } if label
+          #   opts
+          # end
+
+          define_method tag do |id:, label:, text: nil|
+            @html.input id: id, class: "form-control", type: tag do
+              @html.label label, for: id if label
+              @html << text
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/lib/card/bootstrap/component/horizontal_form.rb

@@ -0,0 +1,65 @@
+class Card
+  class Bootstrap
+    class Component
+      class HorizontalForm < Form
+        def left_col_width
+          @child_args.last && @child_args.last[0] || 2
+        end
+
+        def right_col_width
+          @child_args.last && @child_args.last[1] || 10
+        end
+
+        def_tag_method :form, "form-horizontal"
+
+        def_tag_method :label, "control-label" do |opts, _extra_args|
+          prepend_class opts, "col-sm-#{left_col_width}"
+          opts
+        end
+
+        # def_div_method :input, nil do |opts, extra_args, &block|
+        #   type, label = extra_args
+        #   prepend { tag(:label, nil, for: opts[:id]) { label } } if label
+        #   insert { inner_input opts.merge(type: type) }
+        #   { class: "col-sm-#{right_col_width}" }
+        # end
+
+        def label_col label, id:
+          @html.label label, for: id, class: "col-sm-#{left_col_width} control-label"
+        end
+
+        def input type, label:, id:
+          label_col label, id: id
+          @html.div class: "col-sm-#{right_col_width}" do
+            @html.input type: type, id: id, class: "form-control"
+          end
+          # block.call class: "col-sm-#{right_col_width}" do
+          #   inner_input opts.merge(type: type)
+          # end
+        end
+
+        def_tag_method :inner_input, "form-control", tag: :input
+        def_div_method :inner_checkbox, "checkbox"
+
+        def_div_method :checkbox, nil do |opts, extra_args|
+          inner_checkbox do
+            label do
+              inner_input "checkbox", extra_args.first, opts
+            end
+          end
+          { class: "col-sm-offset-#{left_col_width} col-sm-#{right_col_width}" }
+        end
+
+        def checkbox _text, _extra_args
+          @html.div class: "col-sm-offset-#{left_col_width} col-sm-#{right_col_width}" do
+            @html.div class: "checkbox" do
+              label_cllabel do
+                inner_input "checkbox"
+              end
+            end
+          end
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,107 @@
+class Card
+  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 < OldComponent
+        def render
+          @rendered = begin
+            render_content
+            @content[-1]
+          end
+        end
+
+        def render_content
+          content = instance_exec(*@args, &@build_block)
+          add_content content
+          opts = @args.first
+          return unless 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|
+            if medium == :xs
+              prepend_class opts, "col-#{size.shift}"
+            else
+              prepend_class opts, "col-#{medium}-#{size.shift}"
+            end
+          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?
+            col_widths_from_args args
+          else
+            col_widths_from_opts opts
+          end
+        end
+
+        def col_widths_from_args args
+          raise Error, "bad argument" unless args.all? { |a| a.is_a? Integer }
+
+          { md: Array.wrap(args) }
+        end
+
+        def col_widths_from_opts opts
+          %i[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/lib/card/bootstrap/component/panel.rb

@@ -0,0 +1,11 @@
+class Card
+  class Bootstrap
+    class Component
+      class Panel < OldComponent
+        def_div_method :panel, "card"
+        def_div_method :heading, "card-header"
+        def_div_method :body, "card-body"
+      end
+    end
+  end
+end

data/lib/{bootstrap/component/component_class.rb → card/bootstrap/component_klass.rb}

@@ -1,7 +1,7 @@
-class Bootstrap
-  class Component
+class Card
+  class Bootstrap
     # class methods for Bootstrap::Component
-    module ComponentClass
+    module ComponentKlass
       def render format, *args, &block
         new(format, *args, &block).render
       end
@@ -26,7 +26,8 @@ class Bootstrap
       def def_tag_method method_name, html_class, tag_opts={}, &tag_opts_block
         tag = tag_opts.delete(:tag) || method_name
         define_method method_name do |*args, &content_block|
-          @html.tag! tag, tag_method_opts(args, html_class, tag_opts, &tag_opts_block) do
+          @html.tag! tag,
+                     tag_method_opts(args, html_class, tag_opts, &tag_opts_block) do
             instance_exec(&content_block)
           end
         end

data/lib/card/bootstrap/component_loader.rb

@@ -0,0 +1,30 @@
+class Card
+  class Bootstrap
+    module ComponentLoader
+      def load_components
+        components.each do |component|
+          require_relative "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", __dir__
+        Dir.glob(path).map do |file|
+          File.basename file, ".rb"
+        end
+      end
+
+      def to_const name
+        self.class.const_get "::Card::Bootstrap::Component::#{name.camelcase}"
+      end
+    end
+  end
+end

data/lib/card/bootstrap/content.rb

@@ -0,0 +1,42 @@
+class Card
+  class Bootstrap
+    # shared methods for OldComponent and TagMethod
+    module Content
+      private
+
+      def process_collected_content tag_name, opts
+        collected_content = @content.pop
+        tag_name = opts.delete(:tag) if tag_name == :yield
+        add_content content_tag(tag_name, collected_content, opts, false)
+      end
+
+      def process_content &content_block
+        content, opts = yield
+        wrappers = @wrap.pop
+        if wrappers.present?
+          process_wrappers wrappers, content, &content_block
+        else
+          add_content content
+        end
+        opts
+      end
+
+      def process_append
+        @append.pop.each do |block|
+          add_content instance_exec(&block)
+        end
+      end
+
+      def process_wrappers wrappers, content, &content_block
+        while wrappers.present?
+          wrapper = wrappers.shift
+          if wrapper.is_a? Symbol
+            send wrapper, &content_block
+          else
+            instance_exec content, &wrappers.shift
+          end
+        end
+      end
+    end
+  end
+end

data/lib/card/bootstrap/delegate.rb

@@ -0,0 +1,18 @@
+class Card
+  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
+end