Add real time log view in GUI

JIRA: YARDSTICK-775

We have GUI now, but we can't see real time log in GUI view.
So I add real time log view in GUI.

Change-Id: Ie83f327ef0a94302afa6b3def764fec6ef5818d1
Signed-off-by: chenjiankun <chenjiankun1@huawei.com>

4 files changed, 56 insertions, 16 deletions

diff --git a/gui/app/scripts/controllers/projectDetail.controller.js b/gui/app/scripts/controllers/projectDetail.controller.js
index 4ab4a055a..a616f3ee7 100644
--- a/gui/app/scripts/controllers/projectDetail.controller.js
+++ b/gui/app/scripts/controllers/projectDetail.controller.js
@@ -671,20 +671,8 @@ angular.module('yardStickGui2App')
                 })
             }
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+            $scope.gotoLog = function gotoLog(task_id) {
+                $state.go('app2.taskLog', { taskId: task_id });
+            }
         }
-    ]);
\ No newline at end of file
+    ]);
diff --git a/gui/app/scripts/controllers/taskLog.controller.js b/gui/app/scripts/controllers/taskLog.controller.js
new file mode 100644
index 000000000..17722b7da
--- /dev/null
+++ b/gui/app/scripts/controllers/taskLog.controller.js
@@ -0,0 +1,34 @@
+'use strict';
+
+angular.module('yardStickGui2App').controller('TaskLogController', ['$scope', '$stateParams', '$http', '$interval', 'mainFactory', function ($scope, $stateParams, $http, $interval, mainFactory) {
+        $scope.logLines = [];
+        $scope.getLog = getLog;
+        $scope.taskId = $stateParams.taskId;
+        $scope.taskStatus = 0;
+        $scope.index = 0;
+
+        $scope.goBack = function goBack() {
+            window.history.back();
+        }
+
+        function getLog(){
+
+            function get_data(){
+                mainFactory.getTaskLog().get({'taskId': $scope.taskId, 'index': $scope.index}).$promise.then(function(data){
+                    angular.forEach(data.result.data, function(ele){
+                        $scope.logLines.push(ele);
+                        $scope.index = data.result.index;
+                    });
+
+                    if(data.status == 1){
+                        $interval.cancel($scope.intervalTask);
+                        $scope.taskStatus = 1;
+                    }
+                });
+            }
+
+            $scope.intervalTask = $interval(get_data, 2000);
+        }
+
+        getLog();
+}]);
diff --git a/gui/app/scripts/factory/main.factory.js b/gui/app/scripts/factory/main.factory.js
index f8e9df9a1..44fbeb39f 100644
--- a/gui/app/scripts/factory/main.factory.js
+++ b/gui/app/scripts/factory/main.factory.js
@@ -178,6 +178,14 @@ angular.module('yardStickGui2App')
                 })
             },
 
+            getTaskLog: function(){
+                return $resource(Base_URL + '/api/v2/yardstick/tasks/:taskId/log?index=:index', { taskId: "@taskId", index: "@index" }, {
+                    'get': {
+                        method: 'GET'
+                    }
+                })
+            },
+
             taskAddEnv: function() {
                 return $resource(Base_URL + '/api/v2/yardstick/tasks/:taskId', { taskId: "@taskId" }, {
                     'put': {
diff --git a/gui/app/scripts/router.config.js b/gui/app/scripts/router.config.js
index b42954272..9d3c045bd 100644
--- a/gui/app/scripts/router.config.js
+++ b/gui/app/scripts/router.config.js
@@ -143,6 +143,16 @@ angular.module('yardStickGui2App')
                     }
 
                 })
+                .state('app2.taskLog', {
+                    url: '/task/:taskId/log',
+                    templateUrl: 'views/taskLog.html',
+                    controller: 'TaskLogController',
+                    params: { taskId: null },
+                    ncyBreadcrumb: {
+                        label: 'TaskLog'
+                    }
+
+                })
                 .state('app2.report', {
                     url: '/report/:taskId',
                     templateUrl: 'views/report.html',