source: tmcsimulator/branches/LCSv2/views/default/submit.html.bak @ 622

{{extend 'layout.html'}}
<style>
/* Hide the cross street lookup table */
.hideme {display: none}
</style>
<script>
/* When a route is selected from the combobox, filter the
   list of locations for just those on that route. */
function routechanged() {
  var e = document.getElementById("routecombo");
  var currentRoute = e.options[e.selectedIndex].text;
  // update the list of locations
  removeOptions(document.getElementById("startlocation"));
  removeOptions(document.getElementById("endlocation"));
  fillOptions(currentRoute);
}
// Remove all the options from a combo box
function removeOptions(selectbox)
{
    var idx;
    for(idx = selectbox.options.length - 1 ; idx >= 0 ; idx--)
    {
       selectbox.remove(idx);
    }
}

// Fill the selectbox with items from the lookup table that match route
function fillOptions(route)
{
    var i;    
    var tbl = document.getElementById("stlookup");
    var startloc = document.getElementById("startlocation")
    var endloc = document.getElementById("endlocation")
    var opt1,opt2;

    // Examine all items in cross street lookup table
    for(i = tbl.options.length - 1 ; i >= 0 ; i--)
    {
        var item = tbl.options[i].text;
        // Parse the lookup table item into route and steet fields
        var pos = item.search(",");
        var currentRoute = item.substring(0,pos);
        var currentStreet = item.substring(pos+1);
        // if the crossstreet is for the desired route
        if (route == currentRoute)
        {
            opt1 = document.createElement('option');
            opt1.text = opt1.value = currentStreet;
            // Add an option to the location combo boxes
            startloc.add(opt1,0);
            opt2 = document.createElement('option');
            opt2.text = opt2.value = currentStreet;
            endloc.add(opt2,0);
        }
    }
    // Add an empty option to the select box
    opt1 = document.createElement('option');
    opt1.text = opt1.value = '';
    startloc.add(opt1,0);
    opt2 = document.createElement('option');
    opt2.text = opt2.value = '';
    endloc.add(opt2,0);
    // Show the first (empty) option
    startloc.selectedIndex = "0";
    endloc.selectedIndex = "0";
}
</script>
<script>
/*  Dynamically generate lane closed checkboxes.
  When user choses "Lane" as the closure type AND "Mainline" as the Facility, 
  then display checkboxes for which lanes to close.
*/
function closuretypechanged() 
{
  // Define table of routes and number of lanes for current Scenario
  const lanedict = {  "5": 5,  "73": 3,  "405": 4,  "55" : 4 };
  // get references to UI elements
  var rte = document.getElementById("routecombo");
  var currentRoute = rte.options[rte.selectedIndex].text;
  var boxes = document.getElementById("boxes")
  boxes.textContent = '';
  var e = document.getElementById("closuretype");
  var currentType = e.options[e.selectedIndex].text;
  var facility = document.getElementById("facilitycombo");
  var currentFacility = facility.options[facility.selectedIndex].text;
  var x = document.getElementById("lanechooser")
  // See if the desired choices are selected
  if (currentType == "Lane" && currentFacility=="Mainline")
  {
     // Validate that a route has been chosen
     if (currentRoute == "")
     {
        alert("Must select a route before choosing lanes to close.")
        e.selectedIndex = 0
        return;
      }
      x.style.display = "block"  // make boxes visible
      var boxlimit = 4;  // default number of checkboxes for unused routes
      // Get the total number of lanes from the lookup table
      if (currentRoute in lanedict)
      {
          boxlimit =  lanedict[currentRoute]
      }
      // assign limit to hidden field
      document.getElementById("lanecount").value = boxlimit.toString()
      // Create a new checkbox for the desired number of total lanes
      for (boxno = 1; boxno<=boxlimit; boxno++)
      {
      var check = document.createElement('input')
      check.type = 'checkbox';
      check.name = "lanes"
      check.id = "lane"+boxno
      check.value = "#"+boxno.toString()
      boxes.appendChild(check);
      var label = document.createElement('label')
      label.htmlFor = "lane"+boxno;
        label.appendChild(document.createTextNode(boxno.toString()));
      boxes.appendChild(label)
      }
    }
  else // hide the checkboxes
    {
        x.style.display = "none";
    }
 
 }
</script>
<script>
// Handle a user click on a radio button for "existing incident"
function radioclicked()
{
    var btngroup = document.getElementsByName('existing');
    // Is the YES button checked?
    if(btngroup[1].checked)
    {
        // Turn on display of combo box to select a closure id
        document.getElementById("closureselect").style.display = "block";
    }
    else
    {
        // Turn off the combo box display
        document.getElementById("closureselect").style.display = "none";
    }
}
</script>
<div id="main" role="main" class="mainflex">
    <div id="pageTitle" class="header"> Request Emergency Closure</div>

    <div class="searchform">
        {{=form}}
    </div>
</div>