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&v=2&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> • Recent updates: gremmie@1: <select id="member_map_recent"><option value="0" selected="selected">(select)</option></select> bgneal@153: • 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 %}