Merge pull request #60 from microservices-demo/replace-alerts

Replace js alerts

Author: pidster

public/basket.html

@@ -50,6 +50,8 @@
     <div id="content">
         <div class="container">
 
+            <div id="user-message"> </div>
+
             <div class="col-md-12">
                 <ul class="breadcrumb">
                     <li><a href="index.html">Home</a>
@@ -376,7 +378,7 @@ <h4>Coupon code</h4>
                                 $('#orderButton').click(function(event) {
                                     event.stopPropagation();
                                     event.preventDefault();
-                                    alert("Missing shipping or payment info.");
+                                    $("#user-message").html('<div class="alert alert-danger alert-dismissible" role="alert"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button> Could not place order. Missing shipping or payment information.</div>');
                                     return false;
                                 });
                             } else {