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&v=2&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> • 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 %}