decidim-core 0.30.1 → 0.31.0.rc1

data/app/packs/src/decidim/tooltips.js

@@ -1,152 +0,0 @@
-/**
- * Returns 9 useful positions (page coordinates) of a HTMLElement regarding the window object
- *
- *    topLeft      topCenter      topRight
- *           \ ________|________ /
- *            |                 |
- * middleLeft |   middleCenter  | middleRight
- *            |_________________|
- *           /         |         \
- * bottomLeft     bottomCenter    bottomRight
- *
- * @param {HTMLElement} node target node
- * @param {HTMLElement} relativeParent relative parent, instead of window
- * @returns {Object} Nine pair of page coordinates
- */
-const getAbsolutePosition = (node, relativeParent) => {
-  const { top, left, width, height } = node.getBoundingClientRect()
-
-  let [pageX, pageY] = [window.pageXOffset, window.pageYOffset]
-  if (relativeParent) {
-    // in order to calculate the relative parent position, we reuse this function,
-    // using the parent regarding the window and subtracting the topLeft corner (its relative position [0,0])
-    const { topLeft: [parentX, parentY] } = getAbsolutePosition(relativeParent);
-    [pageX, pageY] = [pageX - parentX, pageY - parentY]
-  }
-
-  return {
-    topLeft: [pageX + left, pageY + top],
-    topCenter: [pageX + left + width / 2, pageY + top],
-    topRight: [pageX + left + width, pageY + top],
-    middleLeft: [pageX + left, pageY + top + height / 2],
-    middleCenter: [pageX + left + width / 2, pageY + top + height / 2],
-    middleRight: [pageX + left + width, pageY + top + height / 2],
-    bottomLeft: [pageX + left, pageY + top + height],
-    bottomCenter: [pageX + left + width / 2, pageY + top + height],
-    bottomRight: [pageX + left + width, pageY + top + height]
-  }
-}
-
-/**
- * Initialize any tooltip in the same way, both plain texts or complex markup
- *
- * @param {HTMLElement} node trigger element who contains the tooltip
- * @returns {void}
- */
-export default function(node) {
-  const { tooltip: tooltipHtml } = node.dataset
-
-  const div = document.createElement("div")
-  div.innerHTML = tooltipHtml
-  const tooltip = div.firstElementChild
-
-  // only run this script when the tooltip content is html
-  if (!(tooltip instanceof HTMLElement)) {
-    return
-  }
-
-  // in case of javascript disabled, the tooltip could use the title attribute as default behaviour
-  // once arrives here, title is no longer necessary
-  node.removeAttribute("title")
-
-  tooltip.id = tooltip.id || `tooltip-${Math.random().toString(36).substring(7)}`
-  // append to dom hidden, to apply css transitions
-  tooltip.setAttribute("aria-hidden", true)
-
-  // used to detect if the user is on a mobile device by checking the user agent
-  const useMobile = (/Mobi|Android/i).test(navigator.userAgent);
-
-  // used not to collapse tooltip
-  let removeTooltip = () => {
-    tooltip.setAttribute("aria-hidden", "true");
-  }
-
-  // used to allow clicks outside the tooltip to take place on the page or device
-  const OutsideClick = (event) => {
-    if (!tooltip.contains(event.target) && event.target !== node) {
-      removeTooltip();
-    }
-  }
-
-  // function called again to allow clicks outside the tooltip to collapse the tooltip
-  removeTooltip = () => {
-    tooltip.setAttribute("aria-hidden", "true");
-    document.removeEventListener("click", OutsideClick)
-  }
-
-  const toggleTooltip = (event) => {
-    event.preventDefault();
-    // if the tooltip is visible in the DOM, hide it otherwise display
-    if (tooltip.getAttribute("aria-hidden") === "false") {
-      tooltip.setAttribute("aria-hidden", "true");
-      return
-    }
-
-    // remove any previous tooltip from the DOM, in order to avoid overlaps
-    Array.from(document.body.children).map((child) => child.id.startsWith("tooltip") && child.remove())
-
-    document.body.appendChild(tooltip)
-
-    node.setAttribute("aria-describedby", tooltip.id)
-
-    // the position must be calculated once the event has been triggered
-    // in that way, we ensure the container position is that we want
-    // otherwise, the trigger could be hidden or misplaced
-    const { topCenter, bottomCenter, middleRight, middleLeft } = getAbsolutePosition(node)
-
-    let positionX = null;
-    let positionY = null;
-
-    if (tooltip.classList.contains("bottom")) {
-      [positionX, positionY] = bottomCenter
-    } else if (tooltip.classList.contains("left")) {
-      [positionX, positionY] = middleLeft
-    } else if (tooltip.classList.contains("right")) {
-      [positionX, positionY] = middleRight
-    } else if (tooltip.classList.contains("top")) {
-      [positionX, positionY] = topCenter
-    }
-
-    // when the node is placed at the left side of the screen
-    // we translate the tooltip's arrow in order to fit inside the viewport
-    if ((tooltip.classList.contains("top") || tooltip.classList.contains("bottom")) && positionX < Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0) * 0.5) {
-      tooltip.style.setProperty("--arrow-offset", "80%")
-    } else {
-      tooltip.style.removeProperty("--arrow-offset")
-    }
-
-    tooltip.style.top = `${positionY}px`
-    tooltip.style.left = `${positionX}px`
-
-    tooltip.setAttribute("aria-hidden", false)
-
-    // sleep time before hiding the element from the DOM
-    setTimeout(() => document.addEventListener("click", OutsideClick))
-  }
-
-  if (useMobile) {
-    // mobile use to click and toggle the tooltip
-    node.addEventListener("click", toggleTooltip);
-    window.addEventListener("keydown", (event) => event.key === "Escape" && removeTooltip())
-  } else {
-    // desktop use for hover and blur over tooltip
-    node.addEventListener("mouseenter", toggleTooltip)
-    node.addEventListener("mouseleave", removeTooltip)
-    node.addEventListener("focus", toggleTooltip)
-    node.addEventListener("blur", removeTooltip)
-
-    // tooltip hover listeners to prevent hiding when hovered
-    tooltip.addEventListener("mouseenter", () => tooltip.setAttribute("aria-hidden", false))
-    tooltip.addEventListener("mouseleave", removeTooltip)
-  }
-}

