decidim-admin 0.24.1 → 0.25.0.rc2

data/app/{assets/javascripts/decidim/admin/form.js.es6 → packs/src/decidim/admin/form.js}

@@ -1,20 +1,17 @@
-// = require ./budget_rule_toggler.component
-// = require ./scope_picker_enabler.component
-// = require ./proposal_infinite_edit
+import "src/decidim/admin/scope_picker_enabler.component"
+import "src/decidim/admin/proposal_infinite_edit"
 
-((exports) => {
-  const { BudgetRuleTogglerComponent } = exports.DecidimAdmin;
+import BudgetRuleTogglerComponent from "src/decidim/admin/budget_rule_toggler.component"
 
+// Checks if the form contains fields with special CSS classes added in
+// Decidim::Admin::SettingsHelper and acts accordingly.
+$(() => {
   const budgetRuleToggler = new BudgetRuleTogglerComponent({
     ruleCheckboxes: $("input[id^='component_settings_vote_rule_']")
   });
 
   budgetRuleToggler.run();
-})(window);
 
-// Checks if the form contains fields with special CSS classes added in
-// Decidim::Admin::SettingsHelper and acts accordingly.
-$(() => {
   // Prevents readonly containers from being modified.
   const $readonlyContainer = $(".readonly_container input");
 

data/app/{assets/javascripts/decidim/admin/import_guidance.js.es6 → packs/src/decidim/admin/import_guidance.js}

@@ -1,4 +1,4 @@
-(() => {
+$(() => {
   const $creatorSelect = $("#import_creator");
   const $creatorGuidances = $(".creator-guidances").find(".guidance");
 
@@ -25,5 +25,4 @@
   }
   $creatorGuidances.hide();
   $creatorGuidances.first().show();
-})();
-
+})

data/app/{assets/javascripts/decidim/admin/managed_users.js.es6 → packs/src/decidim/admin/managed_users.js}

@@ -1,8 +1,8 @@
-// = require ./subform_toggler.component
+/* eslint-disable require-jsdoc */
 
-((exports) => {
-  const { SubformTogglerComponent } = exports.DecidimAdmin;
+import SubformTogglerComponent from "src/decidim/admin/subform_toggler.component"
 
+export default function managedUsersForm() {
   const subformToggler = new SubformTogglerComponent({
     controllerSelect: $("select#impersonate_user_authorization_handler_name"),
     subformWrapperClass: "authorization-handler",
@@ -10,4 +10,4 @@
   });
 
   subformToggler.run();
-})(window);
+}

data/app/packs/src/decidim/admin/moderations.js

@@ -0,0 +1,20 @@
+$(() => {
+  const $moderationDetails = $(".moderation-details");
+  const $toggleContentButton = $moderationDetails.find(".toggle-content");
+  const $reportedContent = $moderationDetails.find(".reported-content");
+  const $currentContent = $reportedContent.find(".current");
+  const $originalContent = $reportedContent.find(".original");
+
+  $originalContent.hide();
+
+  $toggleContentButton.on("click", () => {
+    $currentContent.toggle();
+    $originalContent.toggle();
+
+    if ($currentContent.is(":hidden")) {
+      $toggleContentButton.html($toggleContentButton.data("see-current-button-label"));
+    } else {
+      $toggleContentButton.html($toggleContentButton.data("see-original-button-label"));
+    }
+  })
+})

data/app/{assets/javascripts/decidim/admin/resources_permissions.js.es6 → packs/src/decidim/admin/resources_permissions.js}

@@ -1,8 +1,6 @@
-// = require ./subform_multi_toggler.component
-
-((exports) => {
-  const { SubformMultiTogglerComponent } = exports.DecidimAdmin;
+import SubformMultiTogglerComponent from "src/decidim/admin/subform_multi_toggler.component"
 
+$(() => {
   const subformMultiToggler = new SubformMultiTogglerComponent({
     controllerSelect: $("input[name$=\\[authorization_handlers\\]\\[\\]]"),
     subformWrapperClass: "authorization-handler",
@@ -10,4 +8,4 @@
   });
 
   subformMultiToggler.run();
-})(window);
+})

data/app/packs/src/decidim/admin/scope_picker_enabler.component.js

@@ -0,0 +1,12 @@
+$(() => {
+  const $ComponentScopeEnabled = $("#component_settings_scopes_enabled");
+  const $ComponentScopeId = $("#component_settings_scope_id");
+
+  if ($(".edit_component, .new_component").length > 0) {
+    $ComponentScopeEnabled.on("change", (event) => {
+      const checked = event.target.checked;
+      window.theDataPicker.enabled($ComponentScopeId, checked);
+    })
+    window.theDataPicker.enabled($ComponentScopeId, $ComponentScopeEnabled.prop("checked"));
+  }
+});

data/app/packs/src/decidim/admin/sort_list.component.js

@@ -0,0 +1,31 @@
+/* eslint-disable require-jsdoc */
+import sortable from "html5sortable/dist/html5sortable.es"
+
+class SortListComponent {
+
+  /**
+   * Creates a sortable list using hmtl5sortable function.
+   *
+   * @param {String} sortListSelector The list selector that has to be sortable.
+   * @param {Object} options An object containing the same options as html5sortable. It also includes
+   *                an extra option `onSortUpdate`, a callback which returns the children collection
+   *                whenever the list order has been changed.
+   *
+   * @returns {void} Nothing.
+   */
+  constructor(sortListSelector, options) {
+    if ($(sortListSelector).length > 0) {
+      sortable(sortListSelector, options)[0].addEventListener("sortupdate", (event) => {
+        const $children = $(event.target).children();
+
+        if (options.onSortUpdate) {
+          options.onSortUpdate($children);
+        }
+      });
+    }
+  }
+}
+
+export default function createSortList(sortListSelector, options) {
+  return new SortListComponent(sortListSelector, options);
+}

data/app/packs/src/decidim/admin/sortable.js

@@ -0,0 +1,21 @@
+/* eslint-disable no-ternary */
+
+import createSortList from "src/decidim/admin/sort_list.component"
+
+// Once in DOM
+$(() => {
+  const selector = ".js-sortable"
+  const $sortable = $(selector)
+
+  $sortable.each((index, elem) => {
+    const item = (elem.id)
+      ? `#${elem.id}`
+      : selector
+
+    createSortList(item, {
+      handle: "li",
+      forcePlaceholderSize: true,
+      placeholderClass: "sort-placeholder"
+    })
+  })
+})

data/app/packs/src/decidim/admin/subform_multi_toggler.component.js

@@ -0,0 +1,38 @@
+export default class SubformMultiTogglerComponent {
+  constructor(options = {}) {
+    this.controllerSelect = options.controllerSelect;
+    this.subformWrapperClass = options.subformWrapperClass;
+    this.globalWrapperSelector = options.globalWrapperSelector;
+    this._bindEvent();
+    this._runAll();
+  }
+
+  _runAll() {
+    this.controllerSelect.each((idx, el) => {
+      this.run(el);
+    });
+  }
+
+  run(target) {
+    let $target = $(target);
+    let subformWrapperClass = this.subformWrapperClass;
+    let value = $target.val();
+
+    let $form = $target.parents(this.globalWrapperSelector);
+    let $selectedSubform = $form.find(`#${subformWrapperClass}-${value}`)
+
+    if ($target.prop("checked")) {
+      $selectedSubform.find("input,textarea,select").prop("disabled", false);
+      $selectedSubform.show();
+    } else {
+      $selectedSubform.find("input,textarea,select").prop("disabled", true);
+      $selectedSubform.hide();
+    }
+  }
+
+  _bindEvent() {
+    this.controllerSelect.on("change", (event) => {
+      this.run(event.target);
+    });
+  }
+}

data/app/packs/src/decidim/admin/subform_toggler.component.js

@@ -0,0 +1,38 @@
+export default class SubformTogglerComponent {
+  constructor(options = {}) {
+    this.controllerSelect = options.controllerSelect;
+    this.subformWrapperClass = options.subformWrapperClass;
+    this.globalWrapperSelector = options.globalWrapperSelector;
+    this._bindEvent();
+    this._runAll();
+  }
+
+  _runAll() {
+    this.controllerSelect.each((idx, el) => {
+      this.run(el);
+    });
+  }
+
+  run(target) {
+    let $target = $(target);
+    let subformWrapperClass = this.subformWrapperClass;
+    let value = $target.val();
+
+    let $form = $target.parents(this.globalWrapperSelector);
+    let $subforms = $form.find(`.${subformWrapperClass}`);
+    let $selectedSubform = $subforms.filter(`#${subformWrapperClass}-${value}`)
+
+    $subforms.find("input,textarea,select").prop("disabled", true);
+    $subforms.hide();
+
+    $selectedSubform.find("input,textarea,select").prop("disabled", false);
+    $selectedSubform.show();
+  }
+
+  _bindEvent() {
+    this.controllerSelect.on("change", (event) => {
+      this.run(event.target);
+    });
+  }
+}
+

data/app/{assets/javascripts/decidim/admin/tab_focus.js.es6 → packs/src/decidim/admin/tab_focus.js}

@@ -1,5 +1,3 @@
-// = require_self
-
 /**
  * When switching tabs in i18n fields, autofocus on the input to save clicks #212
  */

data/app/packs/src/decidim/admin/toggle_nav.js

@@ -0,0 +1,14 @@
+/* eslint-disable require-jsdoc */
+const showHideNav = (evt) => {
+  const navMenu = document.querySelector(".layout-nav");
+
+  evt.preventDefault();
+  navMenu.classList.toggle("is-nav-open");
+}
+
+export default function toggleNav() {
+  const navTrigger = document.querySelector(".menu-trigger");
+  if (navTrigger) {
+    navTrigger.addEventListener("click", showHideNav);
+  }
+}

data/app/{assets/javascripts/decidim/admin/welcome_notification.js.es6 → packs/src/decidim/admin/welcome_notification.js}

@@ -1,4 +1,4 @@
-(() => {
+$(() => {
   const $scope = $("#welcome-notification-details");
 
   const $sendNotificationCheckbox = $(
@@ -29,4 +29,4 @@
   $($customizeCheckbox).click(() => toggleVisibility());
 
   toggleVisibility();
-})();
+});

data/app/packs/stylesheets/decidim/admin/_decidim.scss

@@ -0,0 +1,24 @@
+@import "stylesheets/decidim/admin/variables";
+@import "stylesheets/decidim/utils/fontface";
+@import "stylesheets/decidim/admin/utils/helpers";
+@import "stylesheets/decidim/admin/utils/keyframes";
+@import "stylesheets/decidim/admin/utils/settings";
+@import "stylesheets/decidim/admin/utils/toggle-expand";
+@import "foundation-sites/scss/foundation";
+@import "stylesheets/foundation-overrides/components/button-group";
+
+@include foundation-everything();
+
+@import "stylesheets/decidim/admin/utils/mixins";
+@import "stylesheets/decidim/admin/utils/flex";
+@import "stylesheets/decidim/admin/plugins/foundation-datepicker";
+@import "stylesheets/decidim/modules/data-picker";
+@import "stylesheets/decidim/modules/map";
+@import "stylesheets/decidim/admin/modules/modules";
+@import "stylesheets/decidim/admin/plugins/jquery.auto-complete";
+@import "stylesheets/decidim/admin/components/accordion";
+@import "stylesheets/decidim/admin/components/autocomplete_select.component";
+@import "stylesheets/decidim/admin/components/dropdown-menu";
+@import "stylesheets/decidim/admin/components/sortable";
+@import "stylesheets/decidim/vizzs";
+@import "stylesheets/decidim/admin/bundle";

data/app/packs/stylesheets/decidim/admin/application.scss

@@ -0,0 +1,22 @@
+@import "stylesheets/decidim/admin/decidim";
+@import "stylesheets/decidim/admin/extra/action-icon";
+@import "stylesheets/decidim/admin/extra/block_user";
+@import "stylesheets/decidim/admin/extra/cards";
+@import "stylesheets/decidim/admin/extra/categories";
+@import "stylesheets/decidim/admin/extra/dropdown_inverted";
+@import "stylesheets/decidim/admin/extra/editor";
+@import "stylesheets/decidim/admin/extra/email_preview";
+@import "stylesheets/decidim/admin/extra/label-required";
+@import "stylesheets/decidim/admin/extra/login";
+@import "stylesheets/decidim/admin/extra/logs";
+@import "stylesheets/decidim/admin/extra/newsletter-templates-gallery";
+@import "stylesheets/decidim/admin/extra/organization-appearance";
+@import "stylesheets/decidim/admin/extra/quill";
+@import "stylesheets/decidim/admin/extra/select_multiple";
+@import "stylesheets/decidim/admin/extra/show_email";
+@import "stylesheets/decidim/admin/extra/sort";
+@import "stylesheets/decidim/admin/extra/title_bar";
+
+// This imports all the Decidim module stylesheet imports registered at
+// `config/assets.rb` of the module for the "admin" group.
+@import "!decidim-style-imports[admin]";

data/app/packs/stylesheets/decidim/admin/extra/_editor.scss

@@ -0,0 +1 @@
+@import "stylesheets/decidim/editor";

data/app/{assets → packs}/stylesheets/decidim/admin/modules/_action-icon.scss

@@ -1,4 +1,4 @@
-@import "../vendor/mathsass/math";
+@import "stylesheets/decidim/admin/vendor/mathsass/math";
 
 $action-icon-height: 24px;
 $action-icon-width: $icon-size;

data/app/{assets → packs}/stylesheets/decidim/admin/modules/_cards.scss

@@ -118,7 +118,7 @@ $card-padding-small: 1rem;
 
 .card-divider--reduced{
   // height adjust
-  padding: (($global-padding / 2) + rem-calc(.7)) $global-padding;
+  padding: (($global-padding * .5) + rem-calc(.7)) $global-padding;
 }
 
 .card.with-overflow{

data/app/{assets → packs}/stylesheets/decidim/admin/modules/_draggable-list.scss

@@ -12,7 +12,7 @@
 
   li{
     cursor: move;
-    padding: $global-padding / 2 0;
+    padding: $global-padding * .5 0;
   }
 
   .draggable-content{
@@ -22,6 +22,6 @@
     font-weight: $global-weight-bold;
     border: $border;
     background-color: $light-gray;
-    padding: $global-padding / 2 $global-padding;
+    padding: $global-padding * .5 $global-padding;
   }
 }