source: tmcsimulator/trunk/webapps/einotebook/index.html @ 540

Revision 540, 4.2 KB checked in by jdalbey, 6 years ago (diff)

Add roles page to EINotebook, version 1. Modified index.html, Event.js, LoadEvents?.js, notebook.js

  • Property svn:executable set to *
Line 
1<html>
2  <head>
3    <title>Electronic Instructor Notebook v</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="../common/js/fileutils.js"></script> 
11    <script type="text/javascript" src="../common/js/displayutils.js"></script> 
12    <script type="text/javascript" src="../common/js/revision_number.dat"></script>
13    <script type="text/javascript" src="scripts/cookies.js"></script>
14    <script type="text/javascript" src="scripts/Events.js"></script>
15    <script type="text/javascript" src="scripts/Evaluation.js"></script>
16    <script type="text/javascript" src="scripts/Event.js"></script>
17    <script type="text/javascript" src="scripts/Property.js"></script>
18    <script type="text/javascript" src="scripts/Properties.js"></script>
19    <script type="text/javascript" src="scripts/Evaluations.js"></script>
20    <script type="text/javascript" src="scripts/Time.js"></script>
21    <script type="text/javascript" src="scripts/Incident.js"></script>
22    <script type="text/javascript" src="scripts/Incidents.js"></script>
23    <script type="text/javascript" src="summary/summary.js"></script> 
24    <script type="text/javascript" src="notebook.js"></script> 
25    <!-- LoadEvents contains init() function, the main entry point -->
26    <script type="text/javascript" src="scripts/LoadEvents.js"></script> 
27  </head>
28  <body onLoad="showRevision(); init()">
29   
30    <table class="notebook">
31      <tr style="height: 80px">
32        <td colspan='3' class="tabMenu">
33       
34        <div class='tabMenuWrapper'>
35       
36          <!-- The menu for selecting which tabbed page to view -->
37          <ul class="tabMenu">
38            <li class="activeTab" id="summaryTab" 
39                onClick="changeTab(this.id); showContent('summaryPageContent')">
40              Incident Summary
41            </li>
42            <li class="notActive" id="scriptTab" 
43                onClick="changeTab(this.id); showContent('scriptPageContent')">
44              Simulation Script
45            </li>
46            <li class="notActive" id="currentTab" 
47                onClick="changeTab(this.id); showContent('currentEventPageContent')">
48              Current Event
49            </li>
50            <li class="notActive" id="mapsTab" 
51                onClick="changeTab(this.id); showContent('mapsPageContent')">
52             Maps
53            </li>
54            <li class="notActive" id="rolesTab" 
55                onClick="changeTab(this.id); showContent('rolePageContent')">
56             Roles
57            </li>
58          </ul><br>
59              <div class="simulationTime" id="simulationTime">0:00:00</div>
60        </div> 
61        </td>
62      </tr>
63     
64      <!-- The tabbed page currently displayed  -->
65      <tr>
66            <td class='tabPageContent' id='summaryPageContent' style="display:inline">
67            <iframe id='summaryTabPage' src='summary/index.html' frameborder='0' scrolling='yes'
68                    height='100%' width='100%'>
69            </iframe>
70                  </td>
71          <td class='tabPageContent' id='scriptPageContent' style="display:none;">
72            <iframe id='tabPage' src='script/index.html' frameborder='0' 
73            scrolling='yes' height='100%' width='100%'>
74                    </iframe>
75                  </td>
76                  <td class='tabPageContent' id='currentEventPageContent' style="display:none;">
77                    <iframe id='currentEventPage' src='currentEvent/index.html' frameborder='0' 
78             scrolling='yes' height='100%' width='100%'> 
79                    </iframe>
80                  </td>
81          <td class='tabPageContent' id='mapsPageContent' style="display:none;">
82            <iframe src='maps/index.html' frameborder='0' 
83            scrolling='no' height='100%' width='100%' >
84                    </iframe>
85          </td>
86          <td class='tabPageContent' id='rolePageContent' style="display:none;">
87            <iframe id='rolePage' src='roles/index.html' frameborder='0' 
88            scrolling='yes' height='100%' width='100%'>
89                    </iframe>
90                  </td>
91            </td>
92      </tr>
93    </table>
94   
95  </body>
96</html>
Note: See TracBrowser for help on using the repository browser.