effective_bootstrap 0.7.3

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

@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <circle cx="5.5" cy="11.5" r="4.5" />
+  <circle cx="18.5" cy="11.5" r="4.5" />
+  <line x1="5.5" y1="16" x2="18.5" y2="16" />
+</svg>

data/app/assets/images/icons/volume-1.svg

@@ -0,0 +1,14 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" />
+  <path d="M15.54 8.46a5 5 0 0 1 0 7.07" />
+</svg>

data/app/assets/images/icons/volume-2.svg

@@ -0,0 +1,14 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" />
+  <path d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07" />
+</svg>

data/app/assets/images/icons/volume-x.svg

@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" />
+  <line x1="23" y1="9" x2="17" y2="15" />
+  <line x1="17" y1="9" x2="23" y2="15" />
+</svg>

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

@@ -0,0 +1,13 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5" />
+</svg>

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

@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <circle cx="12" cy="12" r="7" />
+  <polyline points="12 9 12 12 13.5 13.5" />
+  <path d="M16.51 17.35l-.35 3.83a2 2 0 0 1-2 1.82H9.83a2 2 0 0 1-2-1.82l-.35-3.83m.01-10.7l.35-3.83A2 2 0 0 1 9.83 1h4.35a2 2 0 0 1 2 1.82l.35 3.83" />
+</svg>

data/app/assets/images/icons/wifi-off.svg

@@ -0,0 +1,19 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <line x1="1" y1="1" x2="23" y2="23" />
+  <path d="M16.72 11.06A10.94 10.94 0 0 1 19 12.55" />
+  <path d="M5 12.55a10.94 10.94 0 0 1 5.17-2.39" />
+  <path d="M10.71 5.05A16 16 0 0 1 22.58 9" />
+  <path d="M1.42 9a15.91 15.91 0 0 1 4.7-2.88" />
+  <path d="M8.53 16.11a6 6 0 0 1 6.95 0" />
+  <line x1="12" y1="20" x2="12" y2="20" />
+</svg>

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

@@ -0,0 +1,16 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M5 12.55a11 11 0 0 1 14.08 0" />
+  <path d="M1.42 9a16 16 0 0 1 21.16 0" />
+  <path d="M8.53 16.11a6 6 0 0 1 6.95 0" />
+  <line x1="12" y1="20" x2="12" y2="20" />
+</svg>

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

@@ -0,0 +1,13 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M9.59 4.59A2 2 0 1 1 11 8H2m10.59 11.41A2 2 0 1 0 14 16H2m15.73-8.27A2.5 2.5 0 1 1 19.5 12H2" />
+</svg>

data/app/assets/images/icons/x-circle.svg

@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <circle cx="12" cy="12" r="10" />
+  <line x1="15" y1="9" x2="9" y2="15" />
+  <line x1="9" y1="9" x2="15" y2="15" />
+</svg>

data/app/assets/images/icons/x-square.svg

@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
+  <line x1="9" y1="9" x2="15" y2="15" />
+  <line x1="15" y1="9" x2="9" y2="15" />
+</svg>

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

@@ -0,0 +1,14 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <line x1="18" y1="6" x2="6" y2="18" />
+  <line x1="6" y1="6" x2="18" y2="18" />
+</svg>

data/app/assets/images/icons/zap-off.svg

@@ -0,0 +1,16 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <polyline points="12.41 6.75 13 2 10.57 4.92" />
+  <polyline points="18.57 12.91 21 10 15.66 10" />
+  <polyline points="8 8 3 14 12 14 11 22 16 16" />
+  <line x1="1" y1="1" x2="23" y2="23" />
+</svg>

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

@@ -0,0 +1,13 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2" />
+</svg>

data/app/assets/images/icons/zoom-in.svg

@@ -0,0 +1,16 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <circle cx="11" cy="11" r="8" />
+  <line x1="21" y1="21" x2="16.65" y2="16.65" />
+  <line x1="11" y1="8" x2="11" y2="14" />
+  <line x1="8" y1="11" x2="14" y2="11" />
+</svg>

data/app/assets/images/icons/zoom-out.svg

@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <circle cx="11" cy="11" r="8" />
+  <line x1="21" y1="21" x2="16.65" y2="16.65" />
+  <line x1="8" y1="11" x2="14" y2="11" />
+</svg>

data/app/assets/javascripts/effective_bootstrap.js

