Commit cc740677 authored by Rejo Zenger's avatar Rejo Zenger

Fixing the call-in-progress screen.

parent b3b13669
......@@ -23,6 +23,17 @@ return array(
"piphone.yournumberplease" => "We need your phone number to initiate the call.",
"piphone.numberformat" => "Start your phone number with "+" and your country code.",
"piphone.callme" => "Call me!",
"piphone.callstatus0" => "0. Initialising the call",
"piphone.callstatus1" => "1. We are now calling you",
"piphone.callstatus2" => "2. When ready, please dial 1 on your phone",
"piphone.callstatus3" => "3. Calling",
"piphone.callstatus4" => "4. Connected to",
"piphone.mepphone" => "Phone number",
"piphone.feedbackform" => "Feedback form",
"piphone.pleasetellus" => "Please tell us what happened if you were able to talk to someone.",
"piphone.sendfeedback" => "Send my feedback",
"piphone.arguments" => "Argyuments",
"piphone.whattosay" => "Here are some arguments that can help you convince the member of parliament.",
"about.contact" => "Contact",
"about.contactdetails" => "You can reach us at info@savethememe.net.",
"about.credits" => "Credits",
......
......@@ -23,6 +23,17 @@ return array(
"piphone.yournumberplease" => "Om te bellen hebben we je nummer nodig.",
"piphone.numberformat" => "Begin je nummer met "+", gevolgd door je landcode (+31 voor Nederland.)",
"piphone.callme" => "Bel me nu",
"piphone.callstatus0" => "0. Opzetten van verbinding",
"piphone.callstatus1" => "1. We bellen nu jou",
"piphone.callstatus2" => "2. Als je zover bent, druk 1 op je telefoon",
"piphone.callstatus3" => "3. We bellen met",
"piphone.callstatus4" => "4. Je bent nu verbonden met",
"piphone.mepphone" => "Telefoonnummer",
"piphone.feedbackform" => "En, wat is je ervaring?",
"piphone.pleasetellus" => "Vertel ons hoe het gesprek ging. Denk je dat het parlementslid ook het uploadfilter liever kwijt dan rijk is?",
"piphone.sendfeedback" => "Verstuur mijn feedback",
"piphone.arguments" => "Wat je kunt zeggen",
"piphone.whattosay" => "Hier zijn een paar argumenten die je kunnen helpen het parlementslid te overtuigen.",
"about.contact" => "Contact",
"about.contactdetails" => "We zijn bereikbaar op het e-mailadres info@savethememe.net.",
"about.credits" => "Credits",
......
......@@ -120,7 +120,6 @@ body {
color: #fff;
}
.card{
height: 370px;
background-color: transparent;
box-shadow: none !important;
}
......@@ -151,7 +150,6 @@ img#contact-image {
}
.card.horizontal.sticky-action {
width: 75%;
margin: 0 auto;
margin-bottom: 50px;
}
......@@ -172,6 +170,10 @@ h4{
margin-top: 10px;
}
.card.horizontal .card-image.small-image img {
max-width: 50%;
}
@media only screen and (max-width: 1000px){
.is-reversed .content {
margin: 0;
......
<div class="row arg">
<div class="container">
<h3 class="grey-blue-text text-darken-4 header center">{{ _("Arguments") }}</h3>
<p class="light">
{{ _("Those are arguments we provide you to help you convince the representative you will call.") }}
</p>
<ul class="collapsible popout" data-collapsible="accordions">
<repeat group="{{ @arguments }}" value="{{ @argument }}" counter="{{ @key }}">
<li>
<div class="collapsible-header argument">{{ @argument.title}}</div>
<div class="collapsible-body"><span>{{ @argument.text }}</span></div>
</li>
</repeat>
</ul>
</div>
<p class="meme-text">{{ @piphone.arguments }}</p>
<p class="light">{{ @piphone.whattosay }}</p>
<ul class="collapsible popout" data-collapsible="accordions">
<repeat group="{{ @arguments }}" value="{{ @argument }}" counter="{{ @key }}">
<li>
<div class="collapsible-header argument">{{ @argument.title}}</div>
<div class="collapsible-body"><span>{{ @argument.text }}</span></div>
</li>
</repeat>
</ul>
</div>
<!-- Let's split this page in two -->
<div class="row green accent-4" id="MEP">
<div class="col s12">
<h4 id="step_init" class="step_text bold center white-text">{{ _("0. Initialising the call") }}</h5>
<h4 id="step_caller" class="step_text bold center white-text">{{ _("1. Calling you") }}</h5>
<h4 id="step_wait" class="step_text bold center white-text">{{ _("2. When ready, please dial 1 on your phone") }}</h3>
<h4 id="step_callee" class="step_text bold center white-text">{{ _("3. Calling ")}}{{ @contact.full_name }}</h5>
<h4 id="step_connected" class="step_text bold center white-text">{{ _("4. Connected to ") }}{{ @contact.full_name }}</h5>
<h4 id="step_init" class="step_text bold center white-text">{{ @piphone.callstatus0 }}</h5>
<h4 id="step_caller" class="step_text bold center white-text">{{ @piphone.callstatus1 }}</h5>
<h4 id="step_wait" class="step_text bold center white-text">{{ phone.callstatus2 }}</h3>
<h4 id="step_callee" class="step_text bold center white-text">{{ @piphone.callstatus3 }} {{ @contact.full_name }}</h5>
<h4 id="step_connected" class="step_text bold center white-text">{{ @piphone.callstatus4 }} {{ @contact.full_name }}</h5>
</div>
</div>
<div class="row calling is-reversed">
<div class="container">
<div class="col m6 s12">
<include href="argumentation.html">
</div>
<div class="col m6 s12">
<div>
<div class="card horizontal sticky-action">
<div class="card-image">
<div class="card-image small-image">
<img src="<check if="{{ @contact.photo == '' }}">/static/img/placeholder.jpg<false>{{ @contact.photo }}</false></check>">
<p>{{ _("Phone number") }}: <a href="tel:{{ @contact.phone }}">{{ @contact.phone }}</a></p>
</div>
<div class="card-content">
<span class="card-title grey-text text-darken-4">{{ @contact.first_name }} {{ @contact.last_name }}</span>
<div class="groups">
<repeat group="{{ @contact.groups }}" value="{{ @group }}">
<check if="{{ @group.type == 'country' }}">
<span class="chip">
<img src="{{ 'http://www.europarl.europa.eu/ep_framework/img/flag/flag_icon_' . str_replace('/', '', strtolower(@group.name)) . '.gif'}}">
{{ @group.name }}
</span>
</check>
</repeat>
<repeat group="{{ @contact.groups }}" value="{{ @group }}">
<check if="{{ @group.type == 'group' }}">
<span class="chip">
<img src="{{ 'http://www.europarl.europa.eu/ep_framework/img/group/group_iconsmall_' . str_replace('/', '', strtolower(@group.name)) . '.png'}}">
{{ @group.name }}
</span>
</check>
</repeat>
</div>
<div class="groups">
<repeat group="{{ @contact.groups }}" value="{{ @group }}">
<check if="{{ @group.type == 'committee'}}">
<span class="chip blue white-text committee">
{{ @group.name }}
</span>
</check>
</repeat>
</div>
<span class="card-title grey-text text-darken-3">{{ @contact.first_name }} {{ @contact.last_name }}</span>
<p>{{ @piphone.mepphone }}: <a href="tel:{{ @contact.phone }}">{{ @contact.phone }}</a></p>
</div>
</div>
<h4>{{ _("Feedback Form") }}</h4>
<p class="small">{{ _("Please tell us what happened if you were able to talk to someone. Your feedback is important to us.") }}</p>
<include href="argumentation.html">
<p class="meme-text">{{ @piphone.feedbackform }}</p>
<p class="small">{{ @piphone.pleasetellus }}</p>
<form class="form" method="post" action="/feedback/#thanks" >
<input type="hidden" id="contact_id" name="contact_id" value="{{ @contact_id }}" />
<select name="feedback_category" id="feedback_category" class="input-field">
......@@ -62,7 +33,7 @@
<div class="input-field">
<textarea class="materialize-textarea" id="feedback" name="feedback"></textarea>
</div>
<input type="submit" class="btn btn-primary" name="go" value="{{ _("Send my feedback") }}" />
<input type="submit" class="btn btn-primary" name="go" value="{{ @piphone.sendfeedback }}" />
</form>
</div>
</div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment