decidim-core 0.27.5 → 0.28.0.rc4

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

@@ -1,328 +0,0 @@
-/* eslint-disable require-jsdoc, max-lines, id-length, no-invalid-this, no-cond-assign, no-unused-vars, max-params, no-sequences, no-ternary */
-/* eslint prefer-reflect: ["error", { "exceptions": ["call"] }] */
-/* eslint dot-location: ["error", "property"] */
-/* global DATACHARTS, fetchDatacharts */
-
-import { select } from "d3-selection";
-import { max } from "d3-array";
-import { scaleBand, scaleLinear } from "d3-scale";
-import { axisLeft, axisBottom } from "d3-axis";
-import "d3-transition"
-
-export default function renderRowCharts() {
-  // lib
-  const rowchart = (opts = {}) => {
-    // remove any previous chart
-    $(opts.container).empty()
-
-    // parse opts
-    let data = opts.data
-    let title = opts.title
-    let subtitle = opts.subtitle
-    let container = select(opts.container)
-    let ratio = opts.ratio
-    let xTickFormat = opts.xTickFormat
-    let showTooltip = opts.tip !== "false"
-
-    // precalculation
-    // Explanation: get the inner values foreach object outer values, flat the array, remove duplicates
-    let maxValue = max([...new Set([].concat(...data.map((f) => f.value.map((d) => d.value))))])
-    // Explanation: get the inner keys foreach object outer values, flat the array, remove duplicates
-    let keys = [...new Set([].concat(...data.map((f) => f.value.map((d) => d.key))))]
-
-    const legendSize = 15
-    const headerHeight = (keys.length * legendSize * 1.2)
-    const gutter = 5
-
-    // estimation Y-labels length
-    // get the mean of each label length
-    const getMarginLeftLengthEstimation = () => {
-      let avgLabelLength = data.map((f) => f.key.length).reduce((a, b) => a + b) / data.length
-      let initialMarginLeft = Number(container.node().getBoundingClientRect().width) * 0.25
-      let maxLabelLengthAllowed = Number(container.node().getBoundingClientRect().width) * 0.4
-
-      // Pre-estimated number, after testing
-      const longLabelEstimation = 50
-
-      return (avgLabelLength < longLabelEstimation)
-        ? initialMarginLeft
-        : maxLabelLengthAllowed
-    }
-
-    // set the dimensions and margins of the graph
-    let margin = {
-      top: headerHeight + (gutter * 2),
-      right: gutter * 2,
-      bottom: gutter * 6,
-      left: getMarginLeftLengthEstimation()
-    }
-
-    let width = Number(container.node().getBoundingClientRect().width) - margin.left - margin.right
-    let height = (width / ratio) - margin.top - margin.bottom
-
-    // set the ranges
-    const x = scaleLinear().rangeRound([0, width])
-    const y0 = scaleBand().rangeRound([height, 0]).paddingInner(0.1)
-    const y1 = scaleBand().padding(0.05)
-
-    // set the scales
-    x.domain([0, maxValue]).nice()
-    // group names
-    y0.domain(data.map((d) => d.key))
-    // individual values for each group
-    y1.domain(keys).rangeRound([0, y0.bandwidth()])
-
-    // container
-    let svg = container.append("svg")
-      .attr("width", width + margin.left + margin.right)
-      .attr("height", height + margin.top + margin.bottom)
-
-    let upper = svg.append("g")
-      .attr("transform", `translate(0,${headerHeight})`)
-
-    // title
-    upper.append("text")
-      .attr("x", 0)
-      .attr("y", -20)
-      .attr("class", "title")
-      .text(title)
-
-    // subtitle
-    upper.append("text")
-      .attr("class", "subtitle")
-      .text(subtitle)
-
-    // legend
-    let legend = upper.append("g")
-      .attr("text-anchor", "end")
-      .selectAll("g")
-      .data(keys)
-      .enter().append("g")
-      .attr("transform", (d, i, arr) => `translate(0,${-((arr.length - 1 - i) * legendSize * 1.2) - margin.top + headerHeight})`)
-
-    legend.append("rect")
-      .attr("x", width + margin.left + margin.right - legendSize)
-      .attr("width", legendSize)
-      .attr("height", legendSize)
-      .attr("class", (d, i) => `legend type-${i}`)
-
-    legend.append("text")
-      .attr("x", width + margin.left + margin.right - legendSize - 4)
-      .attr("y", legendSize / 2)
-      .attr("dy", "0.32em")
-      .attr("class", "subtitle")
-      .text((d) => d)
-
-    let lower = svg.append("g")
-      .attr("transform", `translate(0,${margin.top})`)
-
-    // background
-    lower.append("rect")
-      .attr("width", width + margin.left + margin.right)
-      .attr("height", height + margin.top + gutter - headerHeight)
-      .attr("class", "background")
-
-    // main group
-    let g = lower.append("g")
-      .attr("transform", `translate(${margin.left},${margin.top - headerHeight})`)
-
-    // axis
-    let xAxis = axisBottom(x)
-      .ticks(5)
-      .tickSize(-height)
-      .tickFormat(xTickFormat)
-    let yAxis = axisLeft(y0)
-
-    let _xAxis = (xg) => {
-      xg.call(xAxis)
-      xg.select(".domain").remove()
-      xg.selectAll(".tick line").attr("class", "dashed")
-      xg.selectAll(".tick text").attr("y", gutter + 6)
-    }
-    let _yAxis = (yg) => {
-      yg.call(yAxis)
-      yg.select(".domain").remove()
-      yg.selectAll(".tick line").remove()
-      yg.selectAll(".tick text")
-        .attr("class", "text-large")
-        .each(function() {
-          let text = select(this)
-          let limitLength = margin.left - (gutter * 10)
-
-          if (text.node().getComputedTextLength() > limitLength) {
-            let words = text.text().split(/\s+/).reverse()
-            let word = ""
-            let line = []
-            let lineNumber = 1
-            let dy = text.attr("dy")
-            let tspan = text.text(null).append("tspan")
-              .attr("x", -9)
-              .attr("dy", `-${dy}`)
-
-            while (word = words.pop()) {
-              if (tspan.node().getComputedTextLength() > limitLength) {
-
-                if (lineNumber > 1) {
-                  line.pop()
-                  tspan.html(`${line.join(" ")}&hellip;`)
-                  break
-                }
-
-                line.pop();
-                tspan.text(line.join(" "));
-                line = [word];
-                tspan = text.append("tspan")
-                  .attr("x", -9)
-                  .attr("dy", `${1 + (lineNumber * parseFloat(dy))}em`)
-                  .text(word);
-                lineNumber += 1
-              }
-
-              line.push(word);
-              tspan.text(line.join(" "))
-            }
-          }
-        })
-    }
-
-    g.append("g")
-      .attr("class", "x axis")
-      .attr("transform", `translate(0,${height})`)
-      .call(_xAxis)
-
-    g.append("g")
-      .attr("class", "y axis")
-      .call(_yAxis)
-
-    // bars
-    let barGroup = g.append("g")
-      .selectAll("g")
-      .data(data)
-      .enter().append("g")
-      .attr("class", "group")
-      .attr("transform", (d) => `translate(0,${y0(d.key)})`)
-
-    barGroup.selectAll("rect")
-      .data((d) => d.value)
-      .enter().append("rect")
-      .attr("y", (d) => y1(d.key))
-      .attr("height", y1.bandwidth())
-      .attr("class", (d) =>  `line type-${keys.indexOf(d.key)}`)
-      .transition()
-      .duration(500)
-      .attr("width", (d) => x(d.value))
-
-    // tooltip
-    if (showTooltip) {
-      let tooltip = select("body").append("div")
-        .attr("id", `${container.node().id}-tooltip`)
-        .attr("class", "chart-tooltip")
-        .style("opacity", 0)
-
-      barGroup.selectAll("rect")
-        .on("mouseover", () => {
-          tooltip.style("opacity", 1)
-        })
-        .on("mouseout", () => {
-          tooltip.style("opacity", 0)
-        })
-        .on("mousemove", function(d) {
-          // svg position relative to document
-          let coords = {
-            x: window.pageXOffset + container.node().getBoundingClientRect().left,
-            y: window.pageYOffset + container.node().getBoundingClientRect().top
-          }
-
-          let tooltipContent = `
-            <div class="tooltip-content">
-              ${d.key}: ${d.value.toLocaleString()}
-            </div>`
-
-          tooltip.html(tooltipContent)
-            .style("left", `${coords.x + (x(d.value) / 2) + margin.left}px`)
-            .style("top", `${coords.y + y1(d.key) + y0(d.ref) + margin.top}px`)
-        })
-    }
-  }
-
-  return $(".rowchart:visible").each((i, container) => {
-
-    // Initialize dataset values
-    const init = (dataset) => {
-      const datasetDefault = {
-        metric: "",
-        title: "",
-        subtitle: "",
-        ratio: "",
-        percent: "",
-        tip: ""
-      }
-      return {...datasetDefault, ...dataset}
-    }
-
-    // OPTIONAL: Helper function to turn all values into percentages
-    const percentage = (percent) => {
-      // helper function to groupBy
-      const groupBy = (arr, by) => arr.reduce((r, v, j, a, k = v[by]) => ((r[k] || (r[k] = [])).push(v), r), {})
-      // get an object grouped by key
-      let groupByKey = groupBy([].concat(...percent.map((f) => f.value)), "key")
-      // get total sum of values by key
-      for (let cat in groupByKey) {
-        if (Object.prototype.hasOwnProperty.call(groupByKey, cat)) {
-          groupByKey[cat] = groupByKey[cat].map((f) => f.value).reduce((a, b) => a + b)
-        }
-      }
-      // updates every value with its respective percentage
-      [].concat(...percent.map((f) => f.value)).map((item) => {
-        item.value = (item.value / groupByKey[item.key]) * 100
-        return item
-      })
-
-      return percent
-    }
-
-    // OPTIONAL: Helper function to add a reference to the parent
-    const addRefs = (parentize) => {
-      for (let x = 0; x < parentize.length; x += 1) {
-        if (Object.prototype.hasOwnProperty.call(parentize[x], "value")) {
-          for (let y = 0; y < parentize[x].value.length; y += 1) {
-            parentize[x].value[y].ref = parentize[x].key
-          }
-        }
-      }
-
-      return parentize
-    }
-
-    // MANDATORY: HTML must contain which metric should it display
-    // If there's no data, fetch it
-    if (!DATACHARTS || !DATACHARTS[container.dataset.metric]) {
-      fetchDatacharts()
-    }
-
-    // Make a clone of the array of objects
-    let data = DATACHARTS[container.dataset.metric].map((d) => {
-      return { ...d }
-    })
-
-    if (data) {
-      let config = init(container.dataset)
-      let dataModified = addRefs(data)
-
-      if (config.percent === "true") {
-        dataModified = percentage(dataModified)
-        config.xTickFormat = (d) => `${d}%`
-      }
-
-      rowchart({
-        container: `#${container.id}`,
-        title: config.title,
-        subtitle: config.subtitle,
-        data: dataModified,
-        xTickFormat: config.xTickFormat,
-        ratio: config.ratio.split(":").reduce((a, b) => a / b) || (4 / 3),
-        tip: config.tip
-      })
-    }
-  })
-}

