bs5 0.0.8 → 0.0.13

data/app/views/bs5/examples/list_group/style/default.html.erb

@@ -0,0 +1,11 @@
+<%= bs5_list_group do |lg| %>
+  <% lg.slot(:item) do %>Dapibus ac facilisis in<% end %>
+  <% lg.slot(:item, style: :primary) do %>A simple primary list group item<% end %>
+  <% lg.slot(:item, style: :secondary) do %>A simple secondary list group item<% end %>
+  <% lg.slot(:item, style: :success) do %>A simple success list group item<% end %>
+  <% lg.slot(:item, style: :danger) do %>A simple danger list group item<% end %>
+  <% lg.slot(:item, style: :warning) do %>A simple warning list group item<% end %>
+  <% lg.slot(:item, style: :info) do %>A simple info list group item<% end %>
+  <% lg.slot(:item, style: :light) do %>A simple light list group item<% end %>
+  <% lg.slot(:item, style: :dark) do %>A simple dark list group item<% end %>
+<%- end %>

data/app/views/bs5/examples/list_group/with_badges/_example.html.erb

@@ -0,0 +1,2 @@
+<h3>With badges</h3>
+<%= bs5_example(snippet: 'list_group/with_badges/default') %>

data/app/views/bs5/examples/list_group/with_badges/default.html.erb

@@ -0,0 +1,14 @@
+<%= bs5_list_group do |lg| %>
+  <% lg.slot(:item, class: 'd-flex justify-content-between align-items-center') do %>
+    Cras justo odio
+    <%= bs5_badge(text: 14, style: :primary, pill: true) %>
+  <% end %>
+  <% lg.slot(:item, class: 'd-flex justify-content-between align-items-center') do %>
+    Dapibus ac facilisis in
+    <%= bs5_badge(text: 2, style: :primary, pill: true) %>
+  <% end %>
+  <% lg.slot(:item, class: 'd-flex justify-content-between align-items-center') do %>
+    Morbi leo risus
+    <%= bs5_badge(text: 1, style: :primary, pill: true) %>
+  <% end %>
+<%- end %>

data/app/views/bs5/examples/tooltips/default/_example.html.erb

@@ -0,0 +1,4 @@
+<h2>Default</h2>
+<%= bs5_example(snippet: 'tooltips/default/snippet') %>
+<%= bs5_example(snippet: 'tooltips/default/buttons') %>
+<%= bs5_example(snippet: 'tooltips/default/disabled_elements') %>

data/app/views/bs5/examples/tooltips/default/buttons.html.erb

@@ -0,0 +1,9 @@
+<%= bs5_button_tag('Tooltip on top', bs5_tooltip('Tooltip on top', placement: :top).merge(style: :secondary)) %>
+
+<%= bs5_button_tag('Tooltip on right', bs5_tooltip('Tooltip on right', placement: :right).merge(style: :secondary)) %>
+
+<%= bs5_button_tag('Tooltip on bottom', bs5_tooltip('Tooltip on bottom', placement: :bottom).merge(style: :secondary)) %>
+
+<%= bs5_button_tag('Tooltip on left', bs5_tooltip('Tooltip on left', placement: :left).merge(style: :secondary)) %>
+
+<%= bs5_button_tag('Tooltip with HTML', bs5_tooltip('<em>Tooltip</em> <u>with</u> <b>HTML</b>', html: :true).merge(style: :secondary)) %>

data/app/views/bs5/examples/tooltips/default/disabled_elements.html.erb

@@ -0,0 +1,3 @@
+<%= tag.span(bs5_tooltip('Disabled tooltip').merge(class: 'd-inline-block', tabindex: 0)) do %>
+  <%= bs5_button_tag('Disabled button', disabled: true) %>
+<% end %>

data/app/views/bs5/examples/tooltips/default/snippet.html.erb

@@ -0,0 +1,7 @@
+<p class="muted">
+  Tight pants next level keffiyeh <%= link_to('you probably', '#', bs5_tooltip('Default tooltip')) %> haven't heard of them.
+  Photo booth beard raw denim letterpress vegan messenger bag stumptown.
+  Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel <%= link_to('have a', '#', bs5_tooltip('Another tooltip')) %> terry richardson vinyl chambray.
+  Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray.
+  A really ironic artisan <%= link_to('whatever keytar', '#', bs5_tooltip('Another one here too')) %>, scenester farm-to-table banksy Austin <%= link_to('twitter handle', '#', bs5_tooltip('The last tip!')) %> freegan cred raw denim single-origin coffee viral.
+</p>

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

