diff options
Diffstat (limited to 'openo-portal/portal-catalog/src/main/webapp/catalog/topologyDetail.html')
| -rw-r--r-- | openo-portal/portal-catalog/src/main/webapp/catalog/topologyDetail.html | 210 |
1 files changed, 0 insertions, 210 deletions
diff --git a/openo-portal/portal-catalog/src/main/webapp/catalog/topologyDetail.html b/openo-portal/portal-catalog/src/main/webapp/catalog/topologyDetail.html deleted file mode 100644 index 5c2c3c45..00000000 --- a/openo-portal/portal-catalog/src/main/webapp/catalog/topologyDetail.html +++ /dev/null @@ -1,210 +0,0 @@ -<!--
-
- Copyright 2016-2017 ZTE Corporation.
-
- 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.
-
--->
-<html>
-<head lang="en">
- <meta charset="UTF-8">
- <title></title>
- <link href="../common/thirdparty/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
- <link href="../common/thirdparty/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
- <link href="../common/thirdparty/uniform/css/uniform.default.min.css" rel="stylesheet" />
- <link href="../common/css/style.css" rel="stylesheet"/>
- <link href="../common/css/ngict-component.css" rel="stylesheet"/>
- <link href="../common/css/plugins.css" rel="stylesheet"/>
- <link href="css/platform/animate.min.css" rel="stylesheet"/>
- <link href="css/datatable-sort.css" rel="stylesheet"/>
- <link href="css/templateDetail.css" rel="stylesheet" />
- <link href="css/topology.css" rel="stylesheet" />
- <style type="text/css">
- .ms-controller {
- visibility: hidden;
- }
- .ms-nodedetail {
- display: none;
- }
- </style>
-</head>
-<body>
- <div ms-controller="tmTopoController" class="container-fluid ms-controller">
- <div class="row">
- <div class="col-xs-6 col-md-6 col-sm-6 col-lg-6 titlefont">
- <span id="nfv-template-topo-iui-title" name_i18n="com_zte_nfv_nsoc_i18n"></span>
- </div>
- </div>
- <div class="separator-line"></div>
- <div class="container-fluid">
- <div id="networks" style="float:left;display:inline-block">
- <div class="networksContainer">
- <div class="network" ms-repeat-network="topologyTab.networkTopoDatas">
- <div class="name" tooltip="" ms-attr-title="network.name" ms-if="network.name"
- ms-click="topologyTab.$showTopo(network.id, network.name)">
- <div ms-if="topologyTab.isShowNum" ms-text="network.num" class="badge">0</div>
- <span>{{network.name}}</span>
- </div>
- <div class="subnet" ms-repeat-subnet="network.subnets">
- <div class="line">
- <div class="vlan" ms-attr-id="subnet.id" ms-css-background-color="topologyTab.$getColor($index+$outer.$index)" ms-attr-title="subnet.name" ms-click="topologyTab.$showTopo(subnet.id, subnet.name)">
- <div ms-if="topologyTab.isShowNum" ms-text="subnet.num" class="badge">0</div>
- <p>{{subnet.name}}</p>
- <p class="cidr" ms-text="topologyTab.$getCidr(subnet.properties)"></p>
- </div>
- </div>
- </div><!--end repeat network.subnets-->
- </div><!--end repeat topologyTab.networkTopoDatas-->
- </div>
- </div>
- <div id="topo" style="float:left;display:inline-block">
- <div class="row-fluid" data-name="topo_zone">
- <div class="bpContainer" ms-each-host="topologyTab.boxTopoDatas">
- <div>
- <div class="box" ms-attr-id="host.id">
- <div class="piProgress" size="55">
- <div class="circle">
- <i class="gs-node-icon fa fa-desktop" ></i>
- <div ms-if="topologyTab.isShowNum" ms-text="host.num" class="badge">1</div>
- </div>
- <div class="smallCircle" ms-repeat-cp="host.cp" ms-attr-id="cp.id" ms-title="cp.name"
- ms-click="topologyTab.$showTopo(cp.id,cp.name)" ms-css-top="topologyTab.$getCpTop($index,host.id)">
- <i class="gs-cp-icon fa fa-credit-card" ></i>
- </div>
- </div>
- <div class="head" ms-hover="boxHover" tooltip ms-attr-title="host.name" ms-text="host.name" ms-click="topologyTab.$showTopo(host.id, host.name)">
- </div>
- <div class="holder">
- <div class="nest" ms-if="host.vnfdid" ms-click="topologyTab.$showVnfTopo(host.vnfdid)"
- ms-attr-title="topologyTab.vnfTip"><!-- only display nested ns template -->
- <div class="plus">
- <i class="fa fa-plus" style="color: #3aaeda;"></i>
- </div>
- </div>
- <div ms-each-box="host.children" ><!-- ngRepeat: node in map track by node.name -->
- <div>
- <div class="box" ms-attr-id="box.id">
- <div class="piProgress" size="55">
- <div class="circle">
- <i class="gs-node-icon fa fa-cogs"></i>
- <div ms-if="topologyTab.isShowNum" ms-text="box.num" class="badge">1</div>
- </div>
- <div class="smallCircle" ms-repeat-cp="box.cp" ms-attr-id="cp.id" ms-title="cp.name" ms-click="topologyTab.$showTopo(cp.id,cp.name)" ms-css-top="topologyTab.$getCpTop($index,box.id)">
- <i class="gs-cp-icon fa fa-credit-card" ></i>
- </div>
- </div>
- <div class="head" ms-hover="boxHover"
- tooltip="" ms-click="topologyTab.$showTopo(box.id, box.name)" ms-attr-title="box.name" ms-text="box.name"></div>
- <div class="holder" >
- <div ms-each-app="box.children">
- <!-- ngRepeat: node in map track by node.name -->
- <div>
- <div class="app" ms-attr-id="app.id" ms-click="topologyTab.$showTopo(app.id, app.name)" ms-hover="appHover">
- <div class="piProgress" size="55">
- <div class="circle" >
- <i class="gs-node-icon fa fa-cog" ></i>
- <div ms-if="topologyTab.isShowNum" ms-text="app.num" class="badge">1</div>
- </div>
- </div>
- <p tooltip="" ms-attr-id="app.id" ms-attr-title="app.name" ms-text="app.name"></p>
- </div>
- </div>
- <!-- end ngRepeat: node in map track by node.name -->
- </div>
- </div><!-- end ngIf: node.isApp == false -->
- </div><!-- end ngRepeat: node in map track by node.name -->
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div>
- <div class="coordinates">
- <svg id="svg_vl" width="100%" height="100%" fill="silver">
- <g transform="translate(0, 0)" >
- </g>
- </svg>
- </div>
- <div class="coordinates" style="z-index:3;">
- <svg id="svg_vdu" width="100%" height="100%" fill="silver">
- <g transform="translate(0, 0)" >
- </g>
- <defs>
- <marker id="arrowhead" viewBox="0 0 20 20" refX="16" refY="10" markerUnits="userSpaceOnUse" markerWidth="16" markerHeight="12" orient="auto" fill="#7A7A7A">
- <path d="M 0 0 L 20 10 L 0 20 z"></path>
- </marker>
- </defs>
- </svg>
- </div>
- </div>
- </div>
-
- <div id="right-menu" class="ms-nodedetail" ms-css-display="nodesDetail.isShow">
- <div>
- <div class="title"><h4>{{nodesDetail.detailTitle}}</h4>
- <div class="rigth right-button-pointer" ms-click="nodesDetail.$showDetails('none')">
- <button type="button" class="btn btn-default">
- <span id="nfv-templateDetail-nodesTab-iui-btn-close" name_i18n="com_zte_nfv_nsoc_i18n"></span>
- </button>
- </div>
- </div>
- <div>
- <div class="btn-group" >
- <button type="button" class="btn btn-default" ms-repeat="nodesDetail.detailData" ms-click="nodesDetail.detailCondChange($index)" ms-attr-id="el.id"
- ms-class="active: el.isActive">{{el.name}}
- </button>
- </div>
- <div ms-if="nodesDetail.detailIndex === 0">
- <div class="row-fluid" data-name="table_zone">
- <div id='ict_table_general_div' class="nodesDetail"></div>
- </div>
- </div>
- <div ms-if="nodesDetail.detailIndex === 1">
- <div class="row-fluid" data-name="table_zone">
- <div id='ict_table_properties_div' class="nodesDetail"></div>
- </div>
- </div>
- <div ms-if="nodesDetail.detailIndex === 2">
- <div class="row-fluid" data-name="table_zone">
- <div id='ict_table_relationShips_div' class="nodesDetail"></div>
- </div>
- </div>
- </div>
- </div>
- </div>
-
- <script type="text/javascript" src="../common/thirdparty/jquery/jquery-1.10.2.min.js"></script>
- <script type="text/javascript" src="../common/thirdparty/bootstrap/js/bootstrap.min.js"></script>
- <script type="text/javascript" src="../common/thirdparty/data-tables/jquery.dataTables-1.9.4.js"></script>
- <script type="text/javascript" src="../common/thirdparty/data-tables/jquery.dataTables-1.9.4.min.js"></script>
- <script type="text/javascript" src="../common/thirdparty/jquery.i18n/jquery.i18n.properties-1.0.9.js"></script>
-
- <script type="text/javascript" src="../common/thirdparty/bootstrap-growl/bootstrap-growl.min.js"></script>
- <script type="text/javascript" src="../common/thirdparty/avalon/avalon.modern.js"></script>
-
- <script type="text/javascript" src="../common/js/tools.js"></script>
-
- <script type="text/javascript" src="js/component/commonUtil.js"></script>
- <script type="text/javascript" src="js/component/serverPageTable.js"></script>
- <script type="text/javascript" src="js/component/loadi18n_nsoc.js"></script>
-
- <script type="text/javascript" src="js/template/tmDetailUtil.js"></script>
- <script type="text/javascript" src="js/template/tmUtil.js"></script>
- <script type="text/javascript" src="js/template/tmTopoController.js"></script>
- <script type="text/javascript" src="js/template/topoUtil.js"></script>
- </div>
-</body>
-</html>
\ No newline at end of file |