tao_ui 0.2.6 → 0.2.7

data/lib/tao_ui/components/sortable_component.rb

@@ -0,0 +1,17 @@
+module TaoUi
+  module Components
+    class SortableComponent < TaoOnRails::Components::Base
+
+      def self.component_name
+        :sortable
+      end
+
+      private
+
+      def default_options
+        {class: 'tao-sortable'}
+      end
+
+    end
+  end
+end

data/lib/tao_ui/components/table/base_builder.rb

@@ -0,0 +1,58 @@
+module TaoUi
+  module Components
+    module Table
+
+      class BaseBuilder
+
+        attr_reader :view, :options, :expandable, :selectable
+
+        def initialize view, options = {}
+          @view = view
+          @options = options
+          @expandable = options[:expandable].presence || false
+          @selectable = options[:selectable].presence || false
+        end
+
+        def merge_options options, other_options
+          options.merge(other_options) { |key, old_val, new_val|
+            if key.to_s == 'class'
+              old_val = old_val.split(' ') if old_val.is_a? String
+              new_val = new_val.split(' ') if new_val.is_a? String
+              Array(old_val) + Array(new_val)
+            elsif old_val.is_a?(Hash) && old_val.is_a?(Hash)
+              old_val.merge! new_val
+            else
+              new_val
+            end
+          }
+        end
+
+        protected
+
+        def expandable_th
+          @expandable_th ||= view.content_tag 'th', nil, class: 'th-expand-icon'
+        end
+
+        def selectable_th
+          @selectable_th ||= view.content_tag 'th', class: 'th-checkbox' do
+            view.tao_check_box
+          end
+        end
+
+        def expandable_td
+          @expandable_td ||= view.content_tag 'td', class: 'td-expand-icon' do
+            view.tao_icon :arrow_right
+          end
+        end
+
+        def selectable_td
+          @selectable_td ||= view.content_tag 'td', class: 'td-checkbox' do
+            view.tao_check_box
+          end
+        end
+
+      end
+
+    end
+  end
+end

data/lib/tao_ui/components/table/body_builder.rb

@@ -0,0 +1,30 @@
+module TaoUi
+  module Components
+    module Table
+
+      class BodyBuilder < BaseBuilder
+
+        def row row_options = {}, &block
+          row_content = view.capture(row_builder, &block)
+          row_builder.reset_cell_count
+
+          if expandable
+            row_content
+          else
+            row_content = selectable_td + row_content if selectable
+            row_content = expandable_td + row_content if expandable
+            view.content_tag 'tr', row_content, row_options
+          end
+        end
+
+        private
+
+        def row_builder
+          @row_builder ||= RowBuilder.new(view, options)
+        end
+
+      end
+
+    end
+  end
+end

data/lib/tao_ui/components/table/head_builder.rb

@@ -0,0 +1,15 @@
+module TaoUi
+  module Components
+    module Table
+
+      class HeadBuilder < BaseBuilder
+
+        def cell content_or_options = nil, cell_options = nil, &block
+          view.content_tag 'th', content_or_options, cell_options, &block
+        end
+
+      end
+
+    end
+  end
+end

data/lib/tao_ui/components/table/row_builder.rb

@@ -0,0 +1,53 @@
+module TaoUi
+  module Components
+    module Table
+
+      class RowBuilder < BaseBuilder
+
+        def initialize view, options = {}
+          super
+          reset_cell_count
+        end
+
+        def cell content_or_options = nil, cell_options = nil, &block
+          @cell_count += 1
+          view.content_tag 'td', content_or_options, cell_options, &block
+        end
+
+        def content content_options = {}, &block
+          raise 'content method requires expandable option set to true' unless expandable
+          content_options = merge_options({
+            class: 'expandable'
+          }, content_options)
+          row_content = view.capture(self, &block)
+          row_content = selectable_td + row_content if selectable
+          row_content = expandable_td + row_content if expandable
+          view.content_tag 'tr', row_content, content_options
+        end
+
+        def panel panel_options = {}, &block
+          raise 'panel method requires expandable option set to true' unless expandable
+          view.content_tag 'tr', class: 'expandable-panel' do
+            view.content_tag 'td', colspan: @cell_count do
+              view.content_tag 'div', panel_options, &block
+            end
+          end
+        end
+
+        def reset_cell_count
+          @cell_count = 0
+          @cell_count += 1 if selectable
+          @cell_count += 1 if expandable
+        end
+
+        private
+
+        def row_builder
+          @row_builder ||= RowBuilder.new(view)
+        end
+
+      end
+
+    end
+  end
+end