@@ -0,0 +1,3 @@
+<h1 id='accordion'>Accordion</h1>
+<%= render 'bs5/examples/accordion/default/example' %>
+<%= render 'bs5/examples/accordion/flush/example' %>

data/app/views/bs5/{examples/_alert.html.erb → pages/alert.html.erb}

@@ -1,4 +1,4 @@
-<h2>Alert</h2>
+<h1 id='alert'>Alert</h1>
 <%= render 'bs5/examples/alert/default/example' %>
 <%= render 'bs5/examples/alert/style/example' %>
 <%= render 'bs5/examples/alert/additional_content/example' %>

data/app/views/bs5/{examples/_badge.html.erb → pages/badge.html.erb}

@@ -1,4 +1,4 @@
-<h2>Badge</h2>
+<h1 id='badge'>Badge</h1>
 <%= render 'bs5/examples/badge/default/example' %>
 <%= render 'bs5/examples/badge/style/example' %>
 <%= render 'bs5/examples/badge/pill/example' %>

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

@@ -0,0 +1,2 @@
+<h1 id='breadcrumb'>Breadcrumb</h1>
+<%= render 'bs5/examples/breadcrumb/default/example' %>

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

@@ -0,0 +1,11 @@
+<h1 id='buttons'>Buttons</h1>
+<h2>Decorating Rails' <code>button_tag</code></h2>
+<%= render 'bs5/examples/buttons/button_tag/default/example' %>
+<%= render 'bs5/examples/buttons/button_tag/style/example' %>
+<%= render 'bs5/examples/buttons/button_tag/outline/example' %>
+<%= render 'bs5/examples/buttons/button_tag/size/example' %>
+<%= render 'bs5/examples/buttons/button_tag/block_buttons/example' %>
+<%= render 'bs5/examples/buttons/button_tag/toggle_states/example' %>
+
+<h2>Decorating Rails' <code>button_to</code></h2>
+<%= render 'bs5/examples/buttons/button_to/default/example' %>

data/app/views/bs5/{examples/_close_button.html.erb → pages/close_button.html.erb}

@@ -1,4 +1,4 @@
-<h2>Close button</h2>
+<h1 id='close_button'>Close button</h1>
 <%= render 'bs5/examples/close_button/default/example' %>
 <%= render 'bs5/examples/close_button/disabled/example' %>
 <%= render 'bs5/examples/close_button/white/example' %>

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

@@ -0,0 +1,11 @@
+<h1 id='list_group'>List group</h1>
+<%= render 'bs5/examples/list_group/default/example' %>
+<%= render 'bs5/examples/list_group/active/example' %>
+<%= render 'bs5/examples/list_group/disabled/example' %>
+<%= render 'bs5/examples/list_group/actionable/example' %>
+<%= render 'bs5/examples/list_group/flush/example' %>
+<%= render 'bs5/examples/list_group/horizontal/example' %>
+<%= render 'bs5/examples/list_group/style/example' %>
+<%= render 'bs5/examples/list_group/with_badges/example' %>
+<%= render 'bs5/examples/list_group/custom_content/example' %>
+<%= render 'bs5/examples/list_group/checkboxes_and_radios/example' %>

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

@@ -0,0 +1,2 @@
+<h1 id='tooltip'>Tooltips</h1>
+<%= render 'bs5/examples/tooltips/default/example' %>

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

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Bs5</title>
+  <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
+  <%= stylesheet_pack_tag 'styles', media: 'all', 'data-turbolinks-track': 'reload' %>
+  <style><%= Rouge::Themes::Github.render(scope: '.highlight') %></style>
+</head>
+<body>
+  <div class="container">
+    <div class="row">
+      <div class="col">
+        <div class="sticky-top">
+          <%= bs5_list_group(flush: true) do |lg| %>
+            <% lg.slot(:item, active: current_page?(pages_path('accordion'))) do %><%= link_to 'Accordion', pages_path('accordion') %><% end %>
+            <% lg.slot(:item, active: current_page?(pages_path('alert'))) do %><%= link_to 'Alert', pages_path('alert') %><% end %>
+            <% lg.slot(:item, active: current_page?(pages_path('badge'))) do %><%= link_to 'Badge', pages_path('badge') %><% end %>
+            <% lg.slot(:item, active: current_page?(pages_path('breadcrumb'))) do %><%= link_to 'Breadcrumb', pages_path('breadcrumb') %><% end %>
+            <% lg.slot(:item, active: current_page?(pages_path('buttons'))) do %><%= link_to 'Buttons', pages_path('buttons') %><% end %>
+            <% lg.slot(:item, active: current_page?(pages_path('close_button'))) do %><%= link_to 'Close button', pages_path('close_button') %><% end %>
+            <% lg.slot(:item, active: current_page?(pages_path('list_group'))) do %><%= link_to 'List group', pages_path('list_group') %><% end %>
+            <% lg.slot(:item, active: current_page?(pages_path('tooltips'))) do %><%= link_to 'Tooltips', pages_path('tooltips') %><% end %>
+          <%- end %>
+        </div>
+      </div>
+      <div class="col-10">
+        <%= yield %>
+      </div>
+    </div>
+  </div>
+</body>
+</html>