data/app/packs/src/decidim/user_registrations.js

@@ -1,65 +0,0 @@
-import PasswordToggler from "src/decidim/password_toggler";
-
-$(() => {
-  const $userRegistrationForm = $("#register-form");
-  const $userOmniauthRegistrationForm = $("#omniauth-register-form");
-  const $userGroupFields      = $userRegistrationForm.find(".user-group-fields");
-  const userPassword         =  document.querySelector(".user-password");
-  const inputSelector         = 'input[name="user[sign_up_as]"]';
-  const newsletterSelector    = 'input[type="checkbox"][name="user[newsletter]"]';
-  const $newsletterModal      = $("#sign-up-newsletter-modal");
-
-
-  const setGroupFieldsVisibility = (value) => {
-    if (value === "user") {
-      $userGroupFields.hide();
-    } else {
-      $userGroupFields.show();
-    }
-  }
-
-  const checkNewsletter = (check) => {
-    $userRegistrationForm.find(newsletterSelector).prop("checked", check);
-    $userOmniauthRegistrationForm.find(newsletterSelector).prop("checked", check);
-    $newsletterModal.data("continue", true);
-    window.Decidim.currentDialogs["sign-up-newsletter-modal"].close()
-    $userRegistrationForm.submit();
-    $userOmniauthRegistrationForm.submit();
-  }
-
-  setGroupFieldsVisibility($userRegistrationForm.find(`${inputSelector}:checked`).val());
-
-  $userRegistrationForm.on("change", inputSelector, (event) => {
-    const value = event.target.value;
-
-    setGroupFieldsVisibility(value);
-  });
-
-  $userRegistrationForm.on("submit", (event) => {
-    const newsletterChecked = $userRegistrationForm.find(newsletterSelector);
-    if (!$newsletterModal.data("continue")) {
-      if (!newsletterChecked.prop("checked")) {
-        event.preventDefault();
-        window.Decidim.currentDialogs["sign-up-newsletter-modal"].open()
-      }
-    }
-  });
-
-  $userOmniauthRegistrationForm.on("submit", (event) => {
-    const newsletterChecked = $userOmniauthRegistrationForm.find(newsletterSelector);
-    if (!$newsletterModal.data("continue")) {
-      if (!newsletterChecked.prop("checked")) {
-        event.preventDefault();
-        window.Decidim.currentDialogs["sign-up-newsletter-modal"].open()
-      }
-    }
-  });
-
-  $newsletterModal.find("[data-check]").on("click", (event) => {
-    checkNewsletter($(event.target).data("check"));
-  });
-
-  if (userPassword) {
-    new PasswordToggler(userPassword).init();
-  }
-});

