decidim-decidim_awesome 0.6.2 → 0.6.7

data/app/assets/javascripts/decidim/decidim_awesome/awesome_map/markers.js.es6

@@ -0,0 +1,56 @@
+// = require jsrender.min
+// = require decidim/decidim_awesome/awesome_map/layers
+// = require decidim/decidim_awesome/awesome_map/categories
+
+((exports) => {
+  const { getCategory, layers } = exports.AwesomeMap;
+
+  const popupMeetingTemplateId = "marker-meeting-popup";
+  const popupProposalTemplateId = "marker-proposal-popup";
+  const allMarkers = [];
+
+  const drawMarker = (element, marker, component) => {
+    let tmpl = component.type === "proposals" ? popupProposalTemplateId : popupMeetingTemplateId,
+        node = document.createElement("div");
+
+    $($.templates(`#${tmpl}`).render(element)).appendTo(node);
+
+    marker.bindPopup(node, {
+      maxwidth: 640,
+      minWidth: 500,
+      keepInView: true,
+      className: "map-info"
+    }).openPopup();
+
+    allMarkers.push({
+      marker: marker,
+      component: component,
+      element: element
+    });
+
+    // Add to category layer
+    let cat = getCategory(element.category);
+    if(layers[cat.id]) {
+      $('#awesome_map-categories-control').show();
+      marker.addTo(layers[cat.id].group);
+      // show category if hidden
+      const $label = $(`label.awesome_map-category-${cat.id}`);
+      const $parent = $(`label.awesome_map-category-${cat.parent}`);
+      $label.show();
+      // update number of items
+      $label.attr("title", (parseInt($label.attr("title") || 0) + 1) + " " +  window.DecidimAwesome.texts.items);
+      // show parent if apply
+      $parent.show();
+      $parent.attr("title", (parseInt($parent.attr("title") || 0) + 1) + " " +  window.DecidimAwesome.texts.items);
+    }
+
+    // update component stats
+    const $component = $(`#awesome_map-component_${component.id}`);
+    $component.attr("title", parseInt($component.attr("title") || 0) + 1);
+
+    return marker;
+  };
+
+  exports.AwesomeMap.allMarkers = allMarkers;
+  exports.AwesomeMap.drawMarker = drawMarker;
+})(window);

data/app/assets/javascripts/decidim/decidim_awesome/awesome_map/meetings.js.es6

@@ -1,8 +1,9 @@
 // = require decidim/decidim_awesome/awesome_map/api_fetcher
 // = require decidim/decidim_awesome/awesome_map/categories
