diff options
Diffstat (limited to '')
-rw-r--r-- | sca-java-2.x/contrib/samples/stock-comet/src/main/webapp/index.html | 86 |
1 files changed, 57 insertions, 29 deletions
diff --git a/sca-java-2.x/contrib/samples/stock-comet/src/main/webapp/index.html b/sca-java-2.x/contrib/samples/stock-comet/src/main/webapp/index.html index 816038d0e9..71c9b03960 100644 --- a/sca-java-2.x/contrib/samples/stock-comet/src/main/webapp/index.html +++ b/sca-java-2.x/contrib/samples/stock-comet/src/main/webapp/index.html @@ -20,38 +20,51 @@ <head> <title>Apache Tuscany Comet Sample</title> <script type="text/javascript" src="js/jquery-1.4.2.js"></script> - <script type="text/javascript" src="js/jquery.atmosphere.js"></script> + <script type="text/javascript" src="js/jquery.atmosphere.js"></script> + <script type="text/javascript" src="js/org.apache.tuscany.sca.cometComponentContext.js"></script> <script type="text/javascript"> $(document).ready(function() { - var connectedEndpoint; - - function update(response) { - var data = response.responseBody; - var aux = data.toString().split('#'); - document.getElementById('symbol').textContent = aux[0]; - document.getElementById('price').textContent = aux[1]; - } - document.getElementById('connect').onclick = function(event) { /* transport can be : long-polling, streaming or websocket */ - $.atmosphere.subscribe(document.location.toString() + 'test/StockService/getQuotes', - update, - $.atmosphere.request = {transport: document.getElementById('transport').value}); - connectedEndpoint = $.atmosphere.response; - + tuscanyComet.connect(document.getElementById('transport').value); document.getElementById('connect').disabled = true; document.getElementById('transport').disabled = true; - document.getElementById('get-values').disabled = false; + } + + + document.getElementById('tempCButton').onclick = function(event) { + cometComponentContext.c1.TemperatureService.getTemperatureCelsius(updateTempC); + } + + document.getElementById('tempFButton').onclick = function(event) { + cometComponentContext.c1.TemperatureService.getTemperatureFahrenheit(updateTempF); } - document.getElementById('get-values').disabled = true; - document.getElementById('get-values').onclick = function(event) { - connectedEndpoint.push(document.location.toString() + 'test/StockService/getQuotes', - null, - $.atmosphere.request = {method: 'POST'}); + document.getElementById('humButton').onclick = function(event) { + cometComponentContext.c1.HumidityService.getHumidity(updateHum); + } + + document.getElementById('precipButton').onclick = function(event) { + cometComponentContext.c2.PrecipitationService.getPrecipitation(updatePrecip); } }); + + function updateTempC(response) { + document.getElementById('tempCText').textContent = response; + } + + function updateTempF(response) { + document.getElementById('tempFText').textContent = response; + } + + function updateHum(response) { + document.getElementById('humText').textContent = response; + } + + function updatePrecip(response) { + document.getElementById('precipText').textContent = response; + } </script> </head> <body> @@ -63,14 +76,29 @@ <option id="websocket" value="websocket">websocket</option> </select> <input id='connect' type='submit' value='Connect'/> - <h3>Stock Monitor</h3> - <input id='get-values' type="submit" value='Get values'/> + <h3>Weather Monitor</h3> <p/> - <div id='text'> - <b><label>Company Symbol: </label></b> - <span id="symbol">N/A</span> - <b><label>Price: </label></b> - <span id="price">N/A</span> - </div> + <table> + <tr> + <th align="left">Temperature (Celsius):</th> + <td><span id='tempCText'>N/A</span></td> + <td><input type='button' id='tempCButton' value="Update"/></td> + </tr> + <tr> + <th align="left">Temperature (Fahrenheit):</th> + <td><span id='tempFText'>N/A</span></td> + <td><input type='button' id='tempFButton' value="Update"/></td> + </tr> + <tr> + <th align="left">Humidity:</th> + <td><span id='humText'>N/A</span></td> + <td><input type='button' id='humButton' value="Update"/></td> + </tr> + <tr> + <th align="left">Precipitation probability:</th> + <td><span id='precipText'>N/A</span></td> + <td><input type='button' id='precipButton' value="Update"/></td> + </tr> + </table> </body> </html> |