Introduction of external URLs

Introduce external URLs to get AAI UI to show a specific graph

Change-Id: Ibc10dab32540f2c8347df1be535e48b88308b9ec
Signed-off-by: Arul <arul.nambi@amdocs.com>
Issue-ID: AAI-626

3 files changed, 53 insertions, 0 deletions

diff --git a/resources/images/launchExternalResource/ann-icon.svg b/resources/images/launchExternalResource/ann-icon.svg
new file mode 100644
index 0000000..17cb912
--- /dev/null
+++ b/resources/images/launchExternalResource/ann-icon.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 40.3 37.5" style="enable-background:new 0 0 40.3 37.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_3_);}
+	.st1{clip-path:url(#SVGID_4_);}
+	.st2{fill:#FF0000;}
+	.st3{fill:none;}
+	.st4{fill:#4D4D4D;}
+	.st5{fill:#06AFD1;stroke:#06AFD1;stroke-width:0.9908;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st6{fill:#FC0606;}
+	.st7{fill:#FC0000;}
+	.st8{clip-path:url(#SVGID_7_);}
+	.st9{clip-path:url(#SVGID_8_);}
+	.st10{fill: #01afd1;}
+</style>
+<g>
+	<path class="st10" d="M39.9,21.8l-4.3-4.3c0.9-1.3,2-3.2,2-5.6c0-5-4.1-9.2-9.2-9.2c-5.1,0-9.3,4.1-9.3,9c0,5.1,4.1,9.2,9.2,9.2
+		c2.2,0,4.1-0.7,5.6-2l4.4,4.4c0.2,0.2,0.5,0.4,0.8,0.4c0.3,0,0.6-0.1,0.8-0.4c0.2-0.2,0.3-0.5,0.3-0.8S40.1,21.9,39.9,21.8z
+		 M28.3,18.6c-3.9,0-6.9-3-6.9-6.9s3-6.9,6.9-6.9c3.8,0,6.9,3.1,6.9,6.9C35.2,15.6,32.2,18.6,28.3,18.6z"/>
+	<path class="st10" d="M31,24.3c-0.5-0.3-1.1,0-1.4,0.5c-1.2,2.6-3.2,4.8-5.6,6.2c-1.4-0.9-3.3-2.3-4.9-3.5c0,0,0.1,0,0.1-0.1
+		c1.2-1.2,1.2-3.1,0-4.3c-0.3-0.3-0.7-0.5-1-0.7c0.3-2,0.8-3.9,1.1-4.6c0.1-0.3,0-0.8-0.4-0.9c-0.4-0.1-0.8,0-0.9,0.4
+		c-0.3,0.9-0.8,2.9-1.1,4.9c-0.7,0-1.4,0.3-2,0.9c-0.2,0.2-0.3,0.3-0.4,0.5c-1.5-1.2-2.7-2.7-3.5-3.7c0.1,0,0.1-0.1,0.2-0.2
+		c0.9-0.9,1.1-2.2,0.7-3.3c1.9-1,4.3-2,4.9-2.1c0.4-0.1,0.6-0.4,0.6-0.8c-0.1-0.4-0.4-0.6-0.8-0.6c-0.9,0.2-3.5,1.2-5.5,2.3
+		c-1.1-1-2.8-1-4-0.1c-1-1.5-2-3.8-2.4-4.6c2.6-3.8,6.9-6.2,11.8-6.2c0.5,0,1,0,1.5,0.1C18.5,4.5,19,4,19.1,3.5
+		c0.1-0.6-0.4-1.1-0.9-1.1c-0.5-0.1-1.1-0.1-1.7-0.1C7.4,2.3,0,9.7,0,18.8c0,9.1,7.4,16.5,16.5,16.5c6.4,0,12.3-3.8,15-9.6
+		C31.7,25.2,31.5,24.5,31,24.3z M9,16.2c0.7,0,1.3,0.6,1.3,1.3c0,0.7-0.6,1.3-1.3,1.3c-0.7,0-1.3-0.6-1.3-1.3
+		C7.7,16.8,8.3,16.2,9,16.2z M2.1,18.8c0-2.5,0.6-4.8,1.7-6.8c0.6,1.3,1.5,3.2,2.4,4.4c-0.3,0.7-0.3,1.5-0.1,2.3c0,0,0,0,0,0
+		c-1,0.9-2.5,2.3-3.5,3.7C2.2,21.2,2.1,20,2.1,18.8z M3,23.8c0.1,0,0.2-0.1,0.2-0.2c1-1.3,2.5-2.9,3.6-3.9c0.8,0.8,1.9,1,2.9,0.8
+		c0.9,1.1,2.4,3,4.3,4.4c-0.1,0.9,0.2,1.8,0.9,2.4c0.3,0.3,0.6,0.5,1,0.7c0,0,0,0,0,0c0,1.6,0,3.8,0.1,5C10,32.9,5,29.1,3,23.8z
+		 M15.8,25.2c0-0.7,0.6-1.3,1.3-1.3c0.7,0,1.3,0.6,1.3,1.3c0,0.7-0.6,1.3-1.3,1.3C16.3,26.5,15.8,26,15.8,25.2z M17.4,33.1
+		c-0.1-1-0.1-3.1-0.1-4.9c0.2,0,0.4,0,0.5-0.1c1.4,1.1,3.3,2.6,4.8,3.6C21,32.6,19.2,33,17.4,33.1z"/>
+</g>
+</svg>
diff --git a/resources/scss/_components.scss b/resources/scss/_components.scss
index 882e1cc..38f9189 100644
--- a/resources/scss/_components.scss
+++ b/resources/scss/_components.scss
@@ -21,6 +21,7 @@
  * ECOMP is a trademark and service mark of AT&T Intellectual Property.
  */
 
+ 
 @import "components/validationForm";
 @import "components/slidePanel";
 @import "components/toggleInput";
@@ -31,6 +32,7 @@
 @import "components/titledComponent";
 @import "components/containerPanel";
 @import "components/filterBar";
+@import "components/launchExternalResource/launchExternalResource";
 
 %noselect {
   -webkit-touch-callout: none;
@@ -73,3 +75,4 @@
   }
 }
 
+
diff --git a/resources/scss/components/launchExternalResource/_launchExternalResource.scss b/resources/scss/components/launchExternalResource/_launchExternalResource.scss
new file mode 100644
index 0000000..8feeb1f
--- /dev/null
+++ b/resources/scss/components/launchExternalResource/_launchExternalResource.scss
@@ -0,0 +1,15 @@
+.launch-external-resource-button {
+  color: transparent;
+  background-color: transparent;
+  background-image: url($icons-folder-path + '/../launchExternalResource/ann-icon.svg');
+  font-size: 20px;
+  padding: 2px 5px;
+  margin-left: 10px;
+  border: none;
+  vertical-align: text-bottom;
+  height: 30px;
+  width: 30px;
+  background-repeat: no-repeat;
+}
+
+.launch-in-context {}