gremmie@1: {% extends 'base.html' %}
gremmie@1: {% block title %}Member Map{% endblock %}
gremmie@1: {% block custom_js %}
gremmie@1: <script type="text/javascript" src="{{ MEDIA_URL }}js/membermap.js"></script>
gremmie@1: <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAql_1Xw9MGW3mOxzo8gLb3hStsp1UIpjYO7Py4hlJXjRzAdyQtBTt5uM4QCgXtTKcuwba8HA9TL9LgQ" type="text/javascript"></script>
gremmie@1: {{ form.media }}
gremmie@1: <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/membermap.css" />
gremmie@1: <script type="text/javascript">
gremmie@1: //<![CDATA[
gremmie@1: var mmapUser = {
gremmie@1:    {% if user.is_authenticated %}
gremmie@1:    userName : "{{ user.username }}",
gremmie@1:    userId : "{{ user.id }}"
gremmie@1:    {% else %}
gremmie@1:    userName : null,
gremmie@1:    userId : null
gremmie@1:    {% endif %}
gremmie@1: };
gremmie@1: //]]>
gremmie@1: </script>
gremmie@1: {% endblock %}
gremmie@1: {% block content %}
gremmie@1: <h2>Member Map</h2>
gremmie@1: <div id="member_map_main">
gremmie@1:     {% if user.is_authenticated %}
gremmie@1:     <div id="member_map_top">
gremmie@1:         Members on the map: <span id="member_map_count">0</span> &bull; Recent updates:
gremmie@1:         <select id="member_map_recent"><option value="0" selected="selected">(select)</option></select>
gremmie@1:     </div>
gremmie@1:     {% endif %}
gremmie@1:     <div>
gremmie@1:         {% if user.is_authenticated %}
gremmie@1:         <div id="member_map_members_column">
gremmie@1:             Members:<br />
gremmie@1:             <select id="member_map_members" multiple="multiple">
gremmie@1:             </select>
gremmie@1:         </div>
gremmie@1:         {% endif %}
gremmie@1:         <div id="member_map_map">
gremmie@1:         </div>
gremmie@1:     </div>
gremmie@1:     <div id="member_map_info">
gremmie@1:         {% if user.is_authenticated %}
gremmie@1:         <p id="member_map_directions"></p>
gremmie@1:         <p>
gremmie@1:         The location you enter below will not be shown to others, but can be determined from the map. 
gremmie@1:         For privacy reasons, we don't recommend you enter your exact address. Use a nearby intersection, 
gremmie@1:         landmark, or just keep it city and state.
gremmie@1:         </p>
gremmie@1:         <p>
gremmie@1:         Example locations:
gremmie@1:         </p>
gremmie@1:         <ul>
gremmie@1:             <li>3rd and Main, Chicago, IL</li>
gremmie@1:             <li>Tucson, Arizona</li>
gremmie@1:             <li>Rome, Italy</li>
gremmie@1:             <li>5018EA, Tilburg, Netherlands</li>
gremmie@1:         </ul>
gremmie@1:         <form action="" method="post">
gremmie@1:             {{ form.as_p }}
gremmie@1:             <p>
gremmie@1:             <input type="submit" id="member_map_submit" name="submit" value="Submit" />
gremmie@1:             <input type="submit" id="member_map_delete" name="delete" value="Delete" />
gremmie@1:             </p>
gremmie@1:         </form>
gremmie@1:         {% else %}
gremmie@1:         <p>
gremmie@1:         The member map allows members to place themselves on a google map along with a short message.
gremmie@1:         This feature is only for registered users of SurfGuitar101.com. Please
gremmie@1:         <a href="{% url accounts-login %}">login</a> or
gremmie@1:         <a href="{% url accounts-register %}">register</a> to use the member map.
gremmie@1:         </p>
gremmie@1:         {% endif %}
gremmie@1:     </div>
gremmie@1: </div>
gremmie@1: {% endblock %}