decidim-forms 0.24.0 → 0.25.0.rc1

data/app/assets/config/admin/decidim_forms_manifest.css

@@ -1,3 +0,0 @@
-/*
- *= link decidim/forms/questionnaire-answers-pdf.scss
- */

data/app/assets/config/admin/decidim_forms_manifest.js

@@ -1,2 +0,0 @@
-//= link decidim/forms/admin/forms.js
-//= link decidim/forms/admin/collapsible_questions.js

data/app/assets/config/decidim_forms_manifest.css

@@ -1,4 +0,0 @@
-/*
- *= link decidim/forms/forms.scss
- *= link decidim/forms/questionnaire-answers-pdf.scss
- */

data/app/assets/config/decidim_forms_manifest.js

@@ -1 +0,0 @@
-// = link decidim/forms/forms.js

data/app/assets/javascripts/decidim/forms/admin/auto_buttons_by_min_items.component.js.es6

@@ -1,25 +0,0 @@
-((exports) => {
-  class AutoButtonsByMinItemsComponent {
-    constructor(options = {}) {
-      this.listSelector = options.listSelector;
-      this.minItems = options.minItems;
-      this.hideOnMinItemsOrLessSelector = options.hideOnMinItemsOrLessSelector;
-
-      this.run();
-    }
-
-    run() {
-      const $list = $(this.listSelector);
-      const $items = $list.find(this.hideOnMinItemsOrLessSelector);
-
-      if ($list.length <= this.minItems) {
-        $items.hide();
-      } else {
-        $items.show();
-      }
-    }
-  }
-
-  exports.DecidimAdmin = exports.DecidimAdmin || {};
-  exports.DecidimAdmin.AutoButtonsByMinItemsComponent = AutoButtonsByMinItemsComponent;
-})(window);

data/app/assets/javascripts/decidim/forms/admin/auto_select_options_by_total_items.component.js.es6

@@ -1,23 +0,0 @@
-((exports) => {
-  class AutoSelectOptionsByTotalItemsComponent {
-    constructor(options = {}) {
-      this.wrapperSelector = options.wrapperSelector;
-      this.selectSelector = options.selectSelector;
-      this.listSelector = options.listSelector;
-    }
-
-    run() {
-      const $list = $(this.listSelector);
-      const $selectField = $list.parents(this.wrapperSelector).find(this.selectSelector);
-
-      $selectField.find("option").slice(1).remove();
-
-      for (let idx = 2; idx <= $list.length; idx += 1) {
-        $(`<option value="${idx}">${idx}</option>`).appendTo($selectField);
-      }
-    }
-  }
-
-  exports.DecidimAdmin = exports.DecidimAdmin || {};
-  exports.DecidimAdmin.AutoSelectOptionsByTotalItemsComponent = AutoSelectOptionsByTotalItemsComponent;
-})(window);

data/app/assets/javascripts/decidim/forms/admin/auto_select_options_from_url.component.js.es6

@@ -1,40 +0,0 @@
-((exports) => {
-  class AutoSelectOptionsFromUrl {
-    constructor(options = {}) {
-      this.$source = options.source;
-      this.$select = options.select;
-      this.sourceToParams = options.sourceToParams;
-      this.run();
-    }
-
-    run() {
-      this.$source.on("change", this._onSourceChange.bind(this));
-      this._onSourceChange();
-    }
-
-    _onSourceChange() {
-      const select = this.$select;
-      const params = this.sourceToParams(this.$source);
-      const url = this.$source.data("url");
-
-      $.getJSON(url, params, function (data) {
-        select.find("option:not([value=''])").remove();
-        const selectedValue = select.data("selected");
-
-        data.forEach((option) => {
-          let optionElement = $(`<option value="${option.id}">${option.body}</option>`).appendTo(select);
-          if (option.id === selectedValue) {
-            optionElement.attr("selected", true);
-          }
-        });
-
-        if (selectedValue) {
-          select.val(selectedValue);
-        }
-      });
-    }
-  }
-
-  exports.DecidimAdmin = exports.DecidimAdmin || {};
-  exports.DecidimAdmin.AutoSelectOptionsFromUrl = AutoSelectOptionsFromUrl;
-})(window);

data/app/assets/javascripts/decidim/forms/admin/live_text_update.component.js.es6

