diff options
Diffstat (limited to 'templates/web/tfl')
31 files changed, 339 insertions, 0 deletions
diff --git a/templates/web/tfl/about/faq-en-gb.html b/templates/web/tfl/about/faq-en-gb.html new file mode 100755 index 000000000..c01d98bb5 --- /dev/null +++ b/templates/web/tfl/about/faq-en-gb.html @@ -0,0 +1,77 @@ +[% INCLUDE 'header.html', title = 'Help with Street care', bodyclass = 'twothirdswidthpage' %] + +<h1>Help with Street care</h1> + +<p>Our Street care tool lets you to tell us about problems you see on the +streets of London such as roadworks, damaged traffic lights, and other street +defects. It’s the quickest and easiest way to report an issue to us.</p> + +<p>You can report problems with:</p> + +<ul> + <li>Bus stops and shelters</li> + <li>Graffiti and flyposting</li> + <li>Hoardings and scaffolding</li> + <li>Litter</li> + <li>Mobile cranes</li> + <li>Roadworks</li> + <li>Road, cycleway and footway defects – potholes</li> + <li>Street lights and traffic lights</li> + <li>Trees</li> +</ul> + +<p>To report other issues, you can visit our +<a href="https://tfl.gov.uk/help-and-contact/">website to find out how to contact us</a>. +</p> + +<p>Only use Street care for problems such as those listed above, otherwise +there will be a delay in your report getting to the right department.</p> + +<h2>How to report a problem</h2> + +<p>Enter a postcode or location and you’ll see a map of that area. You can view +problems already reported in that area, or report ones of your own by clicking +on the map at the location of the problem.</p> + +<p>Once you submit your report, it will be sent to the relevant team at +Transport for London who will then investigate and respond.</p> + +<p>The tool is free to use, and works on most devices including mobile +phones.</p> + +<h2>Technical support</h2> + +<p>If you are experiencing any technical issues with the ‘Street care’ tool +please let us know using our +<a href="https://tfl.gov.uk/help-and-contact/">contact page</a>.</p> + +<h2>Responding to your problem</h2> + +<p>We’ll aim to resolve your issue within the timescale we give you, this will +depend on the type of issue. However, it may take us a little longer than +planned in periods such as bad weather or large unplanned events.<p> + +<h2>How we manage London’s roads</h2> + +<p>Managing London's road network is shared between Transport for London, +Highways England, and the 32 London boroughs, plus the City of London.</p> + +<ul> + <li>We manage the 580 km of the Transport for London Road Network (the TLRN sometimes called 'red routes')</li> + <li>We also are responsible for the maintenance, management and operation of the Capital's traffic lights, bus stops and the majority of bus shelters</li> + <li>Highways England manages the national motorway network, including the M25, M1, M4 and M11</li> +</ul> + +<h2>Cookies</h2> + +<p>A cookie is a piece of text that a website transfers to your computer's hard +disk so it can remember who you are. Cookies are generally used to monitor how +a website is used and improve your online experience. They do not give us +access to the rest of your computer and are not used to identify you +personally.</p> + +<p><a href="https://tfl.gov.uk/corporate/privacy-and-cookies/cookies">View a + list of the main cookies we set</a>, what they are used for and how to +manage and delete them.</p> + +[% INCLUDE 'footer.html' pagefooter = 'yes' %] diff --git a/templates/web/tfl/around/_postcode_form_examples.html b/templates/web/tfl/around/_postcode_form_examples.html new file mode 100644 index 000000000..57d5fce2f --- /dev/null +++ b/templates/web/tfl/around/_postcode_form_examples.html @@ -0,0 +1,3 @@ +<p class="form-hint" id="pc-hint"> +[% tprintf('e.g. ‘%s’ or ‘%s’', c.cobrand.example_places) %] +or ‘FMS1234567’</p> diff --git a/templates/web/tfl/around/intro.html b/templates/web/tfl/around/intro.html new file mode 100644 index 000000000..51557dd1e --- /dev/null +++ b/templates/web/tfl/around/intro.html @@ -0,0 +1,2 @@ +<h1>[% loc('Report a problem on a street') %]</h1> +<h2>[% loc('Report a problem on a street in London or look at and discuss problems that have already been reported.') %]</h2> diff --git a/templates/web/tfl/contact/_footer.html b/templates/web/tfl/contact/_footer.html new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/templates/web/tfl/contact/_footer.html diff --git a/templates/web/tfl/contact/_heading.html b/templates/web/tfl/contact/_heading.html new file mode 100644 index 000000000..a33ed8f0b --- /dev/null +++ b/templates/web/tfl/contact/_heading.html @@ -0,0 +1 @@ +<h1>Contact street care</h1> diff --git a/templates/web/tfl/email_sent.html b/templates/web/tfl/email_sent.html new file mode 100644 index 000000000..581ff2b61 --- /dev/null +++ b/templates/web/tfl/email_sent.html @@ -0,0 +1,25 @@ +[% INCLUDE 'header.html', bodyclass = 'fullwidthpage', title = loc('Create a report') %] + +<div class="confirmation-header confirmation-header--inbox"> + + <h1>[% loc("Nearly done! Now check your email…") %]</h1> + + <p> + [% IF email_type == 'problem' %] + We’ve sent you a confirmation email. Click the link to publish your problem. + [% ELSIF email_type == 'update' %] + We’ve sent you a confirmation email. Click the link to publish your update. + [% ELSIF email_type == 'alert' %] + We’ve sent you a confirmation email. Click the link to activate your alert. + [% END %] + </p> + + [% TRY %][% INCLUDE '_email_sent_extra.html' %][% CATCH file %][% END %] + + <p> + [% loc("Can’t find our email? Check your spam folder – that’s the solution 99% of the time.") %] + </p> + +</div> + +[% INCLUDE 'footer.html' %] diff --git a/templates/web/tfl/footer.html b/templates/web/tfl/footer.html new file mode 100644 index 000000000..c96c21d00 --- /dev/null +++ b/templates/web/tfl/footer.html @@ -0,0 +1,15 @@ + </div><!-- .content role=main --> + </div><!-- .container --> + </div><!-- .table-cell --> + + <div class="nav-wrapper"> + <div class="container"> + [% INCLUDE "main_nav.html" hide_privacy_link=1 %] + </div> + </div> + </div> <!-- .wrapper --> + + [% INCLUDE 'common_footer_tags.html' %] + +</body> +</html> diff --git a/templates/web/tfl/footer_extra.html b/templates/web/tfl/footer_extra.html new file mode 100644 index 000000000..b3f23f3a2 --- /dev/null +++ b/templates/web/tfl/footer_extra.html @@ -0,0 +1,11 @@ +<div id="footer" role="contentinfo"> + <div class="container"> + <div class="terms-and-conditions-menu" role="navigation" aria-labelledby="site-structure-heading"> + <h2 id="site-structure-heading" class="visuallyhidden">Site structure and legal information</h2> + <ul> + <li><a href="https://tfl.gov.uk/corporate/terms-and-conditions/website">Terms & conditions </a></li><li><a href="https://tfl.gov.uk/corporate/privacy-and-cookies/reporting-street-problems">Privacy & cookies</a></li><li><a href="https://tfl.gov.uk/corporate/website-accessibility/">Website accessibility</a></li> + </ul> + </div> + </div> +</div> + diff --git a/templates/web/tfl/footer_extra_js.html b/templates/web/tfl/footer_extra_js.html new file mode 100644 index 000000000..af38a5286 --- /dev/null +++ b/templates/web/tfl/footer_extra_js.html @@ -0,0 +1,18 @@ +[% scripts.push( + version('/jslib/jquery-1.7.2.min.js'), +) %] +[% PROCESS 'footer_extra_js_base.html' highways=1 cobrand_js=1 %] +[%~ +IF bodyclass.match('mappage'); + scripts.push( + version('/cobrands/tfl/js.js'), + ); +END +%] +[%~ +IF c.user_exists AND ((c.user.from_body AND c.user.from_body.name == 'TfL') OR c.user.is_superuser); + scripts.push( + version('/cobrands/tfl/staff.js'), + ); +END +%] diff --git a/templates/web/tfl/front/pre-steps.html b/templates/web/tfl/front/pre-steps.html new file mode 100644 index 000000000..9a740c692 --- /dev/null +++ b/templates/web/tfl/front/pre-steps.html @@ -0,0 +1,13 @@ +<p style="max-width: 38em; font-size: 1.2em; margin-bottom: 2.5em;"> + <strong> + All issues reported on Streetcare continue to be monitored by our teams at + Transport for London. We are not able to carry out all of our normal + maintenance works at the moment but we are working hard to deal with all + safety critical issues. + </strong> + <br> + We will continue to serve you the best that we can but urge everyone not to + make journeys unless absolutely necessary. + <br> + We will be able to give you a further update on this by the end of May. +</p> diff --git a/templates/web/tfl/header_extra.html b/templates/web/tfl/header_extra.html new file mode 100644 index 000000000..8a977495f --- /dev/null +++ b/templates/web/tfl/header_extra.html @@ -0,0 +1 @@ +[% INCLUDE 'tracking_code.html' %] diff --git a/templates/web/tfl/header_site.html b/templates/web/tfl/header_site.html new file mode 100644 index 000000000..48759eff4 --- /dev/null +++ b/templates/web/tfl/header_site.html @@ -0,0 +1,13 @@ +<header id="site-header" role="banner"> + <div class="container clearfix"> + <div class="logo"> + <a href="https://tfl.gov.uk/"> + <span id="site-logo">Transport for London</span> + </a> + </div> + <div class="top-row-extras"> + <a href="#main-nav"><span>Menu</span><span class="arrow"> </span></a> + <a href="/" title="Report a problem"><span>Report</span></a> + </div> + </div> +</header> diff --git a/templates/web/tfl/index-steps.html b/templates/web/tfl/index-steps.html new file mode 100644 index 000000000..a66ac8654 --- /dev/null +++ b/templates/web/tfl/index-steps.html @@ -0,0 +1,14 @@ +<h2>[% loc('How to report a problem') %]</h2> + +<ol class="big-numbers"> + <li>[% question %]</li> + <li>Tell us where it is on the map</li> + <li>[% loc('Enter details of the problem') %]</li> + <li>Confirm the report and we will investigate</li> +</ol> + +<section class="full-width"> +[% INCLUDE "front/stats.html" %] +[% TRY %][% INCLUDE "front/tips.html" %][% CATCH file %][% END %] +</section> + diff --git a/templates/web/tfl/report/_council_sent_info.html b/templates/web/tfl/report/_council_sent_info.html new file mode 100644 index 000000000..ef6cca079 --- /dev/null +++ b/templates/web/tfl/report/_council_sent_info.html @@ -0,0 +1,17 @@ +[% SET duration_clause = problem.duration_string(c) %] +[% IF duration_clause || problem.whensent %] + <p class="council_sent_info"> + [%- IF problem.whensent %] + [%- IF duration_clause %] + [%- external_ref_clause = tprintf(loc('TfL ref: FMS%s'), problem.id) %] + [%- ELSE %] + [%- external_ref_clause = tprintf(loc('%s ref: %s'), problem.external_body, problem.id) %] + [%- END %] + [%- END -%] + [% duration_clause %] + [%- IF external_ref_clause %] + [%- IF duration_clause %]. [% END %] + <strong>[% external_ref_clause %].</strong> + [%- END %] + </p> +[% END %] diff --git a/templates/web/tfl/report/_item_extra_class.html b/templates/web/tfl/report/_item_extra_class.html new file mode 100644 index 000000000..dcecce136 --- /dev/null +++ b/templates/web/tfl/report/_item_extra_class.html @@ -0,0 +1,3 @@ +[%~ IF c.user.has_permission_to('report_inspect', problem.bodies_str_ids) AND problem.get_extra_field_value('safety_critical') == 'yes'; + item_extra_class = item_extra_class _ " item-list__item--safety-critical"; +END ~%] diff --git a/templates/web/tfl/report/_item_heading.html b/templates/web/tfl/report/_item_heading.html new file mode 100644 index 000000000..17ded1110 --- /dev/null +++ b/templates/web/tfl/report/_item_heading.html @@ -0,0 +1,7 @@ +<h3 class="item-list__heading">[% problem.title | html %]</h3> +[% IF c.user.from_body || c.user.is_superuser %] + <small class="item-list__item__borough">[% c.cobrand.borough_for_report(problem) %]</small> +[% END %] +[%~ IF c.user.has_permission_to('report_inspect', problem.bodies_str_ids) AND problem.get_extra_field_value('safety_critical') == 'yes' ~%] + <small class="item-list__safety-critical">Safety Critical</small> +[%~ END ~%] diff --git a/templates/web/tfl/report/_item_photo_title.html b/templates/web/tfl/report/_item_photo_title.html new file mode 100644 index 000000000..becd28ca3 --- /dev/null +++ b/templates/web/tfl/report/_item_photo_title.html @@ -0,0 +1 @@ +[% THROW file 'Not found' %] diff --git a/templates/web/tfl/report/form/private_details.html b/templates/web/tfl/report/form/private_details.html new file mode 100644 index 000000000..6e939cb09 --- /dev/null +++ b/templates/web/tfl/report/form/private_details.html @@ -0,0 +1,19 @@ +<!-- private_details.html --> +<h2 class="form-section-heading form-section-heading--private">[% loc('Tell us about you') %]</h2> + +[% UNLESS c.user_exists %] +<p class="hidden-nojs js-new-report-sign-in-hidden"> + <a class="js-new-report-show-sign-in" href="#">[% loc('Or sign in with password to prefill this information.') %]</a> +</p> +[% END %] + +<p class="form-section-description js-new-report-sign-in-hidden" id="js-councils_text_private"> + [% IF js %] + These details will be sent to Transport for London, but will never be shown online without your permission. + (<a href="[% c.cobrand.privacy_policy_url %]">[% loc('See our privacy policy') %]</a>.) + [% ELSE %] + [% PROCESS 'report/new/councils_text_private.html' %] + [% END %] +</p> + +<!-- /private_details.html --> diff --git a/templates/web/tfl/report/inspect/extra_details.html b/templates/web/tfl/report/inspect/extra_details.html new file mode 100644 index 000000000..e5489cc11 --- /dev/null +++ b/templates/web/tfl/report/inspect/extra_details.html @@ -0,0 +1,3 @@ +[% IF permissions.report_inspect %] + [% INCLUDE 'report/inspect/_extra_details_field.html' %] +[% END %] diff --git a/templates/web/tfl/report/new/after_photo.html b/templates/web/tfl/report/new/after_photo.html new file mode 100644 index 000000000..ed05e4191 --- /dev/null +++ b/templates/web/tfl/report/new/after_photo.html @@ -0,0 +1,10 @@ +[% IF c.cobrand.allow_photo_upload %] +<div class="description_tips" aria-label="[% loc('Tips for perfect photos') %]"> + <ul class="do"> + <li>[% loc('Use close-ups and wide shots to show the issue to us') %]</li> + </ul> + <ul class="dont"> + <li>[% loc('Avoid personal information and vehicle number plates') %]</li> + </ul> +</div> +[% END %]
\ No newline at end of file diff --git a/templates/web/tfl/report/new/councils_text_all.html b/templates/web/tfl/report/new/councils_text_all.html new file mode 100644 index 000000000..ae9fb3307 --- /dev/null +++ b/templates/web/tfl/report/new/councils_text_all.html @@ -0,0 +1,17 @@ +<p> +[% category = mark_safe(category) %] +[% UNLESS non_public_categories.$category; + + tprintf( + 'Information you enter here will be sent to us and published for others to see, in accordance with our <a href="%s">privacy policy</a>.', + c.cobrand.privacy_policy_url + ); + +ELSE; + + tprintf( + 'Information you enter here will be sent to us but not published online.', + ); + +END %] +</p> diff --git a/templates/web/tfl/report/new/councils_text_private.html b/templates/web/tfl/report/new/councils_text_private.html new file mode 100644 index 000000000..b007a9524 --- /dev/null +++ b/templates/web/tfl/report/new/councils_text_private.html @@ -0,0 +1,4 @@ +[% FILTER collapse %] +These details will be sent to Transport for London, but will never be shown online without your permission. +(<a href="[% c.cobrand.privacy_policy_url %]">[% loc('See our privacy policy') %]</a>.) +[% END -%] diff --git a/templates/web/tfl/report/new/form_public_councils_text.html b/templates/web/tfl/report/new/form_public_councils_text.html new file mode 100644 index 000000000..b84b29a16 --- /dev/null +++ b/templates/web/tfl/report/new/form_public_councils_text.html @@ -0,0 +1,13 @@ +[% public_councils_text_at_top = 1 %] +[% BLOCK public_councils_text %] +<div style="margin-top:1em"> + <h2 class="form-section-heading form-section-heading--private js-hide-if-public-category hidden-js">[% loc( 'Report details' ) %]</h2> + <div class="form-section-description" id="js-councils_text"> + [% IF js %] + [% PROCESS 'report/new/councils_text_all.html' list_of_names = [ loc('the local council') ] %] + [% ELSE %] + [% PROCESS 'report/new/councils_text.html' %] + [% END %] + </div> +</div> +[% END %] diff --git a/templates/web/tfl/report/new/inline-tips.html b/templates/web/tfl/report/new/inline-tips.html new file mode 100644 index 000000000..2cd3f2961 --- /dev/null +++ b/templates/web/tfl/report/new/inline-tips.html @@ -0,0 +1,11 @@ +<div class="description_tips" aria-label="Tips for successful reports"> + <ul class="do"> + <li>Be polite</li> + <li>Tell us exactly where this is</li> + <li>Say how long the issue has been here</li> + </ul> + <ul class="dont"> + <li>Don’t identify or blame people</li> + <li>Don’t give out anyone’s contact details</li> + </ul> +</div> diff --git a/templates/web/tfl/report/new/roads_message.html b/templates/web/tfl/report/new/roads_message.html new file mode 100644 index 000000000..85e1650b3 --- /dev/null +++ b/templates/web/tfl/report/new/roads_message.html @@ -0,0 +1,11 @@ +<div id="js-roads-responsibility" class="box-warning hidden"> + <div id="js-not-tfl-road" class="hidden js-responsibility-message"> + <p>Transport for London does not maintain this road. Please use + <a class="js-not-tfl-link" href="https://www.fixmystreet.com/report/new?latitude=[% latitude | html %]&longitude=[% longitude | html %]">FixMyStreet.com</a> to report it + to the appropriate borough.</p> + </div> + <div id="js-not-an-asset" class="hidden js-responsibility-message"> + <p><strong>Select a marker</strong></p> + <p>Please select <span class="js-roads-asset" data-original="an item">an item</span> from the map on which to make a report.</p> + </div> +</div> diff --git a/templates/web/tfl/report/new/top_message.html b/templates/web/tfl/report/new/top_message.html new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/templates/web/tfl/report/new/top_message.html diff --git a/templates/web/tfl/report/update/form_state_checkbox.html b/templates/web/tfl/report/update/form_state_checkbox.html new file mode 100644 index 000000000..e69de29bb --- /dev/null +++ b/templates/web/tfl/report/update/form_state_checkbox.html diff --git a/templates/web/tfl/report/updates-sidebar-notes.html b/templates/web/tfl/report/updates-sidebar-notes.html new file mode 100644 index 000000000..a4b456501 --- /dev/null +++ b/templates/web/tfl/report/updates-sidebar-notes.html @@ -0,0 +1,4 @@ +<p> + Please note that updates are sent to Transport for London. + [% tprintf( loc( 'Your information will only be used in accordance with our <a href="%s">privacy policy</a>' ), c.cobrand.privacy_policy_url ) %] +</p> diff --git a/templates/web/tfl/site-name.html b/templates/web/tfl/site-name.html new file mode 100644 index 000000000..ef8d7d667 --- /dev/null +++ b/templates/web/tfl/site-name.html @@ -0,0 +1 @@ +Street Care diff --git a/templates/web/tfl/tokens/confirm_problem.html b/templates/web/tfl/tokens/confirm_problem.html new file mode 100644 index 000000000..be02fc4d2 --- /dev/null +++ b/templates/web/tfl/tokens/confirm_problem.html @@ -0,0 +1,18 @@ +[% INCLUDE 'header.html', bodyclass = 'fullwidthpage', title = loc('Confirmation') %] + +<div class="confirmation-header"> + + <h1><a href="[% c.cobrand.relative_url_for_report( report ) %][% report.url %]">[% report.title %]</a></h1> + + <h2>Your issue is on its way to Transport for London.</h2> + <p>Your reference for this report is FMS[% report.id %], please quote it in any enquiries.</p> + + <p class="confirmation-again"> + <a href="/report/new?latitude=[% report.latitude %]&longitude=[% report.longitude %]" class="btn btn-primary"> + [% loc('Report another problem here') %] + </a> + </p> + +</div> + +[% INCLUDE 'footer.html' %] diff --git a/templates/web/tfl/tracking_code.html b/templates/web/tfl/tracking_code.html new file mode 100644 index 000000000..8acf6c4d5 --- /dev/null +++ b/templates/web/tfl/tracking_code.html @@ -0,0 +1,7 @@ +<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="87b975a8-f977-4b96-9935-f5b0e33f75e6" type="text/javascript" async></script> + +[% IF c.config.BASE_URL == "https://www.fixmystreet.com" %] +<script src="//assets.adobedtm.com/launch-ENc5e3f827edc94f2a816110524598acd7.min.js" async></script> +[% ELSE %] +<script src="//assets.adobedtm.com/launch-ENc56c35f411854b108532dc14f2586333-development.min.js" async></script> +[% END %] |