Optimization of copy as python (#987)

optimization of copy as python

src/webui/src/index.tsx

@@ -4,7 +4,6 @@ import * as ReactDOM from 'react-dom';
 import App from './App';
 import { Router, Route, browserHistory, IndexRedirect } from 'react-router';
 import registerServiceWorker from './registerServiceWorker';
-import Control from './components/Control';
 import Overview from './components/Overview';
 import TrialsDetail from './components/TrialsDetail';
 import './index.css';
@@ -15,7 +14,6 @@ ReactDOM.render(
             <IndexRedirect to="/oview" />
             <Route path="/oview" component={Overview} />
             <Route path="/detail" component={TrialsDetail} />
-            <Route path="/control" component={Control} />
         </Route>
     </Router>,
     document.getElementById('root') as HTMLElement

src/webui/src/static/const.ts

@@ -25,7 +25,7 @@ const COLUMN_INDEX = [
         index: 1
     },
     {
-        name: 'Id',
+        name: 'ID',
         index: 2
     },
     {
@@ -45,11 +45,11 @@ const COLUMN_INDEX = [
         index: 10000
     },
     {
-        name: 'Intermediate Result',
+        name: 'Intermediate result',
         index: 10001
     }
 ];
-const COLUMN = ['Trial No.', 'Id', 'Duration', 'Status', 'Default', 'Operation', 'Intermediate Result'];
+const COLUMN = ['Trial No.', 'ID', 'Duration', 'Status', 'Default', 'Operation', 'Intermediate result'];
 export {
     MANAGER_IP, DOWNLOAD_IP, trialJobStatus,
     CONTROLTYPE, MONACO, COLUMN, COLUMN_INDEX

src/webui/src/static/function.ts

@@ -90,7 +90,7 @@ const intermediateGraphOption = (intermediateArr: number[], id: string) => {
             data: sequence
         },
         yAxis: {
-            name: 'Default Metric',
+            name: 'Default metric',
             type: 'value',
             data: intermediateArr
         },
@@ -112,6 +112,7 @@ const killJob = (key: number, id: string, status: string, updateList: Function)
     })
         .then(res => {
             if (res.status === 200) {
+                message.destroy();
                 message.success('Cancel the job successfully');
                 // render the table
                 updateList();

src/webui/src/static/style/tableList.scss → src/webui/src/static/style/openRow.scss

-
+/* website theme color */
 $color: #0071bc;
+/* bg light grey */
+$bgColor: #f2f2f2;
 .openRowContent{
     .ant-tabs-vertical.ant-tabs-left .ant-tabs-bar .ant-tabs-tab{
         text-align: left !important;
@@ -12,6 +14,7 @@ $color: #0071bc;
 }
 .openRowContent{
     margin-top: 15px;
+    background-color: $bgColor;
     .card{
         .ant-tabs-vertical .ant-tabs-bar .ant-tabs-tab{
             margin: 0;
@@ -25,7 +28,7 @@ $color: #0071bc;
         }
         .ant-tabs-tabpane{
             background: #f2f2f2;
-            padding: 10px 20px;
+            padding: 12px 12px 12px 0;
         }
     }
 }
@@ -44,3 +47,24 @@ $color: #0071bc;
         height: 100%;
     }
 }
+
+#description{
+    .bgHyper{
+        background-color: #fff;
+        margin-bottom: 12px;
+    }
+    .copy{
+        Button{
+            background-color: #ccc;
+            color: #191919;
+            border: none;
+            outline: none;
+        }
+        Button:hover{
+            background-color: #ccc;
+            color: #191919;
+            border: none;
+            outline: none;
+        }
+    }
+}

src/webui/src/static/style/progress.scss

@@ -53,7 +53,7 @@
     }
     div{
         font-size: 16px;
-        color: #333;
+        color: #0573bc;
     }
 }
 
@@ -73,7 +73,7 @@
 */
 .inputBox{
     height: 26px;
-    margin-top: -3px;
+    margin-top: 5px;
     .concurrencyInput{
         width: 25%;
         height: 26px;

src/webui/src/static/style/table.scss

-
-/* react-json-view background */
+/* react-json-tree background */
 #description ul, #allList ul{
     background: none !important;
 }
@@ -10,10 +9,10 @@
     #succeTable .commonTableStyle{
         overflow-y: scroll;
     }
-
 }
+
 #succeTable, #tableList{
-    .commonTableStyle .idtitle div{
+    .commonTableStyle .leftTitle div{
         text-align: left;
     }
     .durationsty{
@@ -52,7 +51,6 @@
     }
 
     tr:hover{ 
-
         /* cancel antd table default hover style */
         td{
             background-color: transparent;
@@ -85,7 +83,8 @@
     }
 }
 
-pre.hyperpar{
+/* let openrow content left*/
+.hyperpar{
     text-align: left;
     line-height: 18px;
     font-size: 14px;

src/webui/src/static/style/tableStatus.css

+/* all table status font-color */
 .RUNNING,.USER_CANCELED{
     color: #0071BC;
 }