matestack-ui-bootstrap 1.4.0 → 2.1.0

data/lib/matestack/ui/bootstrap/form/switch.rb

@@ -0,0 +1,32 @@
+class Matestack::Ui::Bootstrap::Form::Switch < Matestack::Ui::Bootstrap::Form::Checkbox
+
+  include Matestack::Ui::Bootstrap::Registry
+
+  vue_name "matestack-ui-core-form-checkbox"
+
+  optional :form_text
+  optional :disabled
+  optional :variant
+
+  def response
+    div class: "matestack-ui-bootstrap-switch" do
+      label input_label, class: "form-label", ":for": id if input_label && multiple?
+      render_options
+      render_errors
+      plain context.form_text
+      render_form_text if context.form_text
+    end
+  end
+
+  private
+
+  def checkbox_wrapper(options = {}, &block)
+    wrapper_attributes = (options[:attributes] || {}).merge({
+      class: "form-check form-switch #{'form-check-inline' if context.variant == :inline}"
+    })
+    div wrapper_attributes do
+      yield if block_given?
+    end
+  end
+
+end

data/lib/matestack/ui/bootstrap/form/textarea.rb

@@ -0,0 +1,49 @@
+class Matestack::Ui::Bootstrap::Form::Textarea < Matestack::Ui::VueJs::Components::Form::Textarea
+
+  include Matestack::Ui::Bootstrap::Registry
+
+  vue_name "matestack-ui-core-form-textarea"
+
+  optional :form_text
+  optional :disabled
+  optional :placeholder
+  optional :rows
+  optional :cols
+
+  def response
+    div class: "matestack-ui-bootstrap-textarea" do
+      label input_label, ":for": id,  class: "form-label" if input_label
+      textarea options.merge(textarea_attributes).merge(bootstrap_textarea_attributes)
+      render_errors
+      render_form_text if context.form_text
+    end
+  end
+
+  def bootstrap_textarea_attributes
+    {
+      class: (options[:class] || "") << (" form-control"),
+      rows: context.rows,
+      cols: context.cols,
+      disabled: context.disabled
+    }
+  end
+
+  def render_errors
+    if display_errors?
+      div class: 'invalid-feedback', 'v-for': "error in #{error_key}" do
+        plain '{{ error }}'
+      end
+    end
+  end
+
+  def input_error_class
+    'is-invalid'
+  end
+
+  def render_form_text
+    div class: "form-text form-text-for-#{attribute_key}" do
+      plain context.form_text
+    end
+  end
+
+end

data/lib/matestack/ui/bootstrap/index.js

@@ -0,0 +1,24 @@
+// This file is automatically compiled by Webpack, along with any other files
+// present in this directory. You're encouraged to place your actual application logic in
+// a relevant structure within javascript and only use these pack files to reference
+// that code so it'll be compiled.
+
+import "./stylesheets/matestack-ui-bootstrap.scss";
+
+import './components/alert'
+import './components/carousel'
+import './components/collapse'
+import './components/dropdown'
+import './components/modal'
+import './components/toast'
+import './components/popover'
+import './components/tooltip'
+import './layout/sidebar'
+import './layout/sidebar.scss'
+import './content/smart_collection/collection.scss'
+
+const MatestackUiBootstrap = {}
+
+window.MatestackUiBootstrap = MatestackUiBootstrap
+
+export default MatestackUiBootstrap

data/lib/matestack/ui/bootstrap/layout/column.rb

@@ -0,0 +1,49 @@
+require_relative "../base_component"
+
+class Matestack::Ui::Bootstrap::Layout::Column < Matestack::Ui::Bootstrap::BaseComponent
+
+  COL_ATTRIBUTES = %i[default sm md lg xl xxl]
+  optional *COL_ATTRIBUTES
+
+  ORDER_ATTRIBUTES = %i[order order_sm order_md order_lg order_xl order_xxl]
+  optional *ORDER_ATTRIBUTES
+
+  OFFSET_ATTRIBUTES = %i[offset offset_sm offset_md offset_lg offset_xl offset_xxl]
+  optional *OFFSET_ATTRIBUTES
+
+  optional class: { as:  :bs_class }
+  optional :align_self
+
+  def response
+    div col_attributes do
+      yield if block_given?
+    end
+  end
+
+  protected
+
+  def col_attributes
+    options.merge(
+      class: col_classes
+    )
+  end
+
+  def col_classes
+    classes = []
+    COL_ATTRIBUTES.each do |attrs|
+      classes << "col-#{ context.send("#{attrs}") }" if attrs == :default and context.send("#{attrs}")
+      classes << "col-#{attrs}-#{ context.send("#{attrs}") }" if attrs != :default and context.send("#{attrs}")
+    end
+    ORDER_ATTRIBUTES.each do |attrs|
+      classes << "#{attrs}-#{ context.send("#{attrs}") }".gsub('_', '-') if context.send("#{attrs}")
+    end
+    OFFSET_ATTRIBUTES.each do |attrs|
+      classes << "#{attrs}-#{ context.send("#{attrs}") }".gsub('_', '-') if context.send("#{attrs}")
+    end
+    classes << "align-self-#{context.align_self}" if context.align_self.present?
+    classes << "col" if classes.blank?
+    classes << context.bs_class
+    classes.join(' ').strip
+  end
+
+end

