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>