@@ -0,0 +1,25 @@
+//= require ./effective_bootstrap/base
+//= require ./effective_bootstrap/confirm
+//= require ./effective_bootstrap/form
+//= require ./effective_bootstrap/logic
+//= require ./effective_bootstrap/other
+//= require ./effective_bootstrap/tabs
+
+//= require ./effective_datetime/input
+//= require ./effective_date/input
+//= require ./effective_time/input
+//= require ./effective_time_zone_select/input
+
+//= 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
+//= require ./effective_percent/input
+//= require ./effective_phone/input
+//= require ./effective_price/input
+//= require ./effective_radio/input
+//= require ./effective_select/input
+//= require ./effective_select_or_text/input

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

@@ -0,0 +1,22 @@
+# This initializes all the effective_* form inputs also in this gem
+this.EffectiveBootstrap ||= new class
+  initialize: (target) ->
+    $(target || document).find('[data-input-js-options]:not(.initialized)').each (i, element) ->
+      $element = $(element)
+      options = $element.data('input-js-options')
+
+      return true unless (options['method_name'] || '').length > 0
+
+      method_name = options['method_name']
+      delete options['method_name']
+
+      unless EffectiveBootstrap[method_name]
+        return console.error("EffectiveBootstrap #{method_name} has not been implemented")
+
+      EffectiveBootstrap[method_name].call(this, $element, options)
+      $element.addClass('initialized')
+
+$ -> EffectiveBootstrap.initialize()
+$(document).on 'turbolinks:load', -> EffectiveBootstrap.initialize()
+$(document).on 'cocoon:after-insert', -> EffectiveBootstrap.initialize()
+$(document).on 'effective-bootstrap:initialize', (event) -> EffectiveBootstrap.initialize(event.currentTarget)

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

@@ -0,0 +1,23 @@
+# These next three methods hijack jquery_ujs data-confirm and do it our own way with a double click confirm
+
+if <%= !!EffectiveBootstrap.use_custom_data_confirm %> && $.rails
+  $(document).on 'confirm', (event) ->
+    $obj = $(event.target)
+
+    if $obj.data('confirmed')
+      true
+    else
+      $obj.data('confirm-original', $obj.html())
+      $obj.html($obj.data('confirm'))
+      $obj.data('confirmed', true)
+      setTimeout(
+        (->
+          $obj.data('confirmed', false)
+          $obj.html($obj.data('confirm-original'))
+        )
+        , 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')

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

@@ -0,0 +1,182 @@
+this.EffectiveForm ||= new class
+  current_submit: ''                  # The $(.form-actions) that clicked
+  current_delete: ''                  # If there's a rails ujs_delete link with the data-closeset selector, use this.
+  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
+
+  validate: (form) ->
+    valid = form.checkValidity()
+    $form = $(form)
+
+    @clearFlash()
+    @reset($form) if $form.hasClass('was-validated')
+
+    if valid then @submitting($form) else @invalidate($form)
+    valid
+
+  submitting: ($form) ->
+    $form.addClass('form-is-valid').removeClass('form-is-invalid')
+    @spin()
+    setTimeout((-> EffectiveForm.disable($form)), 0)
+
+    if ($form.attr('method') || '').toLowerCase() == 'get' || (@current_submit.length > 0 && @current_submit.hasClass('form-actions-reset'))
+      setTimeout((-> EffectiveForm.reset($form)), 2500)
+
+  invalidate: ($form) ->
+    $form.addClass('was-validated').addClass('form-is-invalid')
+    $form.find('.form-current-submit').removeClass('form-current-submit')
+
+    # These controls need a little bit of help with client side validations
+    $form.find('.effective-radios:not(.no-feedback),.effective-checks:not(.no-feedback)').each ->
+      $(@).addClass(if $(@).find('input:invalid').length > 0 then 'is-invalid' else 'is-valid')
+
+    @flash($form, 'danger')
+
+  disable: ($form) ->
+    $form.find('[type=submit]').prop('disabled', true)
+
+  reset: ($form) ->
+    $form = $form.closest('form') unless $form.is('form')
+
+    $form.removeClass('was-validated').removeClass('form-is-invalid').removeClass('form-is-valid')
+    $form.find('.form-current-submit').removeClass('form-current-submit')
+
+    # Clear any server side validation on individual inputs
+    $form.find('.alert.is-invalid').remove()
+    $form.find('.is-invalid').removeClass('is-invalid')
+    $form.find('.is-valid').removeClass('is-valid')
+
+    $form.find('[type=submit]').removeAttr('disabled')
+    $form
+
+  clear: ($form) ->
+    $form.find('input').not(':button, :submit, :reset, :hidden, :checkbox, :radio').val('')
+    $form.find('textarea').val('')
+    $form.find('select').val('').trigger('change.select2')
+    $form.find('input[type=checkbox],input[type=radio]').prop('checked', false).trigger('change')
+
+  spin: -> @current_submit.addClass('form-current-submit') if @current_submit.length > 0
+
+  beforeAjax: ($form) ->
+    return unless $form.data('remote')
+
+    $form.one 'ajax:success', (event, data, status) ->
+      EffectiveForm.loadFromAjax($(event.target), $(event.target).data('method') == 'delete')
+
+    $form.one 'ajax:error', (event, _, status, message) ->
+      EffectiveForm.reset($(event.target))
+      EffectiveForm.flash($(event.target), 'danger', "#{status}: #{message || 'unable to contact server. please refresh the page and try again.'}")
+
+  # Loads remote for payload that was placed here by effective_resources create.js.erb and update.js.erb
+  loadFromAjax: ($target, was_delete) ->
+    $target = $target.closest('form') unless $target.is('form')
+    $form = ''
+
+    if @remote_form_payload.length > 0
+      $payload = $("<div>#{@remote_form_payload}</div>")
+      $form = $payload.find("form[data-remote-index='#{$target.data('remote-index')}']")
+      $form = $payload.find('form').first() if $form.length == 0
+      $form.attr('data-remote', true)
+      @remote_form_payload = ''
+
+    # There's nothing to update if it was a successful delete
+    return if was_delete
+
+    # Process remote form
+    if $form.length > 0
+      EffectiveBootstrap.initialize($form)
+      $target.replaceWith($form)
+    else
+      $form = @reset($target) # There is no remote form. So we assume success and reset the submitted one.
+
+    if @current_submit.length > 0
+      @current_submit = $form.find("##{@current_submit.attr('id')}.form-actions")
+
+    # Process Flash
+    flash_status = 'success'
+    flash_message = ''
+
+    if @remote_form_flash.length > 0
+      flash_status = @remote_form_flash[0][0]
+      flash_message = @remote_form_flash[0][1]
+
+    @flash($form, flash_status, flash_message)
+
+    # Fire off form events
+    was_error = ($form.hasClass('with-errors') || flash_status == 'danger' || flash_status == 'error')
+
+    if was_error
+      $form.trigger('effective-form:error', [flash_message, @remote_form_commit])
+    else
+      $form.trigger('effective-form:success', [flash_message, @remote_form_commit])
+
+    $form.trigger('effective-form:complete', @remote_form_commit, [flash_message, @remote_form_commit, was_error])
+
+    @remote_form_flash = ''
+    @remote_form_commit = ''
+    @current_submit = ''
+    true
+
+  flash: ($form, status, message) ->
+    return unless @current_submit.length > 0
+
+    if status == 'danger' || status == 'error'
+      @current_submit.find('.eb-icon-x').show().delay(1000).fadeOut('slow', -> $form.trigger('effective-form:error-animation-done', @remote_form_commit, message))
+    else
+      @current_submit.find('.eb-icon-check').show().delay(1000).fadeOut('slow', -> $form.trigger('effective-form:success-animation-done', @remote_form_commit, message))
+
+    if (message || '').length > 0
+      @current_submit.prepend(@buildFlash(status, message))
+
+  clearFlash: -> @current_submit.find('.alert').remove() if @current_submit.length > 0
+
+  buildFlash: (status, message) ->
+    $("
+      <div class='effective-form-flash alert alert-dismissable alert-#{status} fade show' role='alert'>
+        #{message}
+        <button class='close' type='button' aria-label='Close' data-dismiss='alert'>
+          <span aria-hidden='true'>&times;</span>
+        </button>
+      </div>
+    ")
+
+  setCurrentSubmit: ($submit) ->
+    if $submit.is('.form-actions')
+      @current_submit = $submit
+    else
+      @current_submit = ''
+
+  setCurrentDelete: ($delete) -> @current_delete = $delete
+
+  clearCurrentSubmit: -> @current_submit = ''
+
+  finishDelete: ->
+    if @current_delete.length > 0
+      @current_delete.fadeOut('slow', -> $(this).remove())
+      @current_delete = ''
+
+# Sets EffectiveBootstrap. current_click.
+# 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()
+
+# 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) ->
+  EffectiveForm.beforeAjax($(@))
+  this.checkValidity()
+
+$(document).on 'ajax:beforeSend', '[data-method=delete]', (event) ->
+  if ($delete = $(@)).data('closest')
+    EffectiveForm.setCurrentDelete($delete.closest($delete.data('closest')))
+
+# Clear
+$(document).on 'reset', 'form', (event) ->
+  $form = $(event.currentTarget)
+  EffectiveForm.reset($form)
+
+$(document).on 'clear', 'form', (event) ->
+  $form = $(event.currentTarget)
+  EffectiveForm.reset($form)
+  setTimeout -> EffectiveForm.clear($form)