data/{app/concepts → lib}/matestack/ui/bootstrap/layout/container.rb

@@ -1,25 +1,28 @@
-class Matestack::Ui::Bootstrap::Layout::Container < Matestack::Ui::Component
+require_relative "../base_component"
 
-  optional :size, class: { as: :bs_class }
+class Matestack::Ui::Bootstrap::Layout::Container < Matestack::Ui::Bootstrap::BaseComponent
 
-  def response 
+  optional :size
+
+  def response
     div container_attributes do
-      yield_components
+      yield
     end
   end
 
   protected
-  
+
   def container_attributes
-    html_attributes.merge(
+    options.merge(
       class: container_classes
     )
   end
 
   def container_classes
     [].tap do |classes|
-      classes << (size.present? ? "container-#{size}" : "container")
-      classes << bs_class
+      classes << (context.size.present? ? "container-#{context.size}" : "container")
+      classes << options[:class]
     end.join(' ').strip
   end
-end
+
+end

data/lib/matestack/ui/bootstrap/layout/row.rb

@@ -0,0 +1,25 @@
+require_relative "../base_component"
+
+class Matestack::Ui::Bootstrap::Layout::Row < Matestack::Ui::Bootstrap::BaseComponent
+
+  optional :vertical
+  optional :horizontal
+  optional class: { as:  :bs_class }
+
+  def response
+    div options.merge(class: row_classes) do
+      yield if block_given?
+    end
+  end
+
+  def row_classes
+    classes = ["row"]
+
+    classes << "align-items-#{context.vertical}" if context.vertical.present?
+    classes << "justify-content-#{context.horizontal}" if context.horizontal.present?
+    classes << "#{context.bs_class}" if context.bs_class.present?
+
+    classes.join(' ')
+  end
+
+end

data/{app/concepts → lib}/matestack/ui/bootstrap/layout/sidebar.js

@@ -1,6 +1,9 @@
-const bootstrap = require('bootstrap')
+import * as bootstrap from 'bootstrap'
+import Vue from 'vue/dist/vue.esm'
 
-MatestackUiCore.Vue.component('matestack-ui-bootstrap-sidebar', {
+import MatestackUiCore from 'matestack-ui-core'
+
+Vue.component('matestack-ui-bootstrap-sidebar', {
   mixins: [MatestackUiCore.componentMixin],
 
   data() {

data/{app/concepts → lib}/matestack/ui/bootstrap/layout/sidebar.rb

@@ -1,20 +1,21 @@
-class Matestack::Ui::Bootstrap::Layout::Sidebar < Matestack::Ui::VueJsComponent
+require_relative "../base_vue_js_component"
 
-  vue_js_component_name "matestack-ui-bootstrap-sidebar"
+class Matestack::Ui::Bootstrap::Layout::Sidebar < Matestack::Ui::Bootstrap::BaseVueJsComponent
+
+  vue_name "matestack-ui-bootstrap-sidebar"
 
-  optional :slots
   optional :sidebar_navigation_items
 
   def response
     div class: "sidebar-wrapper shadow-sm bg-white", id: "sidebar" do
       nav class: 'sidebar pt-4 px-3' do
         div class: "sidebar-toggler" do
-          bs_btn variant: :link, attributes: { "@click": "sidebarToggle" } do
+          bs_btn variant: :link, "@click": "sidebarToggle" do
             bs_icon name: "list", size: 25, class: "text-muted"
           end
         end
         div class: "sidebar-top mb-3" do
-          slot slots[:sidebar_top] if slots[:sidebar_top].present?
+          slot :sidebar_top if slots && slots[:sidebar_top].present?
         end
         div class: "sidebar-navigation my-3" do
           sidebar_navigation_partial
@@ -25,21 +26,20 @@ class Matestack::Ui::Bootstrap::Layout::Sidebar < Matestack::Ui::VueJsComponent
 
   def sidebar_navigation_partial
     div class: "list-group" do
-      sidebar_navigation_items.each do |item|
+      context.sidebar_navigation_items.each do |item|
         if item[:type] == :link
-          link class: "list-group-item list-group-item-action border-0 rounded", path: item[:path] do
+          a class: "list-group-item list-group-item-action border-0 rounded", href: item[:path] do
             bs_icon name: item[:icon], size: 20 if item[:icon]
-            span class: "ps-3", text: item[:text] if item[:text]
+            span item[:text], class: "ps-3" if item[:text]
           end
         else
           transition class: "list-group-item list-group-item-action border-0 rounded", path: item[:path], delay: item[:delay] || 300 do
             bs_icon name: item[:icon], size: 20 if item[:icon]
-            span class: "ps-3", text: item[:text] if item[:text]
+            span item[:text], class: "ps-3" if item[:text]
           end
         end
       end
     end
   end
 
-
 end

data/lib/matestack/ui/bootstrap/registry.rb

@@ -0,0 +1,173 @@
+module Matestack::Ui::Bootstrap::Registry
+
+  def bs_accordion(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Components::Accordion.(text, options, &block)
+  end
+
+  def bs_alert(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Components::Alert.(text, options, &block)
+  end
+
+  def bs_avatar(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Components::Avatar.(text, options, &block)
+  end
+
+  def bs_badge(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Components::Badge.(text, options, &block)
+  end
+
+  def bs_breadcrumb(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Components::Breadcrumb.(text, options, &block)
+  end
+
+  def bs_btn(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Components::Button.(text, options, &block)
+  end
+
+  def bs_btn_group(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Components::ButtonGroup.(text, options, &block)
+  end
+
+  def bs_card(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Components::Card.(text, options, &block)
+  end
+
+  def bs_carousel(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Components::Carousel.(text, options, &block)
+  end
+
+  def bs_close(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Components::Close.(text, options, &block)
+  end
+
+  def bs_collapse(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Components::Collapse.(text, options, &block)
+  end
+
+  def bs_dropdown(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Components::Dropdown.(text, options, &block)
+  end
+
+  def bs_icon(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Components::Icon.(text, options, &block)
+  end
+
+  def bs_list_group(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Components::ListGroup.(text, options, &block)
+  end
+
+  def bs_modal(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Components::Modal.(text, options, &block)
+  end
+
+  def bs_navbar(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Components::Navbar.(text, options, &block)
+  end
+
+  def bs_pagination(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Components::Pagination.(text, options, &block)
+  end
+
+  def bs_page_heading(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Components::PageHeading.(text, options, &block)
+  end
+
+  def bs_popover(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Components::Popover.(text, options, &block)
+  end
+
+  def bs_progress(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Components::Progress.(text, options, &block)
+  end
+
+  def bs_scrollspy(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Components::Scrollspy.(text, options, &block)
+  end
+
+  def bs_section_card(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Components::SectionCard.(text, options, &block)
+  end
+
+  def bs_spinner(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Components::Spinner.(text, options, &block)
+  end
+
+  def bs_tab_nav(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Components::TabNav.(text, options, &block)
+  end
+
+  def bs_tab_nav_content(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Components::TabNavContent.(text, options, &block)
+  end
+
+  def bs_toast(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Components::Toast.(text, options, &block)
+  end
+
+  def bs_tooltip(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Components::Tooltip.(text, options, &block)
+  end
+
+
+
+  def bs_form_input(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Form::Input.(text, options, &block)
+  end
+
+  def bs_form_textarea(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Form::Textarea.(text, options, &block)
+  end
+
+  def bs_form_select(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Form::Select.(text, options, &block)
+  end
+
+  def bs_form_checkbox(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Form::Checkbox.(text, options, &block)
+  end
+
+  def bs_form_radio(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Form::Radio.(text, options, &block)
+  end
+
+  def bs_form_switch(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Form::Switch.(text, options, &block)
+  end
+
+  def bs_form_submit(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Form::Submit.(text, options, &block)
+  end
+
+
+
+
+  def bs_figure(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Content::Figure.(text, options, &block)
+  end
+
+  def bs_smart_collection(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Content::SmartCollection::Collection.(text, options, &block)
+  end
+
+
+
+
+  def bs_col(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Layout::Column.(text, options, &block)
+  end
+
+  def bs_container(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Layout::Container.(text, options, &block)
+  end
+
+  def bs_row(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Layout::Row.(text, options, &block)
+  end
+
+  def bs_sidebar(text=nil, options=nil, &block)
+    Matestack::Ui::Bootstrap::Layout::Sidebar.(text, options, &block)
+  end
+
+
+
+end