effective_bootstrap 0.8.2 → 0.9.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 13069c885db1c7ecc88b9b09fe3da23ba6eecb8c45154cf6ecb705edd0910bf8
-  data.tar.gz: e93591a88deec48ce908ae47f6bee319bda2ede3218b6a4ab181fd70b1726aa6
+  metadata.gz: 456bfec1d309b5a42655fc3cc6f0974aa652447c03b5bb4087fac75234b5224b
+  data.tar.gz: 6cc6d0f44fe7e6e5e70252c12f00d28ab2f5d068ea55f327e6e134b4771e7edb
 SHA512:
-  metadata.gz: ab8b70579e1f9a81e7575c4fb6df6fcbd07a0df05d4a5bb6c65547cdaab4a6c36ff3f296ef560711fd9b76dfd8dfe1e2b66d8ad8794b0cbafd693de570332b5c
-  data.tar.gz: a08b4fdc0bbb4fc94b513546e7be2fbe359ad41c1bf4378462fda34891a61b9cc2923aa2f8c9965ad9550b2649521c3f339d001bf874db8f79749d678a70498c
+  metadata.gz: c74d48645ebb72fcc48cc64a528bb712b1217df473620a789788bb8055c8e55c4987e329d74bc69362891af23df7d2eaaa95655de5ba8e7cae16b76b596bff14
+  data.tar.gz: daffd96de52135a3c5b977bb1c4df77d6a32777b36c894d96ba951bda5b2005e1ce186a283bb0cc3be0942f6711b7c61a690f8d0b3c10ffec638e0b5e4978efe

data/README.md

@@ -323,7 +323,7 @@ The end date selector will have its date <= start_date disabled.
 To disable this behaviour, call with `date_linked: false`.
 
 ```ruby
-= f.input :end_at, date_linked: false
+= f.date_field :end_at, date_linked: false
 ```
 
 ### Events
@@ -334,6 +334,34 @@ More info is available here:
 
 http://eonasdan.github.io/bootstrap-datetimepicker/Events/
 
+## Custom editor
+
+A drop in ready rich text editor based on
+
+https://quilljs.com/
+
+To use the editor, you must make additional javascript and stylesheet includes:
+
+In your application.js
+
+```
+//= require effective_bootstrap
+//= require effective_bootstrap_editor
+```
+
+In your application.scss
+
+```
+@import 'effective_bootstrap';
+@import 'effective_bootstrap_editor';
+```
+
+And then in any form, instead of a text area:
+
+```
+= f.editor :body
+```
+
 ## Custom percent_field
 
 This custom form input uses no 3rd party jQuery plugins.
