aboutsummaryrefslogtreecommitdiffstats
path: root/www/templates/en/around.html
blob: b597d9c061ad46fca3b23e4b0e940d4fcedc901f (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
<div data-id="locate" id="around-header" data-role="header">
        <a id="search" class="ui-btn-left">Search</a>
    <h1>Locate</h1>
    <a href="#" id="cancel" class="ui-btn-right nodisplay">Cancel</a>
</div>

<div data-role="content">
    <div id="locating" class="nodisplay" style="background: white; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3010; text-align: center; padding-top: 50%">
        <p>
        Getting Your Location
        </p>

        <p>
        Current accuracy is <span id="accuracy">unknown</span> - we'll load
        the map when it's <% print( CONFIG.ACCURACY ) %>m or better.
        </p>

        <div style="width:100%; height:10px; border:1px solid black;">
            <div id="progress-bar" style="width:0%; background-color: grey; height:10px;">
            </div>
        </div>

        <p>
        Or hit search below to manually enter a location
        </p>

        <p>
        <input type="button" id="locate_search" value="Search">
        </p>
    </div>
    <script type="text/javascript">
        var fixmystreet = {
            'page': 'around',
            'area': '',
            'all_pins': '',
            'latitude': localStorage.latitude,
            'longitude': localStorage.longitude,

            'zoom': 4,
            'numZoomLevels': 5,
            'zoomOffset': 13,
            'map_type': "",
            'pins': [  ]

        };
    </script>

    <div id="map_box" class="mapbox">
        <div id="map"></div>
    </div>
    <div class="frontpage-menu">
        <a id="view-my-reports" class="nodisplay" data-role="button" href="#">
            <strong>My Reports</strong>
            <span class="draft_count"><% print( FMS.allDrafts.length ) %></span> Draft Reports
        </a>
        <% if ( FMS.isLoggedIn ) { %>
        <a id="login-options" class="nodisplay loggedin" data-role="button" href="#">
            <strong class="signout">Sign Out</strong>
            (Signed in as <strong><%= user.name %></strong>)
        </a>
        <% } else { %>
        <a id="login-options" class="nodisplay loggedout" data-role="button" href="#">
            <strong class="signin">Sign In</strong>
        </a>
        <% } %>

        <a id="mark-here" data-role="button" data-theme="a" class="map-bottom-btn nodisplay">
        New Report Here
        </a>
        <a id="confirm" data-role="button" data-theme="a" class="map-bottom-btn nodisplay">
        Confirm location
        </a>

        <a data-role="none" id="relocate" class="nodisplay"><img src="images/location@x2.png"></a>
    </div>
</div>