daisyui_on_phlex 0.1.2 → 0.2.1

data/lib/daisyui_on_phlex/components/mockup_window.rb

@@ -0,0 +1,29 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    module Mockup
+      class Window < DaisyuiOnPhlex::Base
+        def initialize(**attributes)
+          @attributes = attributes
+        end
+
+        def view_template(&block)
+          div(class: "mockup-window border bg-base-300", **@attributes, &block)
+        end
+
+        def toolbar(**attributes)
+          div(class: "flex justify-start px-4 py-2", **attributes) do
+            div(class: "btn btn-xs btn-circle btn-ghost")
+            div(class: "btn btn-xs btn-circle btn-ghost")
+            div(class: "btn btn-xs btn-circle btn-ghost")
+          end
+        end
+
+        def content(**attributes, &block)
+          div(class: merge_classes("flex", "justify-center", "px-4", "py-16", "bg-base-200", attributes[:class]), **attributes.except(:class), &block)
+        end
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/navbar.rb

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Navbar < DaisyuiOnPhlex::Base
+      def initialize(**attributes)
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        div(class: "navbar bg-base-100", **@attributes, &block)
+      end
+
+      def start(**attributes, &block)
+        div(class: merge_classes("navbar-start", attributes[:class]), **attributes.except(:class), &block)
+      end
+
+      def center(**attributes, &block)
+        div(class: merge_classes("navbar-center", attributes[:class]), **attributes.except(:class), &block)
+      end
+
+      def end(**attributes, &block)
+        div(class: merge_classes("navbar-end", attributes[:class]), **attributes.except(:class), &block)
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/pagination.rb

@@ -0,0 +1,56 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Pagination < DaisyuiOnPhlex::Base
+      def initialize(**attributes)
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        div(class: "join", **@attributes, &block)
+      end
+
+      def button(text, active: false, disabled: false, **attributes, &block)
+        button_tag(
+          class: pagination_button_classes(active: active, disabled: disabled),
+          disabled: disabled,
+          **attributes
+        ) do
+          if block_given?
+            yield
+          else
+            text
+          end
+        end
+      end
+
+      def link(href:, text, active: false, **attributes, &block)
+        a(
+          href: href,
+          class: pagination_button_classes(active: active),
+          **attributes
+        ) do
+          if block_given?
+            yield
+          else
+            text
+          end
+        end
+      end
+
+      private
+
+      def pagination_button_classes(active: false, disabled: false)
+        classes = ["join-item", "btn"]
+        classes << "btn-active" if active
+        classes << "btn-disabled" if disabled
+        merge_classes(*classes)
+      end
+
+      def button_tag(...)
+        button(...)
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/progress.rb

@@ -0,0 +1,50 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Progress < DaisyuiOnPhlex::Base
+      def initialize(
+        value: 0,
+        max: 100,
+        variant: nil,
+        **attributes
+      )
+        @value = value
+        @max = max
+        @variant = variant
+        @attributes = attributes
+      end
+
+      def view_template
+        progress_tag(
+          class: progress_classes,
+          value: @value,
+          max: @max,
+          **@attributes
+        )
+      end
+
+      private
+
+      def progress_classes
+        classes = ["progress", "w-56"]
+
+        case @variant
+        when :primary then classes << "progress-primary"
+        when :secondary then classes << "progress-secondary"
+        when :accent then classes << "progress-accent"
+        when :info then classes << "progress-info"
+        when :success then classes << "progress-success"
+        when :warning then classes << "progress-warning"
+        when :error then classes << "progress-error"
+        end
+
+        merge_classes(*classes)
+      end
+
+      def progress_tag(...)
+        progress(...)
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/radial_progress.rb

@@ -0,0 +1,56 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class RadialProgress < DaisyuiOnPhlex::Base
+      def initialize(
+        value: 0,
+        size: "4rem",
+        thickness: "2px",
+        variant: nil,
+        **attributes
+      )
+        @value = value
+        @size = size
+        @thickness = thickness
+        @variant = variant
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        div(
+          class: radial_progress_classes,
+          style: radial_progress_styles,
+          **@attributes,
+          &block
+        )
+      end
+
+      private
+
+      def radial_progress_classes
+        classes = ["radial-progress"]
+
+        case @variant
+        when :primary then classes << "text-primary"
+        when :secondary then classes << "text-secondary"
+        when :accent then classes << "text-accent"
+        when :info then classes << "text-info"
+        when :success then classes << "text-success"
+        when :warning then classes << "text-warning"
+        when :error then classes << "text-error"
+        end
+
+        merge_classes(*classes)
+      end
+
+      def radial_progress_styles
+        styles = []
+        styles << "--value: #{@value}"
+        styles << "--size: #{@size}"
+        styles << "--thickness: #{@thickness}"
+        styles.join("; ")
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/radio.rb