data/app/packs/src/decidim/vizzs/areachart.js

@@ -1,251 +0,0 @@
-/* eslint-disable require-jsdoc, id-length, no-undefined, no-unused-vars, multiline-ternary, no-nested-ternary, no-invalid-this */
-/* eslint prefer-reflect: ["error", { "exceptions": ["call"] }] */
-/* eslint dot-location: ["error", "property"] */
-/* eslint no-unused-vars: 0 */
-
-import { select, pointer } from "d3-selection";
-import { min, max, extent, ascending, bisector } from "d3-array";
-import { scaleTime, scaleLinear } from "d3-scale";
-import { axisLeft, axisBottom } from "d3-axis";
-import { timeMonth } from "d3-time";
-import { timeFormat, isoParse } from "d3-time-format";
-import { area, line } from "d3-shape";
-
-// lib
-export default function areachart(opts = {}) {
-
-  const parseData = (data) => {
-    // format the data
-    data.forEach((d) => {
-      d.key = isoParse(d.key)
-      d.value = Number(d.value)
-    });
-
-    // order by date
-    return data.sort((x, y) => ascending(x.key, y.key))
-  }
-
-  // OPTIONAL: Helper function to accumulates all data values
-  const aggregate = (agg) => agg.map((item, index, array) => {
-    if (index > 0) {
-      item.value += array[index - 1].value
-    }
-    return item
-  })
-
-  // parse opts
-  let data = parseData(opts.data)
-  let title = opts.title
-  let objectName = opts.objectName || ""
-  let container = select(opts.container)
-  let showAxis = opts.axis || false
-  let ratio = (opts.ratio || "").split(":").reduce((a, b) => a / b) || (4 / 3)
-  let showTooltip = Object.is(opts.tip, undefined) ? true : opts.tip
-  let cumulative = opts.agg || false
-
-  if (cumulative) {
-    data = aggregate(data)
-  }
-
-  // set the dimensions and margins of the graph
-  let margin = {
-    top: 40,
-    right: 0,
-    bottom: 0,
-    left: 0
-  }
-
-  let width = Number(container.node().getBoundingClientRect().width) - margin.left - margin.right
-  let height = (width / ratio) - margin.top - margin.bottom
-  let titlePadding = min([width / 10, 32])
-
-  // set the ranges
-  let x = scaleTime().range([0, width]);
-  let y = scaleLinear().range([height, 0]);
-
-  // define the area
-  let _area = area()
-    .x((d) => x(d.key))
-    .y0(height)
-    .y1((d) => y(d.value));
-
-  // define the line
-  let valueline = line()
-    .x((d) => x(d.key))
-    .y((d) => y(d.value));
-
-  let svg = container.append("svg")
-    .attr("width", width + margin.left + margin.right)
-    .attr("height", height + margin.top + margin.bottom)
-    .append("g")
-    .attr("transform", `translate(${margin.left},${margin.top})`);
-
-  // scale the range of the data
-  x.domain(extent(data, (d) => d.key));
-  y.domain([0, max(data, (d) => d.value)]).nice();
-
-  // add the valueline path.
-  let topLine = svg.append("path")
-    .data([data])
-    .attr("class", "line")
-    .attr("d", valueline)
-
-  // add the area
-  svg.append("path")
-    .data([data])
-    .attr("class", "area")
-    .attr("d", _area)
-
-  if (showTooltip) {
-    // tooltip
-    let circle = svg.append("circle")
-      .attr("class", "circle")
-      .attr("r", 6)
-      .style("display", "none")
-
-    let tooltip = select("body").append("div")
-      .attr("id", `${container.node().id}-metric-tooltip`)
-      .style("opacity", 0)
-
-    svg
-      .on("mouseover", () => {
-        circle.style("display", null)
-        tooltip.style("opacity", 1)
-      })
-      .on("mouseout", () => {
-        circle.style("display", "none")
-        tooltip.style("opacity", 0)
-      })
-      .on("mousemove", function(event) {
-        let x0 = x.invert(pointer(event)[0])
-        let i = bisector((d) => d.key).left(data, x0, 1)
-        let d0 = data[i - 1]
-        let d1 = data[i]
-        let d = (x0 - d0.key > d1.key - x0) ? d1 : d0
-
-        // svg position relative to document
-        let coords = {
-          x: window.pageXOffset + container.node().getBoundingClientRect().left,
-          y: window.pageYOffset + container.node().getBoundingClientRect().top
-        }
-
-        let tooltipContent = `
-          <div>
-            ${timeFormat("%e %B %Y")(d.key)}<br />
-            ${d.value.toLocaleString()} ${objectName}
-          </div>`
-
-        circle.attr("transform", `translate(${x(d.key)},${y(d.value)})`)
-        tooltip.html(tooltipContent)
-          .style("left", `${coords.x + x(d.key)}px`)
-          .style("top", `${coords.y + y(d.value)}px`)
-      })
-  }
-
-  if (showAxis) {
-    let xAxis = axisBottom(x)
-      .ticks(timeMonth)
-      .tickFormat(timeFormat("%b %y"))
-      .tickSize(-height)
-    let yAxis = axisLeft(y)
-      .ticks(5)
-      .tickSize(8)
-
-    let _xAxis = (g) => {
-      g.call(xAxis)
-      g.select(".domain").remove()
-      g.selectAll(".tick line").attr("class", "dashed")
-      g.selectAll(".tick text").attr("y", 6)
-    }
-    let _yAxis = (g) => {
-      g.call(yAxis)
-      g.select(".domain").remove()
-      g.select(".tick:first-of-type").remove()
-      g.selectAll(".tick text").attr("text-anchor", "start").attr("x", 6)
-    }
-
-    // custom X-Axis
-    svg.append("g")
-      .attr("transform", `translate(0,${height})`)
-      .call(_xAxis);
-
-    // custom Y-Axis
-    svg.append("g")
-      .call(_yAxis)
-
-    // last circle (current value)
-    let g = svg.append("g")
-      .data([data])
-      .attr("transform", (d) => `translate(${x(d[d.length - 1].key)},${y(d[d.length - 1].value)})`)
-
-    g.append("circle")
-      .attr("class", "circle")
-      .attr("r", 8)
-
-    g.append("text")
-      .attr("class", "sum")
-      .attr("text-anchor", "end")
-      .attr("dx", -8 * 2)
-      .text((d) => d[d.length - 1].value.toLocaleString())
-
-  } else {
-    // add the title group
-    let g = svg.append("g")
-      .attr("text-anchor", "start")
-      .attr("transform", `translate(${titlePadding},${titlePadding})`)
-
-    let titleLines = 0
-
-    if (title.length) {
-      g.append("text")
-        .attr("x", 0)
-        .attr("y", 0)
-        .attr("class", "title")
-        .text(title)
-        .call(function(fulltext, wrapwidth, start = 0) {
-          fulltext.each(function() {
-            let text = select(this)
-            let word = ""
-            let words = text.text().split(/\s+/).reverse()
-            let _line = []
-            let lineNumber = 0
-            let lineHeight = 1.1
-            let _x = text.attr("x")
-            let _y = text.attr("y")
-            let dy = 0
-            let tspan = text.text(null)
-              .append("tspan")
-              .attr("x", _x)
-              .attr("y", _y)
-              .attr("dy", `${dy}em`)
-
-            /* eslint-disable no-cond-assign, no-plusplus */
-            while (word = words.pop()) {
-              _line.push(word);
-              tspan.text(_line.join(" "));
-              if (tspan.node().getComputedTextLength() > wrapwidth) {
-                _line.pop()
-                tspan.text(_line.join(" "))
-                _line = [word]
-                tspan = text.append("tspan")
-                  .attr("x", _x)
-                  .attr("y", _y)
-                  .attr("dy", `${(++lineNumber * lineHeight) + dy}em`)
-                  .text(word);
-              }
-            }
-
-            titleLines = lineNumber * lineHeight
-          });
-        }, width - (titlePadding * 2))
-    }
-
-    let fontSize = parseFloat(getComputedStyle(g.node()).fontSize);
-
-    g.append("text")
-      .attr("x", 0)
-      .attr("dy", title.length ? (titlePadding * 2) + (titleLines * fontSize) : (titlePadding * 1.25))
-      .attr("class", "sum")
-      .text(data[data.length - 1].value.toLocaleString())
-  }
-}

