From 43bf12d6ab7bcaea16dc75ed4ccbe3895cf51da3 Mon Sep 17 00:00:00 2001
From: chenjiankun <chenjiankun1@huawei.com>
Date: Wed, 9 Aug 2017 03:23:58 +0000
Subject: 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>
---
 gui/app/views/projectdetail.html |  1 +
 gui/app/views/taskLog.html       | 39 +++++++++++++++++++++++++++++++++++++++
 2 files changed, 40 insertions(+)
 create mode 100644 gui/app/views/taskLog.html

(limited to 'gui/app/views')

diff --git a/gui/app/views/projectdetail.html b/gui/app/views/projectdetail.html
index 357a26add..405ff5af0 100644
--- a/gui/app/views/projectdetail.html
+++ b/gui/app/views/projectdetail.html
@@ -47,6 +47,7 @@
                             <li role="menuitem" ng-show="task.status!=0"><a ng-click="runAtaskForTable(task.uuid)">run</a></li>
 
                             <li role="menuitem" ng-show="task.status!=0"><a ng-click="gotoModify(task.uuid)">modify</a></li>
+                            <li role="menuitem" ng-show="task.status!=-1"><a ng-click="gotoLog(task.uuid)">log</a></li>
                             <li role="menuitem" ng-show="task.status!=-1 && task.status!=0"><a ng-click="gotoReport(task.uuid)" style="color:#2ecc71">reporting</a></li>
                             <li role="menuitem"><a ng-click="openDeleteEnv(task.uuid,'task')">delete</a></li>
 
diff --git a/gui/app/views/taskLog.html b/gui/app/views/taskLog.html
new file mode 100644
index 000000000..f90eb22b8
--- /dev/null
+++ b/gui/app/views/taskLog.html
@@ -0,0 +1,39 @@
+<div class="content">
+    <i class="fa fa-arrow-left fa-1x" aria-hidden="true" style="color: #999;cursor:pointer" ng-click="goBack()">Back</i>
+    <h3>Log</h3>
+    <hr/>
+    <div style="display:flex;flex-direction:row">
+        <div>
+            <div style="margin-top:5px;">Task: {{ taskId }}</div>
+        </div>
+        <div class="progree-parent"  style="margin-top:10px;margin-left:20px">
+            <div class="progree-child" ng-show="taskStatus==0" style="width:50%"></div>
+            <div class="progree-child" ng-show="taskStatus==1" style="width:100%"></div>
+        </div>
+        <i class="fa fa-check" aria-hidden="true" style="margin-top:10px;margin-left:5px;color: #2ecc71;" ng-show="taskStatus==1">finish</i>
+        <i class="fa fa-spinner" aria-hidden="true" style="margin-top:10px;margin-left:5px;color: #2ecc71;" ng-show="taskStatus==0">runing</i>
+    </div>
+    <div class="box">
+        <div class="line-block" ng-repeat="line in logLines track by $index">
+            <span>{{ line }}</span>
+        </div>
+    </div>
+</div>
+
+<style>
+    .box {
+        width: 90%%;
+        border-radius: 5px;
+        border: 1px solid #e8e8e8;
+        line-height: 180%;
+        margin-top: 20px;
+    }
+
+    .line-block {
+        margin-left: 10px;
+    }
+
+    .content {
+        height: 90%;
+    }
+</style>
-- 
cgit 1.2.3-korg