decidim-core 0.0.7 → 0.0.8.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 59aba1722a03f74a972774bc6023125925137b79
-  data.tar.gz: 71a97c8c7e3b669e142897d9aaf6a6e9f09067be
+  metadata.gz: 3668d75cf2fd8dbfe3c88982c0a7aa8593a75cb4
+  data.tar.gz: acc926a4029093ffe432873e2098a147873dc478
 SHA512:
-  metadata.gz: 2b793c229ce33485dc9ddf1efc8e1af7c5d85fff82b7aa5c959f71b6d6ce2aef597a3ad59234bdcea636eeba942921e1756fa9b30061ec559b2eb044a15ebc63
-  data.tar.gz: 467bd6ed6b3f823671ea15fa871641779d345a3d6336774d28665a67046799ca613d8c17fd4c7b84f5270d6392c0a6030151564993f977281f78de5a3780a637
+  metadata.gz: 3a06d36ae7005c0e40ead54624635638e0c5f21a07049a68ab35f050d79fe96dc4be797c18065cc6abef48422feb397aa745549a0bb2c9d5964b3a1cd1d85a43
+  data.tar.gz: 75ebe0193d06c570996545553101d291d77727e4c53bd5944d8845214cd7f68f66a9907e83c1ffe9961ae2d65c9722e0c062cb37c9b9c13da1655230cd99bf74

data/app/assets/config/decidim_core_manifest.js

@@ -5,3 +5,6 @@
 //= link decidim/orders
 //= link decidim/map.js
 //= link decidim/map.css
+//= link_directory ../../../vendor/assets/javascripts/datepicker-locales
+//= link decidim/widget.css
+//= link decidim/widget.js

data/app/assets/javascripts/decidim.js.es6

@@ -2,13 +2,21 @@
 // = require modernizr
 // = require svg4everybody.min
 // = require morphdom
+// = require moment.min
+// = require foundation-datepicker
+// = require form_datepicker
 // = require decidim/history
 // = require decidim/append_elements
 // = require decidim/user_registrations
 
 /* globals svg4everybody */
 
+window.Decidim = window.Decidim || {};
+
 $(() => {
   $(document).foundation();
   svg4everybody();
+  if (window.Decidim.formDatePicker) {
+    window.Decidim.formDatePicker();
+  }
 });

data/app/assets/javascripts/decidim/widget.js.es6

@@ -0,0 +1,14 @@
+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/assets/stylesheets/decidim/extras/_embed.scss

@@ -0,0 +1,11 @@
+.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;
+  }
+}

data/app/assets/stylesheets/decidim/modules/_datepicker.scss