data/config/definitions.rb

@@ -0,0 +1,31 @@
+# The following comments fill some of the gaps in Solargraph's understanding of
+# Rails apps. Since they're all in YARD, they get mapped in Solargraph but
+# ignored at runtime.
+#
+# You can put this file anywhere in the project, as long as it gets included in
+# the workspace maps. It's recommended that you keep it in a standalone file
+# instead of pasting it into an existing one.
+#
+# @!parse
+#   class ActionController::Base
+#     include ActionController::MimeResponds
+#     extend ActiveSupport::Callbacks::ClassMethods
+#     extend AbstractController::Callbacks::ClassMethods
+#   end
+#   class ActiveRecord::Base
+#     extend ActiveRecord::QueryMethods
+#     extend ActiveRecord::FinderMethods
+#     extend ActiveRecord::Associations::ClassMethods
+#     extend ActiveRecord::Inheritance::ClassMethods
+#     include ActiveRecord::Persistence
+#   end
+# @!override ActiveRecord::FinderMethods#find
+#   @overload find(id)
+#     @param id [Integer]
+#     @return [self]
+#   @overload find(list)
+#     @param list [Array]
+#     @return [Array<self>]
+#   @overload find(*args)
+#     @return [Array<self>]
+#   @return [self, Array<self>]

data/config/locales/en.yml

@@ -6,3 +6,15 @@ en:
           attributes:
             style:
               inclusion: "is not included in the list: %{valid_styles}."
+        bs5/button_tag_component:
+          attributes:
+            style:
+              inclusion: "is not included in the list: %{valid_styles}."
+            size:
+              inclusion: "is not included in the list: %{valid_sizes}."
+        bs5/button_to_component:
+          attributes:
+            style:
+              inclusion: "is not included in the list: %{valid_styles}."
+            size:
+              inclusion: "is not included in the list: %{valid_sizes}."

data/config/routes.rb

@@ -1,7 +1,7 @@
 # frozen_string_literal: true
 
 Bs5::Engine.routes.draw do
-  get 'examples/index'
+  get 'pages/:page', to: 'pages#show', as: :pages
 
-  root to: 'examples#index'
+  root to: 'pages#show', page: 'accordion'
 end

data/lib/bs5/version.rb

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

data/lib/generators/bs5/install/install_generator.rb

@@ -2,6 +2,8 @@
 
 module Bs5
   class InstallGenerator < Rails::Generators::Base
+    source_root File.expand_path('templates', __dir__)
+
     def add_bootstrap # rubocop:disable Metrics/MethodLength
       run 'yarn add bootstrap@next popper.js'
 
@@ -9,6 +11,16 @@ module Bs5
         @import "~bootstrap/scss/bootstrap";
       HEREDOC
 
+      copy_file 'bs5.js', 'app/javascript/bs5.js'
+
+      append_file 'app/javascript/packs/application.js', <<~HEREDOC
+        import * as bs5 from "bs5";
+
+        document.addEventListener("turbolinks:load", function () {
+          bs5.start();
+        });
+      HEREDOC
+
       inject_into_file 'app/views/layouts/application.html.erb', before: '</head>' do
         <<~HEREDOC
           <%= stylesheet_pack_tag 'styles', media: 'all', 'data-turbolinks-track': 'reload' %>
@@ -27,10 +39,6 @@ module Bs5
         HEREDOC
       end
 
-      append_file 'app/javascript/packs/application.js', <<~HEREDOC
-        import "bootstrap";
-      HEREDOC
-
       gsub_file 'config/webpacker.yml', 'extract_css: false', 'extract_css: true'
     end
   end

data/lib/generators/bs5/install/templates/bs5.js

@@ -0,0 +1,14 @@
+import * as bootstrap from "bootstrap";
+
+function tooltipify() {
+  const tooltipTriggerList = [].slice.call(
+    document.querySelectorAll('[data-toggle="tooltip"]')
+  );
+  tooltipTriggerList.map(function (tooltipTriggerEl) {
+    return new bootstrap.Tooltip(tooltipTriggerEl);
+  });
+}
+
+export function start() {
+  tooltipify();
+}

