effective_bootstrap 0.7.3

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

@@ -0,0 +1,19 @@
+$(document).on 'direct-upload:initialize', (event) ->
+  $target = $(event.target)
+  template = $target.data('progress-template').replace('$ID$', event.detail.id).replace('$FILENAME$', event.detail.file.name)
+  $target.siblings('.uploads').append(template)
+
+$(document).on 'direct-upload:start', (event) ->
+  $("[data-direct-upload-id=#{event.detail.id}]").removeClass('direct-upload--pending')
+
+$(document).on 'direct-upload:progress', (event) ->
+  $("[data-direct-upload-id=#{event.detail.id}]").children('.direct-upload__progress').css('width', "#{event.detail.progress}%")
+
+$(document).on 'direct-upload:error', (event) ->
+  $("[data-direct-upload-id=#{event.detail.id}]").addClass('direct-upload--error').attr('title', event.detail.error)
+
+$(document).on 'direct-upload:end', (event) ->
+  $("[data-direct-upload-id=#{event.detail.id}]").addClass('direct-upload--complete')
+
+$(document).on 'change', "input[type='file'][data-click-submit]", (event) ->
+  $(event.currentTarget).closest('form').find('button[type=submit],input[type=submit]').first().click()

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

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

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

@@ -0,0 +1,6 @@
+# Prevent non-currency buttons from being pressed
+$(document).on 'keydown', "input.effective_integer", (event) ->
+  allowed = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9']
+
+  if event.key && event.key.length == 1 && event.metaKey == false && allowed.indexOf(event.key) == -1
+    event.preventDefault()

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

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

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

@@ -0,0 +1,6 @@
+# Prevent non-currency buttons from being pressed
+$(document).on 'keydown', "input[type='text'].effective_number_text", (event) ->
+  allowed = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '-', ',', '.']
+
+  if event.key && event.key.length == 1 && event.metaKey == false && allowed.indexOf(event.key) == -1
+    event.preventDefault()

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

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

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

@@ -0,0 +1,39 @@
+# Prevent non-currency buttons from being pressed
+$(document).on 'keydown', "input[type='text'].effective_percent", (event) ->
+  allowed = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '-', '.']
+
+  if event.key && event.key.length == 1 && event.metaKey == false && allowed.indexOf(event.key) == -1
+    event.preventDefault()
+
+# Assign the hidden input a value of 100x value
+$(document).on 'change keyup', "input[type='text'].effective_percent", (event) ->
+  $input = $(event.target)
+  value = $input.val()
+
+  unless value == ''
+    value = (parseFloat(value || 0.00) * 1000.00).toFixed(0)
+
+  $input.siblings("input[type='hidden']").first().val(value)
+
+# Format the value for display as percentage
+$(document).on 'change', "input[type='text'].effective_percent", (event) ->
+  $input = $(event.target)
+  value = $input.siblings("input[type='hidden']").first().val()
+  max = 100000 # 100% is our max value
+
+  unless value == ''
+    value = parseInt(value || 0)
+
+    if value > max # 100% is our max value
+      value = max
+      $input.siblings("input[type='hidden']").first().val(max)
+
+    if value < -max # -100% is our min value
+      value = -max
+      $input.siblings("input[type='hidden']").first().val(-max)
+
+    value = (value / 1000.0) if value != 0
+    value = value.toFixed(3).toString()
+    value = value.replace('.000', '') if value.endsWith('.000')
+
+  $input.val(value)

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

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

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

@@ -0,0 +1,4 @@
+(this.EffectiveBootstrap || {}).effective_phone = ($element, options) ->
+  mask = options['mask']
+  delete options['mask']
+  $element.mask(mask, options)

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

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

data/app/assets/javascripts/effective_phone/jquery.maskedInput.js

