httemplate/misc/part_pkg_fcc_options.html

   1 <& /elements/header-popup.html &>
   2
   3 <STYLE>
   4   fieldset {
   5     border: 1px solid #7e0079;
   6     border-radius: 8px;
   7     background-color: #fff;
   8   }
   9   fieldset.inv {
  10     border: none;
  11   }
  12   fieldset:disabled {
  13     display: none;
  14   }
  15 </STYLE>
  16
  17 <%def .checkbox>
  18 % my $field = shift;
  19 % my $extra = shift || '';
  20 <INPUT TYPE="checkbox" NAME="<% $field %>" ID="<% $field %>" VALUE="1" <%$extra%>>
  21 </%def>
  22
  23 <FORM NAME="fcc_option_form">
  24 % # The option structure is hardcoded.  The FCC rules changed enough from
  25 % # the original 477 report to the 2013 revision that any data-driven
  26 % # mechanism for expressing the original rules would likely fail to
  27 % # accommodate the new ones.  Therefore, we assume that whatever the FCC
  28 % # does NEXT will also require a rewrite of this form, and we'll deal with
  29 % # that when it arrives.
  30   <P>
  31     <LABEL FOR="media">Media type</LABEL>
  32     <SELECT NAME="media" ID="media">
  33       <OPTION VALUE=""></OPTION>
  34 % foreach (keys(%$media_types)) {
  35       <OPTION VALUE="<% $_ %>"><% $_ %></OPTION>
  36 % }
  37     </SELECT>
  38   </P>
  39   <P>
  40     <& .checkbox, 'is_consumer' &>
  41     <LABEL FOR="is_consumer">This is a consumer-grade package</LABEL>
  42   </P>
  43   <P>
  44     <& .checkbox, 'is_broadband' &>
  45     <LABEL FOR="is_broadband">This package provides broadband service</LABEL>
  46     <FIELDSET ID="broadband">
  47       <LABEL FOR="technology">Technology of transmission</LABEL>
  48       <SELECT NAME="technology" ID="technology"> </SELECT>
  49       <BR>
  50       <LABEL FOR="broadband_downstream">Downstream speed (Mbps)</LABEL>
  51       <INPUT NAME="broadband_downstream" ID="broadband_downstream">
  52       <BR>
  53       <LABEL FOR="broadband_upstream">Upstream speed (Mbps)</LABEL>
  54       <INPUT NAME="broadband_upstream" ID="broadband_upstream">
  55     </FIELDSET>
  56   </P>
  57   <P>
  58     <& .checkbox, 'is_phone' &>
  59     <LABEL FOR="is_phone">This package provides local telephone service</LABEL>
  60     <FIELDSET ID="phone">
  61       <LABEL FOR="phone_wholesale">Marketed as</LABEL>
  62       <SELECT NAME="phone_wholesale" ID="phone_wholesale">
  63         <OPTION VALUE="">end user</OPTION>
  64         <OPTION VALUE="1">wholesale</OPTION>
  65       </SELECT>
  66       <FIELDSET CLASS="inv" ID="phone0" DISABLED="1">
  67         <LABEL FOR="phone_lines">Number of voice-grade equivalents</LABEL>
  68         <INPUT NAME="phone_lines" ID="phone_lines">
  69         <BR>
  70         <LABEL FOR="phone_longdistance">Are you the presubscribed long-distance carrier?</LABEL>
  71         <& .checkbox, 'phone_longdistance' &>
  72         <BR>
  73         <LABEL FOR="phone_localloop">Local loop arrangement</LABEL>
  74         <SELECT NAME="phone_localloop" ID="phone_localloop">
  75           <OPTION VALUE="owned">You own the local loop</OPTION>
  76           <OPTION VALUE="leased">You lease UNE-L from another carrier</OPTION>
  77           <OPTION VALUE="resale">You resell another carrier's service</OPTION>
  78         </SELECT>
  79       </FIELDSET>
  80       <FIELDSET CLASS="inv" ID="phone1" DISABLED="1">
  81         <LABEL FOR="phone_vges">Number of voice-grade equivalents (if any)</LABEL>
  82         <INPUT NAME="phone_vges" ID="phone_vges">
  83         <BR>
  84         <LABEL FOR="phone_circuits">Number of unswitched circuits (if any)</LABEL>
  85         <INPUT NAME="phone_circuits" ID="phone_circuits">
  86       </FIELDSET>
  87     </FIELDSET>
  88   </P>
  89   <P>
  90     <& .checkbox, 'is_voip' &>
  91     <LABEL FOR="is_voip">This package provides VoIP telephone service</LABEL>
  92     <FIELDSET ID="voip">
  93       <LABEL FOR="voip_sessions">Number of simultaneous calls possible</LABEL>
  94       <INPUT NAME="voip_sessions" ID="voip_sessions">
  95       <& .checkbox, 'voip_lastmile' &>
  96       <LABEL FOR="voip_lastmile">Do you also provide last-mile connectivity?</LABEL>
  97     </FIELDSET>
  98   </P>
  99   <DIV WIDTH="100%" STYLE="text-align:center">
 100     <INPUT TYPE="submit" VALUE="Save changes">
 101   </DIV>
 102 </FORM>
 103
 104 <SCRIPT TYPE="text/javascript">
 105 // this form is invoked as a popup; the current values of the parent
 106 // object are in the form field ID passed as the 'id' param
 107
 108 var parent_input = window.parent.document.getElementById('<% $parent_id %>');
 109 var curr_values = JSON.parse(window.parent_input.value);
 110 var form = document.forms['fcc_option_form'];
 111 var media_types = <% encode_json($media_types) %>
 112 var technology_labels = <% encode_json($technology_labels) %>
 113
 114 function set_tech_options() {
 115   var form = document.forms['fcc_option_form'];
 116   var curr_type = form.elements['media'].value;
 117   var technology_obj = form.elements['technology'];
 118   technology_obj.options.length = 0;
 119   if (media_types[curr_type]) {
 120     for( var i = 0; i < media_types[curr_type].length; i++ ) {
 121       var value = media_types[curr_type][i];
 122       var o = document.createElement('OPTION');
 123       o.text = technology_labels[value]
 124       o.value = value;
 125       technology_obj.add(o);
 126     }
 127   }
 128 }
 129
 130 function save_changes() {
 131   var form = document.forms['fcc_option_form'];
 132   var data = {};
 133   for (var i = 0; i < form.elements.length; i++) {
 134     if (form.elements[i].type == 'submit')
 135       continue;
 136
 137     // quick and dirty test for whether the element is displayed
 138     if (form.elements[i].clientHeight > 0) {
 139       if (form.elements[i].type == 'checkbox') {
 140         if (form.elements[i].checked) {
 141           data[ form.elements[i].name ] = 1;
 142         }
 143       } else {
 144         data[ form.elements[i].name ] = form.elements[i].value;
 145       }
 146     }
 147   }
 148   parent_input.value = JSON.stringify(data);
 149   // update the display
 150   parent.show_fcc_options(parent_input.id);
 151   parent.cClick(); //overlib
 152 }
 153
 154 function enable_fieldset(fieldset_id) {
 155   var fieldset = document.getElementById(fieldset_id);
 156   return function () { fieldset.disabled = !this.checked; };
 157 }
 158
 159 <&| /elements/onload.js &>
 160   function addEventListener(target, action, listener) {
 161     if (target.addEventListener) {
 162       target.addEventListener(action, listener);
 163     } else if (target.attachEvent) { // IE 8 fails at everything
 164       target.attachEvent('on'+action, listener);
 165     }
 166   }
 167
 168   // set up all event handlers
 169   addEventListener(form, 'submit', save_changes);
 170
 171   var sections = [ 'broadband', 'phone', 'voip' ];
 172   for(var i = 0; i < sections.length; i++) {
 173     var toggle = form.elements['is_'+sections[i]];
 174     addEventListener(toggle, 'change', enable_fieldset(sections[i]));
 175   }
 176
 177   addEventListener(form.elements['media'], 'change', set_tech_options);
 178   addEventListener(form.elements['phone_wholesale'], 'change',
 179     function () {
 180       form.elements['phone0'].disabled = (this.value == 1);
 181       form.elements['phone1'].disabled = (this.value == '');
 182     }
 183   );
 184   addEventListener(form.elements['is_phone'], 'change',
 185     function() {
 186       form.elements['phone_wholesale'].dispatchEvent( new Event('change') );
 187     }
 188   );
 189
 190   // load data from the parent form and trigger handlers
 191   for(var i = 0; i < form.elements.length; i++) {
 192     var input_obj = form.elements[i];
 193     if (input_obj.type == 'submit') {
 194       //nothing
 195     } else if (input_obj.type == 'checkbox') {
 196       input_obj.checked = (curr_values[input_obj.name] > 0);
 197     } else {
 198       input_obj.value = curr_values[input_obj.name] || '';
 199     }
 200     input_obj.dispatchEvent( new Event('change') );
 201   }
 202
 203 </&>
 204
 205 </SCRIPT>
 206 <& /elements/footer.html &>
 207 <%init>
 208 my $media_types = FS::part_pkg_fcc_option->media_types;
 209 my $technology_labels = FS::part_pkg_fcc_option->technology_labels;
 210
 211 my $parent_id = $cgi->param('id');
 212 </%init>