#145 added possibility to run multiple instances of the same script

bugy · May 21, 2020 · b98bf6d · b98bf6d
1 parent 1eebaee
commit b98bf6d
Show file tree

Hide file tree

Showing 19 changed files with 1,019 additions and 89 deletions.
diff --git a/web-src/src/assets/css/index.css b/web-src/src/assets/css/index.css
@@ -156,8 +156,3 @@ input[type=checkbox]:not(.browser-default) + span {
 #login-google_oauth-button[disabled] {
     color: #B0B0B0;
 }
-
-.main-content-header {
-    background: url('../titleBackground_small.jpg') no-repeat;
-    background-size: cover;
-}
diff --git a/web-src/src/common/components/AppLayout.vue b/web-src/src/common/components/AppLayout.vue
@@ -133,6 +133,8 @@
 
         display: flex;
         flex-direction: column;
+
+        width: 100vw;
     }
 
     .app-menu-button {
@@ -141,7 +143,6 @@
         float: left;
         position: relative;
         z-index: 1;
-        margin-right: 8px;
         margin-top: 12px;
         text-align: center;
     }
@@ -155,36 +156,20 @@
         line-height: 1;
     }
 
-    @media (max-width: 992px) {
-        .app-sidebar {
-            position: absolute;
-            height: 100vh;
-            z-index: 999;
-            transition: transform 0.3s;
-        }
-
-        .app-sidebar.collapsed {
-            -webkit-transform: translateX(-105%);
-            transform: translateX(-105%);
-        }
-
-        .sidenav-overlay {
-            opacity: 1;
-            display: block;
-            background-color: rgba(0, 0, 0, 0.4);
-        }
-
-        .app-menu-button {
-            display: block;
-        }
-    }
-
     .content-header {
         flex: 0 0 auto;
+        overflow: hidden;
+        width: 100%;
+
         z-index: 1;
 
+        padding-left: 24px;
+
         border-bottom: 1px solid #C8C8C8;
         position: relative;
+
+        background: url('../../assets/titleBackground_small.jpg') no-repeat;
+        background-size: cover;
     }
 
     .content-header.drop-shadow {
@@ -199,9 +184,43 @@
         margin: 0;
         bottom: 0;
         position: absolute;
+        left: 0;
     }
 
     .content-panel {
         flex: 1 1 0;
     }
+
+    @media (max-width: 992px) {
+        .content-header {
+            padding-left: 0;
+        }
+
+        .app-sidebar {
+            position: absolute;
+            height: 100vh;
+            z-index: 999;
+            transition: transform 0.3s;
+        }
+
+        .app-sidebar.collapsed {
+            -webkit-transform: translateX(-105%);
+            transform: translateX(-105%);
+        }
+
+        .sidenav-overlay {
+            opacity: 1;
+            display: block;
+            background-color: rgba(0, 0, 0, 0.4);
+            position: absolute;
+            z-index: 500;
+            width: 100%;
+            height: 100%;
+        }
+
+        .app-menu-button {
+            display: block;
+            margin-right: 12px;
+        }
+    }
 </style>
diff --git a/web-src/src/common/utils/common.js b/web-src/src/common/utils/common.js
@@ -658,4 +658,12 @@ export function randomInt(start, end) {
 
     const random = Math.random() * (end - start);
     return Math.floor(random) + start
+}
+
+export function trimTextNodes(el) {
+    for (let node of el.childNodes) {
+        if (node.nodeType === Node.TEXT_NODE) {
+            node.data = node.data.trim();
+        }
+    }
 }
diff --git a/web-src/src/main-app/MainApp.vue b/web-src/src/main-app/MainApp.vue
@@ -61,7 +61,7 @@
     }
 </script>
 
-<style scoped>
+<style>
     h1, h2, h3, h4, h5, h6 {
         margin: 0;
     }

diff --git a/web-src/src/main-app/components/history/AppHistoryHeader.vue b/web-src/src/main-app/components/history/AppHistoryHeader.vue
@@ -3,7 +3,7 @@
         <router-link :to="baseRoute" class="breadcrumb">
             <h3 class="header">History</h3>
         </router-link>
-        <router-link :to="$route.path" class="breadcrumb" v-if="selectedExecutionString">
+        <router-link :to="$route.path" class="breadcrumb execution-breadcrumb" v-if="selectedExecutionString">
             <h3 class="header">{{ selectedExecutionString }}</h3>
         </router-link>
     </div>
@@ -37,17 +37,30 @@
 
 <style scoped>
     .main-content-header {
-        padding: 0.9rem;
+        padding: 0;
+        height: 56px;
+        display: flex;
+        align-items: center;
     }
 
     .main-content-header h3 {
+        padding: 0;
         display: inline;
-        padding: 0 0.3rem;
     }
 
     .main-content-header h3,
     .main-content-header .breadcrumb:before {
         color: rgba(0, 0, 0, 0.87);
-        line-height: 25px;
+        line-height: 1.3em;
+        font-size: 1.3em;
+    }
+
+    .main-content-header .execution-breadcrumb {
+        color: rgba(0, 0, 0, 0.87);
+        flex: 1 1 0;
+        min-width: 0;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
     }
 </style>