</%doc>
+<SCRIPT SRC="<% $fsurl %>elements/jquery.deserialize.min.js"></SCRIPT>
+<SCRIPT SRC="<% $fsurl %>elements/polyfill.js"></SCRIPT>
+
% if ( $opt{'alt_format'} ) {
<TR>
% if ( $label_prefix eq '_location' ) {
<TR>
- <TD ALIGN="right" ><% $opt{'locationname_label'} || emt('Location ID') %></TD>
+ <TH ALIGN="right" ><% $opt{'locationname_label'} || emt('Location ID') %></TD>
<TD COLSPAN=7>
<INPUT TYPE = "text"
NAME = "<%$pre%>locationname"
% if ( ! $opt{'alt_format'} ) { #regular format
<TR>
- <TD ALIGN="right"><FONT ID="<% $pre %>address2_required" color="#ff0000" <% $address2_label_style %>>*</FONT> <FONT ID="<% $pre %>address2_label" <% $address2_label_style %>><B>Unit #</B></FONT></TD>
+ <TH ALIGN="right"><FONT ID="<% $pre %>address2_required" color="#ff0000" <% $address2_label_style %>>*</FONT> <FONT ID="<% $pre %>address2_label" <% $address2_label_style %>><B>Unit #</B></FONT></TD>
<TD COLSPAN=7>
<INPUT TYPE = "text"
NAME = "<%$pre%>address2"
<TR>
- <<%$th%> ALIGN="right"><%$r%><% mt('City') |h %></<%$th%>>
+ <<%$th%> ALIGN="right">
+% unless ($conf->exists('cust_main-no_city_in_address')) {
+ <% $r %><% mt('City') |h %>
+% }
+ </<%$th%>>
<TD WIDTH="1"><% include('/elements/city.html', %select_hash, 'text_style' => \@style ) %></TD>
<<%$th%> ALIGN="right" WIDTH="1" ID="<%$pre%>countylabel" <%$county_style%>><%$r%>County</<%$th%>>
<TD WIDTH="1"><% include('/elements/select-county.html', %select_hash ) %></TD>
% if ( $opt{enable_coords} ) {
<TR>
- <TD ALIGN="right"><% mt('Latitude') |h %></TD>
+ <TH ALIGN="right"><% mt('Latitude') |h %></TD>
<TD COLSPAN=7>
<INPUT TYPE = "text"
NAME = "<%$pre%>latitude"
<% $disabled %>
<% $style %>
>
- <% mt('Longitude') |h %>
+ <FONT SIZE="-1" COLOR="#666666"><% mt('Longitude') |h %></FONT>
<INPUT TYPE = "text"
NAME = "<%$pre%>longitude"
ID = "<%$pre%>longitude"
%
% if ( $opt{enable_censustract} ) {
<TR>
- <TD ALIGN="right">Census tract</TD>
+ <TH ALIGN="right">Census tract</TD>
<TD COLSPAN=8>
<INPUT TYPE="text" SIZE=15
ID="<% $pre %>enter_censustract"
NAME="<% $pre %>enter_censustract"
VALUE="<% $object->censustract |h %>">
- <% '(automatic)' %>
+ <FONT SIZE="-1" COLOR="#333333"><% '(automatic)' %></FONT>
</TD>
</TR>
% }
%# For address standardization:
%# keep a clean copy of the address so we know if we need
%# to re-standardize
-% foreach (qw(address1 city state country zip latitude
-% longitude censustract district addr_clean) ) {
+% foreach (qw(locationname address1 city state country zip latitude
+% longitude censustract district addr_clean
+% ) ) {
<& hidden.html, field => 'old_'.$pre.$_, value => $object->get($_) &>
% }
%# Placeholders
<& hidden.html, field => $pre.'cachenum', value => '' &>
-<& hidden.html, field => $pre.'addr_clean', value => '' &>
+<& hidden.html, field => $pre.'addr_clean', value => $object->get('addr_clean') &>
<SCRIPT TYPE="text/javascript">
+// XXX some of this should go away after address standardization changes...
<&| /elements/onload.js &>
var clear_coords_ids = [
'<%$pre%>latitude',
var clear_coords_on_change = [
'<%$pre%>address1',
'<%$pre%>address2',
- '<%$pre%>city',
+ <% $conf->exists('cust_main-no_city_in_address') ? '' : qq('${pre}city',) %>
'<%$pre%>state',
'<%$pre%>zip',
'<%$pre%>country'
}
</&>
+
+% if (! $m->notes('location_js') ) {
+% $m->notes('location_js', 1);
+
+function Location(fieldset, prefix) {
+ if ( typeof fieldset == 'String' ) {
+ fieldset = $('#' + fieldset);
+ }
+ this.fieldset = $(fieldset);
+ this.prefix = prefix || '';
+
+ var errorbox = document.createElement('DIV');
+ errorbox.className = 'error';
+ fieldset.append(errorbox); // after the <table>
+ $(errorbox).position({
+ my: 'left',
+ at: 'right+20px',
+ of: fieldset
+ });
+ this.errorbox = $(errorbox); // so we can find it
+
+ var img_tick = $('<IMG SRC="<% $fsurl %>images/tick.png">');
+ var img_wait = $('<IMG SRC="<% $fsurl %>images/wait-orange.gif">');
+
+ if ( $('#' + prefix + 'addr_clean').prop('value') ) {
+ $(errorbox).append(img_tick);
+ }
+
+ // get/set the serialized (URL parameter string) contents of the form fields
+ this.value = function(newvalue) {
+ if (newvalue) {
+ try {
+ this.fieldset.deserialize(newvalue);
+ this.errorbox.empty();
+ if ( newvalue['error'] ) {
+ this.errorbox.text(newvalue['error']);
+ } else {
+ this.errorbox.append(img_tick);
+ }
+ } catch(err) {
+ console.log("Couldn't parse returned data:\n" + newvalue);
+ // show an error also
+ }
+ }
+ return this.fieldset.serialize();
+ };
+
+ // send a standardization request and push the result into this.value()
+ this.standardize = function(callback) {
+ this.errorbox.empty();
+ this.errorbox.append(img_wait);
+ $.ajax({
+ type: 'POST',
+ url: '<% $fsurl %>misc/address_standardize.cgi',
+ success: this.value.bind(this),
+ data: this.value()
+ });
+ };
+
+ var location_change_timer;
+
+ // check if required fields are filled, and if so, wait 2 seconds, then
+ // call "standardize"
+ var standardize_if_ready = function( ev ) {
+ // pull the location object back out
+ var loc = ev.data;
+
+ if ( location_change_timer ) {
+ console.log("reset timer...");
+ window.clearTimeout(location_change_timer);
+ }
+
+ // require address1 and either (zip) or (city and state)
+ // before trying to standardize
+ var ready =
+ $('#' + loc.prefix + 'address1').val()
+ && (
+ ( $('#' + loc.prefix + 'city').val()
+ && $('#' + loc.prefix + 'state').val()
+ )
+ || $('#' + loc.prefix + 'zip').val()
+ )
+ ;
+
+ if ( ready ) {
+ console.log("start timer...");
+ location_change_timer = window.setTimeout( loc.standardize.bind(loc),
+ 2000 );
+ }
+ };
+
+ // event handler; the Location object is passed in event.data
+ var location_changed = standardize_if_ready;
+
+ // bind only to the fields that are used in standardization
+ // (so that it's possible to manually edit coords, etc.)
+ var onchange_fields =
+ [ 'address1', 'address2', 'city', 'state', 'zip', 'country' ];
+ for ( var i = 0; i < onchange_fields.length; i++ ) {
+ $('#' + prefix + onchange_fields[i]).on('change', this, location_changed);
+ }
+}
+
+% }
</SCRIPT>
<%init>