@@ -0,0 +1,182 @@
+/*
+    jQuery Masked Input Plugin
+    Copyright (c) 2007 - 2014 Josh Bush (digitalbush.com)
+    Licensed under the MIT license (http://digitalbush.com/projects/masked-input-plugin/#license)
+    Version: 1.4.0
+*/
+!function(factory) {
+    "function" == typeof define && define.amd ? define([ "jquery" ], factory) : factory("object" == typeof exports ? require("jquery") : jQuery);
+}(function($) {
+    var caretTimeoutId, ua = navigator.userAgent, iPhone = /iphone/i.test(ua), chrome = /chrome/i.test(ua), android = /android/i.test(ua);
+    $.mask = {
+        definitions: {
+            "9": "[0-9]",
+            a: "[A-Za-z]",
+            "*": "[A-Za-z0-9]"
+        },
+        autoclear: !0,
+        dataName: "rawMaskFn",
+        placeholder: "_"
+    }, $.fn.extend({
+        caret: function(begin, end) {
+            var range;
+            if (0 !== this.length && !this.is(":hidden")) return "number" == typeof begin ? (end = "number" == typeof end ? end : begin,
+            this.each(function() {
+                this.setSelectionRange ? this.setSelectionRange(begin, end) : this.createTextRange && (range = this.createTextRange(),
+                range.collapse(!0), range.moveEnd("character", end), range.moveStart("character", begin),
+                range.select());
+            })) : (this[0].setSelectionRange ? (begin = this[0].selectionStart, end = this[0].selectionEnd) : document.selection && document.selection.createRange && (range = document.selection.createRange(),
+            begin = 0 - range.duplicate().moveStart("character", -1e5), end = begin + range.text.length),
+            {
+                begin: begin,
+                end: end
+            });
+        },
+        unmask: function() {
+            return this.trigger("unmask");
+        },
+        mask: function(mask, settings) {
+            var input, defs, tests, partialPosition, firstNonMaskPos, lastRequiredNonMaskPos, len, oldVal;
+            if (!mask && this.length > 0) {
+                input = $(this[0]);
+                var fn = input.data($.mask.dataName);
+                return fn ? fn() : void 0;
+            }
+            return settings = $.extend({
+                autoclear: $.mask.autoclear,
+                placeholder: $.mask.placeholder,
+                completed: null
+            }, settings), defs = $.mask.definitions, tests = [], partialPosition = len = mask.length,
+            firstNonMaskPos = null, $.each(mask.split(""), function(i, c) {
+                "?" == c ? (len--, partialPosition = i) : defs[c] ? (tests.push(new RegExp(defs[c])),
+                null === firstNonMaskPos && (firstNonMaskPos = tests.length - 1), partialPosition > i && (lastRequiredNonMaskPos = tests.length - 1)) : tests.push(null);
+            }), this.trigger("unmask").each(function() {
+                function tryFireCompleted() {
+                    if (settings.completed) {
+                        for (var i = firstNonMaskPos; lastRequiredNonMaskPos >= i; i++) if (tests[i] && buffer[i] === getPlaceholder(i)) return;
+                        settings.completed.call(input);
+                    }
+                }
+                function getPlaceholder(i) {
+                    return settings.placeholder.charAt(i < settings.placeholder.length ? i : 0);
+                }
+                function seekNext(pos) {
+                    for (;++pos < len && !tests[pos]; ) ;
+                    return pos;
+                }
+                function seekPrev(pos) {
+                    for (;--pos >= 0 && !tests[pos]; ) ;
+                    return pos;
+                }
+                function shiftL(begin, end) {
+                    var i, j;
+                    if (!(0 > begin)) {
+                        for (i = begin, j = seekNext(end); len > i; i++) if (tests[i]) {
+                            if (!(len > j && tests[i].test(buffer[j]))) break;
+                            buffer[i] = buffer[j], buffer[j] = getPlaceholder(j), j = seekNext(j);
+                        }
+                        writeBuffer(), input.caret(Math.max(firstNonMaskPos, begin));
+                    }
+                }
+                function shiftR(pos) {
+                    var i, c, j, t;
+                    for (i = pos, c = getPlaceholder(pos); len > i; i++) if (tests[i]) {
+                        if (j = seekNext(i), t = buffer[i], buffer[i] = c, !(len > j && tests[j].test(t))) break;
+                        c = t;
+                    }
+                }
+                function androidInputEvent() {
+                    var curVal = input.val(), pos = input.caret();
+                    if (curVal.length < oldVal.length) {
+                        for (checkVal(!0); pos.begin > 0 && !tests[pos.begin - 1]; ) pos.begin--;
+                        if (0 === pos.begin) for (;pos.begin < firstNonMaskPos && !tests[pos.begin]; ) pos.begin++;
+                        input.caret(pos.begin, pos.begin);
+                    } else {
+                        for (checkVal(!0); pos.begin < len && !tests[pos.begin]; ) pos.begin++;
+                        input.caret(pos.begin, pos.begin);
+                    }
+                    tryFireCompleted();
+                }
+                function blurEvent() {
+                    checkVal(), input.val() != focusText && input.change();
+                }
+                function keydownEvent(e) {
+                    if (!input.prop("readonly")) {
+                        var pos, begin, end, k = e.which || e.keyCode;
+                        oldVal = input.val(), 8 === k || 46 === k || iPhone && 127 === k ? (pos = input.caret(),
+                        begin = pos.begin, end = pos.end, end - begin === 0 && (begin = 46 !== k ? seekPrev(begin) : end = seekNext(begin - 1),
+                        end = 46 === k ? seekNext(end) : end), clearBuffer(begin, end), shiftL(begin, end - 1),
+                        e.preventDefault()) : 13 === k ? blurEvent.call(this, e) : 27 === k && (input.val(focusText),
+                        input.caret(0, checkVal()), e.preventDefault());
+                    }
+                }
+                function keypressEvent(e) {
+                    if (!input.prop("readonly")) {
+                        var p, c, next, k = e.which || e.keyCode, pos = input.caret();
+                        if (!(e.ctrlKey || e.altKey || e.metaKey || 32 > k) && k && 13 !== k) {
+                            if (pos.end - pos.begin !== 0 && (clearBuffer(pos.begin, pos.end), shiftL(pos.begin, pos.end - 1)),
+                            p = seekNext(pos.begin - 1), len > p && (c = String.fromCharCode(k), tests[p].test(c))) {
+                                if (shiftR(p), buffer[p] = c, writeBuffer(), next = seekNext(p), android) {
+                                    var proxy = function() {
+                                        $.proxy($.fn.caret, input, next)();
+                                    };
+                                    setTimeout(proxy, 0);
+                                } else input.caret(next);
+                                pos.begin <= lastRequiredNonMaskPos && tryFireCompleted();
+                            }
+                            e.preventDefault();
+                        }
+                    }
+                }
+                function clearBuffer(start, end) {
+                    var i;
+                    for (i = start; end > i && len > i; i++) tests[i] && (buffer[i] = getPlaceholder(i));
+                }
+                function writeBuffer() {
+                    input.val(buffer.join(""));
+                }
+                function checkVal(allow) {
+                    var i, c, pos, test = input.val(), lastMatch = -1;
+                    for (i = 0, pos = 0; len > i; i++) if (tests[i]) {
+                        for (buffer[i] = getPlaceholder(i); pos++ < test.length; ) if (c = test.charAt(pos - 1),
+                        tests[i].test(c)) {
+                            buffer[i] = c, lastMatch = i;
+                            break;
+                        }
+                        if (pos > test.length) {
+                            clearBuffer(i + 1, len);
+                            break;
+                        }
+                    } else buffer[i] === test.charAt(pos) && pos++, partialPosition > i && (lastMatch = i);
+                    return allow ? writeBuffer() : partialPosition > lastMatch + 1 ? settings.autoclear || buffer.join("") === defaultBuffer ? (input.val() && input.val(""),
+                    clearBuffer(0, len)) : writeBuffer() : (writeBuffer(), input.val(input.val().substring(0, lastMatch + 1))),
+                    partialPosition ? i : firstNonMaskPos;
+                }
+                var input = $(this), buffer = $.map(mask.split(""), function(c, i) {
+                    return "?" != c ? defs[c] ? getPlaceholder(i) : c : void 0;
+                }), defaultBuffer = buffer.join(""), focusText = input.val();
+                input.data($.mask.dataName, function() {
+                    return $.map(buffer, function(c, i) {
+                        return tests[i] && c != getPlaceholder(i) ? c : null;
+                    }).join("");
+                }), input.one("unmask", function() {
+                    input.off(".mask").removeData($.mask.dataName);
+                }).on("focus.mask", function() {
+                    if (!input.prop("readonly")) {
+                        clearTimeout(caretTimeoutId);
+                        var pos;
+                        focusText = input.val(), pos = checkVal(), caretTimeoutId = setTimeout(function() {
+                            writeBuffer(), pos == mask.replace("?", "").length ? input.caret(0, pos) : input.caret(pos);
+                        }, 10);
+                    }
+                }).on("blur.mask", blurEvent).on("keydown.mask", keydownEvent).on("keypress.mask", keypressEvent).on("input.mask paste.mask", function() {
+                    input.prop("readonly") || setTimeout(function() {
+                        var pos = checkVal(!0);
+                        input.caret(pos), tryFireCompleted();
+                    }, 0);
+                }), chrome && android && input.off("input.mask").on("input.mask", androidInputEvent),
+                checkVal();
+            });
+        }
+    });
+});

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