@@ -0,0 +1,224 @@
+$calendar-bg-color: $white;
+$calendar-border: 1px solid rgba(0, 0, 0, 0.1);
+$calendar-border-color: rgba(0, 0, 0, 0.1);
+$calendar-active-color: $primary-color;
+$calendar-bg-hover: $light-gray;
+$calendar-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+$calendar-color-old: $medium-gray;
+$calendar-color-disabled: $light-gray;
+$calendar-radius: $global-radius;
+$calendar-font-size: $global-font-size * .9;
+
+.datepicker {
+  display: none;
+  position: absolute;
+  padding: 4px;
+  margin-top: 1px;
+  direction: ltr;
+}
+
+.datepicker.dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1000;
+  float: left;
+  display: none;
+  min-width: 160px;
+  list-style: none;
+  background-color: $calendar-bg-color;
+  border: $calendar-border;
+  border-radius: $calendar-radius;
+  box-shadow: $calendar-shadow;
+  background-clip: padding-box;
+  font-size: $calendar-font-size;
+  line-height: 18px;
+}
+
+.datepicker.dropdown-menu th {
+  padding: 4px 5px;
+}
+
+.datepicker.dropdown-menu td {
+  padding: 6px 9px;
+}
+
+.datepicker table {
+  border: 0;
+  margin: 0;
+  width: auto;
+}
+
+.datepicker table tr td span {
+  display: block;
+  width: 23%;
+  height: 54px;
+  line-height: 54px;
+  float: left;
+  margin: 1%;
+  cursor: pointer;
+}
+
+.datepicker td {
+  text-align: center;
+  width: 20px;
+  height: 20px;
+  border: 0;
+  font-size: $calendar-font-size;
+  padding: 4px 8px;
+  background: $calendar-bg-color;
+  cursor: pointer;
+}
+
+.datepicker td.active.day,
+.datepicker td.active.year {
+  background: $calendar-active-color;
+}
+
+.datepicker .day:hover,
+.datepicker .date-switch:hover,
+.datepicker .prev:hover,
+.datepicker .next:hover,
+.datepicker .month:hover,
+.datepicker .year:hover{
+  background-color: $calendar-bg-hover;
+  &.active{
+    background: $calendar-active-color;
+  }
+}
+
+
+.datepicker td.new,
+.datepicker td.old {
+  color: $calendar-color-old;
+}
+
+.datepicker td span.active {
+  background: $calendar-active-color;
+}
+
+.datepicker td.day.disabled {
+  color: $calendar-color-disabled;
+}
+
+.datepicker td span.month.disabled,
+.datepicker td span.year.disabled {
+  color: $calendar-color-disabled;
+}
+
+.datepicker th {
+  text-align: center;
+  width: 20px;
+  height: 20px;
+  border: 0;
+  font-size: $calendar-font-size;
+  padding: 4px 8px;
+  background: $calendar-bg-color;
+  cursor: pointer;
+}
+
+.datepicker th.active.day,
+.datepicker th.active.year {
+  background: $calendar-active-color;
+}
+
+.datepicker th.date-switch {
+  width: 145px;
+}
+
+.datepicker th span.active {
+  background: $calendar-active-color;
+}
+
+.datepicker .cw {
+  font-size: 10px;
+  width: 12px;
+  padding: 0 2px 0 5px;
+  vertical-align: middle;
+}
+
+.datepicker.days div.datepicker-days {
+  display: block;
+}
+
+.datepicker.months div.datepicker-months {
+  display: block;
+}
+
+.datepicker.years div.datepicker-years {
+  display: block;
+}
+
+.datepicker thead tr:first-child th {
+  cursor: pointer;
+}
+
+.datepicker thead tr:first-child th.cw {
+  cursor: default;
+  background-color: transparent;
+}
+
+.datepicker tfoot tr:first-child th {
+  cursor: pointer;
+}
+
+.datepicker-inline {
+  width: 220px;
+}
+
+.datepicker-rtl {
+  direction: rtl;
+}
+
+.datepicker-rtl table tr td span {
+  float: right;
+}
+
+.datepicker-dropdown {
+  top: 0;
+  left: 0;
+}
+
+.datepicker-dropdown:before {
+  content: '';
+  display: inline-block;
+  border-left: 7px solid transparent;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+  border-bottom-color: $calendar-border-color;
+  position: absolute;
+  top: -7px;
+  left: 6px;
+}
+
+.datepicker-dropdown:after {
+  content: '';
+  display: inline-block;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid $calendar-bg-color;
+  position: absolute;
+  top: -6px;
+  left: 7px;
+}
+
+.datepicker > div,
+.datepicker-dropdown::after,
+.datepicker-dropdown::before {
+  display: none;
+}
+
+.datepicker-close {
+  position: absolute;
+  top: -30px;
+  right: 0;
+  width: 15px;
+  height: 30px;
+  padding: 0;
+  display: none;
+}
+
+.table-striped .datepicker table tr td,
+.table-striped .datepicker table tr th {
+  background-color: transparent;
+}

data/app/assets/stylesheets/decidim/modules/_modules.scss

@@ -33,6 +33,7 @@
 @import "order-by";
 @import "tags";
 @import "list-docs";
+@import "datepicker";
 
 //Process elements
 @import "process-header";

data/app/assets/stylesheets/decidim/modules/_share.scss

@@ -25,4 +25,4 @@ $share-color: $muted;
   text-align: center;
   padding: .1em 0 0;
   margin-right: .5em;
-}
+}

data/app/assets/stylesheets/decidim/widget.scss.erb

