gremmie@1: {% extends 'base.html' %}
bgneal@310: {% load url from future %}
bgneal@133: {% load core_tags %}
gremmie@1: {% block title %}Member Map{% endblock %}
gremmie@1: {% block custom_js %}
bgneal@312: <script type="text/javascript" src="{{ STATIC_URL }}js/membermap.js"></script>
bgneal@72: <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAql_1Xw9MGW3mOxzo8gLb3hSrh5-ALlu4lmYDsscYaAokjyRNqBRaVcqVr3jaDgMRVSK_3HydK9tYWw" type="text/javascript"></script>
gremmie@1: {{ form.media }}
bgneal@312: <link rel="stylesheet" type="text/css" href="{{ STATIC_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>
bgneal@153:         &bull; All Members:
bgneal@153:         <select id="member_map_members"><option value="0" selected="selected">(select)</option></select>
gremmie@1:     </div>
gremmie@1:     {% endif %}
bgneal@153:     <div id="member_map_map">
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>
bgneal@194:         <form action="" method="post">{% csrf_token %}
gremmie@1:             {{ form.as_p }}
bgneal@133:             {% comment_dialogs %}
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:         </form>
bgneal@133:         <br />
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
bgneal@310:         <a href="{% url 'accounts-login' %}">login</a> or
bgneal@310:         <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 %}