@@ -0,0 +1,43 @@
+# Prevent non-currency buttons from being pressed
+$(document).on 'keydown', "input[type='text'].effective_price", (event) ->
+  allowed = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '-', ',', '.']
+
+  if event.key && event.key.length == 1 && event.metaKey == false && allowed.indexOf(event.key) == -1
+    event.preventDefault()
+
+# Assign the hidden input a value of 100x value
+$(document).on 'change keyup', "input[type='text'].effective_price", (event) ->
+  $input = $(event.target)
+  value = $input.val().replace(/,/g, '')
+
+  unless value == ''
+    value = (parseFloat(value || 0.00) * 100.00).toFixed(0)
+
+  $input.siblings("input[type='hidden']").first().val(value)
+
+# Format the value for display as currency (USD)
+$(document).on 'change', "input[type='text'].effective_price", (event) ->
+  $input = $(event.target)
+  value = $input.siblings("input[type='hidden']").first().val()
+  max = 2000000000
+
+  unless value == ''
+    value = parseInt(value || 0)
+
+    if value > max # 20 million is our max value
+      value = max
+      $input.siblings("input[type='hidden']").first().val(max)
+
+    if value < -max # -20 million is our min value
+      value = -max
+      $input.siblings("input[type='hidden']").first().val(-max)
+
+  if isNaN(value) == false && value != ''
+    value = (value / 100.0) if value != 0
+
+    value = value.toFixed(2).toString()
+    value = value.toString().replace(/(\d+)(\d{3})/, '$1'+','+'$2') while (/(\d+)(\d{3})/.test(value))
+  else
+    value = ''
+
+  $input.val(value)

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

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

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

