diff options
Diffstat (limited to 'httemplate/elements/select-phonenum.html')
| -rw-r--r-- | httemplate/elements/select-phonenum.html | 149 |
1 files changed, 149 insertions, 0 deletions
diff --git a/httemplate/elements/select-phonenum.html b/httemplate/elements/select-phonenum.html new file mode 100644 index 000000000..d555bf4b6 --- /dev/null +++ b/httemplate/elements/select-phonenum.html @@ -0,0 +1,149 @@ +<% include('/elements/xmlhttp.html', + 'url' => $p.'misc/phonenums.cgi', + 'subs' => [ $opt{'prefix'}. 'get_phonenums' ], + ) +%> + +<SCRIPT TYPE="text/javascript"> + + function opt(what,value,text) { + var optionName = new Option(text, value, false, false); + var length = what.length; + what.options[length] = optionName; + } + + function <% $opt{'prefix'} %>exchange_changed(what, callback) { + + what.form.<% $opt{'prefix'} %>phonenum.disabled = 'disabled'; + what.form.<% $opt{'prefix'} %>phonenum.style.display = 'none'; + var phonenumwait = document.getElementById('<% $opt{'prefix'} %>phonenumwait'); + phonenumwait.style.display = ''; + var phonenumerror = document.getElementById('<% $opt{'prefix'} %>phonenumerror'); + phonenumerror.style.display = 'none'; + + exchange = what.options[what.selectedIndex].value; + + function <% $opt{'prefix'} %>update_phonenums(phonenums) { + + // blank the current phonenum + for ( var i = what.form.<% $opt{'prefix'} %>phonenum.length; i >= 0; i-- ) + what.form.<% $opt{'prefix'} %>phonenum.options[i] = null; + +% if ($opt{empty}) { + if ( what.form.<% $opt{'prefix'} %>phonenum.type != 'select-multiple' ){ + opt(what.form.<% $opt{'prefix'} %>phonenum, '', '<% $opt{empty} %>'); + } +% } + + // add the new phonenums + var phonenumArray = eval('(' + phonenums + ')' ); + for ( var s = 0; s < phonenumArray.length; s++ ) { + var phonenumLabel = phonenumArray[s]; + if ( phonenumLabel == "" ) + phonenumLabel = '(n/a)'; + opt(what.form.<% $opt{'prefix'} %>phonenum, phonenumArray[s], phonenumLabel); + } + + //var phonenumFormLabel = document.getElementById('<% $opt{'prefix'} %>phonenumlabel'); + + what.form.<% $opt{'prefix'} %>phonenum.disabled = ''; + + phonenumwait.style.display = 'none'; + if ( phonenumArray.length >= 1 ) { + what.form.<% $opt{'prefix'} %>phonenum.disabled = ''; + what.form.<% $opt{'prefix'} %>phonenum.style.display = ''; + } else { + var phonenumerror = document.getElementById('<% $opt{'prefix'} %>phonenumerror'); + phonenumerror.style.display = ''; + } + + //run the callback + if ( callback != null ) + callback(); + + var phonenum_sel = what.form.<% $opt{'prefix'} %>phonenum; + var bulkdid = document.getElementById('bulkdid'); + if ( bulkdid != null ) { + var numCheckboxes = Math.min(phonenum_sel.options.length-1,<% $opt{'bulknum'} %>); + var i; + for(i = 0; i < numCheckboxes; i++){ + document.getElementById('bulkdid_'+i).style.display = 'block'; + document.getElementById('checkbox_bulkdid_'+i).checked = false; + var tn = phonenum_sel.options[i+1].value; + document.getElementById('checkbox_bulkdid_'+i).value = tn; + document.getElementById('label_bulkdid_'+i).innerHTML = tn; + } + for(i = numCheckboxes; i < <% $opt{'bulknum'} %>; i++){ + document.getElementById('bulkdid_'+i).style.display = 'none'; + document.getElementById('checkbox_bulkdid_'+i).value = ''; + document.getElementById('checkbox_bulkdid_'+i).checked = false; + document.getElementById('label_bulkdid_'+i).innerHTML = ''; + } + } + + } + + // go get the new phonenums + <% $opt{'prefix'} %>get_phonenums( exchange, <% $opt{'svcpart'} %>, <% $opt{'prefix'} %>update_phonenums ); + + } + +% if ( $opt{'tollfree'} ) { + function <% $opt{'prefix'} %>update_phonenums(phonenums) { + // lame hack so I can copy the code from above + what = document.getElementById('<% $opt{prefix} %>phonenum'); + + // blank the current phonenum + for ( var i = what.form.<% $opt{'prefix'} %>phonenum.length; i >= 0; i-- ) + what.form.<% $opt{'prefix'} %>phonenum.options[i] = null; + +% if ($opt{empty}) { + opt(what.form.<% $opt{'prefix'} %>phonenum, '', '<% $opt{empty} %>'); +% } + + // add the new phonenums + var phonenumArray = eval('(' + phonenums + ')' ); + for ( var s = 0; s < phonenumArray.length; s++ ) { + var phonenumLabel = phonenumArray[s]; + if ( phonenumLabel == "" ) + phonenumLabel = '(n/a)'; + opt(what.form.<% $opt{'prefix'} %>phonenum, phonenumArray[s], phonenumLabel); + } + + what.form.<% $opt{'prefix'} %>phonenum.disabled = ''; + + if ( phonenumArray.length >= 1 ) { + what.form.<% $opt{'prefix'} %>phonenum.disabled = ''; + what.form.<% $opt{'prefix'} %>phonenum.style.display = ''; + } + + } + <% $opt{'prefix'} %>get_phonenums( 'tollfree', <% $opt{'svcpart'} %>, <% $opt{'prefix'} %>update_phonenums ); +% } + +</SCRIPT> + +% unless ( $opt{'tollfree'} ) { +<DIV ID="phonenumwait" STYLE="display:none"><IMG SRC="<%$fsurl%>images/wait-orange.gif"> <B>Finding phone numbers</B></DIV> + +<DIV ID="phonenumerror" STYLE="display:none"><IMG SRC="<%$fsurl%>images/cross.png"> <B>Select a different city/exchange</B></DIV> +% } + +<SELECT <% $opt{multiple} ? 'MULTIPLE SIZE=25' : '' %> + ID = "<% $opt{'prefix'} %>phonenum" + NAME = "<% $opt{'prefix'} %>phonenum" + <% $opt{'disabled'} %> +%# notonChange="<% $opt{'prefix'} %>phonenum_changed(this); <% $opt{'onchange'} %>" +> +% unless ( $opt{multiple} ) { + <OPTION VALUE="">Select phone number</OPTION> +% } +</SELECT> + +<%init> + +my %opt = @_; + +$opt{disabled} = 'disabled' unless exists $opt{disabled}; + +</%init> |