decidim-external_newsletter 0.1.0

data/README.md

@@ -0,0 +1,124 @@
+<h1 align="center"><img src="https://github.com/octree-gva/meta/blob/main/decidim/static/header.png?raw=true" alt="Decidim - Octree Participatory democracy on a robust and open source solution" /></h1>
+<h4 align="center">
+    <a href="https://www.octree.ch">Octree</a> |
+    <a href="https://octree.ch/en/contact-us/">Contact Us</a> |
+    <a href="https://blog.octree.ch">Our Blog (FR)</a><br/><br/>
+    <a href="https://decidim.org">Decidim</a> |
+    <a href="https://docs.decidim.org/en/">Decidim Docs</a> |
+    <a href="https://meta.decidim.org">Participatory Governance (meta decidim)</a><br/><br/>
+    <a href="https://matrix.to/#/+decidim:matrix.org">Decidim Community (Matrix+Element.io)</a>
+</h4>
+<p align="center">
+    <a href="https://participer.lausanne.ch">
+        <img
+            src="https://github.com/octree-gva/meta/blob/main/decidim/static/participer_lausanne/chip.png?raw=true"
+            alt="Lausanne Participe — Une plateforme de participation pour imaginer et réaliser ensemble" />
+    </a>
+    <a href="https://opencollective.com/voca">
+        <img
+            src="https://github.com/octree-gva/meta/blob/main/decidim/static/opencollective_chip.png?raw=true"
+            alt="Voca – Open-Source SaaS platform for Decidim" />
+    </a>
+</p>
+
+
+# Decidim: Use External Newsletter 
+
+This module removes newsletters from Decidim, to use external newsletters, sponsored by the [Lausanne Participe](https://participer.lausanne.ch) platform.
+
+## Why it's needed?
+Participation is wide, and can use many digital tools. To have a broader newsletter, that includes the whole participation space of the city we need: 
+
+- Subscribers to the newsletters don't need an account to subscribe, just an email
+- The newsletter sending need to be managed by a restricted group of persons. 
+- The form to register to the newsletter needs to be included in every digital spaces involving participation.
+
+## Usage
+
+This gem removes functionnalities, and add very little to the instance.
+The database is not afftected, but we give some Rake Tasks to comply to RGPD and clean previously installed Decidim. 
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem "decidim-external_newsletter"
+```
+
+And then execute:
+
+```bash
+bundle
+```
+
+## Testing
+```
+bundle exec rake test_app
+```
+
+## Local development
+First, you need to run an empty database with a decidim dev container which runs nothing.
+```
+docker-compose down -v --remove-orphans
+docker-compose up -d
+```
+Once created, you access the decidim container
+```
+# Get the id of the decidim dev container
+docker ps --format {{.ID}} --filter=label=org.label-schema.name=dec
+idim
+# f16bd5314386
+docker exec -it f16bd5314386 bash
+```
+You are now in bash, run manually `docker-entrypoint`.
+```
+# Will check your environment and do migrations if needed
+docker-entrypoint
+```
+You are now ready to use your container in the way you want for development:
+
+* Run a rails server: `bundle exec rails s -b 0.0.0.0`
+* Have live-reload on your assets: `bin/webpack-dev-server`
+* Execute tasks, like `bundle exec rails g migration AddSomeColumn`
+* etc.
+```
+bundle exec rails s -b 0.0.0.0 # rails server
+bin/webpack-dev-server
+etc.
+```
+
+To stop everything, uses:
+- `docker-compose down` to stop the containers
+- `docker-compose down -v` to stop the containers and remove all previously saved data.
+
+### Debugging
+To debug something on the container:
+1. Ensure `decidim-app` is running
+```bash
+    docker ps --all
+# CONTAINER ID   IMAGE                                            COMMAND                  CREATED          STATUS                    PORTS                                                                                  NAMES
+# 511c5048485c   decidim-module-external_newsletter-decidim-app   "sleep infinity"         28 minutes ago   Up 28 minutes             0.0.0.0:3000->3000/tcp, :::3000->3000/tcp, 0.0.0.0:3035->3035/tcp, :::3035->3035/tcp   decidim-external_newsletter-app
+# a08934c17b68   postgres:14-alpine                               "docker-entrypoint.s…"   28 minutes ago   Up 28 minutes (healthy)   0.0.0.0:5432->5432/tcp, :::5432->5432/tcp                                              decidim-module-external_newsletter-pg-1
+
+```
+
+2. Run `docker exec -it decidim-app bash`
+3. Run
+    - `tail -f $ROOT/log/development.log` to **access logs**
+    - `bundle exec rails restart` to **restart rails server AND keeps webpacker running**
+    - `cd $ROOT` to access the `development_app`
+    - `cd $ROOT/../decidim_module_external_newsletter` to access the module directory
+
+## Contributing
+
+See [Decidim](https://github.com/decidim/decidim).
+
+## License
+
+This engine is distributed under the [GNU AFFERO GENERAL PUBLIC LICENSE](LICENSE-AGPLv3.txt)
+
+<br /><br />
+<p align="center">
+    <img src="https://raw.githubusercontent.com/octree-gva/meta/main/decidim/static/octree_and_decidim.png" height="90" alt="Decidim Installation by Octree" />
+</p>

data/Rakefile

@@ -0,0 +1,81 @@
+# frozen_string_literal: true
+
+require "decidim/dev/common_rake"
+
+def install_module(path)
+  Dir.chdir(path) do
+    # system("bundle exec rake decidim_vocacity_gem_tasks:install:migrations")
+  end
+end
+
+def seed_db(path)
+  Dir.chdir(path) do
+    system("bundle exec rake db:seed")
+  end
+end
+
+desc "Prepare for testing"
+task :prepare_tests do
+  # Remove previous existing db, and recreate one.
+  disable_docker_compose = ENV.fetch("DISABLED_DOCKER_COMPOSE", "false") == "true"
+  unless disable_docker_compose
+    system("docker-compose down -v")
+    system("docker-compose up -d --remove-orphans")
+  end
+  ENV["RAILS_ENV"] = "test"
+  databaseYml = {
+    "test" => {
+      "adapter" => "postgresql",
+      "encoding" => "unicode",
+      "host" => ENV.fetch("DATABASE_HOST", "localhost"),
+      "port" => ENV.fetch("DATABASE_PORT", "5432").to_i,
+      "username" => ENV.fetch("DATABASE_USERNAME", "decidim"),
+      "password" => ENV.fetch("DATABASE_PASSWORD", "TEST-insecure-password"),
+      "database" => "decidim_test"
+    }
+  }
+  config_file = File.expand_path("spec/dummy/config/database.yml", __dir__)
+  File.open(config_file, "w") { |f| YAML.dump(databaseYml, f) }
+  Dir.chdir("spec/dummy") do
+     system("bundle exec rails db:migrate")
+   end
+end
+
+desc "Generates a dummy app for testing"
+task :test_app do
+  Bundler.with_original_env do
+    generate_decidim_app(
+      "spec/dummy",
+        "--app_name",
+        "decidim_test",
+        "--path",
+        "../..",
+        "--skip_spring",
+        "--demo",
+        "--force_ssl",
+        "false",
+        "--locales",
+        "en,fr,es"
+    )
+  end
+  install_module("spec/dummy")
+  Rake::Task["prepare_tests"].invoke
+end
+
+desc "Generates a development app"
+task :development_app do
+  Bundler.with_original_env do
+    generate_decidim_app(
+      "development_app",
+      "--app_name",
+      "#{base_app_name}_development_app",
+      "--path",
+      "..",
+      "--recreate_db",
+      "--demo"
+    )
+  end
+
+  install_module("development_app")
+  seed_db("development_app")
+end

data/app/controllers/decidim/external_newsletter/admin/application_controller.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module Decidim
+  module ExternalNewsletter
+    module Admin
+      # This controller is the abstract class from which all other controllers of
+      # this engine inherit.
+      #
+      # Note that it inherits from `Decidim::Admin::Components::BaseController`, which
+      # override its layout and provide all kinds of useful methods.
+      class ApplicationController < Decidim::Admin::Components::BaseController
+      end
+    end
+  end
+end

data/app/controllers/decidim/external_newsletter/application_controller.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+module Decidim
+  module ExternalNewsletter
+    # This controller is the abstract class from which all other controllers of
+    # this engine inherit.
+    #
+    # Note that it inherits from `Decidim::Components::BaseController`, which
+    # override its layout and provide all kinds of useful methods.
+    class ApplicationController < Decidim::Components::BaseController
+    end
+  end
+end

data/app/helpers/decidim/external_newsletter/application_helper.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module Decidim
+  module ExternalNewsletter
+    # Custom helpers, scoped to the external newsletter engine.
+    #
+    module ApplicationHelper
+     
+    end
+  end
+end

data/app/models/decidim/external_newsletter/application_record.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+module Decidim
+  module ExternalNewsletter
+    # Abstract class from which all models in this engine inherit.
+    class ApplicationRecord < ActiveRecord::Base
+      self.abstract_class = true
+    end
+  end
+end

data/app/packs/entrypoints/decidim-exernal_newsletter.js

@@ -0,0 +1,2 @@
+import "src/decidim/external_newsletter/remove_newsletter_modal.js.es6"
+require.context("../images", true);

data/app/packs/images/decidim/external_newsletter/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35"><path d="M17.5 35A17.5 17.5 0 1 1 35 17.5 17.52 17.52 0 0 1 17.5 35zm0-33.06A15.56 15.56 0 1 0 33.06 17.5 15.57 15.57 0 0 0 17.5 1.94zm9.5 13.7H8a1 1 0 0 1 0-1.94h19a1 1 0 0 1 0 1.94zm0 3.68H8a1 1 0 0 1 0-1.94h19a1 1 0 0 1 0 1.94zM22.26 23H8a1 1 0 0 1 0-1.94h14.26a1 1 0 0 1 0 1.94z"/></svg>

data/app/packs/src/external_newsletter/remove_newsletter_modal.js.es6

@@ -0,0 +1 @@
+alert("HERE")

data/app/packs/stylesheets/decidim/external_newsletter/components/_inline-form-footer.scss

@@ -0,0 +1,3 @@
+#newsletter_subscription .inf-form > div{
+  background: red!important;
+}

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

@@ -0,0 +1,4 @@
+@import "components/*";
+body{
+  background: blue !important
+}

data/app/views/decidim/devise/invitations/edit.html.erb

@@ -0,0 +1,67 @@
+<div class="wrapper">
+<div class="row collapse">
+  <div class="row collapse">
+    <div class="columns large-8 large-centered text-center page-title">
+      <h1><%= t "devise.invitations.edit.header" %></h1>
+
+      <p><%= t("devise.invitations.edit.subtitle").html_safe %></p>
+    </div>
+  </div>
+
+  <div class="row">
+    <div class="columns large-6 medium-10 medium-centered">
+      <%= decidim_form_for resource, namespace: "invitation", as: resource_name, url: invitation_path(resource_name, invite_redirect: params[:invite_redirect]), html: { method: :put, class: "register-form new_user" } do |f| %>
+        <div class="card">
+          <div class="card__content">
+            <legend><%= t("sign_up_as.legend", scope: "decidim.devise.registrations.new") %></legend>
+
+            <%= form_required_explanation %>
+
+            <%= f.hidden_field :invitation_token %>
+
+            <div class="user-nickname">
+              <div class="field">
+                <%= f.text_field :nickname, help_text: t("devise.invitations.edit.nickname_help", organization: current_organization.name), required: "required", prefix: { value: "@", small: 1, large: 1 } %>
+              </div>
+            </div>
+
+            <% if f.object.class.require_password_on_accepting %>
+              <div class="field">
+                <p><%= f.password_field :password, required: "required", minlength: ::Devise.password_length.min, maxlength: ::Devise.password_length.max %></p>
+              </div>
+
+              <div class="field">
+                <p><%= f.password_field :password_confirmation, required: "required", minlength: ::Devise.password_length.min, maxlength: ::Devise.password_length.max %></p>
+              </div>
+            <% end %>
+          </div>
+        </div>
+
+        <div class="card" id="card__tos">
+          <div class="card__content">
+            <fieldset>
+              <legend><%= t("tos_title", scope: "decidim.devise.registrations.new") %></legend>
+              <p class="tos-text"><%= strip_tags(translated_attribute(terms_and_conditions_page.content)) %></p>
+            </fieldset>
+
+            <div class="field">
+              <% link = link_to t("terms", scope: "decidim.devise.registrations.new"), page_path("terms-and-conditions"), target: "_blank" %>
+              <% label = t("tos_agreement", scope: "decidim.devise.registrations.new", link: link) %>
+              <%= f.check_box :tos_agreement, label: label, required: "required" %>
+            </div>
+          </div>
+        </div>
+
+        <div class="card">
+          <div class="card__content">
+            <div class="actions">
+              <%= f.submit t("devise.invitations.edit.submit_button"), class: "button expanded" %>
+            </div>
+          </div>
+        </div>
+
+      <% end %>
+    </div>
+  </div>
+</div>
+</div>

data/app/views/decidim/devise/registrations/new.html.erb

@@ -0,0 +1,96 @@
+<% add_decidim_page_title(t(".sign_up")) %>
+
+<% content_for :devise_links do %>
+  <%= render "decidim/devise/shared/links" %>
+<% end %>
+
+<div class="wrapper">
+<div class="row collapse">
+  <div class="row collapse">
+    <div class="columns large-8 large-centered text-center page-title">
+      <h1><%= t(".sign_up") %></h1>
+      <p>
+        <%= t(".subtitle") %>
+      </p>
+      <p>
+        <%= t(".already_have_an_account?") %>
+        <%= link_to t(".sign_in"), new_user_session_path %>
+      </p>
+    </div>
+  </div>
+
+  <% cache current_organization do %>
+    <%= render "decidim/devise/shared/omniauth_buttons" %>
+  <% end %>
+
+  <div class="row">
+    <div class="columns large-6 medium-10 medium-centered">
+
+      <%= decidim_form_for(@form, namespace: "registration", as: resource_name, url: registration_path(resource_name), html: { class: "register-form new_user", id: "register-form" }) do |f| %>
+        <%= invisible_captcha %>
+        <div class="card">
+          <div class="card__content">
+            <%= form_required_explanation %>
+
+            <div class="user-person">
+              <div class="field">
+                <%= f.text_field :name, help_text: t(".username_help") %>
+              </div>
+            </div>
+
+            <div class="user-nickname">
+              <div class="field">
+                <%= f.text_field :nickname, help_text: t(".nickname_help", organization: current_organization.name), prefix: { value: "@", small: 1, large: 1 } %>
+              </div>
+            </div>
+
+            <div class="field">
+              <%= f.email_field :email %>
+            </div>
+
+            <div class="field">
+              <%= f.password_field :password, help_text: t("decidim.external_newsletter.devise.registrations.new.password_help", deep_interpolation: true, minimun_characters: ::PasswordValidator::MINIMUM_LENGTH), autocomplete: "off" %>
+            </div>
+
+            <div class="field">
+              <%= f.password_field :password_confirmation %>
+            </div>
+          </div>
+        </div>
+
+        <div class="card" id="card__tos">
+          <div class="card__content">
+            <h3><%= t(".tos_title") %></h3>
+
+            <p class="tos-text">
+              <%= strip_tags(translated_attribute(terms_and_conditions_page.content)) %>
+            </p>
+
+            <div class="field">
+              <%= f.check_box :tos_agreement, label: t(".tos_agreement", link: link_to(t(".terms"), page_path("terms-and-conditions"))) %>
+            </div>
+          </div>
+        </div>
+
+        <div class="card" id="card__newsletter" style="display:none">
+          <div class="card__content">
+            <h3><%= t(".newsletter_title") %></h3>
+              <div class="field">
+                <%= f.check_box :newsletter, label: t(".newsletter"), checked: true %>
+              </div>
+          </div>
+        </div>
+
+        <div class="card">
+          <div class="card__content">
+            <div class="actions">
+              <%= f.submit t("devise.registrations.new.sign_up"), class: "button expanded" %>
+            </div>
+            <%= yield :devise_links %>
+          </div>
+        </div>
+      <% end %>
+    </div>
+  </div>
+</div>
+</div>

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

@@ -0,0 +1,76 @@
+<% add_decidim_page_title(t("notifications_settings", scope: "layouts.decidim.user_profile")) %>
+<% content_for(:subtitle) { t("notifications_settings", scope: "layouts.decidim.user_profile") } %>
+
+<%= form_for(@notifications_settings, url: notifications_settings_path, method: :put, class: "user-form") do |f| %>
+  <p><strong><%= t(".receive_notifications_about") %></strong></p>
+  <div class="switch tiny switch-with-label notifications_from_own_activity">
+    <%= f.label :notifications_from_own_activity do %>
+      <%= f.check_box :notifications_from_own_activity, label: false, class: "switch-input" %>
+      <span class="switch-paddle"></span>
+      <span class="switch-label"><%= t(".own_activity") %></span>
+    <% end %>
+  </div>
+  <div class="switch tiny switch-with-label notifications_from_followed">
+    <%= f.label :notifications_from_followed do %>
+      <%= f.check_box :notifications_from_followed, label: false, class: "switch-input" %>
+      <span class="switch-paddle"></span>
+      <span class="switch-label"><%= t(".everything_followed") %></span>
+    <% end %>
+  </div>
+
+  <p><strong><%= t(".notifications_sending_frequency") %></strong></p>
+  <%= f.collection_radio_buttons :notifications_sending_frequency, frequencies_collection, :first, :last, { checked: @notifications_settings.notifications_sending_frequency || "daily" } %>
+
+  <p><strong><%= t(".direct_messages") %></strong></p>
+  <div class="switch tiny switch-with-label allow_public_contact">
+    <label>
+      <%= f.check_box :allow_public_contact, label: false, class: "switch-input" %>
+      <span class="switch-paddle"></span>
+      <span class="switch-label"><%= t(".allow_public_contact") %></span>
+    </label>
+  </div>
+
+  <% if current_user.moderator? %>
+    <p><strong><%= t(".administrators") %></strong></p>
+    <div class="switch tiny switch-with-label email_on_moderations">
+      <label>
+        <%= f.check_box :email_on_moderations, label: false, class: "switch-input" %>
+        <span class="switch-paddle"></span>
+        <span class="switch-label"><%= t(".email_on_moderations") %></span>
+      </label>
+    </div>
+
+    <% Decidim.notification_settings_registry.manifests.filter{ |a| a.settings_area == :administrators }.each do |manifest| %>
+      <div class="switch tiny switch-with-label notification_settings">
+        <label>
+          <%= f.check_box "notification_settings[#{manifest.name}]",
+                          checked: ["1", true].include?(current_user.notification_settings.fetch(manifest.name.to_s, manifest.default_value)),
+                          label: false,
+                          class: "switch-input" %>
+          <span class="switch-paddle"></span>
+          <span class="switch-label"><%= t(".notification_settings.#{manifest.name}") %></span>
+        </label>
+      </div>
+    <% end %>
+
+  <% end %>
+
+  <% if @notifications_settings.meet_push_notifications_requirements? %>
+    <div class="push-notifications js-sw-mandatory">
+      <p><strong><%= t(".push_notifications") %></strong></p>
+      <p id="push-notifications-reminder" class="push-notifications__reminder"><i><%= t(".push_notifications_reminder") %></i></p>
+      <div class="switch tiny switch-with-label allow_push_notifications">
+        <label>
+          <%= check_box_tag :allow_push_notifications, 0, false, class: "switch-input" %>
+          <span class="switch-paddle"></span>
+          <span class="switch-label"><%= t(".allow_push_notifications") %></span>
+        </label>
+      </div>
+    </div>
+
+    <input id="vapidPublicKey" name="vapid_public_key" type="hidden" value="<%= Base64.urlsafe_decode64(Rails.application.secrets.vapid[:public_key]).bytes %>">
+    <input id="subKeys" name="sub_key" type="hidden" value="<%= current_user.notifications_subscriptions.keys %>">
+  <% end %>
+
+  <%= f.submit t(".update_notifications_settings") %>
+<% end %>

data/app/views/decidim/notifications_settings/show.html.erb.026

@@ -0,0 +1,53 @@
+<% add_decidim_page_title(t("notifications_settings", scope: "layouts.decidim.user_profile")) %>
+<% content_for(:subtitle) { t("notifications_settings", scope: "layouts.decidim.user_profile") } %>
+
+<div class="row">
+  <%= form_for(@notifications_settings, url: notifications_settings_path, method: :put, class: "user-form") do |f| %>
+    <p><strong><%= t(".receive_notifications_about") %></strong></p>
+    <div class="switch tiny switch-with-label notifications_from_own_activity">
+      <%= f.label :notifications_from_own_activity do %>
+        <%= f.check_box :notifications_from_own_activity, label: false, class: "switch-input" %>
+        <span class="switch-paddle"></span>
+        <span class="switch-label"><%= t(".own_activity") %></span>
+      <% end %>
+    </div>
+    <div class="switch tiny switch-with-label notifications_from_followed">
+      <%= f.label :notifications_from_followed do %>
+        <%= f.check_box :notifications_from_followed, label: false, class: "switch-input" %>
+        <span class="switch-paddle"></span>
+        <span class="switch-label"><%= t(".everything_followed") %></span>
+      <% end %>
+    </div>
+
+    <p><strong><%= t(".send_notifications_by_email") %></strong></p>
+    <div class="switch tiny switch-with-label email_on_notification">
+      <%= f.label :email_on_notification do %>
+        <%= f.check_box :email_on_notification, label: false, class: "switch-input" %>
+        <span class="switch-paddle"></span>
+        <span class="switch-label"><%= t(".email_on_notification") %></span>
+      <% end %>
+    </div>
+
+    <p><strong><%= t(".direct_messages") %></strong></p>
+    <div class="switch tiny switch-with-label allow_public_contact">
+      <label>
+        <%= f.check_box :allow_public_contact, label: false, class: "switch-input" %>
+        <span class="switch-paddle"></span>
+        <span class="switch-label"><%= t(".allow_public_contact") %></span>
+      </label>
+    </div>
+
+    <% if @notifications_settings.user_is_moderator?(current_user) %>
+      <p><strong><%= t(".administrators") %></strong></p>
+      <div class="switch tiny switch-with-label email_on_moderations">
+        <label>
+          <%= f.check_box :email_on_moderations, label: false, class: "switch-input" %>
+          <span class="switch-paddle"></span>
+          <span class="switch-label"><%= t(".email_on_moderations") %></span>
+        </label>
+      </div>
+    <% end %>
+
+    <%= f.submit t(".update_notifications_settings") %>
+  <% end %>
+</div>

data/app/views/layouts/decidim/_external_newsletter.html.erb

@@ -0,0 +1,56 @@
+<% if ENV.fetch('DECIDIM_EXTERNAL_NEWSLETTER', nil).present? %>
+<style>
+#newsletter_subscription .inf-form {
+  padding: 2rem 1.2rem;
+  background: #EEE;
+  text-align: center;
+}
+#newsletter_subscription .inf-form h4 {
+    font-size: 1.375rem;
+    color: inherit;
+    font-weight: inherit;
+}
+#newsletter_subscription .inf-form > div {
+  background: transparent;
+  margin: 0;
+  padding: 0;
+  text-align: center;
+  font-family: "Source Sans Pro", Helvetica, Roboto, Arial, sans-serif;
+}
+#newsletter_subscription .inf-form .inf-input{
+  max-width:25rem;
+  margin: 0 auto;
+}
+#newsletter_subscription .inf-form .inf-input.inf-error span.inf-message {
+  color: var(--alert);
+  transform: translateY(-16px);
+}
+#newsletter_subscription .inf-form .inf-submit {
+  text-align: center;
+}
+#newsletter_subscription .inf-form .inf-submit input,
+#newsletter_subscription .inf-form .inf-submit input:hover {
+    display: inline-block;
+    vertical-align: middle;
+    margin: 0 0 1rem 0;
+    padding: 0.85em 1em;
+    border: 1px solid transparent;
+    border-radius: 4px;
+    transition: background-color 0.25s ease-out, color 0.25s ease-out;
+    font-family: inherit;
+    font-size: 1rem;
+    -webkit-appearance: none;
+    line-height: 1;
+    text-align: center;
+    cursor: pointer;
+    background: var(--primary);
+}
+#newsletter_subscription .inf-form .inf-submit input:hover {
+  opacity:0.8
+}
+</style>
+<div id="newsletter_subscription">
+  <script type="text/javascript" src="<%= ENV.fetch("DECIDIM_EXTERNAL_NEWSLETTER") %>"></script>
+</div>
+<% end %>
+

data/app/views/layouts/decidim/_main_footer.html.erb

@@ -0,0 +1,32 @@
+<%= render partial: "layouts/decidim/external_newsletter" %>
+
+<div class="main-footer">
+  <% if current_organization.official_img_footer.attached? %>
+    <%= link_to current_organization.official_url, class: "main-footer__badge" do %>
+      <%= image_tag current_organization.attached_uploader(:official_img_footer).path, alt: current_organization.name %>
+    <% end %>
+  <% end %>
+<div class="row">
+    <div class="medium-8 large-6 large-offset-3 column">
+      <nav class="main__footer__nav">
+        <ul class="footer-nav">
+          <% organization_pages = current_organization.static_pages_accessible_for(current_user) %>
+          <% if organization_pages.any? %>
+            <% current_organization.static_page_topics.where(show_in_footer: true).each do |page_topic| %>
+              <% topic_pages = page_topic.accessible_pages_for(current_user) %>
+              <% if topic_pages.any? %>
+                <li><%= link_to translated_attribute(page_topic.title), decidim.page_path(topic_pages.first) %></li>
+              <% end %>
+            <% end %>
+
+            <% organization_pages.where(show_in_footer: true).each do |page| %>
+              <li><%= link_to translated_attribute(page.title), decidim.page_path(page) %></li>
+            <% end %>
+          <% end %>
+          <li><%= link_to t("layouts.decidim.footer.download_open_data"), decidim.open_data_download_path %></li>
+        </ul>
+      </nav>
+    </div>
+    <%= render partial: "layouts/decidim/social_media_links" %>
+  </div>
+</div>