@@ -622,6 +650,8 @@ The `f.save` is purely a input submit button.
 ```
 
 
+
+
 ## License
 
 MIT License.  Copyright [Code and Effect Inc.](http://www.codeandeffect.com/)

data/app/assets/images/icons/microsoft.svg

@@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Microsoft Azure icon</title><path d="M5.483 21.3H24L14.025 4.013l-3.038 8.347 5.836 6.938L5.483 21.3zM13.23 2.7L6.105 8.677 0 19.253h5.505v.014L13.23 2.7z"/></svg>

data/app/assets/javascripts/effective_bootstrap.js

@@ -13,7 +13,7 @@
 //= require ./effective_clear/input
 //= require ./effective_checks/input
 //= require ./effective_ck_editor/input
-//= require ./effective_editor/input
+
 //= require ./effective_file/input
 //= require ./effective_integer/input
 //= require ./effective_number_text/input

data/app/assets/javascripts/effective_bootstrap/confirm.js.coffee.erb

@@ -1,6 +1,6 @@
-# These next three methods hijack jquery_ujs data-confirm and do it our own way with a double click confirm
+# These next three methods hijack rails/ujs and jquery_ujs data-confirm and do it our own way with a double click confirm
 
-if <%= !!EffectiveBootstrap.use_custom_data_confirm %> && $.rails
+if <%= !!EffectiveBootstrap.use_custom_data_confirm %> && (window.Rails || $.rails)
   $(document).on 'confirm', (event) ->
     $obj = $(event.target)
 
@@ -18,6 +18,11 @@ if <%= !!EffectiveBootstrap.use_custom_data_confirm %> && $.rails
         , 4000)
       false # don't show the confirmation dialog
 
-  $.rails.confirm = (message) -> true 
-  $.rails.effective_bootstrap_custom_data_confirm = true
-  $(document).on 'confirm:complete', (event) -> $(event.target).data('confirmed')
+  (window.Rails || $.rails).confirm = (message) -> true
+  (window.Rails || $.rails).effective_bootstrap_custom_data_confirm = true
+
+  $(document).on 'confirm:complete', (event) -> $(event.target).data('confirmed')
+
+  $(document).on 'click', 'a.dropdown-item[data-confirm]', (event) ->
+    event.preventDefault()
+    false

data/app/assets/javascripts/effective_bootstrap_editor.js

@@ -0,0 +1 @@
+//= require ./effective_editor/input

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

@@ -1,4 +1,3 @@
-# http://eonasdan.github.io/bootstrap-datetimepicker/Options/
 (this.EffectiveBootstrap || {}).effective_ck_editor = ($element, options) ->
   setupCkeditor($element)
   initCkeditor($element, $element.data('input-js-options'))
@@ -69,4 +68,4 @@ initCkeditor = ($element, input_options) ->
   ckeditor.on 'insertElement', (event) ->
     element = $(event.data.$)
     if element.is('table')
-      element.removeAttr('style').addClass('table')
+      element.removeAttr('style').addClass('table')

data/app/assets/stylesheets/effective_bootstrap.scss

@@ -5,8 +5,8 @@
 @import 'effective_date/input';
 @import 'effective_time/input';
 
-@import 'effective_editor/input';
 @import 'effective_file/input';
+@import 'effective_rich_text_area/input';
 @import 'effective_select/input';
 @import 'effective_select_or_text/input';
 @import 'effective_radio/input';

data/app/assets/stylesheets/effective_bootstrap_editor.scss

@@ -0,0 +1 @@
+@import 'effective_editor/input';

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

@@ -0,0 +1,25 @@
+.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; }

data/app/models/effective/form_builder.rb

@@ -100,6 +100,10 @@ module Effective
       Effective::FormInputs::RemoteLinkTo.new(name, options, builder: self).to_html(&block)
     end
 
+    def rich_text_area(name, options = {})
+      Effective::FormInputs::RichTextArea.new(name, options, builder: self).to_html { super(name, options) }
+    end
+
     def search_field(name, options = {})
       Effective::FormInputs::SearchField.new(name, options, builder: self).to_html { super(name, options) }
     end

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

@@ -0,0 +1,11 @@
+module Effective
+  module FormInputs
+    class RichTextArea < Effective::FormInput
+
+      def input_html_options
+        { class: 'form-control effective_rich_text_area trix-content', id: tag_id }
+      end
+
+    end
+  end
+end

data/lib/effective_bootstrap/version.rb

@@ -1,3 +1,3 @@
 module EffectiveBootstrap
-  VERSION = '0.8.2'.freeze
+  VERSION = '0.9.1'.freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: effective_bootstrap
 version: !ruby/object:Gem::Version
-  version: 0.8.2
+  version: 0.9.1
 platform: ruby
 authors:
 - Code and Effect
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-08-29 00:00:00.000000000 Z
+date: 2020-09-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -262,6 +262,7 @@ files:
 - app/assets/images/icons/message-square.svg
 - app/assets/images/icons/mic-off.svg
 - app/assets/images/icons/mic.svg
+- app/assets/images/icons/microsoft.svg
 - app/assets/images/icons/minimize-2.svg
 - app/assets/images/icons/minimize.svg
 - app/assets/images/icons/minus-circle.svg
@@ -395,6 +396,7 @@ files:
 - app/assets/javascripts/effective_bootstrap/logic.js.coffee
 - app/assets/javascripts/effective_bootstrap/other.js.coffee
 - app/assets/javascripts/effective_bootstrap/tabs.js
+- app/assets/javascripts/effective_bootstrap_editor.js
 - app/assets/javascripts/effective_checks/initialize.js.coffee
 - app/assets/javascripts/effective_checks/input.js
 - app/assets/javascripts/effective_ck_editor/initialize.js.coffee
@@ -571,6 +573,7 @@ files:
 - app/assets/stylesheets/effective_bootstrap/forms.scss
 - app/assets/stylesheets/effective_bootstrap/icons.scss
 - app/assets/stylesheets/effective_bootstrap/overrides.scss
+- app/assets/stylesheets/effective_bootstrap_editor.scss
 - app/assets/stylesheets/effective_checks/input.scss
 - app/assets/stylesheets/effective_date/input.scss
 - app/assets/stylesheets/effective_datetime/bootstrap-datetimepicker.scss
@@ -581,6 +584,7 @@ files:
 - app/assets/stylesheets/effective_editor/quill.scss
 - app/assets/stylesheets/effective_file/input.scss
 - app/assets/stylesheets/effective_radio/input.scss
+- app/assets/stylesheets/effective_rich_text_area/input.scss
 - app/assets/stylesheets/effective_select/bootstrap-theme.css
 - app/assets/stylesheets/effective_select/input.scss
 - app/assets/stylesheets/effective_select/overrides.scss
@@ -620,6 +624,7 @@ files:
 - app/models/effective/form_inputs/radios.rb
 - app/models/effective/form_inputs/remote_link_to.rb
 - app/models/effective/form_inputs/reset.rb
+- app/models/effective/form_inputs/rich_text_area.rb
 - app/models/effective/form_inputs/save.rb
 - app/models/effective/form_inputs/search_field.rb
 - app/models/effective/form_inputs/select.rb
@@ -663,7 +668,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.2
+rubygems_version: 3.1.4
 signing_key:
 specification_version: 4
 summary: Everything you need to get set up with bootstrap 4.