@@ -0,0 +1,36 @@
+$(document).on 'change', '[data-toggle=cards] input[type=radio]', (event) ->
+  $input = $(event.currentTarget)
+  return unless $input.is(':checked')
+
+  $card = $input.closest('.card')
+  return unless $card.length > 0
+
+  $cards = $input.closest('.card-deck').children('.card')
+  return unless $cards.length > 0
+
+  $cards.removeClass('active').removeClass('border-secondary')
+  $cards.find('.card-header').removeClass('bg-secondary text-white')
+
+  $card.addClass('active').addClass('border-secondary')
+  $card.find('.card-header').addClass('bg-secondary text-white')
+  true
+
+$(document).on 'click', '[data-toggle=cards] [data-toggle=card]', (event) ->
+  $card = $(event.currentTarget).closest('.card')
+  return unless $card.length > 0
+
+  val = $card.find('input:radio').val()
+  $card.find('input:radio').val([val]).trigger('change')
+  false
+
+$(document).on 'change', '.effective-radios input', (event) ->
+  $input = $(event.currentTarget)
+  $group = $input.closest('.effective-radios')
+
+  return unless ($group.hasClass('is-valid') || $group.hasClass('is-invalid'))
+
+  if $input.is(':valid')
+    $group.addClass('is-valid').removeClass('is-invalid')
+  else
+    $group.addClass('is-invalid').removeClass('is-valid')
+

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

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

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

