aboutsummaryrefslogtreecommitdiffstats
path: root/www/templates
diff options
context:
space:
mode:
Diffstat (limited to 'www/templates')
-rw-r--r--www/templates/en/address_search.html21
-rw-r--r--www/templates/en/android_error.html17
-rw-r--r--www/templates/en/around.html53
-rw-r--r--www/templates/en/details.html21
-rw-r--r--www/templates/en/details_extra.html7
-rw-r--r--www/templates/en/existing.html35
-rw-r--r--www/templates/en/help.html60
-rw-r--r--www/templates/en/home.html5
-rw-r--r--www/templates/en/initial_help.html8
-rw-r--r--www/templates/en/login.html43
-rw-r--r--www/templates/en/offline.html71
-rw-r--r--www/templates/en/photo.html36
-rw-r--r--www/templates/en/reports.html30
-rw-r--r--www/templates/en/save_offline.html15
-rw-r--r--www/templates/en/sent.html22
-rw-r--r--www/templates/en/submit.html98
-rw-r--r--www/templates/en/submit_confirm.html39
-rw-r--r--www/templates/en/submit_email.html25
-rw-r--r--www/templates/en/submit_name.html38
-rw-r--r--www/templates/en/submit_password.html50
-rw-r--r--www/templates/en/submit_set_password.html22
21 files changed, 716 insertions, 0 deletions
diff --git a/www/templates/en/address_search.html b/www/templates/en/address_search.html
new file mode 100644
index 0000000..b8bc71e
--- /dev/null
+++ b/www/templates/en/address_search.html
@@ -0,0 +1,21 @@
+<div id="search-header" data-role="header">
+ <a href="#" id="locate" data-transition="slidedown" class="ui-btn-left">Cancel</a>
+ <h1>Search</h1>
+</div>
+<div data-role="content">
+ <div id="front-main">
+ <h3 class="notopmargin">Enter a nearby GB postcode, or street name and area</h3>
+ <form class="inputcard" name="postcodeForm" id="postcodeForm">
+ <div>
+ <input data-role="none" type="text" name="pc" value="" id="pc" size="10" maxlength="200" placeholder="e.g. ‘B2 4QA’ or ‘Tib St, Manchester’">
+ </div>
+ </form>
+ <input type="button" value="Go" id="submit" data-theme="a">
+ </div>
+
+ <div id="front-howto">
+ <% if (typeof msg != 'undefined' && msg !== '') { %>
+ <h2><%= msg %></h2>
+ <% } %>
+ </div>
+</div>
diff --git a/www/templates/en/android_error.html b/www/templates/en/android_error.html
new file mode 100644
index 0000000..b39079f
--- /dev/null
+++ b/www/templates/en/android_error.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title></title>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
+ <meta charset="utf-8">
+
+ <link rel="stylesheet" href="css/fms.css" type="text/css" media="screen" title="no title" charset="utf-8">
+
+ </head>
+ <body>
+ <div id="load-screen">
+ <div class="radar"></div>
+ <p>There seems to have been a problem starting the app. Please quit and try again</p>
+ </div>
+ </body>
+</html>
diff --git a/www/templates/en/around.html b/www/templates/en/around.html
new file mode 100644
index 0000000..47bc329
--- /dev/null
+++ b/www/templates/en/around.html
@@ -0,0 +1,53 @@
+<div data-id="locate" id="around-header" data-role="header">
+ <a id="view-my-reports" class="nodisplay ui-btn ui-btn-left ui-btn-up-a ui-shadow ui-btn-corner-all" data-role="none" href="#">
+ <span class="ui-btn-inner"<span class="ui-btn-text">Drafts <span class="draft_count"><% print( FMS.allDrafts.length ) %></span></span></span>
+ </a>
+ <a id="cancel" class="nodisplay" data-role="button" data-icon="arrow-l">Cancel</a>
+ <h1>FixMyStreet</h1>
+ <a id="login-options" data-icon="fms-account" class="nodisplay ui-btn-right">Account</a>
+</div>
+
+ <div id="locating" class="nodisplay">
+ <div class="radar"></div>
+ <div id="progress">
+ <div id="progress-bar">
+ </div>
+ </div>
+
+ <p>
+ Finding your location
+ </p>
+
+ <p>
+ <input data-theme="c" type="button" id="locate_cancel" value="Cancel">
+ </p>
+ </div>
+<div data-role="content">
+ <div class="frontpage-menu">
+ <form class="inputcard" name="postcodeForm" id="postcodeForm">
+ <input type="search" id="pc" name="pc" placeholder="Search or scroll the map">
+ <% if ( FMS.testing ) { %>
+ <div class="testing">
+ Test version. Reports will not be sent to the council.
+ </div>
+ <% } %>
+ </form>
+ <a data-role="none" id="relocate" class="nodisplay"></a>
+
+ <div class="nodisplay" id="front-howto"></div>
+ </div>
+
+ <a id="mark-here" data-role="button" data-theme="a" class="map-bottom-btn">
+ New Report Here
+ </a>
+ <a id="locate-here" data-role="button" data-theme="a" class="map-bottom-btn">
+ Set Report Location
+ </a>
+ <a id="reposition" data-role="button" data-theme="c" class="map-bottom-btn nodisplay">
+ Reposition Report Here
+ </a>
+ <a id="confirm-map" data-role="button" data-theme="a" class="map-bottom-btn">
+ Confirm Location
+ </a>
+
+</div>
diff --git a/www/templates/en/details.html b/www/templates/en/details.html
new file mode 100644
index 0000000..08b2876
--- /dev/null
+++ b/www/templates/en/details.html
@@ -0,0 +1,21 @@
+<div data-role="header">
+ <h1>Details</h1>
+ <a id="next" data-icon="arrow-r" data-iconpos="right" class="ui-btn-right">Next</a>
+</div>
+<div data-role="content">
+ <div class="gmailstyletest">
+ <div>
+ <label for="form_title">Subject</label>
+ <input data-role="none" type="text" name="title" id="form_title" placeholder="Provide a title" value="<%= title %>" required>
+ </div>
+
+ <div>
+ <%= categories %>
+ </div>
+
+ <div class="noborder">
+ <label for="form_detail">Details</label>
+ <textarea data-role="none" name="detail" id="form_detail" placeholder="Please fill in details of the problem." required><%= details %></textarea>
+ </div>
+ </div>
+</div>
diff --git a/www/templates/en/details_extra.html b/www/templates/en/details_extra.html
new file mode 100644
index 0000000..63535d6
--- /dev/null
+++ b/www/templates/en/details_extra.html
@@ -0,0 +1,7 @@
+<div data-role="header" data-position="fixed">
+ <h1>Further Details</h1>
+ <a id="next" data-icon="arrow-r" data-iconpos="right" class="ui-btn-right">Next</a>
+</div>
+<div data-role="content" data-enhance="false">
+ <%= category_extras %>
+</div>
diff --git a/www/templates/en/existing.html b/www/templates/en/existing.html
new file mode 100644
index 0000000..5e27785
--- /dev/null
+++ b/www/templates/en/existing.html
@@ -0,0 +1,35 @@
+<div data-role="header">
+ <h1>Unsent Report</h1>
+</div>
+<div data-role="content" role="main">
+ <div id="existing_report">
+ <% if ( title ) { %>
+ <h3><%= title %></h3>
+ <% } %>
+
+ <div class="meta">
+ <p>
+ <% if ( category && category != '-- Pick a category --' ) { %>
+ Saved in the <%= category %> category
+ <% } %>
+ </p>
+
+ <p><% print( moment( created ).fromNow() ) %></p>
+ </div>
+
+ <% if ( file ) { %>
+ <div class="photo" style="background-image: url(<%= file %>)"></div>
+ <% } %>
+
+ <% if ( details ) { %>
+ <div class="details"><div><%= details %></div></div>
+ <% } %>
+ </div>
+
+
+ <div class="right">
+ <input id="use_report" type="button" value="Complete report now" data-role="button" data-theme="a" />
+ <input id="save_report" type="button" value="Save for later" data-role="button" data-theme="a" />
+ <input id="discard" type="button" value="Discard" data-role="button" data-theme="a" />
+ </div>
+</div>
diff --git a/www/templates/en/help.html b/www/templates/en/help.html
new file mode 100644
index 0000000..f8bd8aa
--- /dev/null
+++ b/www/templates/en/help.html
@@ -0,0 +1,60 @@
+<h1>Frequently Asked Questions</h1>
+<dl>
+ <dt>What is FixMyStreet?</dt>
+ <dd>FixMyStreet is a website and app to help people report local problems they&rsquo;ve found to their council.</dd>
+
+ <dt>How do I use this app?</dt>
+ <dd>The app will attempt to locate you automatically but if it can't or you want to report
+ a problem elsewhere you can search by postcode or location. To start reporting a problem scroll
+ the map till the crosshair is over the location of the problem and press 'New Report here'.
+ </dd>
+
+ <dt>What happens to the information I provide?</dt>
+ <dd><strong>All the information you provide will be sent to the council</strong>.
+ The title, category and details of your report will be displayed on the website. By default
+ your name will also be displayed on the website but you can choose to have this hidden.
+ We will <strong>never display your email or phone number on the site</strong>.</dd>
+
+ <dt>What if I want to remain anonymous?</dt>
+ <dd>If you unselect 'Show my name publicly' when entering your details then your name will not be displayed on the website.
+ <strong>Your name, email and phone number, if you provided it, will always be sent to the council.</strong></dd>
+
+ <dt>What if I've accidentally included personal information in a report</dt>
+ <dd>To have a report edited email <a href="mailto:support@fixmystreet.com">support@fixmystreet.com</a> with
+ details of the report.</dd>
+
+ <dt>I've forgotten my password, how do I reset it?</dt>
+ <dd>If you've forgotten your password you can reset it by selecting the "set a password" option when
+ next submitting a report. Please note that you have to click the link in the confirmation email to
+ activate or change your password.</dd>
+
+ <dt>What sort of problems should I report with FixMyStreet?</dt>
+ <dd>FixMyStreet is primarily for reporting things which are
+ <strong>broken or dirty or damaged or dumped, and need fixing, cleaning
+ or clearing</strong>.</dd>
+
+ <dt>What isn&rsquo;t FixMyStreet for?</dt>
+ <dd>FixMyStreet is not a way of getting in touch with your council for all
+ issues &ndash; please use FixMyStreet only for problems such as the above.</dd>
+
+ <dt>Is it free?</dt>
+ <dd>The site and app are free to use, yes. FixMyStreet is run
+ by a registered charity, though, so if you want to make a contribution, <a
+ onclick="FMS.openExternal(event); return false;" href="https://secure.mysociety.org/donate/">please do</a>.
+ For more information see the <a onclick="FMS.openExternal(event); return false;" href="http://www.fixmystreet.com/faq/">website</a>.
+ </dd>
+
+ <dt>Who built FixMyStreet?</dt>
+ <dd>The site and this app was built by <a onclick="FMS.openExternal(event); return false;" href="http://www.mysociety.org/">mySociety</a>.</dd>
+ <dt>Thanks to...</dt>
+ <dd>
+ <a onclick="FMS.openExternal(event); return false;" href="http://www.ordnancesurvey.co.uk">Ordnance Survey</a> (for the maps,
+ UK postcodes, and UK addresses &ndash; data &copy; Crown copyright, all
+ rights reserved, Ministry of Justice 100037819&nbsp;2008), the entire free software
+ community (this particular project was brought to you by Phonegap, Backbone, jQuery mobile
+ and the number 161.290) and <a
+ onclick="FMS.openExternal(event); return false;" href="http://www.bytemark.co.uk/">Bytemark</a> (who kindly host all
+ our servers).
+
+ Let us know if we&rsquo;ve missed anyone.</dd>
+</dl>
diff --git a/www/templates/en/home.html b/www/templates/en/home.html
new file mode 100644
index 0000000..e8e0e8c
--- /dev/null
+++ b/www/templates/en/home.html
@@ -0,0 +1,5 @@
+<div data-role="content">
+ <div id="locating">
+ <div class="radar"></div>
+ </div>
+</div>
diff --git a/www/templates/en/initial_help.html b/www/templates/en/initial_help.html
new file mode 100644
index 0000000..45b4961
--- /dev/null
+++ b/www/templates/en/initial_help.html
@@ -0,0 +1,8 @@
+<h1>Welcome to FixMyStreet</h1>
+<p>
+Using this app you can report common street problems, like potholes or broken street lights, to councils throughout the UK.
+</p>
+
+<p>
+It works online and offline, because we know that there isn't always a signal when you need one.
+</p>
diff --git a/www/templates/en/login.html b/www/templates/en/login.html
new file mode 100644
index 0000000..13944e8
--- /dev/null
+++ b/www/templates/en/login.html
@@ -0,0 +1,43 @@
+<div id="submit-header" data-role="header">
+ <a id="reports-next-btn" data-icon="arrow-l" data-iconpos="left" class="ui-btn-left">Home</a>
+ <h1>Login</h1>
+</div>
+
+<div data-role="content">
+ <% if ( FMS.isLoggedIn ) { %>
+ <div id="signed_in_row">
+ <p class="notopmargin">You are signed in as <%= email %></p>
+ <div id="err" class="nodisplay"></div>
+ <div class="bottom-btn">
+ <input type="button" id="logout" name="logout" value="Sign Out" data-theme="a">
+ </div>
+ </div>
+ <div id="password_row" class="nodisplay">
+ <p class="notopmargin">
+ Signed out!
+ </p>
+ <% } else { %>
+ <div id="password_row">
+ <% } %>
+ <form name="signinForm" class="inputcard" id="signinForm">
+ <div>
+ <input data-role="none" type="email" value="" name="email" id="form_email" placeholder="Your Email" required>
+ </div>
+ <div>
+ <input data-role="none" type="password" value="" name="password" id="form_password" placeholder="Your password" required>
+ </div>
+ <div class="noborder">
+ <input type="submit" id="login" name="login" value="Login" data-theme="a">
+ </div>
+ </form>
+ </div>
+ <div id="success_row" class="nodisplay">
+ <p class="notopmargin">
+ Signed in!
+ </p>
+ <div id="err" class="nodisplay"></div>
+ <div class="bottom-btn">
+ <input type="button" id="logout" name="logout" value="Sign Out" data-theme="a">
+ </div>
+ </div>
+</div>
diff --git a/www/templates/en/offline.html b/www/templates/en/offline.html
new file mode 100644
index 0000000..10e87d9
--- /dev/null
+++ b/www/templates/en/offline.html
@@ -0,0 +1,71 @@
+<div data-role="header" data-position="fixed">
+ <a id="offline-prev-btn" class="ui-btn-left">Try Again</a>
+ <h1>Offline</h1>
+ <a id="offline-next-btn" data-icon="arrow-r" data-iconpos="right" class="ui-btn-right">Skip</a>
+</div>
+ <div id="locating" class="nodisplay">
+ <div class="radar"></div>
+ <div id="progress">
+ <div id="progress-bar">
+ </div>
+ </div>
+
+ <p>
+ Finding your location
+ </p>
+
+ <p>
+ <input data-theme="c" type="button" id="locate_cancel" value="Cancel">
+ </p>
+ </div>
+<div data-role="content">
+ <div>
+ <p class="notopmargin">
+ <% if ( typeof id != 'undefined' ) { %>
+ Oh dear - we can't detect an internet connection. However you can still edit the report now and send it later.
+ <% } else { %>
+ Oh dear - we can't detect an internet connection. However you can still start a report now and complete it later, by going to 'drafts' when you're back online.
+ <% } %>
+ </p>
+
+ <p id="locate_result">
+ <% if ( lat ) { %>
+ This report has a position.
+ <% } else { %>
+ <input type="button" data-role="button" data-theme="a" id="locate" value="Locate (optional)" >
+ <% } %>
+ </p>
+
+ <div class="inputcard">
+ <div>
+ <input data-role="none" type="text" value="<%= title %>" name="title" id="form_title" placeholder="Provide a title" required>
+ </div>
+
+ <div>
+ <textarea data-role="none" rows="7" cols="26" name="detail" id="form_detail" placeholder="Please fill in details of the problem." required><%= details %></textarea>
+ </div>
+ </div>
+
+ <% if ( file != '' ) { %>
+ <div id="add_photo" style="display: none">
+ <% } else { %>
+ <div id="add_photo">
+ <% } %>
+ <label>Add a Photo <em>(optional)</em></label>
+ <input data-icon="fms-photo-new" value="Take a new photo" type="button" name="photo_button" id="id_photo_button" data-role="button" data-theme="a">
+ <input data-icon="fms-photo-existing" value="Add an existing photo" type="button" name="existing" id="id_existing" data-role="button" data-theme="c">
+ </div>
+
+ <% if ( file == '' ) { %>
+ <div id="display_photo" style="display: none">
+ <% } else { %>
+ <div id="display_photo">
+ <% } %>
+ <label>Your Photo</label>
+ <div class="photo">
+ <img class="small" id="photo" src="<%= file %>" />
+ </div>
+ <input value="Remove Photo" type="button" name="del_photo_button" id="id_del_photo_button" data-role="button" data-theme="a">
+ </div>
+ </div>
+</div>
diff --git a/www/templates/en/photo.html b/www/templates/en/photo.html
new file mode 100644
index 0000000..aa44e9e
--- /dev/null
+++ b/www/templates/en/photo.html
@@ -0,0 +1,36 @@
+<div data-role="header">
+ <h1>Add Photo</h1>
+ <% if ( file == '' ) { %>
+ <a id="photo-next-btn" data-icon="arrow-r" data-iconpos="right" class="ui-btn-right">Skip</a>
+ <% } else { %>
+ <a id="photo-next-btn" data-icon="arrow-r" data-iconpos="right" class="ui-btn-right">Next</a>
+ <% } %>
+</div>
+<div data-role="content">
+ <% var photoClass = 'nodisplay', nophotoClass = 'nodisplay';
+ if ( file != '' ) {
+ photoClass = '';
+ } else {
+ nophotoClass = '';
+ } %>
+ <h2 id="nophoto_title" class="<% print( nophotoClass ); %>">
+ Add a Photo <em>(optional)</em>
+ </h2>
+ <h2 id="photo_title" class="<% print( photoClass ); %>">
+ Photo for report
+ </h2>
+ <div class="photo-wrapper">
+ <div class="photo">
+ <% if ( file == '' ) { %>
+ <img class="placeholder" src="images/placeholder-photo.png" alt="" id="photo">
+ <% } else { %>
+ <img class="small" id="photo" src="<%= file %>" />
+ <% } %>
+ <a data-role="none" id="id_del_photo_button" class="photo-corner-button">X</a>
+ </div>
+ </div>
+ <div class="bottom-btn">
+ <input data-icon="fms-photo-existing" type="button" id="id_existing" data-theme="c" value="Add an existing photo" >
+ <input data-icon="fms-photo-new" id="id_photo_button" type="button" data-theme="a" value="Take a new photo">
+ </div>
+</div>
diff --git a/www/templates/en/reports.html b/www/templates/en/reports.html
new file mode 100644
index 0000000..047fa76
--- /dev/null
+++ b/www/templates/en/reports.html
@@ -0,0 +1,30 @@
+<div data-role="header" data-position="fixed">
+ <a id="reports-next-btn" data-icon="arrow-l" data-iconpos="left" class="ui-btn-left">Home</a>
+ <h1>Draft Reports</h1>
+</div>
+<div id="drafts">
+ <p id="noreports" class="nodisplay">If you start compiling a report, but don't finish and send it, it'll appear in this menu so you can finish it later</p>
+ <div id="report-list" class="nodisplay">
+ <p class="notopmargin">
+ These are your draft, unsent reports. To finish and send them, open a report when online.
+ </p>
+ <ul data-role="listview" data-split-theme="c" data-inset="true" data-split-icon="delete" class="notopmargin reports">
+ <% drafts.each(function(draft) {
+ if ( draft ) {
+ var classes = [];
+ if ( draft.get('lat') ) {
+ classes.push('with_location');
+ }
+ if ( draft.get('file') ) {
+ classes.push('with_photo');
+ }
+ var draftClass = '';
+ if ( classes.length ) {
+ draftClass = 'class="' + classes.join(' ') + '"';
+ }
+ print( '<li id="' + draft.id + '"' + draftClass + '><a href="#" class="use_report">' + draft.description() + '</a><a class="del_report" href="#" title="delete">Delete</a></li>' );
+ }
+ } ); %>
+ </ul>
+ </div>
+</div>
diff --git a/www/templates/en/save_offline.html b/www/templates/en/save_offline.html
new file mode 100644
index 0000000..2cafbbc
--- /dev/null
+++ b/www/templates/en/save_offline.html
@@ -0,0 +1,15 @@
+<div data-role="header">
+ <h1>Offline</h1>
+</div>
+<div data-role="content">
+ <h3 class="notopmargin">There is no internet connection</h3>
+
+ <p>
+ There isn't an internet connection, do you want to save the current report for later?
+ </p>
+
+ <div class="bottom-btn">
+ <input id="save_report" type="button" value="save">
+ <input id="discard" type="button" value="discard">
+ </div>
+</div>
diff --git a/www/templates/en/sent.html b/www/templates/en/sent.html
new file mode 100644
index 0000000..f4f1541
--- /dev/null
+++ b/www/templates/en/sent.html
@@ -0,0 +1,22 @@
+<div id="report-created-header" data-role="header">
+ <a class="ui-btn-left">Home</a>
+ <h1>Report Created</h1>
+</div>
+<div data-role="content">
+ <% if ( typeof email_confirm != 'undefined' && email_confirm === 1 ) { %>
+ <h3>Confirmation email sent</h3>
+
+ <p>
+ We've sent you a confirmation email which may take a few minutes to arrive. Once it arrives click the link in the email to confirm your report.
+ </p>
+ <% } else { %>
+ <h3>Thanks. Your report will be sent to the authorities immediately.</h3>
+
+ <p class="center"><input type="button" data-theme="a" id="open_report" value="View it on the site"></p>
+ <% } %>
+
+
+ <div class="bottom-btn">
+ <input type="button" id="id_report_another" data-theme="a" value="Start new report" >
+ </div>
+</div>
diff --git a/www/templates/en/submit.html b/www/templates/en/submit.html
new file mode 100644
index 0000000..a36d1e2
--- /dev/null
+++ b/www/templates/en/submit.html
@@ -0,0 +1,98 @@
+<div id="submit-header" data-role="header" data-position="fixed" data-id="locate">
+ <h1>Submit</h1>
+</div>
+
+<div class="container" data-role="content" data-enhance="false">
+ <div class="content" role="main">
+
+
+ <fieldset>
+ <div id="problem_form">
+ <% if ( user && user.password ) { %>
+ <div id="signed_in">
+ <p>
+ You are signed in as <span id="username"><%= user.name %></span>
+ </p>
+
+ <p id="confirm_details">Confirm details</p>
+ <div id="name_details">
+ <label for="form_may_show_name">Name</label>
+ <input type="text" class="validName" value="<%= user.name %>" name="name" id="form_name" placeholder="Your name">
+
+ <div class="checkbox-group">
+ <input type="checkbox" name="may_show_name" id="form_may_show_name" value="1" checked>
+ <label class="inline" for="form_may_show_name">Show my name publicly</label>
+ </div>
+
+ <label for="form_phone">Phone number</label>
+ <input type="text" value="<%= user.phone %>" name="phone" id="form_phone" placeholder="Your phone number (optional)">
+ </div>
+
+ <div class="form-txt-submit-box">
+ <input class="green-btn" type="button" id="submit_signed_in" name="submit_signed_in" value="Report">
+ </div>
+ </div>
+ <% } else { %>
+ <div id="signed_out">
+ <label for="form_email" id="email_label">Your email</label>
+ <input type="email" value="<%= user.email %>" name="email" id="form_email" placeholder="Please enter your email address" required>
+
+ <div id="form_sign_in">
+ <h4 id="have_password">Do you have a FixMyStreet password?</h4>
+
+ <div id="form_sign_in_yes" class="form-box">
+
+ <h5><strong>Yes</strong> I have a password</h5>
+
+ <label class="hidden-js n" for="password_sign_in">Yes I have a password</label>
+ <div class="form-txt-submit-box">
+ <input type="password" name="password_sign_in" id="password_sign_in" placeholder="Your password" value="">
+ <input class="green-btn" type="button" id="submit_sign_in" name="submit_sign_in" value="Report">
+ </div>
+ </div>
+
+ <div id="form_sign_in_no" class="form-box">
+ <h5 id="let_me_confirm"><strong>No</strong> Let me confirm my report by email</h5>
+
+ <div id="name_details">
+ <label for="form_may_show_name">Name</label>
+ <input type="text" class="validName" value="<%= user.name %>" name="name" id="form_name" placeholder="Your name">
+
+ <div class="checkbox-group">
+ <input type="checkbox" name="may_show_name" id="form_may_show_name" value="1" checked>
+ <label class="inline" for="form_may_show_name">Show my name publicly</label>
+ </div>
+
+ <label for="form_phone">Phone number</label>
+ <input type="text" value="<%= user.phone %>" name="phone" id="form_phone" placeholder="Your phone number (optional)">
+ </div>
+
+ <div id="password_surround">
+ <label class="form-focus-hidden" for="password_register" id="password_label">Password</label>
+ </div>
+
+ <div class="form-txt-submit-box form-focus-hidden">
+ <input type="password" name="password_register" id="password_register" value="" placeholder="Enter a password (optional)">
+ <input class="green-btn" type="button" id="submit_register" name="submit_register" value="Report">
+ </div>
+
+ </div>
+ </div>
+ </div>
+ <% } %>
+
+ <div id="report_save" class="form-box">
+ <h5>Save this report for completion later</h5>
+ <div class="form-txt-submit-box">
+ <input class="green-btn" type="button" id="save_report" name="save_report" value="Save">
+ </div>
+ </div>
+ </div>
+ </fieldset>
+
+ <input type="hidden" name="submit_problem" value="1">
+ </div>
+
+ </div>
+ </div>
+</div>
diff --git a/www/templates/en/submit_confirm.html b/www/templates/en/submit_confirm.html
new file mode 100644
index 0000000..0bca06d
--- /dev/null
+++ b/www/templates/en/submit_confirm.html
@@ -0,0 +1,39 @@
+<div id="submit-header" data-role="header">
+ <h1>Your details</h1>
+</div>
+
+<div data-role="content">
+ <p class="notopmargin">
+ You are logged in as <%= user.email %>.
+ </p>
+
+ <p>
+ Please confirm your name, if you want it to be public and optionally your phone number.
+ </p>
+
+ <div id="errors"></div>
+
+ <div class="inputcard">
+ <% if ( typeof model.titles_list !== 'undefined' ) { %>
+ <div>
+ <select data-role="none" placeholder="Title" id="form_title" name="title" required>
+ <option value="">Title</option>
+ <% for ( var i = 0; i < model.titles_list.length; i++ ) { var title = model.titles_list[i]; print( '<option value="' + title + '"' + ( user.title && user.title == title ? ' selected' : '' ) + '>' + title + '</option>' ); } %>
+ </select>
+ </div>
+ <% } %>
+ <div>
+ <input data-role="none" type="text" value="<%= user.name %>" name="name" id="form_name" placeholder="Please enter your name" required>
+ </div>
+ <div>
+ <input data-role="none" type="tel" value="<%= user.phone %>" name="name" id="form_phone" placeholder="Optionally enter your phone number">
+ </div>
+ <div class="checkbox-group noborder">
+ <input type="checkbox" name="may_show_name" id="form_may_show_name" value="1" <% if ( typeof user.may_show_name == 'undefined' || user.may_show_name ) { %>checked<% } %>>
+ <label class="inline" for="form_may_show_name">Show my name publicly</label>
+ </div>
+ </div>
+ <div class="bottom-btn">
+ <input data-role="button" data-theme="a" type="button" id="report" name="report" value="Report">
+ </div>
+</div>
diff --git a/www/templates/en/submit_email.html b/www/templates/en/submit_email.html
new file mode 100644
index 0000000..3eaf26a
--- /dev/null
+++ b/www/templates/en/submit_email.html
@@ -0,0 +1,25 @@
+<div id="submit-header" data-role="header">
+ <h1>Your details</h1>
+</div>
+
+<div data-role="content">
+ <div class="inputcard">
+ <div>
+ <input data-role="none" type="email" value="<%= user.email %>" name="email" id="form_email" placeholder="Please enter your email address" required>
+ </div>
+ </div>
+
+ <p>
+ This app needs to send you a confirmation email before we can send your report to the council.
+ </p>
+
+ <p>
+ To skip this step in future, you can set a password now.
+ </p>
+
+ <div class="bottom-btn">
+ <input data-role="button" data-theme="a" type="button" id="email_confirm" name="email_confirm" value="I don't want to set a password">
+ <input data-role="button" data-theme="a" type="button" id="set_password" name="set_password" value="I'd like to set a password">
+ <input data-role="button" data-theme="a" type="button" id="have_password" name="have_password" value="I've already got one - login">
+ </div>
+</div>
diff --git a/www/templates/en/submit_name.html b/www/templates/en/submit_name.html
new file mode 100644
index 0000000..98a48f6
--- /dev/null
+++ b/www/templates/en/submit_name.html
@@ -0,0 +1,38 @@
+<div id="submit-header" data-role="header">
+ <h1>Your details</h1>
+</div>
+
+<div data-role="content">
+ <div id="errors"></div>
+ <p class="top">
+ <% if ( nopassword ) { %>
+ No problem - we don't like faffing with passwords either.
+ <% } %>
+ Please give us some basic details, and you're nearly done.
+ </p>
+ <div class="inputcard">
+ <% if ( typeof model.titles_list !== 'undefined' ) { %>
+ <div>
+ <select data-role="none" placeholder="Title" id="form_title" name="title" required>
+ <option value="">Title</option>
+ <% for ( var i = 0; i < model.titles_list.length; i++ ) { var title = model.titles_list[i]; print( '<option value="' + title + '"' + ( user.title && user.title == title ? ' selected' : '' ) + '>' + title + '</option>' ); } %>
+ </select>
+ </div>
+ <% } %>
+ <div>
+ <input data-role="none" type="text" value="<%= user.name %>" name="name" id="form_name" placeholder="Please enter your name" required>
+ </div>
+ <div>
+ <input data-role="none" type="tel" value="<%= user.phone %>" name="name" id="form_phone" placeholder="Optionally enter your phone number">
+ </div>
+ <div data-role="fieldcontain">
+ <fieldset data-role="controlgroup">
+ <input type="checkbox" name="may_show_name" id="form_may_show_name" value="1" <% if ( typeof user.may_show_name == 'undefined' || user.may_show_name ) { %>checked<% } %>>
+ <label for="form_may_show_name">Show my name publicly</label>
+ </fieldset>
+ </div>
+ </div>
+ <div class="bottom-btn">
+ <input data-role="button" data-theme="a" type="button" id="send_confirm" name="send_confirm" value="Send confirmation email">
+ </div>
+</div>
diff --git a/www/templates/en/submit_password.html b/www/templates/en/submit_password.html
new file mode 100644
index 0000000..fb61d20
--- /dev/null
+++ b/www/templates/en/submit_password.html
@@ -0,0 +1,50 @@
+<div id="submit-header" data-role="header">
+ <h1>Your details</h1>
+</div>
+
+<div data-role="content">
+ <div id="errors"></div>
+ <form id="passwordForm" name="passwordForm">
+ <div id="password_row">
+ <div class="inputcard">
+ <div>
+ <input data-role="none" type="password" value="" name="password" id="form_password" placeholder="Your password" required>
+ </div>
+ </div>
+ <div class="noborder">
+ <input data-role="button" data-theme="a" type="submit" id="report" name="report" value="Report">
+ </div>
+ </div>
+ <div id="check_name" class="nodisplay">
+ <div class="inputcard">
+ <p>
+ Please confirm your name, if you want it to be public and optionally your phone number.
+ </p>
+
+ <% if ( typeof model.titles_list !== 'undefined' ) { %>
+ <div>
+ <select data-role="none" placeholder="Title" id="form_title" name="title" required>
+ <option value="">Title</option>
+ <% for ( var i = 0; i < model.titles_list.length; i++ ) { var title = model.titles_list[i]; print( '<option value="' + title + '"' + ( user.title && user.title == title ? ' selected' : '' ) + '>' + title + '</option>' ); } %>
+ </select>
+ </div>
+ <% } %>
+ <div>
+ <input data-role="none" type="text" value="" id="form_name" name="name">
+ </div>
+ <div>
+ <input data-role="none"type="tel" value="<%= user.phone %>" name="name" id="form_phone" placeholder="Please enter your phone number (optional)">
+ </div>
+ <div data-role="fieldcontain">
+ <fieldset data-role="controlgroup">
+ <input type="checkbox" name="may_show_name" id="form_may_show_name" value="1" checked>
+ <label for="form_may_show_name">Show my name publicly</label>
+ </fieldset>
+ </div>
+ </div>
+ <div class="bottom-btn">
+ <input data-role="button" data-theme="a" type="submit" id="confirm_name" name="report" value="Confirm name">
+ </div>
+ </div>
+ </form>
+</div>
diff --git a/www/templates/en/submit_set_password.html b/www/templates/en/submit_set_password.html
new file mode 100644
index 0000000..ccecd35
--- /dev/null
+++ b/www/templates/en/submit_set_password.html
@@ -0,0 +1,22 @@
+<div id="submit-header" data-role="header">
+ <h1>Your details</h1>
+</div>
+
+<div data-role="content">
+ <div id="errors"></div>
+ <form id="passwordForm" name="passwordForm">
+ <div id="password_row">
+ <p class="notopmargin">
+ Enter a password for your account. This won't be activated till you click the link in the confirmation email
+ </p>
+ <div class="inputcard">
+ <div>
+ <input data-role="none" type="password" value="" name="password" id="form_password" placeholder="Your password" required>
+ </div>
+ </div>
+ <div class="noborder">
+ <input data-role="button" data-theme="a" type="submit" id="continue" name="report" value="Continue">
+ </div>
+ </div>
+ </form>
+</div>
generated by cgit v1.2.3 (git 2.25.1) at 2025-09-29 05:00:07 +0000