Initial OpenECOMP Portal commit

[portal.git] / ecomp-portal-FE / client / kpi-dashboard / views / DCAE_DASH / static / visjs / legend_v2.js

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 (file)
index 0000000..2335433
--- /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);
+       }
+  });