ATLAS-1469: updated UI to send null tag attribute value when no input is provided

dashboardv2/public/css/scss/graph.scss

@@ -45,6 +45,18 @@
     .label {
         fill: $color_suva_gray_approx;
     }
+    image {
+        &.nodeImage {
+            -moz-transition: all 0.3s;
+            -webkit-transition: all 0.3s;
+            transition: all 0.3s;
+            &:hover {
+                -moz-transform: scale(1.4);
+                -webkit-transform: scale(1.4);
+                transform: scale(1.4);
+            }
+        }
+    }
 }
 
 .overlay {}

dashboardv2/public/js/templates/detail_page/DetailPageLayoutView_tmpl.html

@@ -49,7 +49,7 @@
             <div class="atlast-tabbable">
                 <h4 class="lineageLabel">LINEAGE</h4>
                 <div class="panel panel-default lineageLayout">
-                    <div id="r_lineageLayoutView" style="height:385px">
+                    <div id="r_lineageLayoutView" style="height:405px">
                         <div class="fontLoader">
                             <i class="fa fa-refresh fa-spin-custom"></i>
                         </div>

dashboardv2/public/js/templates/graph/LineageLayoutView_tmpl.html

@@ -22,6 +22,10 @@
             <i class="fa fa-refresh fa-spin-custom"></i>
         </div>
         <svg width=100% height=350></svg>
+        <div class="legends">
+            <i class="fa fa-long-arrow-right" aria-hidden="true" style="margin-right: 12px; color:#8bc152;">&nbsp<span>Lineage</span></i>
+            <i class="fa fa-long-arrow-right" aria-hidden="true" style="color:#fb4200;">&nbsp<span>Impact</span></i>
+        </div>
         <div class="zoomButtonGroup">
             <button type="button" class="zoomButton" id="zoom_in">+</button>
             <button type="button" class="zoomButton" id="zoom_out">-</button>

dashboardv2/public/js/views/tag/addTagModalView.js

@@ -66,7 +66,7 @@ define(['require',
                 var tagAttributeNames = this.$(".attrName");
                 tagAttributeNames.each(function(i, item) {
                     var selection = $(item).data("key");
-                    tagAttributes[selection] = $(item).val();
+                    tagAttributes[selection] = $(item).val() || null;
                 });
                 var obj = {
                     tagName: tagName,