para 0.11.4 → 0.12.0

data/app/javascripts/para/simple_form_extension/datetimepicker.js

@@ -0,0 +1,115 @@
+var DatePicker, DateTimePicker, DateTimePickerBase, TimePicker;
+
+DateTimePickerBase = class DateTimePickerBase {
+  static forInput($input, type) {
+    var picker;
+    if ((picker = $input.data('simple-form-extension-datetimepicker'))) {
+      return picker;
+    } else {
+      return new type($input);
+    }
+  }
+
+  constructor($input1) {
+    this.$input = $input1;
+    this.locale = $('html').attr('lang') || 'en';
+    $.datetimepicker.setLocale(this.locale);
+    this.$input.data('simple-form-extension-datetimepicker', this);
+    this.initializePicker();
+  }
+
+  initializePicker() {
+    return this.$input.datetimepicker(this.processOptions());
+  }
+
+  processOptions() {
+    return $.extend({}, this.defaultOptions(), this.options());
+  }
+
+  options() {
+    return {};
+  }
+
+  defaultOptions() {
+    return {
+      lang: this.locale,
+      format: this.$input.data('format'),
+      step: parseInt(this.$input.data('step'), 10)
+    };
+  }
+
+  show() {
+    return this.$input.datetimepicker('show');
+  }
+
+};
+
+DateTimePicker = class DateTimePicker extends DateTimePickerBase {
+  options() {
+    return {
+      formatDate: this.$input.data('format-date'),
+      defaultTime: this.$input.data('default-time'),
+      dayOfWeekStart: this.$input.data('week-start-day'),
+      disabledDates: this.$input.data('disabled-dates') || [],
+      minDate: this.$input.data('min-date'),
+      maxDate: this.$input.data('max-date')
+    };
+  }
+
+};
+
+DatePicker = class DatePicker extends DateTimePickerBase {
+  options() {
+    return {
+      timepicker: false,
+      formatDate: this.$input.data('format-date'),
+      dayOfWeekStart: this.$input.data('week-start-day'),
+      disabledDates: this.$input.data('disabled-dates') || [],
+      minDate: this.$input.data('min-date'),
+      maxDate: this.$input.data('max-date')
+    };
+  }
+
+};
+
+TimePicker = class TimePicker extends DateTimePickerBase {
+  options() {
+    return {
+      datepicker: false,
+      defaultTime: this.$input.data('default-time')
+    };
+  }
+
+};
+
+$.simpleForm.onDomReady(function($document) {
+  // Plugin initialization delegated to body, so we do not need to run the
+  // initialization process when the body has not changed
+  if (!$document.is('body')) {
+    return;
+  }
+  $('body').on('click', 'input.datetime', function(e) {
+    return DateTimePicker.forInput($(e.currentTarget), DateTimePicker).show();
+  });
+  $('body').on('click', '.datetime .datetimepicker-trigger', function(e) {
+    var $input;
+    $input = $(e.currentTarget).closest('.datetime').find('input.datetime');
+    return DateTimePicker.forInput($input, DateTimePicker).show();
+  });
+  $('body').on('click', 'input.date', function(e) {
+    return DatePicker.forInput($(e.currentTarget), DatePicker).show();
+  });
+  $('body').on('click', '.date .datetimepicker-trigger', function(e) {
+    var $input;
+    $input = $(e.currentTarget).closest('.date').find('input.date');
+    return DatePicker.forInput($input, DatePicker).show();
+  });
+  $('body').on('click', 'input.time', function(e) {
+    return TimePicker.forInput($(e.currentTarget), TimePicker).show();
+  });
+  return $('body').on('click', '.time .datetimepicker-trigger', function(e) {
+    var $input;
+    $input = $(e.currentTarget).closest('.time').find('input.time');
+    return TimePicker.forInput($input, TimePicker).show();
+  });
+});

data/app/javascripts/para/simple_form_extension/fileinput.js

