Initial OpenECOMP Portal commit

Change-Id: I804b80e0830c092e307da1599bd9fbb5c3e2da77
Signed-off-by: talasila <talasila@research.att.com>

1 files changed, 85 insertions, 0 deletions

diff --git a/ecomp-portal-FE/client/kpi-dashboard/views/DCAE_DASH/static/visjs/legend_v2.js b/ecomp-portal-FE/client/kpi-dashboard/views/DCAE_DASH/static/visjs/legend_v2.js
new file mode 100644
index 00000000..23354334
--- /dev/null
+++ b/ecomp-portal-FE/client/kpi-dashboard/views/DCAE_DASH/static/visjs/legend_v2.js
@@ -0,0 +1,85 @@
+/*-
+ * ================================================================================
+ * eCOMP Portal
+ * ================================================================================
+ * Copyright (C) 2017 AT&T Intellectual Property
+ * ================================================================================
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ * 
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ * 
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ================================================================================
+ */
+d3.select('#legend').style.visibility="visible";
+ var svg1  = d3.select('#legend').append('svg');
+ var g1 = svg1.append("g");
+ svg1.attr('width', "100%")
+    .attr('height', "100%");
+ 
+  var circle1 = svg1.append("circle")
+                .attr("cx", "10")
+                .attr("cy", "10")
+                .attr("r", "5")
+                .attr('fill', greaterthan75_color)
+                .attr('stroke', 'black')
+                .attr('fill-opacity', 1.0);		
+ 
+  
+  var text4 = g1.append("text")
+             .attr("x", "30")
+			 .attr("y", "13")
+            .attr("font-family", "sans-serif")
+		  .attr("font-size", "10px");
+		  text4.text(greaterthan75_text);
+		  text4.attr("fill", "black");	
+
+  var circle2 = svg1.append("circle")
+                .attr("cx", "10")
+                .attr("cy", "25")
+                .attr("r", "5")
+                .attr('fill', lessthan50_75_color)
+                .attr('stroke', 'black')
+                .attr('fill-opacity', 1.0);   
+
+  var text5 = g1.append("text")
+             .attr("x", "30")
+			 .attr("y", "28")
+            .attr("font-family", "sans-serif")
+		  .attr("font-size", "10px");
+		  text5.text(lessthan50_75_text);
+		  text5.attr("fill", "black");
+		  
+
+    var circle3 = svg1.append("circle")
+                .attr("cx", "10")
+                .attr("cy", "40")
+                .attr("r", "5")
+                .attr('fill', lessthan50_color)
+                .attr('stroke', 'black')
+                .attr('fill-opacity', 1.0);  
+
+  var text6 = g1.append("text")
+             .attr("x", "30")
+			 .attr("y", "43")
+            .attr("font-family", "sans-serif")
+		  .attr("font-size", "10px");
+		  text6.text(lessthan50_text);
+		  text6.attr("fill", "black"); 		
+  		
+ //var zoom = d3.behavior.zoom().on ("zoom", move);
+ var zoom = d3.behavior.zoom()
+  .on("zoom",function() {
+    //alert(d3.event.scale); 
+    g.attr("transform","translate("+d3.event.translate.join(",")+")scale("+d3.event.scale+")")
+	if(d3.event.scale >= 4) { 
+		d3.behavior.zoom()
+		.scale(d3.event.scale);
+	}
+  });