data/app/packs/stylesheets/decidim/_decidim-settings.scss

@@ -1,7 +0,0 @@
-// This is a file that can be overridden by the application in order to override
-// some of the Foundation/Decidim SCSS settings and variables after the default
-// settings have been loaded.
-//
-// To override styles use decidim_application.scss
-//
-// By default this is empty.

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

@@ -1,19 +0,0 @@
-@import "stylesheets/decidim/variables";
-@import "stylesheets/decidim/properties";
-@import "foundation-sites/scss/foundation";
-@import "stylesheets/foundation-overrides/components/button-group";
-@import "stylesheets/decidim/utils/settings";
-
-@include foundation-everything($flex: false);
-@include foundation-prototype-display;
-@include foundation-prototype-spacing;
-
-@import "stylesheets/decidim/utils/fontface";
-@import "stylesheets/decidim/utils/helpers";
-@import "stylesheets/decidim/utils/keyframes";
-@import "stylesheets/decidim/utils/mixins";
-@import "stylesheets/decidim/utils/toggle-expand";
-@import "stylesheets/decidim/modules/modules";
-@import "stylesheets/decidim/layouts/layouts";
-@import "stylesheets/decidim/extras/extras";
-@import "stylesheets/decidim/vizzs/vizzs";

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

@@ -1,142 +0,0 @@
-@import "quill/dist/quill.snow";
-@import "stylesheets/decidim/variables";
-@import "stylesheets/decidim/utils/settings";
-
-.editor-container{
-  margin-bottom: 1.5rem;
-
-  p{
-    line-height: $paragraph-lineheight;
-    margin-bottom: $paragraph-margin-bottom;
-    text-rendering: $paragraph-text-rendering;
-  }
-
-  ul,
-  ol{
-    margin-bottom: $paragraph-margin-bottom;
-  }
-}
-
-.ql-editor-display{
-  ul,
-  ol{
-    li{
-      list-style-type: none;
-      margin-bottom: .5rem;
-
-      &::before{
-        content: "\2022";
-        display: inline-block;
-        white-space: nowrap;
-        width: 1.2em;
-      }
-
-      &.ql-indent-1{
-        padding-left: 3em;
-      }
-
-      &.ql-indent-2{
-        padding-left: 6em;
-      }
-
-      &.ql-indent-3{
-        padding-left: 9em;
-      }
-
-      &.ql-indent-4{
-        padding-left: 12em;
-      }
-
-      &.ql-indent-5{
-        padding-left: 15em;
-      }
-
-      &.ql-indent-6{
-        padding-left: 18em;
-      }
-
-      &.ql-indent-7{
-        padding-left: 21em;
-      }
-
-      &.ql-indent-8{
-        padding-left: 24em;
-      }
-
-      &.ql-indent-9{
-        padding-left: 27em;
-      }
-    }
-  }
-
-  ol{
-    li{
-      counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
-      counter-increment: list-0;
-
-      &::before{ content: counter(list-0, decimal) ". "; }
-
-      &.ql-indent-1{
-        counter-increment: list-1;
-        counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
-
-        &::before{ content: counter(list-1, lower-alpha) ". "; }
-      }
-
-      &.ql-indent-2{
-        counter-increment: list-2;
-        counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
-
-        &::before{ content: counter(list-2, lower-roman) ". "; }
-      }
-
-      &.ql-indent-3{
-        counter-increment: list-3;
-        counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
-
-        &::before{ content: counter(list-3, decimal) ". "; }
-      }
-
-      &.ql-indent-4{
-        counter-increment: list-4;
-        counter-reset: list-5 list-6 list-7 list-8 list-9;
-
-        &::before{ content: counter(list-4, lower-alpha) ". "; }
-      }
-
-      &.ql-indent-5{
-        counter-increment: list-5;
-        counter-reset: list-6 list-7 list-8 list-9;
-
-        &::before{ content: counter(list-5, lower-roman) ". "; }
-      }
-
-      &.ql-indent-6{
-        counter-increment: list-6;
-        counter-reset: list-7 list-8 list-9;
-
-        &::before{ content: counter(list-6, decimal) ". "; }
-      }
-
-      &.ql-indent-7{
-        counter-increment: list-7;
-        counter-reset: list-8 list-9;
-
-        &::before{ content: counter(list-7, lower-alpha) ". "; }
-      }
-
-      &.ql-indent-8{
-        counter-increment: list-8;
-        counter-reset: list-9;
-
-        &::before{ content: counter(list-8, lower-roman) ". "; }
-      }
-
-      &.ql-indent-9{
-        counter-increment: list-9;
-
-        &::before{ content: counter(list-9, decimal) ". "; }
-      }
-    }
-  }
-}

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