@@ -0,0 +1,57 @@
+var ExistingFileField;
+
+ExistingFileField = class ExistingFileField {
+  constructor($field1) {
+    this.$field = $field1;
+    this.$existingFile = this.$field.find('[data-toggle="existing-file"]');
+    this.$removeButton = this.$field.find('[data-dismiss="existing-file"]');
+    this.$removeInput = this.$removeButton.find('input');
+    this.$removeButtonIcon = this.$removeButton.find('i');
+    this.originalClass = this.$removeButtonIcon.attr('class');
+    this.removedClass = this.$removeButtonIcon.attr('data-removed-class');
+    this.$removeButton.on('click', $.proxy(this.removeButtonClicked, this));
+  }
+
+  removeButtonClicked() {
+    if (this.$removeInput.val()) {
+      return this.unsetRemoved();
+    } else {
+      return this.setRemoved();
+    }
+  }
+
+  setRemoved() {
+    this.$removeInput.val('1');
+    this.$existingFile.hide(0);
+    return this.$removeButtonIcon.attr({
+      class: this.removedClass
+    });
+  }
+
+  unsetRemoved() {
+    this.$removeInput.removeAttr('value');
+    this.$existingFile.show(0);
+    return this.$removeButtonIcon.attr({
+      class: this.originalClass
+    });
+  }
+
+};
+
+$.simpleForm.onDomReady(function($document) {
+  // Plugin initialization delegated to body, so we do not need to run the
+  // initialization process when the body has not changed
+  if (!$document.is('body')) {
+    return;
+  }
+  return $('body').on('click', '[data-dismiss="existing-file"]', function(e) {
+    var $button, $field, data;
+    $button = $(e.currentTarget);
+    $field = $button.closest('[data-provides="existing-file"]');
+    if (!$field.data('simple-form:existing-file')) {
+      data = new ExistingFileField($field);
+      data.removeButtonClicked();
+      return $field.data('simple-form:existing-file', data);
+    }
+  });
+});

data/app/javascripts/para/simple_form_extension/index.js

@@ -0,0 +1,12 @@
+import "../vendor/spinbox";
+import "../vendor/jasny-bootstrap";
+import "../vendor/jquery.datetimepicker";
+import "../vendor/bootstrap-slider";
+import "../vendor/bootstrap-colorpicker";
+
+import "./simple_form_extension_initialization";
+import "./colorpicker";
+import "./datetimepicker";
+import "./fileinput";
+import "./slider";
+import "./spinbox";

data/app/javascripts/para/simple_form_extension/selectize.js