@@ -1,52 +0,0 @@
-/**
- * This component allows for an element's text value to be updated with the value
- * of an input whenever this input's value is changed.
- *
- * @param {object} options
- *
- * Available options:
- * {string} `inputSelector`:  The query selector to locate the input element
- * {string} `targetSelector`: The query selector to locate the target element
- * {number} `maxLength`: The maximum characters from the input value to be displayed in the target
- * {string} `omission`: The string used to shorten the value to the given maxLength (e.g. "...")
- * {string} `placeholder`: The string to be displayed in the target element when the input has no value
- */
-((exports) => {
-  class LiveTextUpdateComponent {
-    constructor(options = {}) {
-      this.inputSelector = options.inputSelector;
-      this.targetSelector = options.targetSelector;
-      this.maxLength = options.maxLength;
-      this.omission = options.omission;
-      this.placeholder = options.placeholder;
-      this._bindEvent();
-      this._run();
-    }
-
-    _run() {
-      const $input = $(this.inputSelector);
-      const $target = $(this.targetSelector);
-
-      let text = $input.val() || this.placeholder;
-
-      // truncate string
-      if (text.length > this.maxLength) {
-        text = text.substring(0, this.maxLength - this.omission.length) + this.omission;
-      }
-
-      $target.text(text);
-    }
-
-    _bindEvent() {
-      const $input = $(this.inputSelector);
-      $input.on("change", this._run.bind(this));
-    }
-
-  }
-
-  exports.DecidimAdmin = exports.DecidimAdmin || {};
-  exports.DecidimAdmin.LiveTextUpdateComponent = LiveTextUpdateComponent;
-  exports.DecidimAdmin.createLiveTextUpdateComponent = (options) => {
-    return new LiveTextUpdateComponent(options);
-  }
-})(window);

data/app/assets/javascripts/decidim/forms/autosortable_checkboxes.component.js.es6

@@ -1,85 +0,0 @@
-/* eslint-disable no-ternary */
-
-((exports) => {
-  class AutosortableCheckboxesComponent {
-    constructor(options = {}) {
-      this.wrapperField = options.wrapperField;
-      this._bindEvent();
-      this._order();
-      this._normalize();
-    }
-
-    // Order by position
-    _order() {
-      const max = $(this.wrapperField).find(".collection-input").length;
-      $(this.wrapperField).find(".collection-input").each((idx, el) => {
-        const $positionField = $(el).find("input[name$=\\[position\\]]");
-        const position = $positionField.val()
-          ? parseInt($positionField.val(), 10)
-          : max;
-
-        let $next = $(el).next();
-        while ($next.length > 0) {
-          const $nextPositionField = $next.find("input[name$=\\[position\\]]");
-          const nextPosition = $nextPositionField.val()
-            ? parseInt($nextPositionField.val(), 10)
-            : max;
-
-          if (position > nextPosition) {
-            $next.insertBefore($(el));
-          }
-          $next = $next.next();
-        }
-      });
-    }
-
-    _findLastPosition() {
-      let lastPosition = 0;
-      $(this.wrapperField).find(".collection-input").each((idx, el) => {
-        const $positionField = $(el).find("input[name$=\\[position\\]]");
-        const position = parseInt($positionField.val(), 10);
-        if (position > lastPosition) {
-          lastPosition = position;
-        }
-      });
-      return lastPosition;
-    }
-
-    _normalize() {
-      $(this.wrapperField).find(".collection-input .position").each((idx, el) => {
-        const $positionField = $(el).parent().find("input[name$=\\[position\\]]");
-        if ($positionField.val()) {
-          $positionField.val(idx);
-          $positionField.prop("disabled", false);
-          $(el).html(`${idx + 1}. `);
-        }
-      });
-    }
-
-    _bindEvent() {
-      $(this.wrapperField).find("input[type=checkbox]").on("change", (el) => {
-        const $parentLabel = $(el.target).parents("label");
-        const $positionSelector = $parentLabel.find(".position");
-        const $positionField = $parentLabel.find("input[name$=\\[position\\]]");
-        const lastPosition = this._findLastPosition();
-
-        if (el.target.checked) {
-          $positionField.val(lastPosition + 1);
-          $positionField.prop("disabled", false);
-          $positionSelector.html(lastPosition + 1);
-        } else {
-          $positionField.val("");
-          $positionField.prop("disabled", true);
-          $positionSelector.html("");
-        }
-        this._order();
-        this._normalize();
-      });
-    }
-  }
-
-  exports.Decidim = exports.Decidim || {};
-  exports.Decidim.createAutosortableCheckboxes = (options) => {
-    return new AutosortableCheckboxesComponent(options);
-  };
-})(window);

data/app/assets/javascripts/decidim/forms/display_conditions.component.js.es6

