fix testsuite name bugs and improve some ui details

JIRA: BOTTLENECK-247

fix the bug where the testsuite name contains Chinese characters.
add license header automatically when a testcase created.
ui improvements:
workflow panel only turns up when a testcase executes.
add grafana pages in the webpage 'Test Result'.
add the highlight effect on the navigation item.

Change-Id: If0ddf82fd4630128f2c4dd7fdde30f037e5bfba7
Signed-off-by: LeoQi <QibinZheng2014@tongji.edu.cn>

1 files changed, 8 insertions, 4 deletions

diff --git a/test-scheduler/ui/src/components/testsuite.vue b/test-scheduler/ui/src/components/testsuite.vue
index 5bdcbcc1..c6bb5a70 100644
--- a/test-scheduler/ui/src/components/testsuite.vue
+++ b/test-scheduler/ui/src/components/testsuite.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="wrapper wrapper-content animated fadeIn">
     <div class="row" style="margin-bottom: 20px;">
-      <div class="col-md-8">
+      <div class="col-md-12">
         <ol class="breadcrumb" style="padding-left: 20px; font-size: 17px;">
           <li>
             <router-link to="/" >root</router-link>
@@ -10,7 +10,7 @@
       </div>
     </div>
     <div id="page-content" class="row">
-      <div class="col-lg-8">
+      <div class="col-lg-12">
         <div class="ibox">
             <div class="ibox-title">
                 <h5 style="font-size:26px;margin-top: -3px;">Test Suite</h5>
@@ -52,7 +52,7 @@
       </div>
     </div>
     <hr />
-    <div class="row">
+    <div class="row" v-show="runYet">
       <div class="col-lg-12">
           <div class="ibox">
               <div class="ibox-title">
@@ -126,7 +126,8 @@ export default {
         caseName: ""
       },
       curRunningId: 0,
-      wfComplete: false
+      wfComplete: false,
+      runYet: false
     }
   },
   created: function() {
@@ -239,6 +240,9 @@ export default {
     runTestsuites: function() {
       var self = this;
       var msgTitle = "RUN -- TESTSUITE";
+      if(!self.runYet) {
+        self.runYet = true;
+      }
       if(self.selected.length == 0) {
         showMessage("warning", msgTitle, "please select one!");
         return;