metadata

@@ -1,15 +1,29 @@
 --- !ruby/object:Gem::Specification
 name: bs5
 version: !ruby/object:Gem::Version
-  version: 0.0.8
+  version: 0.0.13
 platform: ruby
 authors:
 - Patrick Baselier
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-11-22 00:00:00.000000000 Z
+date: 2020-12-06 00:00:00.000000000 Z
 dependencies:
+- !ruby/object:Gem::Dependency
+  name: nokogiri
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.10.10
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.10.10
 - !ruby/object:Gem::Dependency
   name: rails
   requirement: !ruby/object:Gem::Requirement
@@ -134,22 +148,21 @@ files:
 - app/components/bs5/badge_component.rb
 - app/components/bs5/breadcrumb_component.html.erb
 - app/components/bs5/breadcrumb_component.rb
+- app/components/bs5/button_tag_component.rb
+- app/components/bs5/button_to_component.rb
 - app/components/bs5/close_button_component.html.erb
 - app/components/bs5/close_button_component.rb
 - app/components/bs5/example_component.html.erb
 - app/components/bs5/example_component.rb
+- app/components/bs5/list_group_component.html.erb
+- app/components/bs5/list_group_component.rb
 - app/controllers/bs5/application_controller.rb
-- app/controllers/bs5/examples_controller.rb
+- app/controllers/bs5/pages_controller.rb
 - app/helpers/bs5/application_helper.rb
 - app/helpers/bs5/components_helper.rb
 - app/helpers/bs5/examples_helper.rb
 - app/models/bs5/application_record.rb
 - app/validators/style_validator.rb
-- app/views/bs5/examples/_accordion.html.erb
-- app/views/bs5/examples/_alert.html.erb
-- app/views/bs5/examples/_badge.html.erb
-- app/views/bs5/examples/_breadcrumb.html.erb
-- app/views/bs5/examples/_close_button.html.erb
 - app/views/bs5/examples/accordion/default/_example.html.erb
 - app/views/bs5/examples/accordion/default/snippet.html.erb
 - app/views/bs5/examples/accordion/flush/_example.html.erb
@@ -170,14 +183,68 @@ files:
 - app/views/bs5/examples/badge/style/snippet.html.erb
 - app/views/bs5/examples/breadcrumb/default/_example.html.erb
 - app/views/bs5/examples/breadcrumb/default/snippet.html.erb
+- app/views/bs5/examples/buttons/button_tag/block_buttons/_example.html.erb
+- app/views/bs5/examples/buttons/button_tag/block_buttons/block_buttons.html.erb
+- app/views/bs5/examples/buttons/button_tag/block_buttons/responsive_block_buttons_1.html.erb
+- app/views/bs5/examples/buttons/button_tag/block_buttons/responsive_block_buttons_2.html.erb
+- app/views/bs5/examples/buttons/button_tag/block_buttons/responsive_block_buttons_3.html.erb
+- app/views/bs5/examples/buttons/button_tag/default/_example.html.erb
+- app/views/bs5/examples/buttons/button_tag/default/snippet.html.erb
+- app/views/bs5/examples/buttons/button_tag/outline/_example.html.erb
+- app/views/bs5/examples/buttons/button_tag/outline/snippet.html.erb
+- app/views/bs5/examples/buttons/button_tag/size/_example.html.erb
+- app/views/bs5/examples/buttons/button_tag/size/large.html.erb
+- app/views/bs5/examples/buttons/button_tag/size/small.html.erb
+- app/views/bs5/examples/buttons/button_tag/style/_example.html.erb
+- app/views/bs5/examples/buttons/button_tag/style/snippet.html.erb
+- app/views/bs5/examples/buttons/button_tag/toggle_states/_example.html.erb
+- app/views/bs5/examples/buttons/button_tag/toggle_states/snippet.html.erb
+- app/views/bs5/examples/buttons/button_to/default/_example.html.erb
+- app/views/bs5/examples/buttons/button_to/default/snippet.html.erb
 - app/views/bs5/examples/close_button/default/_example.html.erb
 - app/views/bs5/examples/close_button/default/snippet.html.erb
 - app/views/bs5/examples/close_button/disabled/_example.html.erb
 - app/views/bs5/examples/close_button/disabled/snippet.html.erb
 - app/views/bs5/examples/close_button/white/_example.html.erb
 - app/views/bs5/examples/close_button/white/snippet.html.erb
