source: branches/testFACT++branch/www/schedule/index.html@ 18315

Last change on this file since 18315 was 17716, checked in by tbretz, 10 years ago
Do not line break the date in the table header; added more help text.
File size: 6.5 KB
Line 
1<!DOCTYLE HTML>
2<html>
3<head>
4 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
5 <title>FACT Scheduling</title>
6 <meta name="keywords" content="" />
7 <meta name="description" content="" />
8
9 <script src="jquery-2.1.0.min.js"></script>
10 <script src="jquery-ui-1.10.4.custom/js/jquery-ui-1.10.4.custom.js"></script>
11
12 <script src="JSCal2-1.8/src/js/jscal2.js"></script>
13 <script src="JSCal2-1.8/src/js/lang/en.js"></script>
14
15 <script src="index.js"></script>
16
17 <link rel="stylesheet" href="jquery-ui-1.10.4.custom/css/smoothness/jquery-ui-1.10.4.custom.min.css"/>
18 <link rel="stylesheet" href="index.css" media="screen" />
19
20 <link rel="stylesheet" href="JSCal2-1.8/src/css/jscal2.css" />
21 <link rel="stylesheet" href="JSCal2-1.8/src/css/border-radius.css" />
22 <link rel="stylesheet" href="JSCal2-1.8/src/css/steel/steel.css" />
23</head>
24
25<body style="background-color: #000;">
26<div id="wait" style="background:rgba(0,0,0,0.75) url('images/helium-anim-trans.gif') no-repeat center center;z-index:400;position:fixed;top:0px;left:0px;width:100%;height:100%;text-align:center;vertical-align:middle;"></div>
27<div id="bg2"></div>
28<div id="wrapper1">
29 <div id="header2">
30 <ul>
31 <li><a href="http://www.fact-project.org">FACT <li2>OBSERVATION SCHEDULING</li2></a></li>
32 </ul>
33 <div class="clear"></div>
34 </div>
35 <div id="content_bg_top"></div>
36 <div id="content_box">
37 <div id="column_box">
38 <div id="column1">
39 <div id="calendar">
40 <div id="cont"></div>
41 </div>
42 </div>
43 <div id="column3"></div>
44 <div class="clear"></div>
45 </div>
46 <div style="width:100%;">
47 <table width="100%">
48 <tr>
49 <td style="font-weight:bold;">TIME:&nbsp;&nbsp;</td>
50 <td id="clock" style="white-space:nowrap; font-size:16px; font-weight:bold; color:#FFFF00"></td>
51 <td style="text-align:right;width:100%;">
52 <input type="button" class="button" id="load" value="Load Night" title="Click to load given night"/>
53 <input type="date" id="loaddate" title="Date to load a schedule from."/>&nbsp;&nbsp;
54 <input type="button" class="button" id="save" value="SAVE" title="Click to save"/>
55 <input type="date" disabled="true" readonly="true" id="savedate" title="Date to which the schedule is saved."/>&nbsp;&nbsp;
56 <input type="button" class="button" id="help" value="HELP" title="Click to view help" align="left"/>
57 </td>
58 </tr>
59 </table>
60 </div>
61 <div style="border:2px solid white; width:100%;">
62 <table width="100%" id="TableHolder" >
63 <tr>
64 <td style="border:1px solid white; color:palegreen; font-size:14px; text-align:center; width:1%; font-weight:bold;" align="center"><div id="time" style="white-space:nowrap;"></div></td>
65 <td style="border:1px solid white; color:palegreen; font-size:14px; text-align:center; width:1%;">Measurement</td>
66 <td style="border:1px solid white; color:palegreen; font-size:14px; text-align:center; width:1%;">Source</td>
67 <td style="border:1px solid white; color:palegreen; font-size:14px; text-align:center; ">Value</td>
68 </tr>
69 </table>
70 </div>
71
72 <div id="footer_bot">
73 <p>&copy; 2014 FACT Project, Implemented by Western Mindanao State University (<strong><a href="http://www.wmsu.edu.ph">WMSU</a>, Philippines</strong>)</p>
74 </div>
75 </div>
76 <div id="debug"></div>
77</div>
78<div id="Overlay" name="Overlay" class="overlay">
79 <div style="padding-top:25px;padding-bottom:15px;padding-left:25%;padding-right:25%;">
80 <div style="background-color:black;color:white;padding:15px;">
81 <div style="color:white;small-caps;"><span id="close" class="close">X</span> To close click here or press Esc.</div>
82 <BR>
83 <!--<hr><br>-->
84 <H1>HELP</H1>
85 <div style="font-size:17px;padding-top:5px;font-family:'Times New Roman';text-align:justify;">
86
87 <H3 style="font-family:arial;padding-top:20px;padding-bottom:10px;">Loading a schedule</H3>
88 To load a schedule click on the corresponding date in the calendar. If
89 you click on <B>SAVE</B> the schedule will be saved to the date shown in the box close to the
90 <B>SAVE</B> button. It is always identical with the last calender date you clicked.
91 <p>
92
93 <H3 style="font-family:arial;padding-top:20px;padding-bottom:10px;">Remarks about saving</H3>
94 If saving fails, an error message is displayed. If it was supposed to be successful,
95 the schedule of the selected date is newly loaded and displayed.
96 <p>
97
98 <H3 style="font-family:arial;padding-top:20px;padding-bottom:10px;">Replacing a schedule</H3>
99 You can overwrite a schedule with the schedule from a different date by entering the
100 date in the box close to <B>Load Night</B> and either pressing Enter or the <B>Load Night</B>
101 button.
102 <p>
103
104 <H3 style="font-family:arial;padding-top:20px;padding-bottom:10px;">Disabled entries</H3>
105 Entries which are at the time the schedule is loaded already in the past, are
106 disabled and cannot be changed. This is because they might already have been processed
107 by the scheduler and are currently executed.
108
109 <H3 style="font-family:arial;padding-top:20px;padding-bottom:10px;">Color of times</H3>
110 For the current night, entries which are before the current time are
111 displayed in red, entries which are later, are displayed in green. Colors are updated
112 interactively.
113
114 <H3 style="font-family:arial;padding-top:20px;padding-bottom:10px;">Scheduling</H3>
115 Note that the last entry display in red will most probably the first one
116 executed by the scheduler. If the scheduling is running, it will just replace
117 the next entry in the schedule and be executed completely. If the scheduler is not
118 running, still the last red entry will be the first one to be executed, but since
119 it is the first one executed by the script, the script assumes that it failed and
120 was restarted. Therefore, only the last of its observations (usually <I>data</I>
121 is executed.
122
123 <H3 style="font-family:arial;padding-top:20px;padding-bottom:10px;">Options</H3>
124 Options are ecoded as JSON object (search google for details). The meaning of
125 their properties is defined by the task to be executed. The starting and
126 closing brace must be omitted. Note that for a correct JSON object, the property
127 names must be enclosed in double quotation marks ("...").
128 </div>
129 </div>
130 </div>
131</div>
132
133</body>
134
135</html>
Note: See TracBrowser for help on using the repository browser.