@@ -0,0 +1,62 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Radio < DaisyuiOnPhlex::Base
+      def initialize(
+        variant: nil,
+        size: :md,
+        name: nil,
+        value: nil,
+        checked: false,
+        disabled: false,
+        **attributes
+      )
+        @variant = variant
+        @size = size
+        @name = name
+        @value = value
+        @checked = checked
+        @disabled = disabled
+        @attributes = attributes
+      end
+
+      def view_template
+        input(
+          type: "radio",
+          class: radio_classes,
+          name: @name,
+          value: @value,
+          checked: @checked,
+          disabled: @disabled,
+          **@attributes
+        )
+      end
+
+      private
+
+      def radio_classes
+        classes = ["radio"]
+
+        case @variant
+        when :primary then classes << "radio-primary"
+        when :secondary then classes << "radio-secondary"
+        when :accent then classes << "radio-accent"
+        when :success then classes << "radio-success"
+        when :warning then classes << "radio-warning"
+        when :info then classes << "radio-info"
+        when :error then classes << "radio-error"
+        end
+
+        case @size
+        when :xs then classes << "radio-xs"
+        when :sm then classes << "radio-sm"
+        when :md then classes << "radio-md"
+        when :lg then classes << "radio-lg"
+        end
+
+        merge_classes(*classes)
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/range.rb

@@ -0,0 +1,62 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Range < DaisyuiOnPhlex::Base
+      def initialize(
+        min: 0,
+        max: 100,
+        value: 50,
+        step: 1,
+        variant: nil,
+        size: :md,
+        **attributes
+      )
+        @min = min
+        @max = max
+        @value = value
+        @step = step
+        @variant = variant
+        @size = size
+        @attributes = attributes
+      end
+
+      def view_template
+        input(
+          type: "range",
+          class: range_classes,
+          min: @min,
+          max: @max,
+          value: @value,
+          step: @step,
+          **@attributes
+        )
+      end
+
+      private
+
+      def range_classes
+        classes = ["range"]
+
+        case @variant
+        when :primary then classes << "range-primary"
+        when :secondary then classes << "range-secondary"
+        when :accent then classes << "range-accent"
+        when :success then classes << "range-success"
+        when :warning then classes << "range-warning"  
+        when :info then classes << "range-info"
+        when :error then classes << "range-error"
+        end
+
+        case @size
+        when :xs then classes << "range-xs"
+        when :sm then classes << "range-sm"
+        when :md then classes << "range-md"
+        when :lg then classes << "range-lg"
+        end
+
+        merge_classes(*classes)
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/rating.rb

@@ -0,0 +1,61 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Rating < DaisyuiOnPhlex::Base
+      def initialize(
+        size: :md,
+        half: false,
+        **attributes
+      )
+        @size = size
+        @half = half
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        div(class: rating_classes, **@attributes, &block)
+      end
+
+      def star(
+        name:,
+        value:,
+        checked: false,
+        hidden: false,
+        **attributes
+      )
+        input(
+          type: "radio",
+          name: name,
+          value: value,
+          class: star_classes(hidden: hidden),
+          checked: checked,
+          **attributes
+        )
+      end
+
+      private
+
+      def rating_classes
+        classes = ["rating"]
+        classes << "rating-half" if @half
+
+        case @size
+        when :xs then classes << "rating-xs"
+        when :sm then classes << "rating-sm"
+        when :md then classes << "rating-md"
+        when :lg then classes << "rating-lg"
+        end
+
+        merge_classes(*classes)
+      end
+
+      def star_classes(hidden: false)
+        classes = []
+        classes << "rating-hidden" if hidden
+        classes << "mask mask-star-2 bg-orange-400"
+        merge_classes(*classes)
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/select.rb