@@ -0,0 +1,160 @@
+// import Selectize from '@selectize/selectize';
+
+// var SimpleFormSelectize, hash_key;
+
+// SimpleFormSelectize = class SimpleFormSelectize {
+//   selectizeDefaults() {
+//     return {
+//       mode: this.single ? 'single' : 'multi',
+//       maxItems: this.single ? 1 : this.$el.data('max-items'),
+//       sortField: this.$el.data('sort-field'),
+//       plugins: ['remove_button'],
+//       create: this.$el.data('creatable'),
+//       render: this.renderOptions(),
+//       options: this.$el.data('collection'),
+//       load: this.load
+//     };
+//   }
+
+//   constructor($el, options1) {
+//     var value;
+//     this.load = this.load.bind(this);
+//     this.$el = $el;
+//     this.options = options1;
+//     this.single = this.$el.data('multi') === false;
+//     this.el = this.$el[0];
+//     this.$el.val('');
+//     this.searchURL = this.$el.data('search-url');
+//     this.searchParam = this.$el.data('search-param');
+//     this.escape = this.$el.data('escape') !== false;
+//     this.$el.selectize($.extend(this.selectizeDefaults(), this.options));
+//     if ((value = this.$el.data('value'))) {
+//       this.initializeValue(value);
+//     }
+//     // Fix for newest version of selectize that keeps the hidden input field
+//     // instead of converting it to a text field when we call it on a hidden
+//     // input.
+//     this.$el.next('.selectize-control').find('.selectize-input input[type="hidden"]').attr('type', 'text');
+//   }
+
+//   initializeValue(data) {
+//     if (this.single) {
+//       this.el.selectize.addOption(data);
+//     } else {
+//       $.each(data, (i, item) => {
+//         return this.el.selectize.addOption(item);
+//       });
+//     }
+//     if (this.single) {
+//       return this.el.selectize.addItem(data.value);
+//     } else {
+//       return $.each(data, (i, item) => {
+//         return this.el.selectize.addItem(item.value);
+//       });
+//     }
+//   }
+
+//   addAndSelect(data) {
+//     this.el.selectize.addOption(data);
+//     return this.el.selectize.addItem(data.value);
+//   }
+
+//   load(query, callback) {
+//     var data;
+//     if (!(query.length && this.searchURL)) {
+//       return callback();
+//     }
+//     data = {};
+//     data[this.searchParam] = query;
+//     return $.ajax({
+//       url: this.searchURL,
+//       type: 'GET',
+//       data: data,
+//       error: function() {
+//         return callback();
+//       },
+//       success: callback
+//     });
+//   }
+
+//   renderOptions() {
+//     return {
+//       option: (data, escape) => {
+//         return `<div data-value="${escape(data.value)}" class="item">\n  ${(this.escape ? escape(data.text) : data.text)}\n</div>`;
+//       },
+//       item: (data, escape) => {
+//         return `<div data-value="${escape(data.value)}" data-selectable="" class="option">\n  ${(this.escape ? escape(data.text) : data.text)}\n</div>`;
+//       },
+//       option_create: (data) => {
+//         return `<div class="create" data-selectable="">\n  ${this.$el.data('add-translation')}\n  <strong>${data.input}</strong> ...\n</div>`;
+//       }
+//     };
+//   }
+
+// };
+
+// $.fn.simpleFormSelectize = function(options = {}) {
+//   return this.each(function(i, el) {
+//     var $select, instance;
+//     $select = $(el);
+//     if ($select.data('simple-form:selectize')) {
+//       return;
+//     }
+//     instance = new SimpleFormSelectize($select, options);
+//     return $select.data('simple-form:selectize', instance);
+//   });
+// };
+
+// $.simpleForm.onDomReady(function($document) {
+//   return $document.find('[data-selectize]').simpleFormSelectize();
+// });
+
+// // Clean up selectize instances before the turbo page is cached to avoid double 
+// // initialization of the selectize markup when the page is restored from cache.
+// $(document).on('turbo:before-cache', function(e) {
+//   return $('[data-selectize]').each(function(i, el) {
+//     var $select, selectize;
+//     $select = $(el);
+//     if (!$select.data('simple-form:selectize')) {
+//       return;
+//     }
+//     $select.data('simple-form:selectize', null);
+//     selectize = $select.data('selectize');
+//     if (selectize != null ? selectize.destroy : void 0) {
+//       return selectize.destroy();
+//     }
+//   });
+// });
+
+// // Fix for allowEmptyOption issue
+
+// // See : https://github.com/selectize/selectize.js/issues/967
+
+// hash_key = function(value) {
+//   if (typeof value === 'undefined' || value === null) {
+//     return null;
+//   }
+//   if (typeof value === 'boolean') {
+//     if (value) {
+//       return '1';
+//     } else {
+//       return '0';
+//     }
+//   }
+//   return value + '';
+// };
+
+// $.extend(Selectize.prototype, {
+//   registerOption: function(data) {
+//     var key;
+//     key = hash_key(data[this.settings.valueField]);
+//     // Line 1187 of src/selectize.js should be changed
+//     // if (!key || this.options.hasOwnProperty(key)) return false;
+//     if (typeof key === 'undefined' || key === null || this.options.hasOwnProperty(key)) {
+//       return false;
+//     }
+//     data.$order = data.$order || ++this.order;
+//     this.options[key] = data;
+//     return key;
+//   }
+// });

data/app/javascripts/para/simple_form_extension/simple_form_extension_initialization.js