@@ -1,25 +0,0 @@
-// Define custom properties as css color variables
-
-:root{
-  --primary: #{$primary};
-  --primary-rgb: #{$primary-rgb};
-  --secondary: #{$secondary};
-  --secondary-rgb: #{$secondary-rgb};
-  --success: #{$success};
-  --success-rgb: #{$success-rgb};
-  --warning: #{$warning};
-  --warning-rgb: #{$warning-rgb};
-  --alert: #{$alert};
-  --alert-rgb: #{$alert-rgb};
-  --highlight: #{$highlight};
-  --highlight-rgb: #{$highlight-rgb};
-  --highlight-alternative: #{$highlight-alternative};
-  --highlight-alternative-rgb: #{$highlight-alternative-rgb};
-  --proposals: #{$proposals};
-  --actions: #{$actions};
-  --debates: #{$debates};
-  --meetings: #{$meetings};
-  --twitter: #{$twitter};
-  --facebook: #{$facebook};
-  --google: #{$google};
-}

data/app/packs/stylesheets/decidim/extras/_add_comments.scss

@@ -1,9 +0,0 @@
-.add-comment{
-  .remaining-character-count{
-    border: 0;
-    color: $body-font-color;
-    padding: .85em 1em;
-    vertical-align: middle;
-    display: inline-block;
-  }
-}

