organism-ui 0.2.1

data/lib/ui/step/show.erb

@@ -0,0 +1,13 @@
+<article
+  data-wizard-target="step"
+  data-position="<%= position %>"
+  class="<%= style %>">
+  <%= render_icon %>
+
+  <header class="ui-step__header">
+    <%= title %>
+    <%= subtitle %>
+  </header>
+
+  <%= description %>
+</article>

data/lib/ui/steps.rb

@@ -0,0 +1,67 @@
+module Ui
+  class Steps < Component
+    include Stylable
+
+    class Step < Value
+      attribute :position, Types::Strict::Integer
+      attribute :title, Types::Strict::String
+      attribute? :icon, Types::Strict::String.default(''.freeze)
+      attribute? :current, Types::Strict::Bool.default(false.freeze)
+      attribute? :last, Types::Strict::Bool.default(false.freeze)
+      attribute? :description, Types::Strict::String.default(''.freeze)
+      attribute? :subtitle, Types::Strict::String.default(''.freeze)
+      attribute? :status, Types::String.default('waiting'.freeze).enum(
+        'finished',
+        'processing',
+        'waiting',
+        'error'
+      )
+
+      def last?
+        last
+      end
+
+      def current?
+        current
+      end
+    end
+
+    def show
+      render
+    end
+
+    private
+
+    def render_steps
+      cell(
+        Ui::Step,
+        collection: steps,
+        current_step: current_step
+      )
+    end
+
+    def steps
+      model.map.with_index do |step, index|
+        Step.new(step.merge({
+          current: current_step == index + 1,
+          last: model.size == index + 1,
+          position: index + 1
+        }))
+      end
+    end
+
+    def component_style
+      ["ui-steps"].tap do |styles|
+        styles << "ui-steps--#{direction}"
+      end
+    end
+
+    def current_step
+      options.fetch(:current_step, 1)
+    end
+
+    def direction
+      options.fetch(:direction, 'horizontal')
+    end
+  end
+end

data/lib/ui/steps/show.erb

@@ -0,0 +1,5 @@
+<nav class="<%= style %>">
+  <ul>
+    <%= render_steps %>
+  </ul>
+</nav>

data/lib/ui/stylable.rb

@@ -0,0 +1,21 @@
+module Ui
+  module Stylable
+
+    private
+
+    def user_defined_style
+      options.fetch(:style, '')
+    end
+
+    def style
+      [
+        user_defined_style,
+        component_style
+      ].join(' ')
+    end
+
+    def component_style
+      raise NotImplementedError
+    end
+  end
+end

data/lib/ui/table.rb

@@ -0,0 +1,162 @@
+require "ui/table/header"
+require "ui/table/row"
+
+module Ui
+  class Table < Component
+    include Actionable
+    include Stylable
+
+    def show
+      render
+    end
+
+    private
+
+    def table
+      content_tag(:table, data: table_data_attributes) do
+        render_group([
+          content_tag(:thead, table_headers),
+          content_tag(:tbody, table_rows, data: table_body_data_attributes)
+        ])
+      end
+    end
+
+    def table_headers
+      content_tag(:tr) do
+        cell(
+          Ui::Table::Header,
+          collection: columns
+        ).()
+      end
+    end
+
+    def table_rows
+      if rows.any?
+        cell(
+          Ui::Table::Row,
+          collection: rows,
+          columns: columns
+        )
+      else
+        render_empty
+      end
+    end
+
+    def table_data_attributes
+      {
+        controller: table_controllers,
+        "selectable-selected-value": "[]",
+        "selectable-type-value": multi_select? ? 'many' : 'one'
+      }
+    end
+
+    def table_body_data_attributes
+      {
+        controller: table_body_controllers,
+        "sortable-update-url-value": sortable_options.fetch(:update_url, '#'),
+        "sortable-input-name-value": sortable_options.fetch(:input_name, "object[position]")
+      }
+    end
+
+    def table_controllers
+      [].tap do |array|
+        array << "selectable" if selectable?
+      end.join(' ')
+    end
+
+    def table_body_controllers
+      [].tap do |array|
+        array << "sortable" if sortable?
+      end.join(' ')
+    end
+
+    def header
+      content_tag(
+        :header,
+        render_group([
+          options[:header],
+          actions
+        ])
+      ) if options[:header] || has_actions?
+    end
+
+    def footer
+      content_tag(
+        :footer,
+        options[:footer]
+      ) if options[:footer]
+    end
+
+    def component_style
+      "ui-table"
+    end
+
+    def columns
+      @columns ||= options.fetch(:columns, Array.new).tap do |columns|
+        columns.unshift(selectable_column) if selectable?
+        columns.unshift(sortable_column) if sortable?
+      end
+    end
+
+    def selectable_column
+      [
+        ->() { select_all },
+        ->(data) { cell(Ui::Table::Select, data, selectable_options) }
+      ]
+    end
+
+    def sortable_column
+      [
+        ->() { nil },
+        ->(data) { cell(Ui::Table::Sort, data, sortable_options) }
+      ]
+    end
+
+    def selectable?
+      features.keys.include? :selectable
+    end
+
+    def sortable?
+      features.keys.include? :sortable
+    end
+
+    def select_all
+      cell(Ui::Table::SelectAll, nil) if multi_select?
+    end
+
+    def multi_select?
+      selectable_options.fetch(:multiple, false)
+    end
+
+    def selectable_options
+      features.fetch(:selectable, {})
+    end
+
+    def sortable_options
+      features.fetch(:sortable, {})
+    end
+
+    def features
+      options.fetch(:features, Hash.new)
+    end
+
+    def rows
+      model
+    end
+
+    def render_empty
+      content_tag(:tr, empty)
+    end
+
+    def empty
+      content_tag(
+        :td,
+        cell(
+          Ui::Empty,
+          nil,
+        ).(),
+        colspan: columns.size
+      )
+    end
+  end
+end

