gremmie@1
|
1 {% extends 'base.html' %}
|
bgneal@133
|
2 {% load core_tags %}
|
gremmie@1
|
3 {% block title %}Member Map{% endblock %}
|
gremmie@1
|
4 {% block custom_js %}
|
gremmie@1
|
5 <script type="text/javascript" src="{{ MEDIA_URL }}js/membermap.js"></script>
|
bgneal@72
|
6 <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAql_1Xw9MGW3mOxzo8gLb3hSrh5-ALlu4lmYDsscYaAokjyRNqBRaVcqVr3jaDgMRVSK_3HydK9tYWw" type="text/javascript"></script>
|
gremmie@1
|
7 {{ form.media }}
|
gremmie@1
|
8 <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/membermap.css" />
|
gremmie@1
|
9 <script type="text/javascript">
|
gremmie@1
|
10 //<![CDATA[
|
gremmie@1
|
11 var mmapUser = {
|
gremmie@1
|
12 {% if user.is_authenticated %}
|
gremmie@1
|
13 userName : "{{ user.username }}",
|
gremmie@1
|
14 userId : "{{ user.id }}"
|
gremmie@1
|
15 {% else %}
|
gremmie@1
|
16 userName : null,
|
gremmie@1
|
17 userId : null
|
gremmie@1
|
18 {% endif %}
|
gremmie@1
|
19 };
|
gremmie@1
|
20 //]]>
|
gremmie@1
|
21 </script>
|
gremmie@1
|
22 {% endblock %}
|
gremmie@1
|
23 {% block content %}
|
gremmie@1
|
24 <h2>Member Map</h2>
|
gremmie@1
|
25 <div id="member_map_main">
|
gremmie@1
|
26 {% if user.is_authenticated %}
|
gremmie@1
|
27 <div id="member_map_top">
|
gremmie@1
|
28 Members on the map: <span id="member_map_count">0</span> • Recent updates:
|
gremmie@1
|
29 <select id="member_map_recent"><option value="0" selected="selected">(select)</option></select>
|
bgneal@153
|
30 • All Members:
|
bgneal@153
|
31 <select id="member_map_members"><option value="0" selected="selected">(select)</option></select>
|
gremmie@1
|
32 </div>
|
gremmie@1
|
33 {% endif %}
|
bgneal@153
|
34 <div id="member_map_map">
|
gremmie@1
|
35 </div>
|
gremmie@1
|
36 <div id="member_map_info">
|
gremmie@1
|
37 {% if user.is_authenticated %}
|
gremmie@1
|
38 <p id="member_map_directions"></p>
|
gremmie@1
|
39 <p>
|
gremmie@1
|
40 The location you enter below will not be shown to others, but can be determined from the map.
|
gremmie@1
|
41 For privacy reasons, we don't recommend you enter your exact address. Use a nearby intersection,
|
gremmie@1
|
42 landmark, or just keep it city and state.
|
gremmie@1
|
43 </p>
|
gremmie@1
|
44 <p>
|
gremmie@1
|
45 Example locations:
|
gremmie@1
|
46 </p>
|
gremmie@1
|
47 <ul>
|
gremmie@1
|
48 <li>3rd and Main, Chicago, IL</li>
|
gremmie@1
|
49 <li>Tucson, Arizona</li>
|
gremmie@1
|
50 <li>Rome, Italy</li>
|
gremmie@1
|
51 <li>5018EA, Tilburg, Netherlands</li>
|
gremmie@1
|
52 </ul>
|
gremmie@1
|
53 <form action="" method="post">
|
gremmie@1
|
54 {{ form.as_p }}
|
bgneal@133
|
55 {% comment_dialogs %}
|
gremmie@1
|
56 <input type="submit" id="member_map_submit" name="submit" value="Submit" />
|
gremmie@1
|
57 <input type="submit" id="member_map_delete" name="delete" value="Delete" />
|
gremmie@1
|
58 </form>
|
bgneal@133
|
59 <br />
|
gremmie@1
|
60 {% else %}
|
gremmie@1
|
61 <p>
|
gremmie@1
|
62 The member map allows members to place themselves on a google map along with a short message.
|
gremmie@1
|
63 This feature is only for registered users of SurfGuitar101.com. Please
|
gremmie@1
|
64 <a href="{% url accounts-login %}">login</a> or
|
gremmie@1
|
65 <a href="{% url accounts-register %}">register</a> to use the member map.
|
gremmie@1
|
66 </p>
|
gremmie@1
|
67 {% endif %}
|
gremmie@1
|
68 </div>
|
gremmie@1
|
69 </div>
|
gremmie@1
|
70 {% endblock %}
|