new products and tweaks

mongo/catalogue.js

@@ -3,11 +3,17 @@
 //
 db = db.getSiblingDB('catalogue');
 db.products.insertMany([
-    {sku: 'PB-1', name: 'Positronic Brain', description: 'Highly advanced sentient processing unit', price: 42000, instock: 0, categories: ['components']},
-    {sku: 'SVO-980', name: 'Servo 980Nm', description: 'Servo actuator with 980Nm of torque. Needs 24V 10A supply', price: 50, instock: 32, categories: ['components']},
-    {sku: 'ROB-1', name: 'Robbie', description: 'Large mechanical workhorse, crude but effective', price: 1200, instock: 12, categories: ['complete']},
-    {sku: 'EVE-1', name: 'Eve', description: 'Extraterrestrial Vegetation Evaluator', price: 5000, instock: 10, categories: ['complete']},
-    {sku: 'HAL-1', name: 'HAL', description: 'Sorry Dave, I cant do that', price: 7500, instock: 2, categories: ['complete']}
+    {sku: 'HAL-1', name: 'HAL', description: 'Sorry Dave, I cant do that', price: 7500, instock: 2, categories: ['Artificial Intelligence']},
+    {sku: 'PB-1', name: 'Positronic Brain', description: 'Highly advanced sentient processing unit with the laws of robotics burned in', price: 200, instock: 0, categories: ['Artificial Intelligence']},
+    {sku: 'ROB-1', name: 'Robbie', description: 'Large mechanical workhorse, crude but effective', price: 1200, instock: 12, categories: ['Robot']},
+    {sku: 'EVE-1', name: 'Eve', description: 'Extraterrestrial Vegetation Evaluator', price: 5000, instock: 10, categories: ['Robot']},
+    {sku: 'C3P0', name: 'C3P0', description: 'Protocol android', price: 700, instock: 1, categories: ['Robot']},
+    {sku: 'R2D2', name: 'R2D2', description: 'R2 maintenance robot and secret messenger', price: 1400, instock: 1, categories: ['Robot']},
+    {sku: 'K9', name: 'K9', description: 'Time travelling companion at heel', price: 300, instock: 12, categories: ['Robot']},
+    {sku: 'RD-10', name: 'Kryten', description: 'Red Drawf crew member', price: 700, instock: 5, categories: ['Robot']},
+    {sku: 'HHGTTG', name: 'Marvin', description: 'Marvin, your paranoid android. Brain the size of a planet', price: 42, instock: 48, categories: ['Robot']},
+    {sku: 'STAN-1', name: 'Stan', description: 'APM guru', price: 50, instock: 1000, categories: ['Robot', 'Artificial Intelligence']},
+    {sku: 'STNG', name: 'Mr Data', description: 'Could be R. Daneel Olivaw? Protype positronic brain android', price: 1000, instock: 0, categories: ['Robot']}
 ]);
 
 // full text index for searching

web/static/cart.html

@@ -1,5 +1,5 @@
 <!-- shopping cart -->
-<div>
+<div ng-contoller="cartform">
     Shopping cart for {{ data.uniqueid }}
     <div ng-if="data.cart.total == 0">
         Your cart is empty, get shopping

web/static/css/style.css

@@ -104,7 +104,7 @@ a.product:hover {
 }
 
 .main {
-    width: auto;
+    width: 500px;
 }
 
 .footer {

web/static/js/controller.js

@@ -210,6 +210,7 @@
                         url: '/api/cart/update/' + id + '/SHIP/0',
                         method: 'GET'
                     }).then((res) => {
+                        currentUser.cart = res.data;
                         $scope.data.cart = res.data;
                     }).catch((e) => {
                         console.log('ERROR', e);

web/static/payment.html

@@ -1,5 +1,5 @@
 <!-- payment template -->
-<div>
+<div ng-controller="paymentform">
     <h3>Review your order</h3>
     <div ng-if="data.cart.total != 0">
         <table>

web/static/product.html

@@ -6,7 +6,7 @@
 
     <h3>{{ data.product.name }}</h3>
     <div class="productimage">
-        <img src="images/{{ data.product.sku }}"/>
+        <img src="images/{{ data.product.sku }}.jpg"/>
     </div>
     <div class="description">
         {{ data.product.description }}

web/static/splash.html

@@ -1,4 +1,14 @@
 <!-- splash page -->
 <div>
-    Splash content will be here
+    <h3>Welcome to Stan's Robot Shop</h3>
+    <div>
+        Here you will find the answers to all your automation requirements.
+    </div>
+    <div>
+        This is a simple example microservices ecommerce application.
+        It is used to illustrate various capabilities of Instana Dynamic APM.
+    </div>
+    <div>
+        To find out more visit the <a class="cont" href="https://instana.com/" target="_blank">Instana</a> site.
+    </div>
 </div>