-- app/views/bs5/examples/index.html.erb
+- app/views/bs5/examples/list_group/actionable/_example.html.erb
+- app/views/bs5/examples/list_group/actionable/button.html.erb
+- app/views/bs5/examples/list_group/actionable/snippet.html.erb
+- app/views/bs5/examples/list_group/active/_example.html.erb
+- app/views/bs5/examples/list_group/active/snippet.html.erb
+- app/views/bs5/examples/list_group/checkboxes_and_radios/_example.html.erb
+- app/views/bs5/examples/list_group/checkboxes_and_radios/default.html.erb
+- app/views/bs5/examples/list_group/checkboxes_and_radios/with_labels.html.erb
+- app/views/bs5/examples/list_group/custom_content/_example.html.erb
+- app/views/bs5/examples/list_group/custom_content/default.html.erb
+- app/views/bs5/examples/list_group/default/_example.html.erb
+- app/views/bs5/examples/list_group/default/snippet.html.erb
+- app/views/bs5/examples/list_group/disabled/_example.html.erb
+- app/views/bs5/examples/list_group/disabled/snippet.html.erb
+- app/views/bs5/examples/list_group/flush/_example.html.erb
+- app/views/bs5/examples/list_group/flush/snippet.html.erb
+- app/views/bs5/examples/list_group/horizontal/_example.html.erb
+- app/views/bs5/examples/list_group/horizontal/snippet.html.erb
+- app/views/bs5/examples/list_group/style/_example.html.erb
+- app/views/bs5/examples/list_group/style/actionable.html.erb
+- app/views/bs5/examples/list_group/style/default.html.erb
+- app/views/bs5/examples/list_group/with_badges/_example.html.erb
+- app/views/bs5/examples/list_group/with_badges/default.html.erb
+- app/views/bs5/examples/tooltips/default/_example.html.erb
+- app/views/bs5/examples/tooltips/default/buttons.html.erb
+- app/views/bs5/examples/tooltips/default/disabled_elements.html.erb
+- app/views/bs5/examples/tooltips/default/snippet.html.erb
+- app/views/bs5/pages/accordion.html.erb
+- app/views/bs5/pages/alert.html.erb
+- app/views/bs5/pages/badge.html.erb
+- app/views/bs5/pages/breadcrumb.html.erb
+- app/views/bs5/pages/buttons.html.erb
+- app/views/bs5/pages/close_button.html.erb
+- app/views/bs5/pages/list_group.html.erb
+- app/views/bs5/pages/tooltips.html.erb
 - app/views/layouts/bs5/application.html.erb
+- app/views/layouts/bs5/pages.html.erb
+- config/definitions.rb
 - config/locales/en.yml
 - config/routes.rb
 - lib/bs5.rb
@@ -185,6 +252,7 @@ files:
 - lib/bs5/version.rb
 - lib/generators/bs5/install/USAGE
 - lib/generators/bs5/install/install_generator.rb
+- lib/generators/bs5/install/templates/bs5.js
 - lib/tasks/bs5_tasks.rake
 - lib/tasks/ci.rake
 - lib/tasks/rubocop.rake

data/app/controllers/bs5/examples_controller.rb

@@ -1,9 +0,0 @@
-# frozen_string_literal: true
-
-require_dependency 'bs5/application_controller'
-
-module Bs5
-  class ExamplesController < ApplicationController
-    def index; end
-  end
-end

data/app/views/bs5/examples/_accordion.html.erb

@@ -1,3 +0,0 @@
-<h2>Accordion</h2>
-<%= render 'bs5/examples/accordion/default/example' %>
-<%= render 'bs5/examples/accordion/flush/example' %>

data/app/views/bs5/examples/_breadcrumb.html.erb

@@ -1,2 +0,0 @@
-<h2>Breadcrumb</h2>
-<%= render 'bs5/examples/breadcrumb/default/example' %>

data/app/views/bs5/examples/index.html.erb

@@ -1,21 +0,0 @@
-  <div class="row">
-    <div class="col">
-      <div class="sticky-top">
-        <ul class="nav flex-column">
-        <li>Accordion</li>
-        <li>Alert</li>
-        <li>Badge</li>
-        <li>Close button</li>
-        <li>Breadcrumb</li>
-        </ul>
-      </div>
-    </div>
-    <div class="col-10">
-      <h1>Bootstrap Examples</h1>
-      <%= render 'accordion' %>
-      <%= render 'alert' %>
-      <%= render 'badge' %>
-      <%= render 'close_button' %>
-      <%= render 'breadcrumb' %>
-    </div>
-  </div>