bs5 0.0.28 → 0.0.29

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 215200d1f6820e7e163cbd6b214f9952645e225f535c45a34254ef53f445480a
-  data.tar.gz: cc2f9daf0107719ee613670620ddb42e42a08b995bb32a7348003f9b74761584
+  metadata.gz: 572bc52747b6782ec18bc492cd9dbbfafe73161d682c7371af575475bee11bec
+  data.tar.gz: 743fdecb48cd81b5f6146b00ed3cd9f964b28eb40190127e263072201dd3e3e9
 SHA512:
-  metadata.gz: 8361ad156b1c5aa5a2e8d2e85482a891792fe28693aff0ab0de36a7acc258d1818934512a7b9c76d4be17de2e96f0c6207affa1f5765add53cff6bc83e999b74
-  data.tar.gz: 978c438199e216476b87a1eef92dcab0b9b8d828daca289c4eb7cc8b97fa802f75ef4620c06541870caeca578845303eb874fde87988036bea462918e5d0fc97
+  metadata.gz: 14c0c986d58aba68cee014a6a2baa5924031da3233454b0516561a9d5987c624f45f614296ca3d8abeed54e136d08bfb8be9144c4c2243b7b50b0fb72ca54f89
+  data.tar.gz: 21e2d70ee2395bf91679771fd812f68953093fc04b78f8f9744a0835a99a203332922a711fd2d29d61336cdc9c72cbc1cdae4f42f6207e66e2c7e315d1b88467

data/app/components/bs5/progress/bar_component.html.erb

@@ -0,0 +1 @@
+<div class="<%= bar_class %>" role="progressbar" style="width: <%= value %>%" aria-valuenow="<%= value %>" aria-valuemin="0" aria-valuemax="100"><%= label %></div>

data/app/components/bs5/progress/bar_component.rb

@@ -0,0 +1,60 @@
+# frozen_string_literal: true
+
+module Bs5
+  module Progress
+    class BarComponent < ViewComponent::Base
+      attr_reader :value, :color
+
+      def initialize(value, label: nil, color: nil, striped: false, animated: false)
+        @value = value
+        @label = label
+        @color = color
+        @striped = striped
+        @animated = animated
+      end
+
+      def label
+        return unless @label
+
+        case @label
+        when String
+          @label
+        else
+          "#{value}%"
+        end
+      end
+
+      def bar_class
+        class_names = %w[progress-bar]
+        class_names << contextual_class
+        class_names << striped_class
+        class_names << animated_class
+        class_names.flatten.uniq.join(' ')
+      end
+
+      def contextual_class
+        return unless color?
+
+        "bg-#{color}"
+      end
+
+      def striped_class
+        return unless striped?
+
+        'progress-bar-striped'
+      end
+
+      def animated_class
+        return unless animated?
+
+        %w[progress-bar-striped progress-bar-animated]
+      end
+
+      %i[color striped animated].each do |name|
+        define_method("#{name}?") do
+          !!instance_variable_get("@#{name}")
+        end
+      end
+    end
+  end
+end

data/app/components/bs5/progress_component.html.erb

@@ -0,0 +1,9 @@
+<div class="progress">
+  <% if bars.any? %>
+    <% bars.each do |bar| %>
+      <%= bar %>
+    <% end %>
+  <% else %>
+    <%= render Bs5::Progress::BarComponent.new(value, options) %>
+  <% end %>
+</div>

data/app/components/bs5/progress_component.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module Bs5
+  class ProgressComponent < ViewComponent::Base
+    include ViewComponent::SlotableV2
+    renders_many :bars, Bs5::Progress::BarComponent
+
+    attr_reader :value, :options
+
+    def initialize(value = nil, options = {})
+      @options = options.symbolize_keys
+      @value = value
+    end
+  end
+end

data/app/helpers/bs5/components_helper.rb

@@ -4,7 +4,9 @@ module Bs5
   module ComponentsHelper
     COMPONENTS = %w[accordion alert badge breadcrumb button_group button_tag button_to button_toolbar
                     carousel close_button
-                    dropdown list_group modal spinner toast toast_container].freeze
+                    dropdown list_group modal spinner
+                    progress
+                    toast toast_container].freeze
 
     COMPONENTS.each do |name|
       define_method("bs5_#{name}") do |*args, &block|