data/app/packs/stylesheets/decidim/extras/_announcement.scss

@@ -1,3 +0,0 @@
-.callout.announcement{
-  margin-bottom: 1em;
-}

data/app/packs/stylesheets/decidim/extras/_collection-sort-controls.scss

@@ -1,5 +0,0 @@
-.collection-sort-controls{
-  .column{
-    margin-bottom: 0;
-  }
-}

data/app/packs/stylesheets/decidim/extras/_embed.scss

@@ -1,33 +0,0 @@
-.reveal--embed{
-  overflow-y: hidden;
-
-  .embed__code{
-    font-family: monospace;
-    background: $light-gray-dark;
-    padding: 1em;
-    border-radius: .3em;
-    font-size: 1em;
-    overflow-y: auto;
-  }
-}
-
-$widget-padding: 8px;
-
-body.widget{
-  background: #fff;
-  padding: $widget-padding;
-  margin: 0;
-
-  .participatory-process{
-    margin-bottom: $widget-padding;
-  }
-
-  .card{
-    margin: 0;
-  }
-
-  .organization{
-    margin-top: $widget-padding;
-    text-align: right;
-  }
-}

data/app/packs/stylesheets/decidim/extras/_external-links.scss

@@ -1,44 +0,0 @@
-.external-link-container{
-  position: relative;
-}
-
-.external-link-indicator{
-  display: inline-block;
-  position: relative;
-  vertical-align: baseline;
-  width: .5em;
-  margin: 0 .2rem 0 .1rem;
-  height: .5em;
-
-  .icon{
-    display: block;
-    max-height: 100%;
-    max-width: 100%;
-  }
-
-  a img + &{
-    position: absolute;
-    top: 7px;
-    right: 5px;
-    background-color: rgba(white, .9);
-    padding: .2em;
-    width: .9rem;
-    height: .9rem;
-  }
-}
-
-.external-link-page-content{
-  .external-link-url{
-    background-color: $light-gray;
-    word-wrap: break-word;
-    word-break: break-word;
-
-    .alert{
-      color: $alert-color;
-    }
-  }
-
-  .external-link-cancel{
-    color: $dark-medium-gray;
-  }
-}

