aboutsummaryrefslogtreecommitdiffstats
path: root/templates/web/barnet/index.html
blob: 0dfacf49952b99f498e9377f74a78b0ff5d662b9 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
[%# Assumes fixmystreet cobrand is using FMS map template - for bonus points preload all the right map elements. %]
[% map_js = BLOCK %]
<script>
yepnope.addPrefix( 'preload', function ( resource ) {
    resource.noexec = true;
    return resource;
});
Modernizr.load({
    load: [
        "preload![% version('/js/OpenLayers.fixmystreet.js') %]",
        "preload![% version('/js/map-OpenLayers.js') %]",
        "preload![% version('/js/map-bing-ol.js') %]",
        "preload![% version('/js/jquery.ba-hashchange.min.js') %]"
    ]
});
</script>
[% END %]

[% INCLUDE 'header.html', title => '' , bodyclass => 'frontpage fullwidthpage' %]

[% IF error %]
    <p class="error">[% error %]</p>
[% END %]


<div id="front-main">
    <div id="front-main-container">
        <h1>[% loc('Report, view, or discuss local problems') %]</h1>

        <h2>[% loc('(like graffiti, fly tipping, broken paving slabs, or street lighting)') %]</h2>

        [%
            question
                =  c.cobrand.enter_postcode_text()
                || loc("Enter a nearby GB postcode, or street name and area");
        %]

        <form action="[% c.uri_for('/around') %]" method="get" name="postcodeForm" id="postcodeForm">
            <label for="pc">[% question %]:</label>
            <div>
                <input type="text" name="pc" value="" id="pc" size="10" maxlength="200" placeholder="[% tprintf(loc('e.g. ‘%s’ or ‘%s’'), c.cobrand.example_places) %]">
                <input type="submit" value="[% loc('Go') %]" id="submit">
            </div>
        </form>
    </div>
</div>

<div class="tablewrapper">
    <div id="front-howto">
        <h2>[% loc('How to report a problem') %]</h2>
        
        <ol class="big-numbers">
            <li>[% question %]</li>
            <li>[% loc('Locate the problem on a map of the area') %]</li>
            <li>[% loc('Enter details of the problem') %]</li>
        </ol>
        
        <section class="full-width">
        [% INCLUDE "front/stats.html" %]
        [% TRY %][% INCLUDE "front/tips.html" %][% CATCH file %][% END %]
        </section>
    </div>


    [% 
        recent_photos = c.cobrand.recent_photos(5);
    %]

    [% IF recent_photos.size %]
    <div id="front-recently">
        <h2>[% loc('Recently reported problems') %]</h2>

        <section class="full-width">
            <ul class="issue-list-a">
            [% FOREACH p IN recent_photos %]
                <li>
                    <a href="/report/[% p.id %]">
                        <div class="text">
                            <h4>[% p.title | html %]</h4>
                            <small>[% prettify_epoch( p.confirmed_local.epoch, 1 ) %]</small>
                        </div>
                        <div class="img">
                            <img alt="[% p.title | html %]" title="[% p.title | html %]" height="60" width="90" src="/photo/[% p.id %].fp.jpeg">
                        </div>
                    </a>
                </li>    
            [% END %]
            </ul>
        </section>

    </div>
    [% END %]
</div>


<!-- [% TRY %][% INCLUDE 'front/news.html' %][% CATCH file %][% END %] -->


[% INCLUDE 'footer.html' pagefooter = 'yes' %]