-
Notifications
You must be signed in to change notification settings - Fork 2
/
venue_field.html
72 lines (62 loc) · 2.45 KB
/
venue_field.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<div class="control-group {% if field.errors %}error{% endif %}">
<label for="{{ field.auto_id }}" class="control-label">
{% if field.field.required %}<b>{% endif %}{{ field.label|safe }}{% if field.field.required %}</b>{% endif %}
</label>
<div class="controls">
<div class="row">
<div class="span4">
{{ field }}
<div class="row">
<div id="{{ field.name }}-address-area" class="span4"></div>
</div>
</div>
<div id="{{ field.name }}-map-area" class="span2"></div>
</div>
<script>
function initVenueField() {
var $venueField = $( "#id_{{ field.name }}" );
var comboItems = [];
$.each(venueData, function(pk, venue) {
comboItems[pk] = {
label: venue.name + '<br>' + venue.address,
value: venue.name
};
});
$venueField.combobox('destroy');
$venueField.combobox({data: comboItems});
};
function fillVenueData() {
var $venueField = $( "#id_{{ field.name }}" );
var $venueAddress = $( "#{{ field.name }}-address-area" );
var $venueMap = $( "#{{ field.name }}-map-area" );
var pk = $venueField.val();
var data = venueData[pk];
if (data) {
$venueMap.html(
'<img src="http://maps.googleapis.com/maps/api/staticmap?'+
'center=' + data.encAddress + '&zoom=14&size=140x140&maptype=roadmap'+
'&markers=color:blue%7C' + data.lat + ',' + data.lng + '&sensor=false">'
);
$venueAddress.html(data.address);
} else {
$venueMap.html('<div style="background-color: gray; width: 140px; height: 140px"></div>');
$venueAddress.html('');
}
};
$(document).ready(function() {
initVenueField();
fillVenueData();
var $venueField = $( "#id_{{ field.name }}" );
$venueField.bind('select', fillVenueData);
});
</script>
{% if field.errors %}
<span class="help-inline">{% for error in field.errors %}{{ error }}<br/> {% endfor %}</span>
{% endif %}
{% if field.help_text%}
<p class="help-block">
{{ field.help_text|safe }}
</p>
{% endif %}
</div>
</div>