@@ -0,0 +1,25 @@
+@import "variables";
+@import "utils/*";
+
+@import "foundation";
+@include foundation-everything;
+
+@import "modules/typography";
+@import "modules/cards";
+@import "modules/author-avatar";
+@import "modules/tags";
+
+<% Decidim.feature_manifests.map(&:stylesheet).compact.each do |stylesheet| %>
+@import "<%= stylesheet %>";
+<% end %>
+
+body, .column, .card {
+  padding: 0;
+  margin: 0;
+}
+
+.organization {
+  margin: 15px 5px 0 5px;
+  text-align: right;
+}
+

data/app/controllers/decidim/participatory_process_widgets_controller.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module Decidim
+  class ParticipatoryProcessWidgetsController < Decidim::WidgetsController
+    helper_method :model
+
+    private
+
+    def model
+      @model ||= ParticipatoryProcess.find(params[:participatory_process_id])
+    end
+
+    def iframe_url
+      @iframe_url ||= participatory_process_participatory_process_widget_url(model)
+    end
+  end
+end

data/app/controllers/decidim/participatory_processes_controller.rb

@@ -13,6 +13,7 @@ module Decidim
 
     helper Decidim::AttachmentsHelper
     helper Decidim::ParticipatoryProcessHelper
+    helper Decidim::WidgetUrlsHelper
     helper_method :collection, :promoted_participatory_processes, :participatory_processes
 
     def index

data/app/controllers/decidim/widgets_controller.rb

@@ -0,0 +1,30 @@
+# frozen_string_literal: true
+
+module Decidim
+  class WidgetsController < Decidim::ApplicationController
+    skip_authorization_check only: :show
+    skip_before_filter :verify_authenticity_token
+    after_action :allow_iframe, only: :show
+
+    layout 'decidim/widget'
+
+    helper_method :iframe_url
+
+    def show
+      respond_to do |format|
+        format.js { render "decidim/widgets/show" }
+        format.html
+      end
+    end
+
+    private
+
+    def iframe_url
+      raise NotImplementedError
+    end
+
+    def allow_iframe
+      response.headers.delete "X-Frame-Options"
+    end
+  end
+end

data/app/helpers/decidim/widget_urls_helper.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+module Decidim
+  module WidgetUrlsHelper
+    def embed_modal_for(url)
+      js_embed_code = "#{content_tag(:script, '', src: url)}"
+      embed_code = "#{content_tag(:noscript, content_tag(:iframe, '', src: url.gsub(".js", ".html"), frameborder: 0, scrolling: "vertical"))}"
+      render partial: "decidim/shared/embed_modal", locals: { js_embed_code: js_embed_code, embed_code: embed_code }
+    end
+  end
+end

data/app/views/decidim/participatory_process_widgets/show.html.erb

@@ -0,0 +1,28 @@
+<div class="column">
+  <article class="card card--process">
+    <%= link_to participatory_process_path(model), class: "card__link" do %>
+      <div class="card__image-top"
+           style="background-image:url(<%= model.hero_image.url %>)"></div>
+    <% end %>
+    <div class="card__content">
+      <%= link_to participatory_process_path(model), class: "card__link" do %>
+        <h4 class="card__title"><%= translated_attribute model.title %></h4>
+      <% end %>
+      <p class="card__desc"><%== html_truncate(translated_attribute(model.short_description), length: 630, separator: '...') %></p>
+    </div>
+    <div class="card__footer">
+      <div class="card__support">
+        <% if model.active_step %>
+          <span class="card--process__small">
+            <%= t(".active_step", scope: "layouts") %>
+            <strong><%= translated_attribute model.active_step.title %></strong>
+          </span>
+        <% end %>
+        <span class="card--process__small"></span>
+        <%= link_to participatory_process_path(model), class: "card__button button small" do %>
+          <%= t(".take_part", scope: "layouts") %>
+        <% end %>
+      </div>
+    </div>
+  </article>
+</div>

data/app/views/decidim/participatory_processes/show.html.erb

@@ -73,6 +73,7 @@
   <div class="row">
     <div class="columns section view-side mediumlarge-4 mediumlarge-push-8 large-3 large-push-9">
       <%= render partial: "decidim/shared/share_modal" %>
+      <%= embed_modal_for participatory_process_participatory_process_widget_url(current_participatory_process, format: :js) %>
     </div>
   </div>