@@ -0,0 +1,74 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Select < DaisyuiOnPhlex::Base
+      def initialize(
+        variant: nil,
+        size: :md,
+        bordered: false,
+        ghost: false,
+        name: nil,
+        **attributes
+      )
+        @variant = variant
+        @size = size
+        @bordered = bordered
+        @ghost = ghost
+        @name = name
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        select(
+          class: select_classes,
+          name: @name,
+          **@attributes,
+          &block
+        )
+      end
+
+      def option(value:, selected: false, disabled: false, **attributes, &block)
+        option_tag(
+          value: value,
+          selected: selected,
+          disabled: disabled,
+          **attributes,
+          &block
+        )
+      end
+
+      private
+
+      def select_classes
+        classes = ["select", "w-full", "max-w-xs"]
+
+        case @variant
+        when :primary then classes << "select-primary"
+        when :secondary then classes << "select-secondary"
+        when :accent then classes << "select-accent"
+        when :info then classes << "select-info"
+        when :success then classes << "select-success"
+        when :warning then classes << "select-warning"
+        when :error then classes << "select-error"
+        end
+
+        case @size
+        when :xs then classes << "select-xs"
+        when :sm then classes << "select-sm"
+        when :md then classes << "select-md"
+        when :lg then classes << "select-lg"
+        end
+
+        classes << "select-bordered" if @bordered
+        classes << "select-ghost" if @ghost
+
+        merge_classes(*classes)
+      end
+
+      def option_tag(...)
+        option(...)
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/skeleton.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Skeleton < DaisyuiOnPhlex::Base
+      def initialize(**attributes)
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        div(class: "skeleton", **@attributes, &block)
+      end
+
+      def circle(size: "w-16", **attributes)
+        div(class: merge_classes("skeleton", size, "rounded-full"), **attributes)
+      end
+
+      def rectangle(width: "w-32", height: "h-4", **attributes)
+        div(class: merge_classes("skeleton", width, height), **attributes)
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/stack.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Stack < DaisyuiOnPhlex::Base
+      def initialize(**attributes)
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        div(class: "stack", **@attributes, &block)
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/stat.rb

@@ -0,0 +1,39 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Stat < DaisyuiOnPhlex::Base
+      def initialize(**attributes)
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        div(class: "stats shadow", **@attributes, &block)
+      end
+
+      def item(**attributes, &block)
+        div(class: "stat", **attributes, &block)
+      end
+
+      def figure(**attributes, &block)
+        div(class: "stat-figure text-secondary", **attributes, &block)
+      end
+
+      def title(**attributes, &block)
+        div(class: "stat-title", **attributes, &block)
+      end
+
+      def value(**attributes, &block)
+        div(class: "stat-value", **attributes, &block)
+      end
+
+      def desc(**attributes, &block)
+        div(class: "stat-desc", **attributes, &block)
+      end
+
+      def actions(**attributes, &block)
+        div(class: "stat-actions", **attributes, &block)
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/status.rb

@@ -0,0 +1,34 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Status < DaisyuiOnPhlex::Base
+      def initialize(
+        variant: :online,
+        **attributes
+      )
+        @variant = variant
+        @attributes = attributes
+      end
+
+      def view_template
+        span(class: status_classes, **@attributes)
+      end
+
+      private
+
+      def status_classes
+        classes = ["badge", "badge-xs"]
+
+        case @variant
+        when :online then classes << "badge-success"
+        when :offline then classes << "badge-error"
+        when :busy then classes << "badge-warning"
+        when :away then classes << "badge-accent"
+        end
+
+        merge_classes(*classes)
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/steps.rb

@@ -0,0 +1,42 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Steps < DaisyuiOnPhlex::Base
+      def initialize(vertical: false, **attributes)
+        @vertical = vertical
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        ul(class: steps_classes, **@attributes, &block)
+      end
+
+      def step(
+        completed: false,
+        current: false,
+        error: false,
+        **attributes,
+        &block
+      )
+        li(class: step_classes(completed: completed, current: current, error: error), **attributes, &block)
+      end
+
+      private
+
+      def steps_classes
+        classes = ["steps"]
+        classes << "steps-vertical" if @vertical
+        merge_classes(*classes)
+      end
+
+      def step_classes(completed: false, current: false, error: false)
+        classes = ["step"]
+        classes << "step-primary" if completed
+        classes << "step-secondary" if current
+        classes << "step-error" if error
+        merge_classes(*classes)
+      end
+    end
+  end
+end

data/lib/daisyui_on_phlex/components/swap.rb

@@ -0,0 +1,45 @@
+# frozen_string_literal: true
+
+module DaisyuiOnPhlex
+  module Components
+    class Swap < DaisyuiOnPhlex::Base
+      def initialize(
+        active: false,
+        rotate: false,
+        flip: false,
+        **attributes
+      )
+        @active = active
+        @rotate = rotate
+        @flip = flip
+        @attributes = attributes
+      end
+
+      def view_template(&block)
+        label(class: swap_classes, **@attributes, &block)
+      end
+
+      def checkbox(**attributes)
+        input(type: "checkbox", class: "swap-checkbox", **attributes)
+      end
+
+      def on(**attributes, &block)
+        div(class: "swap-on", **attributes, &block)
+      end
+
+      def off(**attributes, &block)
+        div(class: "swap-off", **attributes, &block)
+      end
+
+      private
+
+      def swap_classes
+        classes = ["swap"]
+        classes << "swap-active" if @active
+        classes << "swap-rotate" if @rotate
+        classes << "swap-flip" if @flip
+        merge_classes(*classes)
+      end
+    end
+  end
+end