projects
/
freeside.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Merge branch 'master' of git.freeside.biz:/home/git/freeside
[freeside.git]
/
httemplate
/
elements
/
polygon.html
diff --git
a/httemplate/elements/polygon.html
b/httemplate/elements/polygon.html
index
c26e985
..
469ae7f
100644
(file)
--- a/
httemplate/elements/polygon.html
+++ b/
httemplate/elements/polygon.html
@@
-8,8
+8,9
@@
my $vertices_json = $opt{'curr_value'} || '[]';
</%init>
<& hidden.html, %opt &>
<div id="<% $div_id %>" style="height: 600px; width: 600px"></div>
</%init>
<& hidden.html, %opt &>
<div id="<% $div_id %>" style="height: 600px; width: 600px"></div>
+<div id="<% $div_id %>_hint" style="width: 100%; border: 2px solid black; text-align: center; box-sizing: border-box; padding: 4px"> </div>
-<script src="https://maps.googleapis.com/maps/api/js?libraries=drawing"></script>
+<script src="https://maps.googleapis.com/maps/api/js?libraries=drawing
&v=3.22
"></script>
<script>
var map;
var drawingManager;
<script>
var map;
var drawingManager;
@@
-21,7
+22,7
@@
function updateFormInput(event) {
var xy = path.getAt(i);
vertices[i] = [ xy.lat(), xy.lng() ];
}
var xy = path.getAt(i);
vertices[i] = [ xy.lat(), xy.lng() ];
}
- console.log(vertices); //XXX
+
if (console)
console.log(vertices); //XXX
$('#<% $field %>').prop('value', JSON.stringify(vertices));
}
$('#<% $field %>').prop('value', JSON.stringify(vertices));
}
@@
-34,7
+35,13
@@
$(function() {
scaleControl: true,
streetViewControl: false,
};
scaleControl: true,
streetViewControl: false,
};
- map = new google.maps.Map($('#<% $div_id %>')[0], mapOptions);
+ var div_map = $('#<% $div_id %>');
+ var div_hint = $('#<% $div_id %>_hint');
+ map = new google.maps.Map(div_map[0], mapOptions);
+
+ var set_hint = function(txt) {
+ div_hint.text(txt);
+ }
var polygonComplete = function(p) {
window.polygon = p;
var polygonComplete = function(p) {
window.polygon = p;
@@
-55,6
+62,9
@@
$(function() {
// and also now
updateFormInput();
// and also now
updateFormInput();
+
+ set_hint('Edit the zone by dragging the markers. Double-click to remove a vertex.');
+
};
var polygonOptions = {
};
var polygonOptions = {
@@
-118,6
+128,8
@@
$(function() {
map.setZoom(12);
});
} // on error, or if geolocation isn't available, do nothing
map.setZoom(12);
});
} // on error, or if geolocation isn't available, do nothing
+
+ set_hint('Click to place the corners of the zone.');
}
});
}
});