data/lib/tao_ui/components/table/table_builder.rb

@@ -0,0 +1,35 @@
+module TaoUi
+  module Components
+    module Table
+
+      class TableBuilder < BaseBuilder
+
+        def head head_options = {}, &block
+          head_content = view.capture(head_builder, &block)
+          head_content = selectable_th + head_content if selectable
+          head_content = expandable_th + head_content if expandable
+          view.content_tag 'thead', head_options do
+            view.content_tag 'tr', head_content
+          end
+        end
+
+        def body body_options = {}, &block
+          body_content = view.capture(body_builder, &block)
+          view.content_tag 'tbody', body_content, body_options
+        end
+
+        private
+
+        def head_builder
+          @head_builder ||= HeadBuilder.new(view, options)
+        end
+
+        def body_builder
+          @body_builder ||= BodyBuilder.new(view, options)
+        end
+
+      end
+
+    end
+  end
+end

data/lib/tao_ui/components/table_component.rb

@@ -0,0 +1,40 @@
+require 'tao_ui/components/table/base_builder'
+require 'tao_ui/components/table/table_builder'
+require 'tao_ui/components/table/head_builder'
+require 'tao_ui/components/table/body_builder'
+require 'tao_ui/components/table/row_builder'
+
+module TaoUi
+  module Components
+    class TableComponent < TaoOnRails::Components::Base
+
+      def render &block
+        if block_given?
+          table_content = view.capture(builder, &block)
+          table = view.content_tag('table', table_content, class: 'table')
+          view.content_tag tag_name, table, html_options
+        else
+          super
+        end
+      end
+
+      def self.component_name
+        :table
+      end
+
+      private
+
+      def builder
+        @builder ||= Table::TableBuilder.new(view, {
+          expandable: options[:expandable],
+          selectable: options[:selectable]
+        })
+      end
+
+      def default_options
+        {class: 'tao-table'}
+      end
+
+    end
+  end
+end

data/lib/tao_ui/components/tree/item_component.rb

