Changeset 7649:cefb68d8a450

Timestamp:

11/08/07 14:55:13 (6 years ago)

Author:

Yi Qiang <yqiang@…>

Branch:

default

Children:

7650:bc80ecdd8c32, 8374:65b1f782c84d

Message:

Various web server fixes.

Location:

sage/dsage/web

Files:

• index.html (modified) (1 diff)
• static/dsage_web.js (modified) (2 diffs)

sage/dsage/web/index.html

@@ -21 +21 @@
             <ul id="tabnav">
                 <li class="tab1">
-                    <a href="#jobs" rel="history" onClick="getJobs(count)">Job Status</a>
+                    <a href="#jobs" rel="history" onClick="showJobs()">Job Status</a>
                 </li>
                 <li class="tab2">

sage/dsage/web/static/dsage_web.js

@@ -2 +2 @@
 
 function getServerDetails () {
+    $('#server_details').load('get_server_details');
+    showServer()
+}
+
+function showServer () {
     $('#jobs_table').hide();
     $('#job_details').hide();
     $('#help').hide();
+    $('#server_details').show();
+    $('#navigator').hide();
+}
+function getJobs (c) {
+    count = c // Set global variable count to the selected count. 
     
-    $('#server_details').load('get_server_details');
-    $('#server_details').show();
+    // Load jobs table with the given number of jobs.
+    $('#jobs_table').load('get_jobs', {'count': c}, function() {
+            $("#jobs_table").tablesorter(); } );
+            
+    // Change current selected count to red 
+    $('#navigator > a').css('color', 'black')
+    $('#' + c).css('color', 'red')
 }
 
-function getJobs (c) {
-    count = c
-    $('#server_details').hide();
+function showJobs () {
+    $('#server_details').hide();    
     $('#job_details').hide();
     $('#help').hide();
-    $('#jobs_table').load('get_jobs', {'count': count}, function() {
-            $("#jobs_table").tablesorter(); } );
     $('#jobs_table').show();
 }
 
 function getJobDetails (job_id) {
+    $('#job_details').load('get_details', {'job_id': job_id}, function() {
+                                        $("#job_details").tablesorter(); } );
+    showJobDetails()
+}
+
+function showJobDetails () {
     $('#jobs_table').hide();
+    $('#navigator').hide();
     $('#server_details').hide();
     $('#help').hide();
-    $('#job_details').load('get_details', {'job_id': job_id}, function() {
-                                        $("#job_details").tablesorter(); } );
     $('#job_details').show();
 }
 
 function getHelp () {
+    $('#help').load('get_help');
+    showHelp()
+}
+
+function showHelp () {
     $('#jobs_table').hide();
+    $('#navigator').hide();
     $('#server_details').hide();
     $('#job_details').hide();
-    $('#help').load('get_help');
     $('#help').show();
 }
@@ -40 +62 @@
     { 
         getJobs(count) // Run it the first time
-        setInterval('getJobs(count)', 5000); // Update it every 5 seconds.  
+        showJobs() // Show jobs
+        // setInterval('getJobs(count)', 5000); // Update it every 5 seconds.  
     } 
 );