data/app/packs/src/decidim/vizzs/index.js

@@ -1,82 +0,0 @@
-/* eslint-disable require-jsdoc, no-console */
-
-import areachart from "src/decidim/vizzs/areachart"
-
-$(() => {
-
-  const metricsData = {};
-  const metricsContainer = {};
-  const metricsParams = {};
-
-  const query = () => {
-    let metricsQuery = `metrics(names: ${metricsParams.names}, space_type: "${metricsParams.spaceType}", space_id: ${metricsParams.spaceId}) { name history { key value } }`;
-    return {query: `{ ${metricsQuery} }`};
-  }
-
-  const parameterize = (metrics) => {
-    metricsParams.names = JSON.stringify(metrics || []);
-    metricsParams.spaceType = $("#metrics #metrics-space_type").val() || null;
-    metricsParams.spaceId = $("#metrics #metrics-space_id").val() || null;
-  }
-
-  const fetch = (metrics) => $.post(window.Decidim.config.get("api_path"), query(metrics));
-
-  const downloadMetricData = (event) => {
-    event.preventDefault();
-    let metricName = $(event.target).parents(".metric-downloader").data("metric");
-    let csvContent = "data:text/csv;charset=utf-8,";
-
-    csvContent += "key,value\r\n";
-    metricsData[metricName].forEach((metricData)  => {
-      csvContent += `${metricData.key},${metricData.value}\r\n`;
-    });
-
-    // Required for FF
-    let link = document.createElement("a");
-    link.setAttribute("href", encodeURI(csvContent));
-    link.setAttribute("download", `${metricName}_metric_data.csv`);
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-  }
-
-  $(".metric-chart:visible").each((_index, container) => {
-    metricsContainer[$(container).data("metric")] = container;
-  });
-  $(".metric-downloader").each((_index, container) => {
-    container.onclick = downloadMetricData;
-  });
-
-  if (!$.isEmptyObject(metricsContainer)) {
-    parameterize(Object.keys(metricsContainer))
-    fetch().then((response) => {
-      if (response.data) {
-        $.each(response.data.metrics, (_index, metricData) => {
-          let container = metricsContainer[metricData.name];
-          if (metricData.history.length === 0) {
-            $(container).remove();
-            return;
-          }
-          let info = $(container).data("info");
-          metricsData[metricData.name] = $.extend(true, [], metricData.history);
-          areachart({
-            container: `#${container.id}`,
-            data: metricData.history,
-            title: info.title,
-            objectName: info.object,
-            ...$(container).data()
-          });
-        });
-      } else if (response.errors) {
-        console.log("Something wrong happened when fetching metrics:");
-        $.each(response.errors, (_index, error) => {
-          console.log(error.message);
-        });
-        $("#metrics").remove();
-      }
-    }).fail((err) => {
-      console.log(`Something wrong happened when fetching metrics: ${err.statusText}`);
-      $("#metrics").remove();
-    });
-  }
-});