@@ -0,0 +1,121 @@
+module TaoUi
+  module Components
+    module Tree
+      class ItemComponent < TaoOnRails::Components::Base
+
+        attr_reader :item, :selectable, :depth, :remote,
+                    :expandable, :expanded, :children, :children_key
+
+        def initialize view, item, options = {}
+          super view, options
+          @item = item
+          @children_key = @options.delete(:children_key)
+          @selectable = @options[:selectable] || false
+          @depth = @options[:depth]
+
+          init_remote
+          init_children
+          init_expanded
+        end
+
+        def render &block
+          view.content_tag tag_name, html_options do
+            content = view.content_tag 'div', class: 'tao-tree-item-content' do
+              render_padding + render_icon +
+                render_checkbox + view.capture(item, self, &block)
+            end
+
+            children = render_children &block
+            content + children
+          end
+        end
+
+        def self.component_name
+          :tree_item
+        end
+
+        private
+
+        def default_options
+          {class: 'tao-tree-item', children_key: :children, depth: 0}
+        end
+
+        def init_children
+          @children = if item.is_a?(Hash)
+            item[children_key]
+          elsif item.respond_to?(children_key)
+            item.send(children_key)
+          else
+            nil
+          end
+        end
+
+        def init_remote
+          @remote = html_options.delete(:remote) || false
+          @remote = @remote.call(item, depth) if @remote.respond_to?(:call)
+          if @remote && @remote.is_a?(Hash)
+            html_options[:remote] = @remote.to_json
+          end
+        end
+
+        def init_expanded
+          @expandable = !!remote || (children.is_a?(Array) && children.size > 0)
+          html_options[:expandable] = @expandable ? '' : nil
+
+          @expanded = (html_options.delete(:expanded) || false) && expandable && !remote
+          @expanded = @expanded.call(item, depth) if @expanded.respond_to?(:call)
+          html_options[:expanded] = @expanded ? '' : nil
+        end
+
+        def render_padding(size = depth)
+          if size > 0
+            view.content_tag 'div', class: 'tao-tree-item-padding' do
+              (view.content_tag('div', nil, class: 'padding-item') * size).html_safe
+            end
+          else
+            ''.html_safe
+          end
+        end
+
+        def render_icon
+          view.link_to 'javascript:;', class: 'link-toggle-item' do
+            view.tao_icon :arrow_right
+          end
+        end
+
+        def render_checkbox
+          if @selectable
+            view.tao_check_box
+          else
+            ''.html_safe
+          end
+        end
+
+        def render_children &block
+          if expandable
+            if remote
+              render_children_placeholder
+            else
+              view.tao_tree_list children, {
+                selectable: selectable,
+                depth: depth + 1,
+                remote: options[:remote],
+                expanded: options[:expanded],
+                children_key: @children_key
+              }, &block
+            end
+          end
+        end
+
+        def render_children_placeholder
+          view.content_tag 'div', class: 'tao-tree-list' do
+            view.content_tag 'div', class: 'tao-tree-loading' do
+              render_padding(depth + 1) + view.tao_icon(:loading, class: 'spin') + t(:loading)
+            end
+          end
+        end
+
+      end
+    end
+  end
+end

data/lib/tao_ui/components/tree/list_component.rb

@@ -0,0 +1,51 @@
+module TaoUi
+  module Components
+    module Tree
+      class ListComponent < TaoOnRails::Components::Base
+
+        attr_reader :items, :selectable, :depth, :remote,
+                    :expanded, :children_key, :selected
+
+        def initialize view, items, options = {}
+          super view, options
+          @items = items
+          @children_key = @options.delete(:children_key)
+          @selectable = @options.delete(:selectable)
+          @selected = @options.delete(:selected)
+          @remote = @options.delete(:remote)
+          @expanded = @options.delete(:expanded)
+          @depth = @options.delete(:depth)
+        end
+
+        def render &block
+          view.content_tag 'div', html_options do
+            content = ''.html_safe
+            items.each do |item|
+              content += view.tao_tree_item item, {
+                children_key: children_key,
+                selectable: selectable,
+                selected: selected,
+                depth: depth,
+                remote: remote,
+                expanded: expanded
+              }, &block
+            end
+
+            content
+          end
+        end
+
+        def self.component_name
+          :tree_list
+        end
+
+        private
+
+        def default_options
+          {class: 'tao-tree-list', children_key: :children, depth: 0}
+        end
+
+      end
+    end
+  end
+end

data/lib/tao_ui/components/tree_component.rb

@@ -0,0 +1,43 @@
+require 'tao_ui/components/tree/item_component'
+require 'tao_ui/components/tree/list_component'
+
+module TaoUi
+  module Components
+    class TreeComponent < TaoOnRails::Components::Base
+
+      attr_reader :items, :selectable, :children_key, :remote, :expanded
+
+      def initialize view, items, options = {}
+        super view,options
+        @items = items
+        @children_key = @options.delete(:children_key)
+        @selectable = @options[:selectable] || false
+        @remote = @options.delete(:remote)
+        @expanded = @options.delete(:expanded)
+      end
+
+      def render &block
+        view.content_tag tag_name, html_options do
+          view.tao_tree_list items, {
+            depth: 0,
+            selectable: selectable,
+            remote: remote,
+            expanded: expanded,
+            children_key: children_key
+          }, &block
+        end
+      end
+
+      def self.component_name
+        :tree
+      end
+
+      private
+
+      def default_options
+        {class: 'tao-tree', children_key: :children}
+      end
+
+    end
+  end
+end