ATLAS-3732 : UI: Lineage graph improvement and lib version updated

dashboardv2/package.json

@@ -32,8 +32,8 @@
     "bootstrap-daterangepicker": "2.1.25",
     "d3": "3.5.17",
     "d3-tip": "0.6.8",
-    "dagre-d3": "0.4.17",
-    "dropzone": "5.5.1",
+    "dagre-d3": "0.6.4",
+    "dropzone": "5.7.0",
     "font-awesome": "4.7.0",
     "jQuery-QueryBuilder": "2.4.3",
     "jquery": "3.3.1",

dashboardv2/public/css/scss/graph.scss

@@ -48,6 +48,16 @@
 
     .label {
         fill: $color_suva_gray_approx;
+
+        &.highlight {
+            cursor: pointer;
+            fill: $color_havelock_blue_approx;
+            text-decoration: underline;
+
+            tspan {
+                font-weight: 400;
+            }
+        }
     }
 
     circle {

dashboardv2/public/css/scss/theme.scss

@@ -576,7 +576,8 @@ td.searchTableName:hover {
             }
         }
 
-        image {
+        image,
+        circle {
             opacity: 0.2;
             //animation: blink 2.5s infinite;
         }

dashboardv2/public/js/main.js

@@ -42,7 +42,7 @@ require.config({
      * @default 7 seconds
      * @type {Number}
      */
-    'waitSeconds': 30,
+    'waitSeconds': 0,
 
     'shim': {
         'backbone': {

dashboardv3/package.json

@@ -32,7 +32,7 @@
     "bootstrap-daterangepicker": "2.1.25",
     "d3": "3.5.17",
     "d3-tip": "0.6.8",
-    "dagre-d3": "0.4.17",
+    "dagre-d3": "0.6.4",
     "dropzone": "5.7.0",
     "font-awesome": "4.7.0",
     "jQuery-QueryBuilder": "2.4.3",

dashboardv3/public/css/scss/graph.scss

@@ -41,6 +41,16 @@
 
     .label {
         fill: $color_suva_gray_approx;
+
+        &.highlight {
+            cursor: pointer;
+            fill: $color_havelock_blue_approx;
+            text-decoration: underline;
+
+            tspan {
+                font-weight: 400;
+            }
+        }
     }
 
     circle {

dashboardv3/public/css/scss/theme.scss

@@ -759,7 +759,8 @@ td.searchTableName:hover {
             }
         }
 
-        image {
+        image,
+        circle {
             opacity: 0.2;
             //animation: blink 2.5s infinite;
         }

dashboardv3/public/js/main.js

@@ -72,7 +72,7 @@ require.config({
      * @default 7 seconds
      * @type {Number}
      */
-    'waitSeconds': 30,
+    'waitSeconds': 0,
 
     'shim': {
         'backbone': {