data/lib/ui/table/header.rb

@@ -0,0 +1,20 @@
+module Ui
+  class Table < Component
+    class Header < Component
+      def show
+        content_tag(:th, title)
+      end
+
+      private
+
+      def title
+        case
+        when model[0].is_a?(Proc)
+          model[0].call
+        else
+          model[0]
+        end
+      end
+    end
+  end
+end

data/lib/ui/table/row.rb

@@ -0,0 +1,25 @@
+module Ui
+  class Table < Component
+    class Row < Component
+      def show
+        content_tag(:tr, render_group(table_data))
+      end
+
+      private
+
+      def table_data
+        columns.map do |column|
+          content_tag(:td, apply(column))
+        end
+      end
+
+      def apply(column)
+        column[1].call(model)
+      end
+
+      def columns
+        options.fetch(:columns, Array.new)
+      end
+    end
+  end
+end

data/lib/ui/table/select.rb

@@ -0,0 +1,16 @@
+require "ui/table/select/one"
+require "ui/table/select/many"
+
+module Ui
+  class Table < Component
+    class Select < Component
+      include ::Cell::Builder
+
+      builds do |model, options|
+        options.fetch(:multiple, false) ?
+          Ui::Table::Select::Many :
+          Ui::Table::Select::One
+      end
+    end
+  end
+end

data/lib/ui/table/select/many.rb

@@ -0,0 +1,38 @@
+module Ui
+  class Table < Component
+    class Select < Component
+      class Many < Component
+        def show
+          check_box_tag(
+            name,
+            value,
+            selected,
+            disabled: disabled,
+            data: {
+              "selectable-target": "input",
+              action: "click->selectable#select"
+            }
+          )
+        end
+
+        private
+
+        def name
+          "row[selected]"
+        end
+
+        def value
+          model
+        end
+
+        def selected
+          options.fetch(:selected, false)
+        end
+
+        def disabled
+          options.fetch(:disabled, false)
+        end
+      end
+    end
+  end
+end

data/lib/ui/table/select/one.rb

@@ -0,0 +1,38 @@
+module Ui
+  class Table < Component
+    class Select < Component
+      class One < Component
+        def show
+          radio_button_tag(
+            name,
+            value,
+            selected,
+            disabled: disabled,
+            data: {
+              "selectable-target": "input",
+              action: "click->selectable#select"
+            }
+          )
+        end
+
+        private
+
+        def name
+          "row[selected]"
+        end
+
+        def value
+          model
+        end
+
+        def selected
+          options.fetch(:selected, false)
+        end
+
+        def disabled
+          options.fetch(:disabled, false)
+        end
+      end
+    end
+  end
+end

data/lib/ui/table/select_all.rb

@@ -0,0 +1,36 @@
+module Ui
+  class Table < Component
+    class SelectAll < Component
+      def show
+        check_box_tag(
+          name,
+          value,
+          selected,
+          disabled: disabled,
+          data: {
+            "selectable-target": "selectAll",
+            action: "click->selectable#selectAll"
+          }
+        )
+      end
+
+      private
+
+      def name
+        "row[selected]"
+      end
+
+      def value
+        ""
+      end
+
+      def selected
+        options.fetch(:selected, false)
+      end
+
+      def disabled
+        options.fetch(:disabled, false)
+      end
+    end
+  end
+end