geolocate.html 1.99 KB
Newer Older
1
{% extends 'base.html' %}
2
{% load i18n %}
3
{% load staticfiles %}
4
{% block currentpagetitle %}{% trans "Closest Access Point" %}{% endblock %}
5

6 7

{% block bodyclass %}closest{% endblock%}
8 9 10 11 12 13 14 15 16 17 18 19
{% block header %}
<div class="push-top"></div>
<nav class="navbar navbar-default navbar-fixed-top">
  	<div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="/"><img src="{% static 'img/eduroam_logo.png' %}" /></a>
20
        </div>
21 22 23 24 25 26 27 28 29 30 31 32 33 34 35
        <div id="navbar" class="navbar-collapse collapse">
        	<div class="col-sm-3 col-md-3 pull-right">
      			<div class="input-group" style="margin-top: 8px;">
				    <span class="input-group-btn">
				    	<button  id="mylocm" class="btn btn-default" type="button">My location</button>
				    </span>
				    <input type="text" id="searchTextField" class="form-control" placeholder="Search for...">
				 </div>
          	</div>
        	<div class="col-sm-3 col-md-3 pull-right" style="margin-top: 18px">
		      	<span id="distanceText"></span>
		    </div>
      	</div>
    </div>
</nav>
36
{% endblock %}
37

38
{% block content %}
Vladimir Mencl's avatar
Vladimir Mencl committed
39
	<div id="map_canvas" data-center-lat="{{ MAP_CENTER.0 }}" data-closest="{% url 'closest' %}" data-center-lng="{{ MAP_CENTER.1 }}" data-pin="{% static 'img/edupin.png' %}" data-group="{% static 'img/edugroup.png' %}" style="width:100%"></div>
40
{% endblock %}
41

42
{% block extrajs %}
43
<script type="text/javascript" src="//maps.google.com/maps/api/js?v=3.exp{% if GOOGLE_MAPS_API_KEY %}&amp;key={{ GOOGLE_MAPS_API_KEY }}{% endif %}&amp;language=en&amp;libraries=places"></script>
44 45
<script type="text/javascript" src="{% static 'js/geolocate.js' %}"></script>
{% endblock %}