Add in an SCATours component and have it reference catalog, tripBooking and cart components.

git-svn-id: http://svn.us.apache.org/repos/asf/tuscany@712648 13f79535-47bb-0310-9956-ffa450edef68

1 files changed, 38 insertions, 49 deletions

diff --git a/sandbox/travelsample/ui-contribution/scatours.html b/sandbox/travelsample/ui-contribution/scatours.html
index 54ee0c6b3d..d2a6baf669 100644
--- a/sandbox/travelsample/ui-contribution/scatours.html
+++ b/sandbox/travelsample/ui-contribution/scatours.html
@@ -24,27 +24,19 @@
 
 <script type="text/javascript" src="scatours.js"></script>
 
-<script language="JavaScript">
-
-	//@Reference
-	var hotel = new Reference("hotel");
-    
-    //@Reference
-    var flight = new Reference("flight");
-    
-    //@Reference
-    var car = new Reference("car");    
+<script language="JavaScript">   
 	
     //@Reference
-    var travelSearch = new Reference("travelSearch");
+    var scaToursSearch = new Reference("scaToursSearch");
     
     //@Reference
-    var travelBooking = new Reference("travelBooking");
+    var scaToursBooking = new Reference("scaToursBooking");
         
     //local state
     var currentTripId;
-    var searchResponseItems;
-     
+    var searchItems;
+    var cartItems;
+         
     //the constructor for trip leg beans
     function TripLegType(id,
                          fromLocation,
@@ -77,21 +69,9 @@
 	       alert(e);
 	   }
     }
-    
-    function searchHotels() {       
-        hotel.searchSynch(getTripLeg(), search_response);
-    }
-    
-    function searchFlights() {       
-        flight.searchSynch(getTripLeg(), search_response);
-    }    
-    
-    function searchCars() {       
-        car.searchSynch(getTripLeg(), search_response);
-    } 
-        
-    function searchPackages() {        
-        travelSearch.search(getTripLeg(), search_response);
+            
+    function searchTravelCatalog() {        
+        scaToursSearch.search(getTripLeg(), search_response);
     }
         
     function search_response(items, exception) {
@@ -119,21 +99,27 @@
         
         document.getElementById('searchResponse').innerHTML = responseHTML;
         
-        searchResponseItems = items;
+        searchItems = items;
     }  
     
-    function processSelection() {        
+    function processSelection() {
+        // do nothing at the moment
+    }
+         
+    function addItemsToCart() {     
         var items  = document.tripForm.items;
-        var j = 0;
+
         for (var i=0; i<items.length; i++) {
+            
+            // notify the server of the change
             if (items[i].checked == true) {
-                travelBooking.addTripItem(currentTripId, items[i].value);
+                scaToursBooking.addTripItem(currentTripId, items[i].value);
             } else {
-                travelBooking.removeTripItem(currentTripId, items[i].value);
+                scaToursBooking.removeTripItem(currentTripId, items[i].value);
             }
         }
         
-        travelBooking.getTripItems(currentTripId,getTripItems_response);
+        scaToursBooking.getTripItems(currentTripId,getTripItems_response);
     }
     
     function getTripItems_response(items, exception) {
@@ -160,7 +146,7 @@
         
         document.getElementById('tripItems').innerHTML = itemsHTML;  
           
-        travelBooking.getTotalPrice(currentTripId, getTotalPrice_response);
+        scaToursBooking.getTotalPrice(currentTripId, getTotalPrice_response);
     }    
     
     function getTotalPrice_response(totalPrice, exception) {
@@ -172,7 +158,7 @@
     }
     
     function newTrip() { 
-        travelBooking.newTrip(newTrip_response);
+        scaToursBooking.newTrip(newTrip_response);
         
         document.getElementById('searchResponse').innerHTML = "";
         document.getElementById('tripItems').innerHTML = "";
@@ -185,18 +171,21 @@
             return;
         }
         currentTripId = tripId
-        document.getElementById('tripId').innerHTML = "Trip: " + tripId;
+        document.getElementById('tripId').innerHTML = "Trip Reference: " + tripId;
     }    
     
-    function purchaseTrip() {        
-        travelBooking.purchaseTrip(currentTripId);
+    function bookTrip() {        
+        travelBooking.bookTrip(currentTripId);
         
         document.getElementById('searchResponse').innerHTML = "";
         document.getElementById('tripItems').innerHTML = "Thank you for shopping with SCA Tours";
         document.getElementById('totalPrice').innerHTML = "";
         searchResponseItems = null;
         tripItems = null;
-    }    
+    }   
+    
+    function purchase() { 
+    }
 	
 </script>
 
@@ -234,22 +223,22 @@
                 </tr>
             </table>
             <br/>
-            <input type="button" onClick="searchPackages()" value="SearchPackages"> 
-            <input type="button" onClick="searchHotels()" value="Search Hotels">
-            <input type="button" onClick="searchFlights()" value="Search Flights">
-            <input type="button" onClick="searchCars()" value="Search Cars"> 
+            <input type="button" onClick="searchTravelCatalog()" value="Search"> 
         </form>
         <form name="tripForm">
             <h3>Search Results</h3> 
             <div id="searchResponse"></div>
-            <br> 
+            <br/> 
+            <input type="button" onClick="addItemsToCart()" value="Add Items"> 
+            <br/>
+            <h3>Shopping Cart</h3>
             <h3><div id="tripId"></h3>
             <div id="tripItems"></div>
-            <br>            
+            <br/>            
             <div id="totalPrice"></div>
-            <br>
+            <br/>            
+            <input type="button" onClick="bookTrip()" value="Book"> 
             <input type="button" onClick="newTrip()" value="Create New Trip"> 
-            <input type="button" onClick="purchaseTrip()" value="Purchase Trip"> 
         </form> 
 	</div>