3 files changed, 54 insertions, 0 deletions
diff --git a/web/cobrands/tfl/base.scss b/web/cobrands/tfl/base.scss
index 5e6f6426f..9c573f331 100644
--- a/web/cobrands/tfl/base.scss
+++ b/web/cobrands/tfl/base.scss
@@ -313,3 +313,7 @@ ol.big-numbers>li {
         text-transform: uppercase;
     }
 }
+
+.item-list__item__borough {
+    font-style: normal;
+}
diff --git a/web/cobrands/tfl/js.js b/web/cobrands/tfl/js.js
index 248162597..e29b620b0 100644
--- a/web/cobrands/tfl/js.js
+++ b/web/cobrands/tfl/js.js
@@ -40,3 +40,33 @@ $(function() {
 });
 
 })();
+
+OpenLayers.Layer.TLRN = OpenLayers.Class(OpenLayers.Layer.XYZ, {
+    name: 'TLRN',
+    url: [
+        "//tilma.mysociety.org/tlrn/${z}/${x}/${y}.png",
+        "//a.tilma.mysociety.org/tlrn/${z}/${x}/${y}.png",
+        "//b.tilma.mysociety.org/tlrn/${z}/${x}/${y}.png",
+        "//c.tilma.mysociety.org/tlrn/${z}/${x}/${y}.png"
+    ],
+    sphericalMercator: true,
+    isBaseLayer: false,
+    CLASS_NAME: "OpenLayers.Layer.TLRN"
+});
+
+$(function() {
+    if (!fixmystreet.map) {
+        return;
+    }
+
+    // Can't use vector layer on reports, too big, use tiles instead
+    if (fixmystreet.page === 'reports') {
+        var layer = new OpenLayers.Layer.TLRN();
+        fixmystreet.map.addLayer(layer);
+        layer.setVisibility(true);
+        var pins_layer = fixmystreet.map.getLayersByName("Pins")[0];
+        if (pins_layer) {
+            layer.setZIndex(pins_layer.getZIndex()-1);
+        }
+    }
+});
diff --git a/web/cobrands/tfl/staff.js b/web/cobrands/tfl/staff.js
new file mode 100644
index 000000000..940feb986
--- /dev/null
+++ b/web/cobrands/tfl/staff.js
@@ -0,0 +1,20 @@
+$(function() {
+    if (!fixmystreet.map) {
+        return;
+    }
+
+    if (fixmystreet.page !== 'report') {
+        return;
+    }
+
+    for (var i = 0; i < fixmystreet.assets.layers.length; i++) {
+        var layer = fixmystreet.assets.layers[i];
+        if (layer.name === 'Red Routes') {
+            fixmystreet.map.addLayer(layer);
+            var pins_layer = fixmystreet.map.getLayersByName("Pins")[0];
+            if (pins_layer) {
+                layer.setZIndex(pins_layer.getZIndex()-1);
+            }
+        }
+    }
+});