@@ -0,0 +1,62 @@
+$.simpleForm = {
+  // Bind a callback to run when a DOM or sub-DOM is ready to be initialized
+  // Allows abstracting the following cases :
+  //   - Document is ready with $(document).ready()
+  //   - Document is ready with Turbo page or frame loading
+  //   - A sub-DOM is dynamically added and needs all the plugins to be
+  //     initialized, ex: for nested forms
+  //
+  onDomReady: function(callback) {
+    $(document).on('initialize.simpleform', function(_e, $fragment) {
+      callback($fragment);
+    });
+  }
+}
+
+// Trigger all the registered callbacks and run them on the target element
+$.fn.simpleForm = function () {
+  this.each(function (i, fragment) {
+    $(document).trigger('initialize.simpleform', [$(fragment)])
+  });
+};
+
+const initializeSimpleForm = function (target) {
+  const $target = $(target);
+
+  if ($target.data('simple-form:initialized')) return;
+
+  $target.data('simple-form:initialized', true);
+  $target.simpleForm();
+};
+
+// Turbo document ready binding
+// $(document).on('turbo:load turbo:frame-load turbo:render turbo:frame-render', function (event) {
+$(document).on(
+  'turbo:load turbo:frame-load turbo:render', 
+  (event) => {
+    var target = event.target === document.documentElement ? 'body' : event.target;
+
+    initializeSimpleForm(target);
+  }
+);
+
+$(document).on('turbo:before-frame-render', function (event) {
+  const defaultRenderAction = event.detail.render
+
+  event.detail.render = function (currentElement, newElement) {
+    defaultRenderAction(currentElement, newElement);
+    
+    initializeSimpleForm(newElement);
+  };
+});
+
+$(document).on('turbo:before-stream-render', function (event) {
+  const defaultRenderAction = event.detail.render
+
+  event.detail.render = function (streamElement) {
+    defaultRenderAction(streamElement);
+
+    const target = document.getElementById(streamElement.target);
+    initializeSimpleForm(target);
+  };
+});

data/app/javascripts/para/simple_form_extension/slider.js

@@ -0,0 +1,43 @@
+var Slider;
+
+Slider = class Slider {
+  constructor($el) {
+    var ref, value, values;
+    this.$el = $el;
+    value = (values = (ref = this.$el.data('slider-value')) != null ? ref.toString().split(',') : void 0) ? values.length <= 1 ? parseFloat(values[0], 10) : (function() {
+      var j, len, results;
+      results = [];
+      for (j = 0, len = values.length; j < len; j++) {
+        value = values[j];
+        results.push(parseFloat(value, 10));
+      }
+      return results;
+    })() : void 0;
+    if (this.$el.bootstrapSlider) {
+      this.$el.bootstrapSlider({
+        value: value
+      });
+    } else {
+      this.$el.slider({
+        value: value
+      });
+    }
+  }
+
+};
+
+$.fn.simpleFormSlider = function() {
+  return this.each(function(i, el) {
+    var $select, instance;
+    $select = $(el);
+    if ($select.data('simple-form:slider')) {
+      return;
+    }
+    instance = new Slider($select);
+    return $select.data('simple-form:slider', instance);
+  });
+};
+
+$.simpleForm.onDomReady(function($document) {
+  return $document.find('[data-simple-form-slider]').simpleFormSlider();
+});

data/app/javascripts/para/simple_form_extension/spinbox.js

@@ -0,0 +1,35 @@
+var Spinbox;
+
+Spinbox = class Spinbox {
+  constructor($el) {
+    var defaults, options;
+    this.$el = $el;
+    options = this.$el.find('input').data('spinner');
+    defaults = {
+      max: Number.POSITIVE_INFINITY
+    };
+    this.$el.spinbox($.extend(defaults, options));
+  }
+
+};
+
+$.fn.simpleFormSpinbox = function() {
+  return this.each(function(i, el) {
+    var $input, instance;
+    $input = $(el);
+    if ($input.data('simple-form:spinbox')) {
+      return;
+    }
+    instance = new Spinbox($input);
+    return $input.data('simple-form:spinbox', instance);
+  });
+};
+
+$.simpleForm.onDomReady(function($document) {
+  var $spinbox;
+  $spinbox = $document.find('.spinbox');
+  if (!$spinbox.length) {
+    return;
+  }
+  return $spinbox.simpleFormSpinbox();
+});