consul/nairobi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #2971 from consul/dashboard-mailer

Browse Source 
Dashboard mailer
This commit is contained in:
Alberto
2018-10-17 01:18:13 +02:00
committed by GitHub
parent c049f7a9da c33d9fa97b
commit e08f031be6
10 changed files with 80 additions and 153 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
app/assets/images/social_buttons_mailer.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

6
app/assets/stylesheets/dashboard.scss
View File

@@ -424,7 +424,7 @@
.dashboard-mail-preview {
.mail-header {
background-color: $brand;
background: #3700fd;
color: #fff;
padding: $line-height;
text-align: center;
@@ -432,6 +432,10 @@
.mail-body {
text-align: justify;
.button {
background: #3700fd;
}
}
}

66
app/assets/stylesheets/dashboard_mailer.scss
View File

@@ -1,66 +0,0 @@
@import 'application';
body {
padding-left: 30%;
padding-right: 30%;
p {
text-align: justify;
}
}
header {
background-color: #3700fd;
color: #fff;
padding: 20pt;
margin-bottom: 0;
border-bottom: 0;
h1 {
font-size: 40pt;
text-align: center;
}
h2 {
font-size: 25pt;
text-align: center;
}
}
.proposal-image {
width: 100%;
}
.mail-body {
color: #838383;
font-size: 18pt;
margin-top: 20pt;
}
.support-link {
display: block;
background-color: #004a84;
color: #dff;
text-decoration: none;
border: 1px solid $border;
width: 80%;
margin-left: auto;
margin-right: auto;
font-size: 40pt;
padding: 20pt;
border-radius: 5pt;
text-align: center;
margin-top: 50pt;
margin-bottom: 50pt;
}
.support-link:hover {
color: #ddffffff;
text-decoration: none;
}
.share-title {
font-weight: bold;
font-size: 25pt;
}

2
app/mailers/dashboard/mailer.rb
View File

@@ -1,5 +1,5 @@
class Dashboard::Mailer < ApplicationMailer
layout 'dashboard/mailer'
layout 'mailer'
def forward(proposal)
@proposal = proposal

76
app/views/dashboard/mailer/forward.html.erb
View File

@@ -1,19 +1,61 @@
<header>
<h1><%= @proposal.title %></h1>
<h2><%= t("dashboard.mailer.forward.subtitle") %></h2>
</header>
<%= image_tag @proposal.image.attachment.url(:large), class: 'proposal-image' if @proposal.image.present? %>
<%= image_tag 'default_mailing.jpg', class: 'proposal-image' unless @proposal.image.present? %>
<div class="mail-body">
<%== t("dashboard.mailer.forward.introduction") %>
<%= link_to t("dashboard.mailer.forward.support_it"), proposal_url(@proposal), class: 'support-link' %>
<%== t("dashboard.mailer.forward.share_info") %>
<td style="padding-bottom: 20px;padding-left: 10px;font-size: 14px;font-weight: normal;
font-family:'Open Sans',arial,sans-serif;line-height: 24px; text-align: justify;">
<p class="share-title"><%= t("dashboard.mailer.forward.share_in") %></p>
<%= render partial: 'shared/social_share', locals: {
title: @proposal.title,
url: proposal_url(@proposal),
description: @proposal.summary
} %>
<table cellpadding="0" cellspacing="0" border="0" style="margin-top: 20px;width: 100%;">
<tbody>
<tr>
<td style="background: #3700fd; padding: 20px; text-align: center;">
<h1 style="color: #fff;"><%= @proposal.title %></h1>
<h2 style="color: #fff;"><%= t("dashboard.mailer.forward.subtitle") %></h2>
</td>
</tr>
</tbody>
</table>
</div>
<% if @proposal.image.present? %>
<%= image_tag @proposal.image.attachment.url(:large), style: "max-width: 100%;" %>
<% else %>
<%= image_tag "default_mailing.jpg", style: "max-width: 100%;" %>
<% end %>
<p><%= t("dashboard.mailer.forward.hi")%></p>
<p><%= t("dashboard.mailer.forward.introduction", org: setting['org_name']) %></p>
<p><%= t("dashboard.mailer.forward.support") %></p>
<table style="width: 100%;">
<tbody>
<tr>
<td style="padding-bottom: 12px; padding-top: 24px; text-align: center;">
<%= link_to proposal_url(@proposal),
style: "font-family: 'Open Sans',arial,sans-serif; background: #3700fd;
border-radius: 6px; color: #fff !important; font-weight: bold;
padding: 17px 20px; text-align: center; text-decoration: none;
font-size: 20px; min-width: 200px; display: inline-block;",
target: "_blank" do %>
<%= t("dashboard.mailer.forward.support_button") %>
<% end %>
</td>
</tr>
</tbody>
</table>
<p><%= t("dashboard.mailer.forward.share") %></p>
<table style="width: 100%; margin-top: 24px;">
<tbody>
<tr>
<td style="text-align: center;">
<h3><%= t("dashboard.mailer.forward.share_in") %></h3>
</td>
</tr>
<tr>
<td style="text-align: center;">
<%= link_to proposal_url(@proposal, anchor: "social-share") do %>
<%= image_tag("social_buttons_mailer.png", alt: t("dashboard.mailer.forward.share_in"),
style: "max-width: 100%;") %>
<% end %>
</td>
</tr>
</tbody>
</table>
</td>

8
app/views/dashboard/mailing/index.html.erb
View File

@@ -15,14 +15,16 @@
</div>
<div class="mail-body">
<%== t("dashboard.mailer.forward.introduction") %>
<p><%= t("dashboard.mailer.forward.hi") %></p>
<p><%= t("dashboard.mailer.forward.introduction", org: setting['org_name']) %></p>
<p><%= t("dashboard.mailer.forward.support") %></p>
<div class="text-center">
<%= link_to t("dashboard.mailer.forward.support_it"),
<%= link_to t("dashboard.mailer.forward.support_button"),
proposal_url(@proposal), class: "button large" %>
</div>
<%== t("dashboard.mailer.forward.share_info") %>
<%= t("dashboard.mailer.forward.share") %>
<div class="text-center">
<h3><%= t("dashboard.mailer.forward.share_in") %></h3>

10
app/views/layouts/dashboard/mailer.html.erb
View File

@@ -1,10 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<%= stylesheet_link_tag "dashboard_mailer" %>
</head>
<body>
<%= yield %>
</body>
</html>

1
config/initializers/assets.rb
View File

@@ -15,7 +15,6 @@ Rails.application.config.assets.precompile += %w( stat_graphs.js )
Rails.application.config.assets.precompile += %w( dashboard_graphs.js )
Rails.application.config.assets.precompile += %w( print.css )
Rails.application.config.assets.precompile += %w( ie.css )
Rails.application.config.assets.precompile += %w( dashboard_mailer.css )
Rails.application.config.assets.precompile += %w( pdf_fonts.css )
# Loads app/assets/images/custom before app/assets/images

32
config/locales/en/general.yml
View File

@@ -607,34 +607,12 @@ en:
mailer:
forward:
subtitle: If you support me, we will achieve it.
support_it: Support this proposal
support_button: Support this proposal
share_in: Share in
introduction:
"<p>Hello!</p>
<p>
I am writing to let you know that I am
participating in Decide Madrid, the platform for
Madrid and Madrid we can decide which city
we want. And for that, I created my own citizen proposal
and now, I'm going to need your support! But do not worry because
It is very simple.
</p>
<p>
You just have to click on the button that you will see below
'Support this proposal' and you can directly inform yourself about
before promoting it. Only the proposals that achieve the
maximum support will be carried out by our City Council,
and I thought that you, I'm sure you help me achieve it!
</p>"
share_info:
"<p>
And if you also do me the great favor of sharing my proposal with
your friends, family and contacts, it would be the bomb! Can
do it next from the social network that you want or from your
email:
</p>"
hi: "Hello!"
introduction: I am writing to let you know that I am participating in %{org}, the platform we can decide which city we want. And for that, I created my own citizen proposal and now, I'm going to need your support! But do not worry because It is very simple.
support: "You just have to click on the button that you will see below 'Support this proposal' and you can directly inform yourself about before promoting it. Only the proposals that achieve the maximum support will be carried out by our City Council, and I thought that you, I'm sure you help me achieve it!"
share: "And if you also do me the great favor of sharing my proposal with your friends, family and contacts, it would be the bomb! Can do it next from the social network that you want or from your email."
polls:
all: "All"
no_dates: "no date assigned"

32
config/locales/es/general.yml
View File

@@ -607,34 +607,12 @@ es:
mailer:
forward:
subtitle: Si me apoyas, lo conseguiremos.
support_it: Apoyar esta propuesta
support_button: Apoyar esta propuesta
share_in: Compartir en
introduction:
<p>¡Hola!</p>
<p>
Te escribo para comunicarte que estoy
participando en Decide Madrid, la plataforma para que
los madrileños y madrileñas podamos decidir qué ciudad
queremos. Y para ello, he creado mi propia propuesta ciudadana
y ahora, ¡voy a necesitar tu apoyo! Pero no te preocupes porque
es muy sencillo.
</p>
<p>
Tan sólo tienes que pinchar en el botón que verás a continuación
'Apoyar esta propuesta' y directamente podrás informarte a cerca de
ella antes de impulsarla. Sólo las propuestas que consigan el
máximo apoyo se llevarán a cabo por parte de nuestro Ayuntamiento,
y he pensado que tú, ¡seguro que me ayudas a lograrlo!
</p>
share_info:
"<p>
Y si además, me haces el gran favor de compartir mi propuesta con
tus amigos, familiares y contactos, ¡ya sería la bomba! Puedes
hacerlo a continuación desde la red social que tú quieras o desde tu
correo electrónico:
</p>"
hi: "¡Hola!"
introduction: "Te escribo para comunicarte que estoy participando en %{org}, la plataforma para que podamos decidir qué ciudad queremos. Y para ello, he creado mi propia propuesta ciudadana y ahora, ¡voy a necesitar tu apoyo! Pero no te preocupes porque es muy sencillo."
support: "Tan sólo tienes que hacer clic en el botón que verás a continuación 'Apoyar esta propuesta' y directamente podrás informarte acerca de ella antes de impulsarla. Sólo las propuestas que consigan el máximo apoyo se llevarán a cabo por parte de nuestro Ayuntamiento, y he pensado que tú, ¡seguro que me ayudas a lograrlo!"
share: "Y si además, me haces el gran favor de compartir mi propuesta con tus amigos, familiares y contactos, ¡ya sería la bomba! Puedes hacerlo a continuación desde la red social que tú quieras o desde tu correo electrónico."
polls:
all: "Todas"
no_dates: "sin fecha asignada"