@@ -1,203 +0,0 @@
-/* eslint-disable no-ternary, no-plusplus */
-
-((exports) => {
-  class DisplayCondition {
-    constructor(options = {}) {
-      this.wrapperField = options.wrapperField;
-      this.type = options.type;
-      this.conditionQuestion = options.conditionQuestion;
-      this.answerOption = options.answerOption;
-      this.mandatory = options.mandatory;
-      this.value = options.value;
-      this.onFulfilled = options.onFulfilled;
-      this.bindEvent();
-    }
-
-    bindEvent() {
-      this.checkCondition();
-      this.getInputsToListen().on("change", this.checkCondition.bind(this));
-    }
-
-    getInputValue() {
-      const $conditionWrapperField = $(`.question[data-question-id='${this.conditionQuestion}']`);
-      const $textInput = $conditionWrapperField.find("textarea, input[type='text']:not([name$=\\[custom_body\\]])");
-
-      if ($textInput.length) {
-        return $textInput.val();
-      }
-
-      let multipleInput = [];
-
-      $conditionWrapperField.find(".radio-button-collection, .check-box-collection").find(".collection-input").each((idx, el) => {
-        const $input = $(el).find("input[name$=\\[body\\]]");
-        const checked = $input.is(":checked");
-
-        if (checked) {
-          const text = $(el).find("input[name$=\\[custom_body\\]]").val();
-          const value = $input.val();
-          const id = $(el).find("input[name$=\\[answer_option_id\\]]").val();
-
-          multipleInput.push({ id, value, text });
-        }
-      });
-
-      return multipleInput;
-    }
-
-    getInputsToListen() {
-      const $conditionWrapperField = $(`.question[data-question-id='${this.conditionQuestion}']`);
-      const $textInput = $conditionWrapperField.find("textarea, input[type='text']:not([name$=\\[custom_body\\]])");
-
-      if ($textInput.length) {
-        return $textInput;
-      }
-
-      return $conditionWrapperField.find(".collection-input").find("input:not([type='hidden'])");
-    }
-
-    checkAnsweredCondition(value) {
-      if (typeof (value) !== "object") {
-        return Boolean(value);
-      }
-
-      return Boolean(value.some((it) => it.value));
-    }
-
-    checkNotAnsweredCondition(value) {
-      return !this.checkAnsweredCondition(value);
-    }
-
-    checkEqualCondition(value) {
-      if (value.length) {
-        return value.some((it) => it.id === this.answerOption.toString());
-      }
-      return false;
-    }
-
-    checkNotEqualCondition(value) {
-      if (value.length) {
-        return value.every((it) => it.id !== this.answerOption.toString());
-      }
-      return false;
-    }
-
-    checkMatchCondition(value) {
-      let regexp = new RegExp(this.value, "i");
-
-      if (typeof (value) !== "object") {
-        return Boolean(value.match(regexp));
-      }
-
-      return value.some(function (it) {
-        return it.text
-          ? it.text.match(regexp)
-          : it.value.match(regexp)
-      });
-    }
-
-    checkCondition() {
-      const value = this.getInputValue();
-      let fulfilled = false;
-
-      switch (this.type) {
-      case "answered":
-        fulfilled = this.checkAnsweredCondition(value);
-        break;
-      case "not_answered":
-        fulfilled = this.checkNotAnsweredCondition(value);
-        break;
-      case "equal":
-        fulfilled = this.checkEqualCondition(value);
-        break;
-      case "not_equal":
-        fulfilled = this.checkNotEqualCondition(value);
-        break;
-      case "match":
-        fulfilled = this.checkMatchCondition(value);
-        break;
-      default:
-        fulfilled = false;
-        break;
-      }
-
-      this.onFulfilled(fulfilled);
-    }
-  }
-
-  class DisplayConditionsComponent {
-    constructor(options = {}) {
-      this.wrapperField = options.wrapperField;
-      this.conditions = {};
-      this.showCount = 0;
-      this.initializeConditions();
-    }
-
-    initializeConditions() {
-      const $conditionElements = this.wrapperField.find(".display-condition");
-
-      $conditionElements.each((idx, el) => {
-        const $condition = $(el);
-        const id = $condition.data("id");
-        this.conditions[id] = {};
-
-        this.conditions[id] = new DisplayCondition({
-          wrapperField: this.wrapperField,
-          type: $condition.data("type"),
-          conditionQuestion: $condition.data("condition"),
-          answerOption: $condition.data("option"),
-          mandatory: $condition.data("mandatory"),
-          value: $condition.data("value"),
-          onFulfilled: (fulfilled) => {
-            this.onFulfilled(id, fulfilled);
-          }
-        });
-      });
-    }
-
-    mustShow() {
-      const conditions = Object.values(this.conditions);
-      const mandatoryConditions = conditions.filter((condition) => condition.mandatory);
-      const nonMandatoryConditions = conditions.filter((condition) => !condition.mandatory);
-
-      if (mandatoryConditions.length) {
-        return mandatoryConditions.every((condition) => condition.fulfilled);
-      }
-
-      return nonMandatoryConditions.some((condition) => condition.fulfilled);
-
-    }
-
-    onFulfilled(id, fulfilled) {
-      this.conditions[id].fulfilled = fulfilled;
-
-      if (this.mustShow()) {
-        this.showQuestion();
-      }
-      else {
-        this.hideQuestion();
-      }
-    }
-
-    showQuestion() {
-      this.wrapperField.fadeIn();
-      this.wrapperField.find("input, textarea").prop("disabled", null);
-      this.showCount++;
-    }
-
-    hideQuestion() {
-      if (this.showCount) {
-        this.wrapperField.fadeOut();
-      }
-      else {
-        this.wrapperField.hide();
-      }
-
-      this.wrapperField.find("input, textarea").prop("disabled", "disabled");
-    }
-  }
-
-  exports.Decidim = exports.Decidim || {};
-  exports.Decidim.createDisplayConditions = (options) => {
-    return new DisplayConditionsComponent(options);
-  };
-})(window);