data/app/views/bs5/examples/progress/_animated.html.erb

@@ -0,0 +1,2 @@
+<h2>Animated stripes</h2>
+<%= bs5_example(snippet: 'progress/animated/snippet1') %>

data/app/views/bs5/examples/progress/_backgrounds.html.erb

@@ -0,0 +1,2 @@
+<h2>Backgrounds</h2>
+<%= bs5_example(snippet: 'progress/backgrounds/snippet1') %>

data/app/views/bs5/examples/progress/_examples.html.erb

@@ -0,0 +1,2 @@
+<h2>Examples</h2>
+<%= bs5_example(snippet: 'progress/examples/snippet1') %>

data/app/views/bs5/examples/progress/_labels.html.erb

@@ -0,0 +1,2 @@
+<h2>Labels</h2>
+<%= bs5_example(snippet: 'progress/labels/snippet1') %>

data/app/views/bs5/examples/progress/_multiple_bars.html.erb

@@ -0,0 +1,2 @@
+<h2>Multiple bars</h2>
+<%= bs5_example(snippet: 'progress/multiple_bars/snippet1') %>

data/app/views/bs5/examples/progress/_striped.html.erb

@@ -0,0 +1,2 @@
+<h2>Striped</h2>
+<%= bs5_example(snippet: 'progress/striped/snippet1') %>

data/app/views/bs5/examples/progress/animated/snippet1.html.erb

@@ -0,0 +1,13 @@
+<div class="mb-3">
+  <%= bs5_progress(25, animated: true, color: :success) %>
+</div>
+
+<div class="mb-3">
+  <%= bs5_progress(50, animated: true, color: :info) %>
+</div>
+
+<div class="mb-3">
+  <%= bs5_progress(75, animated: true, color: :warning) %>
+</div>
+
+<%= bs5_progress(100, animated: true, color: :danger) %>

data/app/views/bs5/examples/progress/backgrounds/snippet1.html.erb

@@ -0,0 +1,13 @@
+<div class="mb-3">
+  <%= bs5_progress(25, color: :success) %>
+</div>
+
+<div class="mb-3">
+  <%= bs5_progress(50, color: :info) %>
+</div>
+
+<div class="mb-3">
+  <%= bs5_progress(75, color: :warning) %>
+</div>
+
+<%= bs5_progress(100, color: :danger) %>

data/app/views/bs5/examples/progress/examples/snippet1.html.erb

@@ -0,0 +1,17 @@
+<div class="mb-3">
+  <%= bs5_progress(0) %>
+</div>
+
+<div class="mb-3">
+  <%= bs5_progress(25) %>
+</div>
+
+<div class="mb-3">
+  <%= bs5_progress(50) %>
+</div>
+
+<div class="mb-3">
+  <%= bs5_progress(75) %>
+</div>
+
+<%= bs5_progress(100) %>

data/app/views/bs5/examples/progress/labels/snippet1.html.erb

@@ -0,0 +1,5 @@
+<div class="mb-3">
+  <%= bs5_progress(25, label: true) %>
+</div>
+
+<%= bs5_progress(50, label: "Woah, we're half way there.") %>

data/app/views/bs5/examples/progress/multiple_bars/snippet1.html.erb

@@ -0,0 +1,5 @@
+<%= bs5_progress do |p| %>
+  <%= p.bar(15) %>
+  <%= p.bar(30, color: :success) %>
+  <%= p.bar(20, color: :info) %>
+<% end %>

data/app/views/bs5/examples/progress/striped/snippet1.html.erb

@@ -0,0 +1,13 @@
+<div class="mb-3">
+  <%= bs5_progress(25, striped: true, color: :success) %>
+</div>
+
+<div class="mb-3">
+  <%= bs5_progress(50, striped: true, color: :info) %>
+</div>
+
+<div class="mb-3">
+  <%= bs5_progress(75, striped: true, color: :warning) %>
+</div>
+
+<%= bs5_progress(100, striped: true, color: :danger) %>

data/app/views/bs5/pages/progress.html.erb

