Merge branch '1341-friendly-ab-test'

4 files changed, 75 insertions, 0 deletions

diff --git a/templates/web/fixmystreet.com/around/_report_banner.html b/templates/web/fixmystreet.com/around/_report_banner.html
new file mode 100755
index 000000000..fb2134020
--- /dev/null
+++ b/templates/web/fixmystreet.com/around/_report_banner.html
@@ -0,0 +1,10 @@
+[%# Same as parent, with variant green banner text %]
+<h1 class="big-green-banner variant1">
+    Click map to request a fix
+</h1>
+<h1 class="big-green-banner variant0">
+    [% loc( 'Click map to report a problem' ) %]
+</h1>
+<a id="skip-this-step" href="[% url_skip %]" rel="nofollow">
+    [% loc("Can't see the map? <em>Skip this step</em>") %]
+</a>
diff --git a/templates/web/fixmystreet.com/around/intro.html b/templates/web/fixmystreet.com/around/intro.html
new file mode 100644
index 000000000..5b756cd31
--- /dev/null
+++ b/templates/web/fixmystreet.com/around/intro.html
@@ -0,0 +1,9 @@
+[%# Same as parent, with variant heading text %]
+<div class="variant1">
+    <h1>Get things fixed in your local community</h1>
+    <h2>(like blocked pavements, parks and playgrounds in need of maintenance)</h2>
+</div>
+<div class="variant0">
+    <h1>[% loc('Report, view, or discuss local problems') %]</h1>
+    <h2>[% loc('(like graffiti, fly tipping, broken paving slabs, or street lighting)') %]</h2>
+</div>
diff --git a/templates/web/fixmystreet.com/header_extra.html b/templates/web/fixmystreet.com/header_extra.html
index 6d3474c23..f65121445 100644
--- a/templates/web/fixmystreet.com/header_extra.html
+++ b/templates/web/fixmystreet.com/header_extra.html
@@ -3,4 +3,18 @@
 <script src="[% start %][% version('/js/jquery.cookie.min.js') %]"></script>
 <script src="[% start %][% version('/cobrands/fixmystreet.com/js.js') %]"></script>
 
+[%# We are conducting an A/B experiment %]
+<script src="//www.google-analytics.com/cx/api.js?experiment=ZwMlZkAhSbK_tP_QG64QrQ"></script>
+<script>
+var variation = cxApi.chooseVariation(),
+    docElement = document.documentElement,
+    className = docElement.className;
+docElement.className = className + ' variant' + variation;
+</script>
+<style>
+html .variant1 { display: none !important; }
+html.variant1 .variant0 { display: none !important; }
+html.variant1 .variant1 { display: block !important; }
+</style>
+
 [% INCLUDE 'tracking_code.html' %]
diff --git a/templates/web/fixmystreet.com/report/new/extra_name.html b/templates/web/fixmystreet.com/report/new/extra_name.html
new file mode 100644
index 000000000..d1eec5fa3
--- /dev/null
+++ b/templates/web/fixmystreet.com/report/new/extra_name.html
@@ -0,0 +1,42 @@
+[%# Same as parent, with added gender question %]
+
+[% IF (page == 'around' OR page == 'new') AND c.cobrand.ask_gender_question %]
+<p>
+We’re conducting research to make sure our site is good for everyone;
+please help us out by providing your gender. <em>This will not be
+shared with the council or displayed publicly.</em>
+</p>
+
+[% SET gender = report.get_extra_metadata('gender') %]
+<p class="radio-segmented-control" style="font-size: 80%">
+    <input type="radio" name="gender" id="gender_female" value="female"[% ' checked' IF gender == 'female' %]>
+    <label class="inline" for="gender_female">Female</label>
+    <input type="radio" name="gender" id="gender_male" value="male"[% ' checked' IF gender == 'male' %]>
+    <label class="inline" for="gender_male">Male</label>
+    <input type="radio" name="gender" id="gender_other" value="other"[% ' checked' IF gender == 'other' %]>
+    <label class="inline" for="gender_other">Other</label>
+    <input type="radio" name="gender" id="gender_unknown" value="unknown"[% ' checked' IF gender == 'unknown' %]>
+    <label class="inline" for="gender_unknown">Prefer not to say</label>
+</p>
+[% END %]
+
+<input type="hidden" name="variant" value="0">
+
+[% IF extra_name_info %]
+<label for="form_fms_extra_title">Title</label>
+[% IF field_errors.fms_extra_title %]
+    <p class='form-error'>[% field_errors.fms_extra_title %]</p>
+[% END %]
+[% title = '' %]
+[% IF fms_extra_title %][% title = fms_extra_title | upper %]
+[% ELSIF c.user && c.user.title %][% title = c.user.title | upper %][% END %]
+<select class="form-focus-trigger required" id="form_fms_extra_title"
+    name="fms_extra_title">
+    <option></option>
+    <option value="MR"[% ' selected' IF title == 'MR' %]>Mr</option>
+    <option value="MISS"[% ' selected' IF title == 'MISS' %]>Miss</option>
+    <option value="MRS"[% ' selected' IF title == 'MRS' %]>Mrs</option>
+    <option value="MS"[% ' selected' IF title == 'MS' %]>Ms</option>
+    <option value="DR"[% ' selected' IF title == 'DR' %]>Dr</option>
+</select>
+[% END %]