@@ -0,0 +1,56 @@
+# https://select2.github.io/examples.html
+
+formatWithGlyphicon = (data, container) ->
+  if data.element && data.element.className
+    $("<span><i class='glyphicon #{data.element.className}'></i> #{data.text}</span>")
+  else
+    data.text
+
+formatWithHtml = (data, container) ->
+  if data.element && data.element.getAttribute('data-html')
+    $(data.element.getAttribute('data-html'))
+  else
+    data.text
+
+matchWithHtml = (params, data) ->
+  return data if $.trim(params.term) == ''
+  return null unless data.element?
+
+  if $(data.element.getAttribute('data-html')).text().toLowerCase().indexOf(params.term.toLowerCase()) > -1 then data else null
+
+(this.EffectiveBootstrap || {}).effective_select = ($element, options) ->
+  switch options['template']
+    when 'glyphicon'
+      options['templateResult'] = formatWithGlyphicon
+      options['templateSelection'] = formatWithGlyphicon
+    when 'html'
+      options['templateResult'] = formatWithHtml
+      options['templateSelection'] = formatWithHtml
+      options['matcher'] = matchWithHtml
+
+  if options['noResults']
+    noResults = options['noResults']
+    delete options['noResults']
+    options['language'] = { noResults: (_) -> noResults }
+
+  $select = $element.select2(options)
+
+  # effective_select custom class functionality
+  # select2 doesn't provide an initializer to add css classes to its input, so we manually support this feature
+  # js_options[:containerClass] and js_options[:dropdownClass]
+  $select.data('select2').$container.addClass(options['containerClass']) if options['containerClass']
+  $select.data('select2').$dropdown.addClass(options['dropdownClass']) if options['dropdownClass']
+
+$(document).on 'turbolinks:before-cache', ->
+  $('select.effective_select.initialized').each (i, element) ->
+    $input = $(element)
+    $input.select2('destroy') if $input.data('select2')
+    $input.removeClass('initialized')
+
+# If we're working with a polymorphic select, split out the ID and assign the hidden _type and _id fields
+$(document).on 'change', "select.effective_select.polymorphic", (event) ->
+  $select = $(event.target)
+  value = $select.val() || ''
+
+  $select.siblings("input[type='hidden'][name$='_type]']").val(value.split('_')[0] || '')
+  $select.siblings("input[type='hidden'][name$='_id]']").val(value.split('_')[1] || '')

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

@@ -0,0 +1,3 @@
+//= require ./select2
+//= require ./overrides
+//= require ./initialize

data/app/assets/javascripts/effective_select/overrides.js.coffee

@@ -0,0 +1,60 @@
+# Keep the order of selected tags
+# Fixes https://github.com/select2/select2/issues/3106
+$(document).on 'select2:select', 'select', (event) ->
+  $el = $(event.params.data.element)
+
+  if $el.closest('select').hasClass('tags-input')
+    $(this).append($el.detach()).trigger('change')
+
+  true
+
+# Disable dropdown opening when clicking the clear button
+# http://stackoverflow.com/questions/29618382/disable-dropdown-opening-on-select2-clear
+$(document).on 'select2:unselecting', (event) -> $(event.target).data('state', 'unselected')
+
+$(document).on 'select2:open', (event) ->
+  $select = $(event.target)
+
+  if $select.data('state') == 'unselected'
+    $select.removeData('state')
+    setTimeout ( => $select.select2('close') ), 0
+
+# For tabbing through
+# https://stackoverflow.com/questions/20989458/select2-open-dropdown-on-focus
+$(document).on 'focus', '.select2-selection.select2-selection--single', (event) ->
+  $(event.currentTarget).closest('.select2-container').siblings('select:enabled:not(.disable-open-on-focus)').select2('open')
+
+$(document).on 'select2:closing', (event) ->
+  $(event.target).data('select2').$selection.one('focus focusin', (event) -> event.stopPropagation())
+
+# effective_select custom reinitialization functionality
+# This is a custom event intended to be manually triggered when the underlying options change
+# You can use this to dynamically disable options (with or without the effective_select hide_disabled: true)
+# https://github.com/select2/select2/issues/2830
+
+# To trigger this event,
+# $(document).on 'change', "select[name$='[something_id]']", (event) ->
+#   ...add/remove/disable this select field's options...
+#   $(event.target).select2().trigger('select2:reinitialize')
+$(document).on 'select2:reinitialize', (event) ->
+  $select = $(event.target)
+
+  # Get the existing options and value
+  options = $select.data('select2').options.options['inputJsOptions'] || {}
+  value = $select.find('option:selected').val()
+
+  # Clear/Restore the value appropriately
+  if value && $select.find("option:enabled[value='#{value}']").length > 0
+    $select.val(value)
+  else
+    $select.val('')
+
+  # Reinitialize select2
+  $select.select2('destroy').select2(options)
+
+  # Restore effective_select custom class functionality
+  $select.data('select2').$container.addClass(options['containerClass']) if options['containerClass']
+  $select.data('select2').$dropdown.addClass(options['dropdownClass']) if options['dropdownClass']
+
+  $select.trigger('change')
+  true