diff options
| author |   chenjiankun <chenjiankun1@huawei.com> | 2017-08-09 03:23:58 +0000 |
|---|---|---|
| committer | chenjiankun <chenjiankun1@huawei.com> | 2017-08-11 09:29:58 +0000 |
| commit | 43bf12d6ab7bcaea16dc75ed4ccbe3895cf51da3 (patch) | |
| tree | 234d642e36564dab4e9d48cff09c0b93901c252f /gui/app/views/taskLog.html | |
| parent | 55234666785b0fdc81365da4dac5563e954f8a09 (diff) | |
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>
Diffstat (limited to 'gui/app/views/taskLog.html')
| -rw-r--r-- | gui/app/views/taskLog.html | 39 |
1 files changed, 39 insertions, 0 deletions
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> |