diff options
Diffstat (limited to 'nsoc-iui/src/main/resources/webroot/nsoc/virtualApplicationDetail.html')
| -rw-r--r-- | nsoc-iui/src/main/resources/webroot/nsoc/virtualApplicationDetail.html | 144 |
1 files changed, 144 insertions, 0 deletions
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/virtualApplicationDetail.html b/nsoc-iui/src/main/resources/webroot/nsoc/virtualApplicationDetail.html new file mode 100644 index 00000000..31e66b31 --- /dev/null +++ b/nsoc-iui/src/main/resources/webroot/nsoc/virtualApplicationDetail.html @@ -0,0 +1,144 @@ +<!--
+
+ Copyright (C) 2015 ZTE, Inc. and others. All rights reserved. (ZTE)
+
+ 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.
+
+-->
+<!DOCTYPE html>
+<html>
+<head>
+ <head lang="en">
+ <meta charset="UTF-8">
+ <title></title>
+ <link href="../component/thirdparty/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
+ <link href="../component/thirdparty/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
+ <link href="../component/thirdparty/uniform/css/uniform.default.min.css" rel="stylesheet" />
+ <link href="../component/css/ZteIctIcons/style.css" rel="stylesheet"/>
+ <link href="../framework/css/ngict-component.css" rel="stylesheet"/>
+ <link href="../framework/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="vmAppDetailController" class="container-fluid ms-controller">
+ <div data-name="tab_zone">
+ <div class="col-xs-12">
+ <ul class="nav nav-tabs" ms-each-tab="templateData">
+ <li ms-class-active="tab.value">
+ <a ms-attr-href="tab.href" data-toggle="tab" ms-text="tab.name" ms-click="tabChange($index)"></a>
+ </li>
+ </ul>
+ </div>
+ </div>
+ <div class="tab-content">
+ <div class="tab-pane active" id="topology">
+ <div ms-visible="!topologyTab.eventVisible">
+ <div class="row" style=" margin-top: 50px;">
+ <div class="col-xs-12 col-md-12 col-sm-12 col-lg-12 titlefont">
+ <button ms-visible="topologyTab.returnBtnVisible" class="btn white iconBtn"
+ ms-click="topologyTab.$returnNS" ms-attr-title="topologyTab.btnTip">
+ <i class="fa fa-arrow-left"></i>
+ </button>
+ </div>
+ </div>
+ <div ms-include-src="topologyTab.topology"></div>
+ </div>
+ <div class="separator-icon">
+ <div class="col-md-12" ms-visible="!topologyTab.eventVisible">
+ <a href="#" ms-click="topologyTab.$showEvent"><img src="images/up.png"></a>
+ </div>
+ <div class="col-md-12" ms-visible="topologyTab.eventVisible">
+ <a href="#" ms-click="topologyTab.$showEvent"><img src="images/down.png"></a>
+ </div>
+ </div>
+ <div class="col-md-12">
+ <div class="header">
+ <div class="title"><span id="nfv-virtualApplicationDetail-iui-text-events" name_i18n="com_zte_nfv_nsoc_i18n"></span></div>
+ </div>
+ <div class="containList">
+ <div class="row-fluid" data-name="table_zone" ms-visible="topologyTab.eventVisible">
+ <div class="col-md-12" id='ict_events_table_div' style="margin-top:10px;"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="tab-pane" id="nodes">
+ <div class="row-fluid" data-name="table_zone">
+ <div class="col-md-12" id='ict_nodes_table_div'></div>
+ </div>
+ </div>
+ </div>
+
+ <div id="right-menu" class="ms-nodedetail" ms-css-display="nodesTab.nodesDetail.isShow">
+ <div>
+ <div class="title"><h4>{{nodesTab.nodesDetail.detailTitle}}</h4>
+ <div class="rigth right-button-pointer" ms-click="nodesTab.nodesDetail.$showDetails('none')"><button type="button" class="btn btn-default"><span id="nfv-virtualApplicationDetail-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="nodesTab.nodesDetail.detailData" ms-click="nodesTab.nodesDetail.detailCondChange($index)" ms-attr-id="el.id"
+ ms-class="active: el.isActive">{{el.name}}
+ </button>
+ </div>
+ <div ms-if="nodesTab.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="nodesTab.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="nodesTab.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>
+ </div>
+
+ <script type="text/javascript" src="../component/thirdparty/jquery/jquery-1.10.2.min.js"></script>
+ <script type="text/javascript" src="../component/thirdparty/bootstrap/js/bootstrap.min.js"></script>
+ <script type="text/javascript" src="../component/thirdparty/data-tables/jquery.dataTables.min.js"></script>
+ <script type="text/javascript" src="../component/thirdparty/jquery.i18n/jquery.i18n.properties-1.0.9.js"></script>
+
+ <script type="text/javascript" src="../vendor/cometd/cometd.js"></script>
+ <script type="text/javascript" src="../vendor/cometd/jquery.cometd.js"></script>
+ <script type="text/javascript" src="../vendor/bootstrap-growl/bootstrap-growl.min.js"></script>
+ <script type="text/javascript" src="../vendor/avalon/avalon.modern.js"></script>
+
+ <script type="text/javascript" src="../framework/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/virtualApplication/vmAppDetailUtil.js"></script>
+ <script type="text/javascript" src="js/virtualApplication/vmAppDetailController.js"></script>
+ <script type="text/javascript" src="js/template/topoUtil.js"></script>
+</body>
+</html>
\ No newline at end of file |