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