@@ -0,0 +1,7 @@
+<h1>Progress</h1>
+<%= render 'bs5/examples/progress/examples' %>
+<%= render 'bs5/examples/progress/labels' %>
+<%= render 'bs5/examples/progress/backgrounds' %>
+<%= render 'bs5/examples/progress/multiple_bars' %>
+<%= render 'bs5/examples/progress/striped' %>
+<%= render 'bs5/examples/progress/animated' %>

data/app/views/layouts/bs5/pages.html.erb

@@ -27,6 +27,7 @@
             <% lg.item(active: current_page?(pages_path('list_group'))) do %><%= link_to 'List group', pages_path('list_group') %><% end %>
             <% lg.item(active: current_page?(pages_path('modal'))) do %><%= link_to 'Modal', pages_path('modal') %><% end %>
             <% lg.item(active: current_page?(pages_path('popovers'))) do %><%= link_to 'Popovers', pages_path('popovers') %><% end %>
+            <% lg.item(active: current_page?(pages_path('progress'))) do %><%= link_to 'Progress', pages_path('progress') %><% end %>
             <% lg.item(active: current_page?(pages_path('spinners'))) do %><%= link_to 'Spinners', pages_path('spinners') %><% end %>
             <% lg.item(active: current_page?(pages_path('toasts'))) do %><%= link_to 'Toasts', pages_path('toasts') %><% end %>
             <% lg.item(active: current_page?(pages_path('tooltips'))) do %><%= link_to 'Tooltips', pages_path('tooltips') %><% end %>

data/lib/bs5/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Bs5
-  VERSION = '0.0.28'
+  VERSION = '0.0.29'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bs5
 version: !ruby/object:Gem::Version
-  version: 0.0.28
+  version: 0.0.29
 platform: ruby
 authors:
 - Patrick Baselier
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-12-28 00:00:00.000000000 Z
+date: 2020-12-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: nokogiri
@@ -167,6 +167,10 @@ files:
 - app/components/bs5/modal/header_component.rb
 - app/components/bs5/modal_component.html.erb
 - app/components/bs5/modal_component.rb
+- app/components/bs5/progress/bar_component.html.erb
+- app/components/bs5/progress/bar_component.rb
+- app/components/bs5/progress_component.html.erb
+- app/components/bs5/progress_component.rb
 - app/components/bs5/spinner_component.html.erb
 - app/components/bs5/spinner_component.rb
 - app/components/bs5/toast/body_component.html.erb
@@ -323,6 +327,18 @@ files:
 - app/views/bs5/examples/popovers/dismissable_on_next_click/snippet.html.erb
 - app/views/bs5/examples/popovers/four_directions/_example.html.erb
 - app/views/bs5/examples/popovers/four_directions/snippet.html.erb
+- app/views/bs5/examples/progress/_animated.html.erb
+- app/views/bs5/examples/progress/_backgrounds.html.erb
+- app/views/bs5/examples/progress/_examples.html.erb
+- app/views/bs5/examples/progress/_labels.html.erb
+- app/views/bs5/examples/progress/_multiple_bars.html.erb
+- app/views/bs5/examples/progress/_striped.html.erb
+- app/views/bs5/examples/progress/animated/snippet1.html.erb
+- app/views/bs5/examples/progress/backgrounds/snippet1.html.erb
+- app/views/bs5/examples/progress/examples/snippet1.html.erb
+- app/views/bs5/examples/progress/labels/snippet1.html.erb
+- app/views/bs5/examples/progress/multiple_bars/snippet1.html.erb
+- app/views/bs5/examples/progress/striped/snippet1.html.erb
 - app/views/bs5/examples/spinners/border/_example.html.erb
 - app/views/bs5/examples/spinners/border/snippet.html.erb
 - app/views/bs5/examples/spinners/buttons/_example.html.erb
@@ -372,6 +388,7 @@ files:
 - app/views/bs5/pages/list_group.html.erb
 - app/views/bs5/pages/modal.html.erb
 - app/views/bs5/pages/popovers.html.erb
+- app/views/bs5/pages/progress.html.erb
 - app/views/bs5/pages/spinners.html.erb
 - app/views/bs5/pages/toasts.html.erb
 - app/views/bs5/pages/tooltips.html.erb