| 1 | <html> |
|---|
| 2 | <head> |
|---|
| 3 | <title>Electronic Instructor Notebook v0.2</title> |
|---|
| 4 | <meta name="apple-mobile-web-app-capable" content="yes"> |
|---|
| 5 | <meta name="viewport" content="width=device-width; initial-scale=1.0; user-scalable=0;"> |
|---|
| 6 | <link rel="apple-touch-icon" href="icon.png"> |
|---|
| 7 | <link rel="apple-touch-startup-image" href="startup.png"> |
|---|
| 8 | <link rel="stylesheet" type="text/css" href="notebook.css"> |
|---|
| 9 | <link rel="stylesheet" type="text/css" href="ipadapp.css"> |
|---|
| 10 | <script type="text/javascript" src="../js/common.js"></script> |
|---|
| 11 | <script type="text/javascript" src="scripts/cookies.js"></script> |
|---|
| 12 | <script type="text/javascript" src="scripts/Events.js"></script> |
|---|
| 13 | <script type="text/javascript" src="scripts/Evaluation.js"></script> |
|---|
| 14 | <script type="text/javascript" src="scripts/Event.js"></script> |
|---|
| 15 | <script type="text/javascript" src="scripts/Property.js"></script> |
|---|
| 16 | <script type="text/javascript" src="scripts/Properties.js"></script> |
|---|
| 17 | <script type="text/javascript" src="scripts/Evaluations.js"></script> |
|---|
| 18 | <script type="text/javascript" src="scripts/Time.js"></script> |
|---|
| 19 | <script type="text/javascript" src="scripts/Incident.js"></script> |
|---|
| 20 | <script type="text/javascript" src="scripts/Incidents.js"></script> |
|---|
| 21 | <script type="text/javascript" src="scripts/LoadEvents.js"></script> |
|---|
| 22 | <script type="text/javascript" src="scripts/PopulateIncidents.js"></script> |
|---|
| 23 | <!--script type="text/javascript" src="scripts/PopulateEvents.js"></script--> |
|---|
| 24 | <script type="text/javascript" src="summary/summary.js"></script> |
|---|
| 25 | <script type="text/javascript" src="notebook.js"></script> |
|---|
| 26 | </head> |
|---|
| 27 | <body onLoad="setupNotebook(); run();"> |
|---|
| 28 | |
|---|
| 29 | <table class="notebook"> |
|---|
| 30 | <!-- The header which contains the number of evaluations, simulation status, |
|---|
| 31 | and time |
|---|
| 32 | <tr style="height: 20px"> |
|---|
| 33 | <td> |
|---|
| 34 | <table class="header"> |
|---|
| 35 | <tr> |
|---|
| 36 | |
|---|
| 37 | <td class="updateStatusBox"> |
|---|
| 38 | <table> |
|---|
| 39 | <tr> |
|---|
| 40 | <td class="updateStatus" id="updateStatus">New Event</td> |
|---|
| 41 | </tr> |
|---|
| 42 | </table> |
|---|
| 43 | </td> |
|---|
| 44 | |
|---|
| 45 | <td class="statusBox"> |
|---|
| 46 | <center><table> |
|---|
| 47 | <tr> |
|---|
| 48 | <td class="simulationStatus" id="simulationStatus">NOT STARTED</td> |
|---|
| 49 | </tr> |
|---|
| 50 | </table></center> |
|---|
| 51 | </td> |
|---|
| 52 | |
|---|
| 53 | <td class="simulationTime" id="simulationTime"> |
|---|
| 54 | 0:00:00 |
|---|
| 55 | </td> |
|---|
| 56 | |
|---|
| 57 | </tr> |
|---|
| 58 | </table> |
|---|
| 59 | </td> |
|---|
| 60 | </tr> |
|---|
| 61 | --> |
|---|
| 62 | <tr style="height: 120px"> |
|---|
| 63 | <td colspan='3' class="tabMenu"> |
|---|
| 64 | |
|---|
| 65 | <div class='tabMenuWrapper'> |
|---|
| 66 | |
|---|
| 67 | <!-- The menu for selecting which tabbed page to view --> |
|---|
| 68 | <ul class="tabMenu"> |
|---|
| 69 | <li class="activeTab" id="summaryTab" |
|---|
| 70 | onClick="changeTab(this.id); showContent('summaryPageContent')"> |
|---|
| 71 | Incident Summary |
|---|
| 72 | </li> |
|---|
| 73 | <li class="notActive" id="scriptTab" |
|---|
| 74 | onClick="changeTab(this.id); showContent('scriptPageContent')"> |
|---|
| 75 | Simulation Script |
|---|
| 76 | </li> |
|---|
| 77 | <li class="notActive" id="CADTab" |
|---|
| 78 | onClick="changeTab(this.id); showContent('cadPageContent')"> |
|---|
| 79 | Current Event |
|---|
| 80 | </li> |
|---|
| 81 | <li class="notActive" id="mapsTab" |
|---|
| 82 | onClick="changeTab(this.id); showContent('mapsPageContent')"> |
|---|
| 83 | Maps |
|---|
| 84 | </li> |
|---|
| 85 | </ul><br> |
|---|
| 86 | <div class="simulationTime" id="simulationTime">0:00:00</div> |
|---|
| 87 | </div> |
|---|
| 88 | </td> |
|---|
| 89 | </tr> |
|---|
| 90 | |
|---|
| 91 | <!-- The tabbed page currently displayed --> |
|---|
| 92 | <tr> |
|---|
| 93 | <td class='tabPageContent' id='summaryPageContent' style="display:inline"> |
|---|
| 94 | <iframe id='summaryTabPage' src='summary/summary.html' frameborder='0' scrolling='yes' |
|---|
| 95 | height='100%' width='100%' |
|---|
| 96 | onLoad='incidents.doc = getDocumentFromFrame("summaryTabPage"); |
|---|
| 97 | window.frames[0].loadSummary(incidents);'></iframe> |
|---|
| 98 | </td> |
|---|
| 99 | <td class='tabPageContent' id='scriptPageContent' style="display:none;"> |
|---|
| 100 | <iframe id='tabPage' src='script/script.html' frameborder='0' |
|---|
| 101 | scrolling='yes' height='100%' width='100%' |
|---|
| 102 | onLoad='window.frames[1].loadScript(events, incidents);' |
|---|
| 103 | > |
|---|
| 104 | </iframe> |
|---|
| 105 | </td> |
|---|
| 106 | <td class='tabPageContent' id='cadPageContent' style="display:none;"> |
|---|
| 107 | <iframe src='cad/index.html' frameborder='0' |
|---|
| 108 | scrolling='yes' height='100%' width='100%' |
|---|
| 109 | onLoad='window.frames[2].loadScript(events, incidents);'> |
|---|
| 110 | </iframe> |
|---|
| 111 | </td> |
|---|
| 112 | <td class='tabPageContent' id='mapsPageContent' style="display:none;"> |
|---|
| 113 | <iframe src='maps/index.html' frameborder='0' |
|---|
| 114 | scrolling='no' height='100%' width='100%' > |
|---|
| 115 | </iframe> |
|---|
| 116 | </td> |
|---|
| 117 | </td> |
|---|
| 118 | </tr> |
|---|
| 119 | </table> |
|---|
| 120 | |
|---|
| 121 | </body> |
|---|
| 122 | </html> |
|---|
