aboutsummaryrefslogtreecommitdiffstats
path: root/templates/web/fixmybarangay/index.html
blob: fd240f2184ca0a37e8962815e61fc990969e44f1 (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
[%# 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>View local problems</h1>
        <h2>(like potholes or street lighting)</h2>

        <form action="[% c.uri_for('/around') %]" method="get" name="postcodeForm" id="postcodeForm">
        <p>
            <a href="/around?latitude=10.322;longitude=123.907" class="green-btn" style="color:#fff">Bgy. Luz</a> 
            <a href="/around?latitude=10.295;longitude=123.888" class="green-btn" style="color:#fff">Bgy. Basak San Nicolas</a>
            </p>
        </form>
    </div>
</div>

<div class="tablewrapper">
    <div id="front-howto">
        <h2>[% loc('How to report a problem') %]</h2>
        
        <ol class="big-numbers">
            <li>Text LUZ or BSN followed by your report to 12345</li>
            <li>Visit the Barangay Center in person</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' %]