effective_bootstrap 0.9.19 → 0.9.24

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 04b7e635983b64f81aecbaf7d6c716f0d908d1685a643b2e88d1f335e2cfe679
-  data.tar.gz: 3441003e31c25feb10896739a58373f2e9f0b81d640413a1c6043196df5e7429
+  metadata.gz: 9e3b9c4a0be1d9efbe01b7cc9d4fbd40cc9c2b5be9b069e4ed38603bdf650316
+  data.tar.gz: 013a278ce24f5a45c44be26d57943ae5c263a97182175964b47adb6ad8705fc5
 SHA512:
-  metadata.gz: 03f84fa9001e3dbe3844d9d4d1d811d0369d3020ee367b3297bd1639dfe42f2b9a184c7047e2286eff65af730f005c629c6cbc110472f1e3aab9df6b9d6b0c4f
-  data.tar.gz: 4095a858d118ebe4b31b0195afcc57ca2078b3a3c8cdd2eb930f93e68af7bd03aa355d3f86fc256e057e2ef5f70ea0e2a241ca4be3eb89385f851a95d4f4e379
+  metadata.gz: 8be225273013f47a0cb79e8d5849d494c13005393db8128bbe935b7f3c9d3d35b1b1d430239770f97bdb13b4e109386996c8c99a0e0b167c5160daaaff1cbc57
+  data.tar.gz: '08db95e5b85da09ffe4db682d0936f571ad2ffa8253eb21fd7f00e41880b54a7c56c900ff218a7cdf162b7c72c2f804aed3a6e3bc2b58bd43f46b687dc3bd166'

data/app/assets/javascripts/effective_bootstrap.js

@@ -23,5 +23,6 @@
 //= require ./effective_phone/input
 //= require ./effective_price/input
 //= require ./effective_radio/input
+//= require ./effective_rich_text_area/input
 //= require ./effective_select/input
 //= require ./effective_select_or_text/input

data/app/assets/javascripts/effective_bootstrap/form.js.coffee

@@ -4,6 +4,7 @@ this.EffectiveForm ||= new class
   remote_form_commit: ''              # String containing the last params[:commit]
   remote_form_payload: ''             # String containing html from server side render of this form
   remote_form_flash: ''               # Array of Arrays
+  remote_form_redirect: ''            # String containing the redirect path (optional)
 
   validate: (form) ->
     valid = form.checkValidity()
@@ -73,6 +74,11 @@ this.EffectiveForm ||= new class
     $target = $target.closest('form') unless $target.is('form')
     $form = ''
 
+    if @remote_form_redirect.length > 0
+      window.location.href = @remote_form_redirect
+      @remote_form_redirect = ''
+      return
+
     if @remote_form_payload.length > 0
       $payload = $("<div>#{@remote_form_payload}</div>")
       $form = $payload.find("form[data-remote-index='#{$target.data('remote-index')}']")
@@ -160,7 +166,7 @@ this.EffectiveForm ||= new class
 # This displays the spinner here, and directs any flash messages before and after loadRemoteForm
 $(document).on 'click', '.form-actions a[data-remote],.form-actions button[type=submit]', (event) ->
   EffectiveForm.setCurrentSubmit($(@).parent())
-  EffectiveForm.spin()
+  EffectiveForm.spin() unless $(@).attr('data-confirm')
 
 # This actually attached the handlers to a remote ajax form when it or an action inside it triggers a remote thing.
 $(document).on 'ajax:beforeSend', 'form[data-remote]', (event) ->

data/app/assets/javascripts/effective_has_many/initialize.js.coffee

@@ -3,7 +3,7 @@ assignPositions = (target) ->
   return unless $hasMany.length > 0
 
   $fields = $hasMany.children('.has-many-fields:not(.marked-for-destruction)')
-  positions = $fields.find("input[name$='[position]']").map(-> this.value).get()
+  positions = $fields.find("input[name$='[position]'][type=hidden]").map(-> this.value).get()
 
   if positions.length > 0
     index = Math.min.apply(Math, positions) || 0
