improve message

web/static/css/style.css

@@ -138,6 +138,7 @@ table.credentials {
 .message {
     color: magenta;
     font-weight: bold;
+    height: 30px;
 }
 
 .centre {

web/static/js/controller.js

@@ -110,7 +110,7 @@
         });
     });
 
-    robotshop.controller('productform', function($scope, $http, $routeParams, currentUser) {
+    robotshop.controller('productform', function($scope, $http, $routeParams, $timeout, currentUser) {
         $scope.data = {};
         $scope.data.message = ' ';
         $scope.data.product = {};
@@ -125,11 +125,11 @@
             }).then((res) => {
                 console.log('cart', res);
                 $scope.data.message = 'Added to cart';
-                setTimeout(clearMessage, 3000);
+                $timeout(clearMessage, 3000);
             }).catch((e) => {
                 console.log('ERROR', e);
                 $scope.data.message = 'ERROR ' + e;
-                setTimeout(clearMessage, 3000);
+                $timeout(clearMessage, 3000);
             });
         };
 
@@ -145,6 +145,7 @@
         }
 
         function clearMessage() {
+            console.log('clear message');
             $scope.data.message = ' ';
         }