data/app/packs/src/decidim/widget.js

@@ -1,14 +0,0 @@
-window.addEventListener("message", (event) => {
-  if (event.data.type === "GET_HEIGHT") {
-    const body = document.body;
-    const html = document.documentElement;
-    const height = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
-
-    parent.postMessage({ type: "SET_HEIGHT", height: height }, "*");
-  }
-});
-
-$(() => {
-  // Set target blank for all widget links.
-  $("a").attr("target", "_blank");
-});

data/app/packs/stylesheets/decidim/_hashtags.scss

@@ -1,5 +0,0 @@
-.hashtags {
-  > label {
-    @apply ml-4;
-  }
-}

data/app/packs/stylesheets/decidim/_metrics.scss

@@ -1,70 +0,0 @@
-.metric {
-  @apply flex flex-col rounded border-4 border-background p-4;
-
-  &__container {
-    @apply grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-10;
-  }
-
-  h3 {
-    @apply font-semibold text-lg text-gray-2;
-  }
-
-  p {
-    @apply font-normal text-sm text-gray-2;
-  }
-
-  a {
-    @apply mt-auto self-end font-normal text-sm text-secondary;
-  }
-
-  svg {
-    @apply overflow-visible rounded bg-background my-8;
-  }
-
-  .area {
-    @apply fill-primary/5;
-  }
-
-  .line {
-    @apply stroke-primary/20 stroke-2;
-
-    fill: none;
-  }
-
-  .circle {
-    @apply fill-primary/20;
-  }
-
-  .tick {
-    @apply opacity-25;
-  }
-
-  .dashed {
-    stroke-dasharray: 1, 3;
-  }
-
-  .sum {
-    @apply font-bold text-3xl;
-  }
-}
-
-[id$="metric-tooltip"] {
-  @apply absolute overflow-visible translate-x-[-50%] shadow-[0_0_20px_0] shadow-gray bg-white;
-
-  > * {
-    @apply p-2 text-sm relative;
-
-    &::after,
-    &::before {
-      @apply top-full left-1/2 content-[""] h-0 w-0 absolute pointer-events-none border-transparent;
-    }
-
-    &::after {
-      @apply top-[calc(100%_-_1px)] -ml-[10px] border-[10px] border-t-white;
-    }
-
-    &::before {
-      @apply -ml-[11px] border-[11px];
-    }
-  }
-}

