3 files changed, 83 insertions, 0 deletions
diff --git a/templates/web/bromley/about/heatmap-list.html b/templates/web/bromley/about/heatmap-list.html
new file mode 100644
index 000000000..e04df8581
--- /dev/null
+++ b/templates/web/bromley/about/heatmap-list.html
@@ -0,0 +1,28 @@
+<h3>Five newest reports</h3>
+[% INCLUDE column problems = five_newest %]
+
+<h3>Five most recent commented reports<br>
+<small>Not from yourself or Confirm</small>
+</h3>
+[% INCLUDE column problems = five_commented %]
+
+<h3>Ten least recently updated open reports</h3>
+[% INCLUDE column problems = ten_oldest %]
+
+[% BLOCK column %]
+<section class="full-width">
+    <ul class="item-list item-list--reports">
+        [% IF problems.size %]
+            [% FOREACH problem IN problems %]
+                [% INCLUDE 'reports/_list-entry.html' include_sentinfo = 1 include_lastupdate = 1 %]
+            [% END %]
+        [% ELSE %]
+            <li class="item-list__item item-list__item--empty">
+                <p>[% loc('There are no reports to show.') %]</p>
+            </li>
+        [% END %]
+    </ul>
+</section>
+[% END %]
+
+
diff --git a/templates/web/bromley/about/heatmap.html b/templates/web/bromley/about/heatmap.html
new file mode 100755
index 000000000..0cb8bfb1b
--- /dev/null
+++ b/templates/web/bromley/about/heatmap.html
@@ -0,0 +1,50 @@
+[%
+    map_js.push(version('/cobrands/bromley/HeatmapLayer.js'));
+    PROCESS "maps/${map.type}.html";
+    SET bodyclass = 'mappage';
+    INCLUDE 'header.html',
+        title = tprintf(loc('%s - Summary reports'), body.name)
+%]
+
+[% map_html %]
+
+</div>
+<div id="map_sidebar">
+    <div id="side">
+
+    <h1 id="reports_heading">
+        [% body.name %]
+    </h1>
+
+<div class="full-width">
+
+[% INCLUDE "reports/_list-filters.html", use_form_wrapper = 1 %]
+
+<p class="report-list-filters" style='padding-top:0.25em'>
+    From <input type="date" id="start_date" name="start_date" class="form-control" value="[% start_date | html %]">
+    To <input type="date" id="end_date" name="end_date" class="form-control" value="[% end_date | html %]">
+
+<p class="report-list-filters">
+In wards <select class="form-control js-multiple" multiple id="wards" name="wards">
+  [% FOR child IN children.values.sort('name') %]
+  [% SET aid = child.id %]
+  <option value="[% child.name | html %]"[% ' selected' IF ward_hash.$aid %]>[% child.name %]</option>
+  [% END %]
+</select>
+
+</div>
+
+<p class="segmented-control segmented-control--radio">
+    <input type="radio" name="heatmap" id="heatmap_yes" value="Yes">
+    <label class="btn" for="heatmap_yes">Heatmap</label>
+    <input type="radio" name="heatmap" id="heatmap_no" value="No" checked>
+    <label class="btn" for="heatmap_no">Pin map</label>
+</p>
+
+<div id="js-reports-list">
+    [% INCLUDE 'about/heatmap-list.html' %]
+</div>
+
+    </div>
+</div>
+[% INCLUDE 'footer.html' %]
diff --git a/templates/web/bromley/footer_extra_js.html b/templates/web/bromley/footer_extra_js.html
index 3c8711c39..27eb438ca 100644
--- a/templates/web/bromley/footer_extra_js.html
+++ b/templates/web/bromley/footer_extra_js.html
@@ -3,3 +3,8 @@
     version('/cobrands/bromley/a-z-nav.js'),
     version('/cobrands/fixmystreet-uk-councils/council_validation_rules.js'),
 ) %]
+[% IF bodyclass.match('mappage');
+    scripts.push(
+        version('/cobrands/bromley/js.js'),
+    );
+END %]