1 files changed, 143 insertions, 0 deletions
diff --git a/openo-portal/portal-lifecyclemgr/src/main/webapp/lifecyclemgr/TopoAccor.html b/openo-portal/portal-lifecyclemgr/src/main/webapp/lifecyclemgr/TopoAccor.html
new file mode 100644
index 00000000..4b4ae9ef
--- /dev/null
+++ b/openo-portal/portal-lifecyclemgr/src/main/webapp/lifecyclemgr/TopoAccor.html
@@ -0,0 +1,143 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <link href="css/bootstrap.min.css" rel="stylesheet" />
+       
+        <link href="css/bootstrap-table.min.css" rel="stylesheet" />
+
+        <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
+        <script type="text/javascript" src="js/bootstrap.min.js"></script>
+        <script type="text/javascript" src="js/rest.js"></script>
+        <script type="text/javascript" src="js/bootstrap-table.min.js"></script>
+    <script>
+        $(document).ready(function () {
+            var serviceId = getQueryStringValue("serviceId");
+            console.log("TOPOAccor - serviceId : " + serviceId);
+
+            $("#topoContObj").attr('data', 'chartTopo.html?serviceId='+serviceId);
+            $("#nfvotopoContObj").attr('data', 'lcm_detail_nfvo_topology.html?serviceId='+serviceId);
+        });
+
+        function getQueryStringValue (key) {
+            var params = new URLSearchParams(window.location.search.slice(1));
+            return params.get(key);
+        }
+    </script>
+  <meta charset="utf-8">
+  <title>JS Bin</title>
+  <style>
+ 
+.panel-group .panel-heading + .panel-collapse > .panel-body {
+  border: 1px solid #ddd;
+}
+.panel-group,
+.panel-group .panel,
+.panel-group .panel-heading,
+.panel-group .panel-heading a,
+.panel-group .panel-title,
+.panel-group .panel-title a,
+.panel-group .panel-body,
+.panel-group .panel-group .panel-heading + .panel-collapse > .panel-body {
+  border-radius: 2px;
+  border: 0;
+}
+.panel-group .panel-heading {
+  padding: 0;
+}
+.panel-group .panel-heading a {
+  display: block;
+  background: #428bca;
+  color: #ffffff;
+  padding: 15px;
+  text-decoration: none;
+  position: relative;
+}
+
+.panel-group .panel-heading a:hover {
+ border: 1px solid #4AC9FF;
+ 
+}
+
+ 
+.panel-group .panel-heading a.collapsed {
+  background: #eeeeee;
+  color: inherit;
+}
+.panel-group .panel-heading a:after {
+  content: '-';
+  position: absolute;
+  right: 20px;
+  top:5px;
+  font-size:30px;
+}
+.panel-group .panel-heading a.collapsed:after {
+  content: '+';
+}
+.panel-group .panel-collapse {
+  margin-top: 5px !important;
+}
+.panel-group .panel-body {
+  background: #ffffff;
+  padding: 15px;
+}
+.panel-group .panel {
+  background-color: transparent;
+}
+.panel-group .panel-body p:last-child,
+.panel-group .panel-body ul:last-child,
+.panel-group .panel-body ol:last-child {
+  margin-bottom: 0;
+}
+
+  </style>
+</head>
+<body>
+  
+<div class="container" style="margin-top:10px;">
+
+         <div class="panel-group" id="accordion">
+         
+            <div class="panel panel-default">
+               <div class="panel-heading">
+                  <h4 class="panel-title">
+                     <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
+                     SDNO
+                     </a>
+                  </h4>
+               </div><!--/.panel-heading -->
+               <div id="collapseOne" class="panel-collapse collapse in">
+                  <div class="panel-body">
+                     <!--iframe src="chartTopo.html" name="" style="width:100%" allowTransparency="true" scrolling="no" frameborder="0">
+                                        </iframe>-->
+                      <object id="topoContObj" data="chartTopo.html" width="100%" height="300" type="text/html">
+
+                      </object>
+                  </div><!--/.panel-body -->
+               </div><!--/.panel-collapse -->
+            </div><!-- /.panel -->
+
+            
+            <div class="panel panel-default">
+               <div class="panel-heading">
+                  <h4 class="panel-title">
+                     <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
+                     NFVO
+                     </a>
+                  </h4>
+               </div><!--/.panel-heading -->
+               <div id="collapseThree" class="panel-collapse collapse">
+                  <div class="panel-body">
+                      <object id="nfvotopoContObj" data="lcm_detail_nfvo_topology.html" width="100%" height="300" type="text/html">
+
+                      </object>
+                  </div><!--/.panel-body -->
+               </div><!--/.panel-collapse -->
+            </div><!-- /.panel -->
+         </div><!-- /.panel-group -->
+
+</div><!-- /.container -->  
+  
+  
+
+</body>
+</html>
+\ No newline at end of file