@@ -35,7 +35,7 @@ $(document).on 'click', '[data-effective-form-has-many-add]', (event) ->
   return unless $hasMany.length > 0
 
   uid = (new Date).valueOf()
-  template = $obj.data('effective-form-has-many-template').replace(/HASMANYINDEX/g, uid)
+  template = atob($obj.data('effective-form-has-many-template')).replace(/HASMANYINDEX/g, uid)
 
   $fields = $(template).hide().fadeIn('fast')
   EffectiveBootstrap.initialize($fields)

data/app/assets/javascripts/effective_rich_text_area/extensions.js

@@ -0,0 +1,171 @@
+// https://github.com/lazaronixon/trix-extensions/blob/master/app/javascript/richtext.js
+
+if(window.Trix) {
+
+  addHeadingAttributes()
+  addForegroundColorAttributes()
+  addBackgroundColorAttributes()
+
+  addEventListener('trix-initialize', function (event) { new RichText(event.target) })
+
+  addEventListener('trix-action-invoke', function (event) {
+    if (event.actionName == 'x-horizontal-rule') insertHorizontalRule()
+
+    function insertHorizontalRule() {
+      event.target.editor.insertAttachment(buildHorizontalRule())
+    }
+
+    function buildHorizontalRule() {
+      return new Trix.Attachment({ content: '<hr>', contentType: 'vnd.rubyonrails.horizontal-rule.html' })
+    }
+  })
+
+  class RichText {
+    constructor(element) {
+      this.element = element
+
+      this.insertHeadingElements()
+      this.insertDividerElements()
+      this.insertColorElements()
+    }
+
+    insertHeadingElements() {
+      this.removeOriginalHeadingButton()
+      this.insertNewHeadingButton()
+      this.insertHeadingDialog()
+    }
+
+    removeOriginalHeadingButton() {
+      this.buttonGroupBlockTools.removeChild(this.originalHeadingButton)
+    }
+
+    insertNewHeadingButton() {
+      this.buttonGroupBlockTools.insertAdjacentHTML("afterbegin", this.headingButtonTemplate)
+    }
+
+    insertHeadingDialog() {
+      this.dialogsElement.insertAdjacentHTML("beforeend", this.dialogHeadingTemplate)
+    }
+
+    insertDividerElements() {
+      this.quoteButton.insertAdjacentHTML("afterend", this.horizontalButtonTemplate)
+    }
+
+    insertColorElements() {
+      this.insertColorButton()
+      this.insertDialogColor()
+    }
+
+    insertColorButton() {
+      this.buttonGroupTextTools.insertAdjacentHTML("beforeend", this.colorButtonTemplate)
+    }
+
+    insertDialogColor() {
+      this.dialogsElement.insertAdjacentHTML("beforeend", this.dialogColorTemplate)
+    }
+
+    get buttonGroupBlockTools() {
+      return this.toolbarElement.querySelector("[data-trix-button-group=block-tools]")
+    }
+
+    get buttonGroupTextTools() {
+      return this.toolbarElement.querySelector("[data-trix-button-group=text-tools]")
+    }
+
+    get dialogsElement() {
+      return this.toolbarElement.querySelector("[data-trix-dialogs]")
+    }
+
+    get originalHeadingButton() {
+      return this.toolbarElement.querySelector("[data-trix-attribute=heading1]")
+    }
+
+    get quoteButton() {
+      return this.toolbarElement.querySelector("[data-trix-attribute=quote]")
+    }
+
+    get toolbarElement() {
+      return this.element.toolbarElement
+    }
+
+    get horizontalButtonTemplate() {
+      return '<button type="button" class="trix-button trix-button--icon trix-button--icon-horizontal-rule" data-trix-action="x-horizontal-rule" tabindex="-1" title="Divider">Divider</button>'
+    }
+
+    get headingButtonTemplate() {
+      return '<button type="button" class="trix-button trix-button--icon trix-button--icon-heading-1" data-trix-action="x-heading" title="Heading" tabindex="-1">Heading</button>'
+    }
+
+    get colorButtonTemplate() {
+      return '<button type="button" class="trix-button trix-button--icon trix-button--icon-color" data-trix-action="x-color" title="Color" tabindex="-1">Color</button>'
+    }
+
+    get dialogHeadingTemplate() {
+      return `
+        <div class="trix-dialog trix-dialog--heading" data-trix-dialog="x-heading" data-trix-dialog-attribute="x-heading">
+          <div class="trix-dialog__link-fields">
+            <input type="text" name="x-heading" class="trix-dialog-hidden__input" data-trix-input>
+            <div class="trix-button-group">
+              <button type="button" class="trix-button trix-button--dialog" data-trix-attribute="heading1">H1</button>
+              <button type="button" class="trix-button trix-button--dialog" data-trix-attribute="heading2">H2</button>
+              <button type="button" class="trix-button trix-button--dialog" data-trix-attribute="heading3">H3</button>
+              <button type="button" class="trix-button trix-button--dialog" data-trix-attribute="heading4">H4</button>
+              <button type="button" class="trix-button trix-button--dialog" data-trix-attribute="heading5">H5</button>
+            </div>
+          </div>
+        </div>
+      `
+    }
+
+    get dialogColorTemplate() {
+      return `
+        <div class="trix-dialog trix-dialog--color" data-trix-dialog="x-color" data-trix-dialog-attribute="x-color">
+          <div class="trix-dialog__link-fields">
+            <input type="text" name="x-color" class="trix-dialog-hidden__input" data-trix-input>
+            <div class="trix-button-group">
+              <button type="button" class="trix-button trix-button--dialog" data-trix-attribute="fgColor1" data-trix-method="hideDialog"></button>
+              <button type="button" class="trix-button trix-button--dialog" data-trix-attribute="fgColor2" data-trix-method="hideDialog"></button>
+              <button type="button" class="trix-button trix-button--dialog" data-trix-attribute="fgColor3" data-trix-method="hideDialog"></button>
+              <button type="button" class="trix-button trix-button--dialog" data-trix-attribute="fgColor4" data-trix-method="hideDialog"></button>
+              <button type="button" class="trix-button trix-button--dialog" data-trix-attribute="fgColor5" data-trix-method="hideDialog"></button>
+              <button type="button" class="trix-button trix-button--dialog" data-trix-attribute="fgColor6" data-trix-method="hideDialog"></button>
+              <button type="button" class="trix-button trix-button--dialog" data-trix-attribute="fgColor7" data-trix-method="hideDialog"></button>
+              <button type="button" class="trix-button trix-button--dialog" data-trix-attribute="fgColor8" data-trix-method="hideDialog"></button>
+              <button type="button" class="trix-button trix-button--dialog" data-trix-attribute="fgColor9" data-trix-method="hideDialog"></button>
+            </div>
+            <div class="trix-button-group">
+              <button type="button" class="trix-button trix-button--dialog" data-trix-attribute="bgColor1" data-trix-method="hideDialog"></button>
+              <button type="button" class="trix-button trix-button--dialog" data-trix-attribute="bgColor2" data-trix-method="hideDialog"></button>
+              <button type="button" class="trix-button trix-button--dialog" data-trix-attribute="bgColor3" data-trix-method="hideDialog"></button>
+              <button type="button" class="trix-button trix-button--dialog" data-trix-attribute="bgColor4" data-trix-method="hideDialog"></button>
+              <button type="button" class="trix-button trix-button--dialog" data-trix-attribute="bgColor5" data-trix-method="hideDialog"></button>
+              <button type="button" class="trix-button trix-button--dialog" data-trix-attribute="bgColor6" data-trix-method="hideDialog"></button>
+              <button type="button" class="trix-button trix-button--dialog" data-trix-attribute="bgColor7" data-trix-method="hideDialog"></button>
+              <button type="button" class="trix-button trix-button--dialog" data-trix-attribute="bgColor8" data-trix-method="hideDialog"></button>
+              <button type="button" class="trix-button trix-button--dialog" data-trix-attribute="bgColor9" data-trix-method="hideDialog"></button>
+            </div>
+          </div>
+        </div>
+      `
+    }
+  }
+
+  function addHeadingAttributes() {
+    Array.from(["h1", "h2", "h3", "h4", "h5"]).forEach((tagName, i) => {
+      Trix.config.blockAttributes[`heading${(i + 1)}`] = { tagName: tagName, terminal: true, breakOnReturn: true, group: false }
+    })
+  }
+
+  function addForegroundColorAttributes() {
+    Array.from(["rgb(136, 118, 38)", "rgb(185, 94, 6)", "rgb(207, 0, 0)", "rgb(216, 28, 170)", "rgb(144, 19, 254)", "rgb(5, 98, 185)", "rgb(17, 138, 15)", "rgb(148, 82, 22)", "rgb(102, 102, 102)"]).forEach((color, i) => {
+      Trix.config.textAttributes[`fgColor${(i + 1)}`] = { style: { color: color }, inheritable: true, parser: e => e.style.color == color }
+    })
+  }
+
+  function addBackgroundColorAttributes() {
+    Array.from(["rgb(250, 247, 133)", "rgb(255, 240, 219)", "rgb(255, 229, 229)", "rgb(255, 228, 247)", "rgb(242, 237, 255)", "rgb(225, 239, 252)", "rgb(228, 248, 226)", "rgb(238, 226, 215)", "rgb(242, 242, 242)"]).forEach((color, i) => {
+      Trix.config.textAttributes[`bgColor${(i + 1)}`] = { style: { backgroundColor: color }, inheritable: true, parser: e => e.style.backgroundColor == color }
+    })
+  }
+
+}

