Previous 199869 Revisions Next

r25473 Tuesday 1st October, 2013 at 12:18:54 UTC by R. Belmont
web: JS cleanup and fixed a few minor bugs. [Firehawke]
[web]index.html

trunk/web/index.html
r25472r25473
1616</head>
1717<body>
1818<script language="javascript" type="text/javascript">
19 
20  function updateStatusBar(connectionStatus, isPaused, driverText) {
21   if (connectionStatus) {
22      // Update every page's connection statusbar.
23      $("td#main_statusbar_connectionstatus").html(connectionStatus);
24      $("td#command_statusbar_connectionstatus").html(connectionStatus);
25      $("td#option_statusbar_connectionstatus").html(connectionStatus);
26      $("td#slider_statusbar_connectionstatus").html(connectionStatus);
27      $("td#driver_statusbar_connectionstatus").html(connectionStatus);
28      $("td#image_statusbar_connectionstatus").html(connectionStatus);
29      $("td#info_statusbar_connectionstatus").html(connectionStatus);
30      $("td#logs_statusbar_connectionstatus").html(connectionStatus);
31   }
32   if (isPaused) {
33      // Update every page's running/paused statusbar.
34      $("td#main_statusbar_ispaused").html(isPaused);
35      $("td#command_statusbar_ispaused").html(isPaused);
36      $("td#option_statusbar_ispaused").html(isPaused);
37      $("td#slider_statusbar_ispaused").html(isPaused);
38      $("td#driver_statusbar_ispaused").html(isPaused);
39      $("td#image_statusbar_ispaused").html(isPaused);
40      $("td#info_statusbar_ispaused").html(isPaused);
41      $("td#logs_statusbar_ispaused").html(isPaused);
42      }
43   if (driverText) {
44      // Update every page's running driver statusbar.
45      $("td#main_statusbar_runningdriver").html(driverText);
46      $("td#command_statusbar_runningdriver").html(driverText);
47      $("td#option_statusbar_runningdriver").html(driverText);
48      $("td#slider_statusbar_runningdriver").html(driverText);
49      $("td#driver_statusbar_runningdriver").html(driverText);
50      $("td#image_statusbar_runningdriver").html(driverText);
51      $("td#info_statusbar_runningdriver").html(driverText);
52      $("td#logs_statusbar_runningdriver").html(driverText);
53   }
54   
55  }
1956
20  var writeConnectionStatus = function(message) {
21   // Update the statusbar on each subpage at the same time.
22   $("td#main_statusbar_connectionstatus").html(message);
23   $("td#command_statusbar_connectionstatus").html(message);
24   $("td#option_statusbar_connectionstatus").html(message);
25   $("td#slider_statusbar_connectionstatus").html(message);
26   $("td#driver_statusbar_connectionstatus").html(message);
27   $("td#image_statusbar_connectionstatus").html(message);
28   $("td#info_statusbar_connectionstatus").html(message);
29   $("td#logs_statusbar_connectionstatus").html(message);
30  };
31 
3257  function takeScreenshot()
3358  {
3459    // First, we need to generate a random number to make absolutely sure we bypass browser caching.
r25472r25473
4873     },
4974     error: function (request, status, error) { alert(status + ", " + error); }
5075   });
51   startWebSocket();
76   if (command !== 'exit') {
77      startWebSocket();
78   } else {
79      updateStatusBar('<b style="color: red;">Disconnected</b>','Exited','No Driver');
80   }
5281  }
5382
5483  function executeHardReset()
r25472r25473
7099    executeCommands("exit");
71100   $('.ui-dialog').dialog('close');
72101  }
73
102
74103  function executeSlider()
75104  {
76105   $.ajax({
r25472r25473
92121        },
93122        error: function (request, status, error) { alert(status + ", " + error); }
94123      });   
95  window.location.hash='#slidermenu';
124  window.location.hash='#slidermenu'; // Just making sure we're on the slider screen.
96125  }
97126
98127  function setSliderValue(id,val)
r25472r25473
112141   var url = docbase.replace("http://","ws://");
113142    websocket = new WebSocket(url);
114143    websocket.onopen = function(ev) {
115     writeConnectionStatus('<b style="color: green;">Connected</b>');
144     updateStatusBar('<b style="color: green;">Connected</b>','','');
116145    };
117146    websocket.onclose = function(ev) {     
118      writeConnectionStatus('<b style="color: red;">Disconnected</b>');
147      updateStatusBar('<b style="color: red;">Disconnected</b>','','');
119148    };
120149    websocket.onmessage = function(ev) {
121150   if (ev.data=='update_machine')
r25472r25473
149178         maindesc_manufacturer.push(data.manufacturer);
150179         maindesc_parent.push(data.parent);
151180         maindesc_sourcefile.push(data.source_file);
152         
153         $("td#main_statusbar_runningdriver").html(statusbar_runningdriver.join(''));
154         $("td#main_statusbar_ispaused").html(statusbar_ispaused.join(''));
155         $("td#command_statusbar_runningdriver").html(statusbar_runningdriver.join(''));
156         $("td#command_statusbar_ispaused").html(statusbar_ispaused.join(''));
157         $("td#option_statusbar_runningdriver").html(statusbar_runningdriver.join(''));
158         $("td#option_statusbar_ispaused").html(statusbar_ispaused.join(''));
159         $("td#slider_statusbar_runningdriver").html(statusbar_runningdriver.join(''));
160         $("td#slider_statusbar_ispaused").html(statusbar_ispaused.join(''));
161         $("td#driver_statusbar_runningdriver").html(statusbar_runningdriver.join(''));
162         $("td#driver_statusbar_ispaused").html(statusbar_ispaused.join(''));
163         $("td#image_statusbar_runningdriver").html(statusbar_runningdriver.join(''));
164         $("td#image_statusbar_ispaused").html(statusbar_ispaused.join(''));
165         $("td#info_statusbar_runningdriver").html(statusbar_runningdriver.join(''));
166         $("td#info_statusbar_ispaused").html(statusbar_ispaused.join(''));
167         $("td#logs_statusbar_runningdriver").html(statusbar_runningdriver.join(''));
168         $("td#logs_statusbar_ispaused").html(statusbar_ispaused.join(''));
169181         $("#maindesc_name").html(maindesc_name.join(''));
170182         $("#maindesc_description").html(maindesc_description.join(''));
171183         $("#maindesc_year").html(maindesc_year.join(''));
172184         $("#maindesc_manufacturer").html(maindesc_manufacturer.join(''));
173185         $("#maindesc_parent").html(maindesc_parent.join(''));
174186         $("#maindesc_sourcefile").html(maindesc_sourcefile.join(''));
187
188         // Now, actually update the status bar..
189         updateStatusBar('',statusbar_ispaused.join(''),statusbar_runningdriver.join(''));
175190        },
176191        error: function (request, status, error) { alert(status + ", " + error); }
177192      });   
r25472r25473
179194
180195    };
181196    websocket.onerror = function(ev) {
182      writeConnectionStatus('<b style="color: red; ">Error</b>');
197      updateStatusBar('<b style="color: red; ">Error</b>',' ',' ');
183198    };
184199  }
185200
r25472r25473
187202   startWebSocket();
188203  };
189204</script>
205
190206<!-- This begins the MAIN MENU page ------------------------------------------------------------------->
191207<div data-role="page" id="mainmenu">
192208    <div data-theme="a" data-role="header">
r25472r25473
660676                    <a href="#optionmenu" data-transition="fade" data-icon="gear">Options</a>
661677                </li>
662678                <li>
663                    <a href="#imagemenu" data-transition="fade" data-icon="grid">Image</a>
679                    <a href="#mainmenu" data-transition="fade" data-icon="home">Main Menu</a>
664680                </li>
665681                <li>
666682                    <a href="#commandmenu" data-transition="fade" data-icon="star">Commands</a>
r25472r25473
729745      <div  data-role="navbar" data-iconpos="top">
730746         <ul>
731747            <li>
732               <a href="#infomenu" data-transition="fade" data-icon="info">Info</a>
748                    <a href="#mainmenu" data-transition="fade" data-icon="home">Main Menu</a>
733749            </li>
734750            <li>
735751               <a href="#logsmenu" data-transition="fade" data-icon="check">Logs</a>
r25472r25473
787803               <a href="#infomenu" data-transition="fade" data-icon="info">Info</a>
788804            </li>
789805            <li>
790               <a href="#logsmenu" data-transition="fade" data-icon="check">Logs</a>
806                    <a href="#mainmenu" data-transition="fade" data-icon="home">Main Menu</a>
791807            </li>
792808            <li>
793809               <a href="javascript:takeScreenshot();" data-transition="fade" data-icon="search">Screenshot</a>

Previous 199869 Revisions Next

© 1997-2024 The MAME Team