data/app/packs/stylesheets/decidim/extras/_extras.scss

@@ -1,15 +0,0 @@
-@import "stylesheets/decidim/extras/add_comments";
-@import "stylesheets/decidim/extras/announcement";
-@import "stylesheets/decidim/extras/collection-sort-controls";
-@import "stylesheets/decidim/extras/embed";
-@import "stylesheets/decidim/extras/external-links";
-@import "stylesheets/decidim/extras/impersonation-bar";
-@import "stylesheets/decidim/extras/label-required";
-@import "stylesheets/decidim/extras/leaflet";
-@import "stylesheets/decidim/extras/meeting-registrations";
-@import "stylesheets/decidim/extras/proposal_form";
-@import "stylesheets/decidim/extras/quill";
-@import "stylesheets/decidim/extras/reference";
-@import "stylesheets/decidim/extras/results-per-page";
-@import "stylesheets/decidim/extras/social_share";
-@import "stylesheets/decidim/extras/status-labels";

data/app/packs/stylesheets/decidim/extras/_impersonation-bar.scss

@@ -1,26 +0,0 @@
-.impersonation-warning{
-  background: $medium-gray;
-  padding: .5em 1em;
-  text-align: center;
-
-  a{
-    color: darken($anchor-color, 10%);
-  }
-}
-
-.impersonation-warning__action{
-  text-align: center;
-
-  .button{
-    margin: .5em 0;
-  }
-
-  @include breakpoint(mediumlarge){
-    vertical-align: baseline;
-    display: inline-block;
-
-    .button{
-      margin: 0 0 0 1em;
-    }
-  }
-}

data/app/packs/stylesheets/decidim/extras/_label-required.scss

@@ -1,12 +0,0 @@
-.label-required{
-  cursor: help;
-  border-bottom: $abbr-underline;
-  text-decoration: none;
-  padding-right: 0;
-  margin-left: 5px;
-
-  > span{
-    padding-right: 0;
-    margin-right: 0;
-  }
-}

data/app/packs/stylesheets/decidim/extras/_leaflet.scss

@@ -1,17 +0,0 @@
-.leaflet-container{
-  .map-info{
-    border: 1px solid var(--primary);
-
-    .leaflet-popup-content-wrapper{
-      border-radius: 2px;
-    }
-
-    a.button{
-      color: #fff;
-    }
-  }
-
-  .leaflet-popup-tip{
-    border: 1px solid var(--primary);
-  }
-}