data/app/assets/javascripts/effective_rich_text_area/initialize.js

@@ -0,0 +1,20 @@
+if(window.Trix) {
+
+  window.Trix.config.blockAttributes.default.tagName = 'p';
+  window.Trix.config.blockAttributes.default.breakOnReturn = true;
+
+  window.Trix.Block.prototype.breaksOnReturn = function() {
+    const attr = this.getLastAttribute();
+    const config = Trix.getBlockConfig(attr ? attr : 'default');
+    return config ? config.breakOnReturn : false;
+  };
+
+  window.Trix.LineBreakInsertion.prototype.shouldInsertBlockBreak = function() {
+    if(this.block.hasAttributes() && this.block.isListItem() && !this.block.isEmpty()) {
+      return this.startLocation.offset > 0
+    } else {
+      return !this.shouldBreakFormattedBlock() ? this.breaksOnReturn : false;
+    }
+  };
+
+}

data/app/assets/javascripts/effective_rich_text_area/input.js

@@ -0,0 +1,2 @@
+//= require ./initialize
+//= require ./extensions

data/app/assets/stylesheets/effective_rich_text_area/extensions.scss

@@ -0,0 +1,90 @@
+trix-toolbar {
+  // http://www.asiteaboutnothing.net/c_decode-url.html
+  // background-image: url("data:image/svg+xml,***encoded data***");
+
+  .trix-button--icon-horizontal-rule::before { background-image: url("data:image/svg+xml,%3Csvg%20enable-background%3D%22new%200%200%2024%2024%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22m0%2013h24v-2h-24z%22%2F%3E%3Cpath%20d%3D%22m5%208.5h14v-3h-14z%22%2F%3E%3Cpath%20d%3D%22m5%2018.5h14v-3h-14z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
+  .trix-button--icon-color::before { background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m16.56%2011.94-8.94-8.94-1.41%201.41%202.38%202.38-5.15%205.15c-.59.59-.59%201.54%200%202.12l5.5%205.5c.29.29.68.44%201.06.44s.77-.15%201.06-.44l5.5-5.5c.59-.58.59-1.53%200-2.12zm-11.35%201.06%204.79-4.79%204.79%204.79zm13.79%202.5s-2%202.17-2%203.5c0%201.1.9%202%202%202s2-.9%202-2c0-1.33-2-3.5-2-3.5z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E%0A"); }
+
+  .trix-dialog--heading { max-width: 160px; }
+
+  .trix-dialog--color {
+    max-width: 265px;
+
+    .trix-dialog__link-fields { flex-direction: column; }
+
+    .trix-button-group {
+      margin: 1px;
+
+      button {
+        width: 28px;
+        &:after { content: "Ab"; }
+        &.trix-active::after { content: "✓"; }
+      }
+
+      [data-trix-attribute=fgColor1] { color: rgb(136, 118, 38) }
+      [data-trix-attribute=fgColor2] { color: rgb(136, 118, 38) }
+      [data-trix-attribute=fgColor3] { color: rgb(207, 0, 0) }
+      [data-trix-attribute=fgColor4] { color: rgb(216, 28, 170) }
+      [data-trix-attribute=fgColor5] { color: rgb(144, 19, 254) }
+      [data-trix-attribute=fgColor6] { color: rgb(5, 98, 185) }
+      [data-trix-attribute=fgColor7] { color: rgb(17, 138, 15) }
+      [data-trix-attribute=fgColor8] { color: rgb(148, 82, 22) }
+      [data-trix-attribute=fgColor9] { color: rgb(102, 102, 102) }
+
+      [data-trix-attribute=bgColor1] { background-color: rgb(250, 247, 133) }
+      [data-trix-attribute=bgColor2] { background-color: rgb(255, 240, 219) }
+      [data-trix-attribute=bgColor3] { background-color: rgb(255, 229, 229) }
+      [data-trix-attribute=bgColor4] { background-color: rgb(255, 228, 247) }
+      [data-trix-attribute=bgColor5] { background-color: rgb(242, 237, 255) }
+      [data-trix-attribute=bgColor6] { background-color: rgb(225, 239, 252) }
+      [data-trix-attribute=bgColor7] { background-color: rgb(228, 248, 226) }
+      [data-trix-attribute=bgColor8] { background-color: rgb(238, 226, 215) }
+      [data-trix-attribute=bgColor9] { background-color: rgb(242, 242, 242) }
+    }
+  }
+
+  .trix-dialog {
+    padding: 5px;
+
+    .trix-dialog-hidden__input {
+      position: absolute;
+      z-index: -1;
+      opacity: 0;
+    }
+  }
+}
+
+trix-editor {
+  [data-trix-mutable].attachment[data-trix-content-type~="vnd.rubyonrails.horizontal-rule.html"] {
+    box-shadow: 0 0 0 2px highlight;
+  }
+}
+
+.trix-content {
+  h1, h2, h3, h4, h5, h6 {
+    line-height: 1.2;
+    margin: 0;
+  }
+
+  h1 { font-size: 36px; }
+  h2 { font-size: 26px; }
+  h3 { font-size: 18px; }
+  h4 { font-size: 18px; }
+  h5 { font-size: 14px; }
+  h6 { font-size: 12px; }
+
+  .attachment { width: 100%; }
+
+  .attachment--content.attachment--horizontal-rule,
+  .attachment--content[data-trix-content-type~='vnd.rubyonrails.horizontal-rule.html'] {
+    padding: 1.5em 0 0.5em !important;
+    margin-bottom: 0.5em
+  }
+
+  .attachment--content.attachment--horizontal-rule hr,
+  .attachment--content[data-trix-content-type~='vnd.rubyonrails.horizontal-rule.html'] hr {
+    margin: 0;
+    width: 20%;
+    border-color: currentColor
+  }
+}

data/app/assets/stylesheets/effective_rich_text_area/input.scss

@@ -1,25 +1,2 @@
-.effective_rich_text_area {
-  height: 100%;
-  border-color: #ccc;
-
-  &:hover,
-  &:active,
-  &:focus, {
-    border-color: #ccc;
-    outline: 0px !important;
-    -webkit-appearance: none;
-    box-shadow: none !important;
-  }
-}
-
-// Bootstrap 4 Feedback client side
-.was-validated .form-control:invalid ~ .trix-content, { border-color: #dc3545 !important; }
-.was-validated .form-control:valid ~ .trix-content { border-color: #28a745 !important; }
-.was-validated .form-control:invalid ~ trix-toolbar, { border-color: #dc3545 !important; }
-.was-validated .form-control:valid ~ trix-toolbar { border-color: #28a745 !important; }
-
-// Bootstrap 4 Server side feedback
-.form-control.is-invalid ~ .trix-content { border-color: #dc3545 !important; }
-.form-control.is-invalid ~ trix-toolbar { border-color: #dc3545 !important; }
-.form-control.is-valid ~ .trix-content { border-color: #28a745 !important; }
-.form-control.is-valid ~ trix-toolbar { border-color: #28a745 !important; }
+@import 'rich_text_area';
+@import 'extensions';

data/app/assets/stylesheets/effective_rich_text_area/rich_text_area.scss

@@ -0,0 +1,30 @@
+.effective_rich_text_area {
+  height: 100%;
+  border-color: #ccc;
+
+  &:hover,
+  &:active,
+  &:focus, {
+    border-color: #ccc;
+    outline: 0px !important;
+    -webkit-appearance: none;
+    box-shadow: none !important;
+  }
+}
+
+// Trix image caption
+.trix-content {
+  figcaption.attachment__caption { display: none; }
+}
+
+// Bootstrap 4 Feedback client side
+.was-validated .form-control:invalid ~ .trix-content, { border-color: #dc3545 !important; }
+.was-validated .form-control:valid ~ .trix-content { border-color: #28a745 !important; }
+.was-validated .form-control:invalid ~ trix-toolbar, { border-color: #dc3545 !important; }
+.was-validated .form-control:valid ~ trix-toolbar { border-color: #28a745 !important; }
+
+// Bootstrap 4 Server side feedback
+.form-control.is-invalid ~ .trix-content { border-color: #dc3545 !important; }
+.form-control.is-invalid ~ trix-toolbar { border-color: #dc3545 !important; }
+.form-control.is-valid ~ .trix-content { border-color: #28a745 !important; }
+.form-control.is-valid ~ trix-toolbar { border-color: #28a745 !important; }

data/app/helpers/effective_bootstrap_helper.rb

@@ -411,7 +411,9 @@ module EffectiveBootstrapHelper
 
     @_tab_active = nil if @_tab_active == :first
 
-    if @_tab_mode == :tablist # Inserting the label into the tablist top
+    if @_tab_mode == :tablist_vertical
+      content_tag(:a, label, id: ('tab-' + controls), class: ['nav-link', ('active' if active)].compact.join(' '), href: '#' + controls, 'aria-controls': controls, 'aria-selected': active.to_s, 'data-toggle': 'tab', role: 'tab')
+    elsif @_tab_mode == :tablist # Inserting the label into the tablist top
       content_tag(:li, class: 'nav-item') do
         content_tag(:a, label, id: ('tab-' + controls), class: ['nav-link', ('active' if active)].compact.join(' '), href: '#' + controls, 'aria-controls': controls, 'aria-selected': active.to_s, 'data-toggle': 'tab', role: 'tab')
       end
@@ -423,6 +425,29 @@ module EffectiveBootstrapHelper
     end
   end
 
+  def vertical_tabs(active: nil, unique: false, list: {}, content: {}, &block)
+    raise 'expected a block' unless block_given?
+
+    @_tab_mode = :tablist_vertical
+    @_tab_active = (active || :first)
+    @_tab_unique = ''.object_id if unique
+
+    content_tag(:div, class: 'row border') do
+      content_tag(:div, class: 'col-3 border-right') do
+        content_tag(:div, {class: 'nav flex-column nav-pills my-2', role: 'tablist', 'aria-orientation': :vertical}.merge(list)) do
+          yield # Yield to tab the first time
+        end
+      end +
+      content_tag(:div, class: 'col-9') do
+        content_tag(:div, {class: 'tab-content my-2'}.merge(content)) do
+          @_tab_mode = :content
+          @_tab_active = (active || :first)
+          yield # Yield to tab the second time
+        end
+      end
+    end
+  end
+
   def merge_class_key(hash, value)
     return { :class => value } unless hash.kind_of?(Hash)
 

data/app/models/effective/form_inputs/has_many.rb

@@ -150,7 +150,7 @@ module Effective
         html.gsub!("#{name}_attributes][#{index}]", "#{name}_attributes][HASMANYINDEX]")
         html.gsub!("#{name}_attributes_#{index}_", "#{name}_attributes_HASMANYINDEX_")
 
-        html.html_safe
+        Base64.encode64(html)
       end
 
       def link_to_add(block)

data/app/views/action_text/attachables/_content_attachment.html.erb

@@ -0,0 +1,3 @@
+<figure class="attachment attachment--content attachment--<%= content_attachment.name %>">
+  <%= render "action_text/attachables/content_attachments/#{content_attachment.name.underscore}" %>
+</figure>

data/app/views/action_text/attachables/content_attachments/_horizontal_rule.html.erb

@@ -0,0 +1 @@
+<hr>

data/lib/effective_bootstrap/engine.rb

@@ -11,5 +11,11 @@ module EffectiveBootstrap
       app.config.assets.precompile += ['effective_bootstrap_manifest.js', 'icons/*']
     end
 
+    initializer 'effective_bootstrap.action_text' do |app|
+      if defined?(ActionText)
+        ActionText::ContentHelper.allowed_attributes << 'style'
+      end
+    end
+
   end
 end

data/lib/effective_bootstrap/version.rb

@@ -1,3 +1,3 @@
 module EffectiveBootstrap
-  VERSION = '0.9.19'.freeze
+  VERSION = '0.9.24'.freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: effective_bootstrap
 version: !ruby/object:Gem::Version
-  version: 0.9.19
+  version: 0.9.24
 platform: ruby
 authors:
 - Code and Effect
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-03-11 00:00:00.000000000 Z
+date: 2021-04-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -451,6 +451,9 @@ files:
 - app/assets/javascripts/effective_price/input.js
 - app/assets/javascripts/effective_radio/initialize.js.coffee
 - app/assets/javascripts/effective_radio/input.js
+- app/assets/javascripts/effective_rich_text_area/extensions.js
+- app/assets/javascripts/effective_rich_text_area/initialize.js
+- app/assets/javascripts/effective_rich_text_area/input.js
 - app/assets/javascripts/effective_select/initialize.js.coffee
 - app/assets/javascripts/effective_select/input.js
 - app/assets/javascripts/effective_select/overrides.js.coffee
@@ -605,7 +608,9 @@ files:
 - app/assets/stylesheets/effective_file/input.scss
 - app/assets/stylesheets/effective_has_many/input.scss
 - app/assets/stylesheets/effective_radio/input.scss
+- app/assets/stylesheets/effective_rich_text_area/extensions.scss
 - app/assets/stylesheets/effective_rich_text_area/input.scss
+- app/assets/stylesheets/effective_rich_text_area/rich_text_area.scss
 - app/assets/stylesheets/effective_select/bootstrap-theme.css
 - app/assets/stylesheets/effective_select/input.scss
 - app/assets/stylesheets/effective_select/overrides.scss
@@ -660,6 +665,8 @@ files:
 - app/models/effective/form_logics/hide_if.rb
 - app/models/effective/form_logics/show_if.rb
 - app/models/effective/form_logics/show_if_any.rb
+- app/views/action_text/attachables/_content_attachment.html.erb
+- app/views/action_text/attachables/content_attachments/_horizontal_rule.html.erb
 - app/views/effective/style_guide/__fields.html.haml
 - app/views/effective/style_guide/__inline_fields.html.haml
 - app/views/effective/style_guide/_effective_form_with.html.haml