data/app/packs/stylesheets/decidim/_modal_identities.scss

@@ -1,23 +0,0 @@
-.identities-modal {
-  &__list {
-    @apply flex flex-col gap-2 py-10;
-
-    button {
-      @apply w-full border-4 border-background rounded p-2 flex items-center justify-between cursor-pointer;
-
-      &.is-selected {
-        @apply border-transparent bg-success/10 [&_svg]:visible;
-      }
-
-      &:focus,
-      &:focus-visible,
-      &:hover {
-        @apply border-tertiary outline-none;
-      }
-
-      svg {
-        @apply w-6 h-6 text-success fill-current invisible;
-      }
-    }
-  }
-}

data/app/presenters/decidim/admin_log/user_group_presenter.rb

@@ -1,31 +0,0 @@
-# frozen_string_literal: true
-
-module Decidim
-  module AdminLog
-    # This class holds the logic to present a `Decidim::UserGroup`
-    # for the `AdminLog` log.
-    #
-    # Usage should be automatic and you should not need to call this class
-    # directly, but here is an example:
-    #
-    #    action_log = Decidim::ActionLog.last
-    #    view_helpers # => this comes from the views
-    #    UserGroupPresenter.new(action_log, view_helpers).present
-    class UserGroupPresenter < BaseUserPresenter
-      private
-
-      def action_string
-        case action
-        when "verify", "verify_via_csv", "reject", "block", "unblock", "bulk_block", "bulk_unblock", "bulk_ignore"
-          "decidim.admin_log.user_group.#{action}"
-        else
-          super
-        end
-      end
-
-      def diff_actions
-        %w(bulk_block bulk_unblock bulk_ignore)
-      end
-    end
-  end
-end