|
gremmie@1
|
1 {% extends 'base.html' %}
|
|
gremmie@1
|
2 {% block title %}Member Map{% endblock %}
|
|
gremmie@1
|
3 {% block custom_js %}
|
|
gremmie@1
|
4 <script type="text/javascript" src="{{ MEDIA_URL }}js/jquery-1.2.6.min.js"></script>
|
|
gremmie@1
|
5 <script type="text/javascript" src="{{ MEDIA_URL }}js/membermap.js"></script>
|
|
gremmie@1
|
6 <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAql_1Xw9MGW3mOxzo8gLb3hStsp1UIpjYO7Py4hlJXjRzAdyQtBTt5uM4QCgXtTKcuwba8HA9TL9LgQ" 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>
|
|
gremmie@1
|
30 </div>
|
|
gremmie@1
|
31 {% endif %}
|
|
gremmie@1
|
32 <div>
|
|
gremmie@1
|
33 {% if user.is_authenticated %}
|
|
gremmie@1
|
34 <div id="member_map_members_column">
|
|
gremmie@1
|
35 Members:<br />
|
|
gremmie@1
|
36 <select id="member_map_members" multiple="multiple">
|
|
gremmie@1
|
37 </select>
|
|
gremmie@1
|
38 </div>
|
|
gremmie@1
|
39 {% endif %}
|
|
gremmie@1
|
40 <div id="member_map_map">
|
|
gremmie@1
|
41 </div>
|
|
gremmie@1
|
42 </div>
|
|
gremmie@1
|
43 <div id="member_map_info">
|
|
gremmie@1
|
44 {% if user.is_authenticated %}
|
|
gremmie@1
|
45 <p id="member_map_directions"></p>
|
|
gremmie@1
|
46 <p>
|
|
gremmie@1
|
47 The location you enter below will not be shown to others, but can be determined from the map.
|
|
gremmie@1
|
48 For privacy reasons, we don't recommend you enter your exact address. Use a nearby intersection,
|
|
gremmie@1
|
49 landmark, or just keep it city and state.
|
|
gremmie@1
|
50 </p>
|
|
gremmie@1
|
51 <p>
|
|
gremmie@1
|
52 Example locations:
|
|
gremmie@1
|
53 </p>
|
|
gremmie@1
|
54 <ul>
|
|
gremmie@1
|
55 <li>3rd and Main, Chicago, IL</li>
|
|
gremmie@1
|
56 <li>Tucson, Arizona</li>
|
|
gremmie@1
|
57 <li>Rome, Italy</li>
|
|
gremmie@1
|
58 <li>5018EA, Tilburg, Netherlands</li>
|
|
gremmie@1
|
59 </ul>
|
|
gremmie@1
|
60 <form action="" method="post">
|
|
gremmie@1
|
61 {{ form.as_p }}
|
|
gremmie@1
|
62 <p>
|
|
gremmie@1
|
63 <input type="submit" id="member_map_submit" name="submit" value="Submit" />
|
|
gremmie@1
|
64 <input type="submit" id="member_map_delete" name="delete" value="Delete" />
|
|
gremmie@1
|
65 </p>
|
|
gremmie@1
|
66 </form>
|
|
gremmie@1
|
67 {% else %}
|
|
gremmie@1
|
68 <p>
|
|
gremmie@1
|
69 The member map allows members to place themselves on a google map along with a short message.
|
|
gremmie@1
|
70 This feature is only for registered users of SurfGuitar101.com. Please
|
|
gremmie@1
|
71 <a href="{% url accounts-login %}">login</a> or
|
|
gremmie@1
|
72 <a href="{% url accounts-register %}">register</a> to use the member map.
|
|
gremmie@1
|
73 </p>
|
|
gremmie@1
|
74 {% endif %}
|
|
gremmie@1
|
75 </div>
|
|
gremmie@1
|
76 </div>
|
|
gremmie@1
|
77 {% endblock %}
|