+// = require decidim/decidim_awesome/awesome_map/utilities
 
 ((exports) => {
-  const { getCategory } = exports.AwesomeMap;
+  const { getCategory, truncate } = exports.AwesomeMap;
   const query = `query ($id: ID!, $after: String!) {
     component(id: $id) {
         id
@@ -59,7 +60,7 @@
   const MeetingIcon = L.DivIcon.SVGIcon.extend({
     options: {
       fillColor: "#ef604d",
-      iconSize: {x: 300, y:150},
+      iconSize: { x: 300, y: 150 },
       opacity: 0
     },
     _createPathDescription: function() {
@@ -93,7 +94,7 @@
     });
 
     element.title.translation = ApiFetcher.findTranslation(element.title.translations);
-    element.description.translation = ApiFetcher.findTranslation(element.description.translations).replace(/\n/g, "<br>");;
+    element.description.translation = truncate(ApiFetcher.findTranslation(element.description.translations)).replace(/\n/g, "<br>");
     element.location.translation = ApiFetcher.findTranslation(element.location.translations);
     element.locationHints.translation = ApiFetcher.findTranslation(element.locationHints.translations);
     callback(element, marker);

data/app/assets/javascripts/decidim/decidim_awesome/awesome_map/proposals.js.es6

@@ -1,8 +1,10 @@
 // = require decidim/decidim_awesome/awesome_map/api_fetcher
 // = require decidim/decidim_awesome/awesome_map/categories
+// = require decidim/decidim_awesome/awesome_map/hashtags
+// = require decidim/decidim_awesome/awesome_map/utilities
 
 ((exports) => {
-  const { getCategory } = exports.AwesomeMap;
+  const { getCategory, truncate, collectHashtags, removeHashtags, appendHtmlHashtags } = exports.AwesomeMap;
   const query = `query ($id: ID!, $after: String!) {
     component(id: $id) {
         id
@@ -14,7 +16,7 @@
               endCursor
             }
             edges {
-              node {  
+              node {
                 id
                 state
                 title {
@@ -49,6 +51,7 @@
       }
     }`;
 
+  let amendments = [];
   const ProposalIcon = L.DivIcon.SVGIcon.DecidimIcon;
 
   const createMarker = (element, callback) => {
@@ -59,7 +62,9 @@
     });
 
     element.title.translation = ApiFetcher.findTranslation(element.title.translations);
-    element.body.translation = ApiFetcher.findTranslation(element.body.translations).replace(/\n/g, "<br>");
+    const body = ApiFetcher.findTranslation(element.body.translations);
+    element.hashtags = collectHashtags(body);
+    element.body.translation = appendHtmlHashtags(truncate(removeHashtags(body)).replace(/\n/g, "<br>"), element.hashtags);
 
     callback(element, marker);
   };
@@ -74,11 +79,18 @@
       if(result) {
         result.component.proposals.edges.forEach((element) => {
           if(!element.node) return;
-          
+
           if(element.node.coordinates) {
             element.node.link = component.url + '/proposals/' + element.node.id;
             createMarker(element.node, callback);
           }
+
+          // Check if it has amendments, add it to a list
+          if(element.node.amendments && element.node.amendments.length) {
+            element.node.amendments.forEach((amendment) => {
+              amendments.push(amendment.emendation.id);
+            });
+          }
         });
         if (result.component.proposals.pageInfo.hasNextPage) {
           fetchProposals(component, result.component.proposals.pageInfo.endCursor, callback, finalCall);
@@ -91,4 +103,5 @@
 
   exports.AwesomeMap = exports.AwesomeMap || {};
   exports.AwesomeMap.fetchProposals = fetchProposals;
+  exports.AwesomeMap.amendments = amendments;
 })(window);

data/app/assets/javascripts/decidim/decidim_awesome/awesome_map/utilities.js.es6

@@ -0,0 +1,48 @@
+//= require jquery.truncate
+
+((exports) => {
+  const sanitizeCenter = (string) => {
+    const parts = string.split(",")
+    if (parts.length >= 2) {
+      const lat = parseFloat(parts[0]);
+      const lng = parseFloat(parts[1]);
+      if(lat && lng) {
+        return [lat, lng];
+      }
+    }
+    return null
+  };
+
+  const options = {
+    length: $("#awesome-map").data("truncate") || 255,
+    center: sanitizeCenter($("#awesome-map").data("map-center")),
+    zoom: $("#awesome-map").data("map-zoom"),
+    menu: {
+      amendments: $("#awesome-map").data("menu-amendments"),
+      meetings: $("#awesome-map").data("menu-meetings"),
+      hashtags: $("#awesome-map").data("menu-hashtags")
+    }
+  };
+
+  const truncate = (string) => {
+    return $.truncate(string, options);
+  };
+
+  const show = {
+    withdrawn: $("#awesome-map").data("show-withdrawn"),
+    accepted: $("#awesome-map").data("show-accepted"),
+    evaluating: $("#awesome-map").data("show-evaluating"),
+    notAnswered: $("#awesome-map").data("show-not-answered"),
+    rejected: $("#awesome-map").data("show-rejected")
+  };
+
+  const collapsedMenu = $("#awesome-map").data("collapsed");
+  const components = $("#awesome-map").data("components");
+
+  exports.AwesomeMap = exports.AwesomeMap || {};
+  exports.AwesomeMap.truncate = truncate;
+  exports.AwesomeMap.options = options;
+  exports.AwesomeMap.show = show;
+  exports.AwesomeMap.collapsedMenu = collapsedMenu;
+  exports.AwesomeMap.components = components;
+})(window);

data/app/assets/stylesheets/decidim/decidim_awesome/admin.scss

@@ -1,4 +1,5 @@
 //= require github.min
+//= require codemirror
 //= require inscrybmde.min
 //= require_self
 
@@ -6,6 +7,7 @@
 @import "decidim/utils/settings";
 @import "decidim/utils/mixins";
 @import "./admin/constraints";
+@import "./admin/codemirror";
 @import "./editors/quill_editor";
 @import "./editors/markdown_editor";
 
@@ -17,7 +19,7 @@
   font-size: .8em;
 }
 
-.decidim_awesome {
+.decidim_awesome{
   &.modal{
     .spinner{
       @include spinner(25px, #aaa, var(--secondary), 800ms);
@@ -33,13 +35,18 @@
     }
   }
 
-  &-form {
+  &-form{
     margin-bottom: 2em;
     border-bottom: 1px solid #999;
     padding-bottom: 1.5em;
   }
-  &-form:last-child {
+
+  &-form:last-child{
     border-bottom: none;
     padding-bottom: 0;
   }
 }
+
+tbody tr.menu_hack-addition{
+  background: rgb(255, 248, 222);
+}

data/app/assets/stylesheets/decidim/decidim_awesome/admin/codemirror.scss

@@ -0,0 +1,16 @@
+.awesome-edit-config{
+  .scoped-style{
+    .form-error {
+      margin: 0;
+    }
+    >.CodeMirror{
+      border-top: .5em solid #f6f6f6;
+      border-right: .5em solid #f6f6f6;
+      min-height: 6em;
+      height: auto;
+      max-height: 40em;
+      resize: vertical;
+      overflow: vertical !important;
+    }
+  }
+}

data/app/assets/stylesheets/decidim/decidim_awesome/awesome_map/leaflet.scss.erb

@@ -7,3 +7,12 @@
 .leaflet-default-icon-path {
   background-image: url(<%= asset_path "marker-icon.png" %>);
 }
+.leaflet-container {
+  font: inherit;
+
+  #bodyContent .description {
+    img, iframe {
+      max-height: 5em;
+    }
+  }
+}

data/app/assets/stylesheets/decidim/decidim_awesome/awesome_map/map.scss

@@ -63,4 +63,99 @@
     border: 2px solid #bbb;
     border-radius: 4px;
   }
+
+  .awesome_map-title-control{
+    display: block;
+    cursor: pointer;
+
+    &::after{
+      content: '';
+      width: 0;
+      height: 0;
+      border-left: 5px solid transparent;
+      border-right: 5px solid transparent;
+      border-top: 5px solid black;
+      border-bottom: 0;
+      display: inline-block;
+      margin: 0 0 2px 5px;
+    }
+  }
+
+  .active{
+    .awesome_map-title-control::after{
+      border-top: 0;
+      border-bottom: 5px solid black;
+    }
+  }
+
+  #awesome_map-{
+    &categories-control{
+      display: none;
+
+      label{
+        margin-left: .5rem;
+        display: none;
+
+        i{
+          display: inline-block;
+          width: .8rem;
+          height: .8rem;
+          border-radius: 50%;
+          background-color: var(-- primary);
+        }
+
+        &.subcategory{
+          padding-left: 1em;
+        }
+      }
+
+      .categories-container{
+        display: none;
+      }
+
+      &.active{
+        .categories-container{
+          display: block;
+        }
+      }
+    }
+
+    &hashtags-control{
+      display: none;
+
+      label{
+        display: inline-block;
+        line-height: 1;
+        background-color: #f0f0f0;
+        border-radius: 5px;
+        margin: .5rem;
+        padding: .5rem;
+
+        span{
+          margin: 0 .5rem 2px 0;
+        }
+
+        input{
+          vertical-align: top;
+        }
+      }
+
+      .awesome_map-toggle_all_tags{
+        margin: .5rem 1rem;
+        font-size: .875rem;
+      }
+
+      .hashtags-container,
+      .awesome_map-toggle_all_tags{
+        display: none;
+      }
+
+      &.active{
+        .hashtags-container,
+        .awesome_map-toggle_all_tags{
+          display: block;
+        }
+      }
+    }
+  }
 }

data/app/assets/stylesheets/decidim/decidim_awesome/editors/markdown_editor.scss

@@ -1,6 +1,6 @@
 // editor tweaks
 //
-.CodeMirror{
+.editor .CodeMirror{
   color: #333;
   font-weight: normal;
   line-height: 1.45;

data/app/awesome_overrides/presenters/decidim/menu_presenter_override.rb

@@ -0,0 +1,39 @@
+# frozen_string_literal: true
+
+Decidim::MenuPresenter.class_eval do
+  def evaluated_menu
+    @evaluated_menu ||= if awesome_override?
+                          Decidim::DecidimAwesome::MenuHacker.new(@name, @view)
+                        else
+                          begin
+                            menu = Decidim::Menu.new(@name)
+                            menu.build_for(@view)
+                            menu
+                          end
+                        end
+  end
+
+  private
+
+  def awesome_override?
+    return false unless Decidim::DecidimAwesome.config.has_key?(@name)
+
+    Decidim::DecidimAwesome.config.send(@name) != :disabled
+  end
+end
+
+Decidim::MenuItemPresenter.class_eval do
+  def link_to(name = nil, options = nil, html_options = nil, &block)
+    html_options ||= {}
+    html_options[:target] = @menu_item.try(:target)
+
+    options ||= html_options
+    @view.link_to(name, options, html_options, &block)
+  end
+
+  def active
+    return @menu_item.active.call(url, @view) if @menu_item.try(:active).respond_to?(:call)
+
+    @menu_item&.active
+  end
+end

data/app/commands/decidim/decidim_awesome/admin/create_menu_hack.rb

@@ -0,0 +1,51 @@
+# frozen_string_literal: true
+
+module Decidim
+  module DecidimAwesome
+    module Admin
+      class CreateMenuHack < Rectify::Command
+        # Public: Initializes the command.
+        #
+        def initialize(form, menu_name)
+          @form = form
+          @menu = AwesomeConfig.find_or_initialize_by(var: menu_name, organization: form.current_organization)
+        end
+
+        # Executes the command. Broadcasts these events:
+        #
+        # - :ok when everything is valid.
+        # - :invalid if we couldn't proceed.
+        #
+        # Returns nothing.
+        def call
+          return broadcast(:invalid) if form.invalid?
+          return broadcast(:invalid, I18n.t("menu_hacks.url_exists", scope: "decidim.decidim_awesome.admin")) if url_exists?
+
+          menu.value = [] unless menu.value.is_a? Array
+          menu.value << to_params
+          menu.save!
+          broadcast(:ok, menu)
+        rescue StandardError => e
+          broadcast(:invalid, e.message)
+        end
+
+        private
+
+        attr_reader :form, :menu
+
+        def url_exists?
+          return false unless menu
+
+          menu.value&.detect { |i| i["url"] == form.url.gsub(/\?.*/, "") }
+        end
+
+        def to_params
+          params = form.to_params
+          url = Addressable::URI.parse(params[:url])
+          params[:url] = url.path if url.host == form.current_organization.host
+          params
+        end
+      end
+    end
+  end
+end