diff options
Diffstat (limited to 'nsoc-iui/src/main/resources/webroot/nsoc/virtualApplication.html')
| -rw-r--r-- | nsoc-iui/src/main/resources/webroot/nsoc/virtualApplication.html | 280 |
1 files changed, 280 insertions, 0 deletions
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/virtualApplication.html b/nsoc-iui/src/main/resources/webroot/nsoc/virtualApplication.html new file mode 100644 index 00000000..76cff61d --- /dev/null +++ b/nsoc-iui/src/main/resources/webroot/nsoc/virtualApplication.html @@ -0,0 +1,280 @@ +<!--
+
+ 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="../vendor/icheck/skins/all.css" rel="stylesheet" type="text/css"/>
+ <link href="../vendor/bootstrap-modal/css/bootstrap-modal-bs3patch.css" rel="stylesheet" />
+ <link href="../vendor/bootstrap-modal/css/bootstrap-modal.css" rel="stylesheet" />
+ <link href="../framework/css/ngict-component.css" rel="stylesheet"/>
+ <link href="../framework/css/plugins.css" rel="stylesheet"/>
+ <link href="css/virtualApplication.css" rel="stylesheet" />
+ <style type="text/css">
+ .ms-controller {
+ visibility: hidden;
+ }
+ </style>
+</head>
+<body>
+ <div ms-controller="vmAppController" 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-virtualApplication-iui-title" name_i18n="com_zte_nfv_nsoc_i18n"></span>
+ </div>
+ </div>
+ <div class="separator-line"></div>
+ <div class="uploadBtn">
+ <button class="btn white radius_l" ms-click="showCreateApp"><i class="ict-new"></i>
+ <span id="nfv-virtualApplication-iui-text-createVm" name_i18n="com_zte_nfv_nsoc_i18n"></span>
+ </button>
+ </div>
+ <div class="row-fluid" data-name="table_zone">
+ <div id='ict_virtualApplication_table_div'></div>
+ </div>
+ <div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"
+ aria-labelledby="myModalLabel" aria-hidden="false" data-modal-overflow="true">
+ <!--<div class="modal-dialog">
+ <div class="modal-content">
+ <div class="content">-->
+ <div class="modal-header">
+ <button type="button" class="close" data-dismiss="modal"
+ aria-hidden="true">×
+ </button>
+ <h4 class="modal-title" id="myModalLabel">
+ <span ms-text="vmAppDialog.title"></span>
+ </h4>
+ </div>
+ <form class="form-horizontal" role="form" id="vmAppForm">
+ <div id="wizard">
+ <div class="modal-body">
+ <ul class="nav nav-pills nav-justified vmapp-margin">
+ <li><a href="#basicTab" data-toggle="tab">
+ <span id="nfv-virtualApplication-iui-text-tab-basic" name_i18n="com_zte_nfv_nsoc_i18n"></span>
+ </a></li>
+ <li><a href="#flavorTab" data-toggle="tab">
+ <span id="nfv-virtualApplication-iui-text-tab-flavor" name_i18n="com_zte_nfv_nsoc_i18n"></span>
+ </a></li>
+ <li><a href="#inputParamTab" data-toggle="tab">
+ <span id="nfv-virtualApplication-iui-text-tab-operationParam" name_i18n="com_zte_nfv_nsoc_i18n"></span>
+ </a></li>
+ </ul>
+ <div class="tab-content">
+ <div class="tab-pane" id="basicTab">
+ <div class="form-group">
+ <label class="col-sm-3 control-label">
+ <span id="nfv-virtualApplication-iui-text-name" name_i18n="com_zte_nfv_nsoc_i18n"></span>
+ <span class="required" aria-required="true">*</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" id="instanceName" name="instanceName" ms-duplex="vmAppDialog.name" class="form-control"/>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="col-sm-3 control-label">
+ <span id="nfv-virtualApplication-iui-text-description" name_i18n="com_zte_nfv_nsoc_i18n"></span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" id="instanceDescription" class="form-control"/>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="col-sm-3 control-label">
+ <span id="nfv-virtualApplication-iui-text-template" name_i18n="com_zte_nfv_nsoc_i18n"></span>
+ <span class="required" aria-required="true">*</span>
+ </label>
+ <div class="col-sm-7">
+ <select class="form-control" id="serviceTemplateName"
+ name="serviceTemplateName" ms-change="vmAppDialog.$templateChange">
+ <option ms-repeat="vmAppDialog.templateSelectItems"
+ ms-attr-data-index="$index"
+ data-repeat-rendered="templateRender">{{el.templatename}}</option>
+ </select>
+ </div>
+ </div>
+ <div class="form-group" ms-if="false">
+ <label class="col-sm-3 control-label">
+ <span id="nfv-virtualApplication-iui-text-templateDes" name_i18n="com_zte_nfv_nsoc_i18n"></span>
+ </label>
+ <div class="col-sm-7">{{vmAppDialog.description}}</div>
+ </div>
+ <div class="form-group" ms-visible="false">
+ <label class="col-sm-3 control-label">VIM
+ <span class="required" aria-required="true">*</span>
+ </label>
+ <div class="col-sm-7">
+ <select class="form-control" id="vimId" name="vimId">
+ <option ms-repeat="vmAppDialog.vimSelectItems" ms-attr-value="el.oid">{{el.name}}</option>
+ </select>
+ </div>
+ </div>
+ <!--<div class="form-group" ms-repeat-vnf="vmAppDialog.vnfItems"
+ data-repeat-rendered="vnfRender">
+ <label class="col-sm-3 control-label">
+ <span ms-text="vmAppDialog.$getVnfmText(vnf.name)"></span>
+ <span class="required" aria-required="true">*</span>
+ </label>
+ <div class="col-sm-7">
+ <select class="form-control" ms-attr-id="vnf.templateid"
+ ms-attr-name="vnf.templateid">
+ <option ms-repeat="vmAppDialog.vnfmSelectItems" ms-attr-value="el.oid">{{el.name}}</option>
+ </select>
+ </div>
+ </div>-->
+ <div class="form-group">
+ <label class="col-sm-3 control-label">
+ <span id="nfv-virtualApplication-iui-text-vnfm" name_i18n="com_zte_nfv_nsoc_i18n"></span>
+ <span class="required" aria-required="true">*</span>
+ </label>
+ <div class="col-sm-7">
+ <select class="form-control" id="vnfmId" name="vnfmId">
+ <option ms-repeat="vmAppDialog.vnfmSelectItems" ms-attr-value="el.oid">{{el.name}}</option>
+ </select>
+ </div>
+ </div>
+ </div><!--end basicTab-->
+ <div class="tab-pane" id="flavorTab">
+ <div class="form-group">
+ <label class="col-sm-3 control-label">
+ <span id="nfv-virtualApplication-iui-text-flavor" name_i18n="com_zte_nfv_nsoc_i18n"></span>
+ </label>
+ <div class="col-sm-7">
+ <select class="form-control" id="flavor" name="flavor" ms-change="vmAppDialog.$flavorChange">
+ <option ms-repeat="vmAppDialog.flavors" ms-data-desc="el.desc"
+ data-repeat-rendered="flavorRender">{{el.name}}</option>
+ </select>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="col-sm-3 control-label">
+ <span id="nfv-virtualApplication-iui-text-flavorDesc" name_i18n="com_zte_nfv_nsoc_i18n"></span>
+ </label>
+ <div class="col-sm-7">
+ <textarea class="form-control" id="flavorDesc" ms-attr-value="vmAppDialog.flavorDesc"></textarea>
+ </div>
+ </div>
+ <div ms-each-group="vmAppDialog.flavorParams"
+ data-each-rendered="paramRender">
+ <div class="vmapp-form-title" ms-text="group.groupName"></div>
+ <div class="form-group" ms-repeat-param="group.params">
+ <label class="col-sm-3 control-label">
+ <span ms-text="vmAppDialog.$getFlavorI18nInfo(param.key)"></span>
+ <span class="required" aria-required="true">*</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" ms-attr-id="vmAppDialog.$getGoupParamKey(group.groupName, param.key)" ms-attr-name="vmAppDialog.$getGoupParamKey(group.groupName, param.key)"
+ class="form-control"/>
+ </div>
+ </div>
+ </div><!-- end each flavorParams -->
+ </div><!--end flavorTab-->
+ <div class="tab-pane" id="inputParamTab">
+ <div>
+ <div class="vmapp-form-title" ms-visible="vmAppDialog.operationParams.length"
+ id="nfv-virtualApplication-iui-text-input-planTitle" name_i18n="com_zte_nfv_nsoc_i18n"></div>
+ <div class="form-group" ms-repeat-param="vmAppDialog.operationParams"
+ data-repeat-rendered="operationParamRender">
+ <label ms-if="vmAppDialog.language == 'zh-CN'" class="col-sm-4 control-label"> {{param.paramKey_zh_CN}}
+ <span ms-if="param.required == 'true'" class="required" aria-required="true">*</span>
+ </label>
+ <label ms-if="vmAppDialog.language == 'en-US'" class="col-sm-4 control-label"> {{param.paramKey_en_US}}
+ <span ms-if="param.required == 'true'" class="required" aria-required="true">*</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" class="form-control" ms-attr-id="param.paramKey"
+ ms-attr-name="param.paramKey"
+ ms-attr-data-required="param.required"
+ ms-attr-placeholder="param.defaultValue"/>
+ </div>
+ </div><!-- end repeat operationParams -->
+ <div id="templateInput" ms-each-input="vmAppDialog.templateInputParams">
+ <div class="vmapp-form-title" ms-text="input.groupName"></div>
+ <div class="form-group" ms-repeat-param="input.params">
+ <label class="col-sm-4 control-label">
+ <span ms-text="param.key"></span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" ms-attr-id="vmAppDialog.$getGoupParamKey(input.groupName, param.key)"
+ ms-attr-name="vmAppDialog.$getGoupParamKey(input.groupName, param.key)"
+ class="form-control"/>
+ </div>
+ </div>
+ </div><!-- end each templateInputParams -->
+ <div class="text-center" ms-visible="vmAppDialog.inputParamDescVisible">
+ <span id="nfv-virtualApplication-iui-validate-noinputParam" name_i18n="com_zte_nfv_nsoc_i18n"></span>
+ </div>
+ </div>
+ </div><!--end inputParamTab-->
+ </div><!--end .tab-content-->
+ </div><!-- end .modal-body -->
+ <div class="modal-footer">
+ <button class="btn" data-dismiss="modal" aria-hidden="true">
+ <span id="nfv-virtualApplication-iui-text-cancelBtn" name_i18n="com_zte_nfv_nsoc_i18n"></span>
+ </button>
+ <button class="btn button-previous">
+ <span id="nfv-virtualApplication-iui-text-previousBtn" name_i18n="com_zte_nfv_nsoc_i18n"></span>
+ </button>
+ <button class="btn button-next">
+ <span id="nfv-virtualApplication-iui-text-nextBtn" name_i18n="com_zte_nfv_nsoc_i18n"></span>
+ </button>
+ <button id="createBtn" class="btn btn-primary" ms-click="vmAppDialog.$confirmBtnClick">
+ <span ms-text="vmAppDialog.btnTitle"></span>
+ </button>
+ </div>
+ </div><!-- end wizard -->
+ </form>
+ <!--</div>
+ </div>
+ </div>-->
+ </div><!-- end .modal -->
+ <div ms-include-src="vmAppDialog.vmAppScaleHtml" data-include-rendered="includeRender"></div>
+ </div><!-- end ms-controller -->
+
+ <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/bootbox/bootbox.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="../component/thirdparty/jquery-validation/js/jquery.validate.min.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-wizard/jquery.bootstrap.wizard.min.js"></script>
+ <script type="text/javascript" src="../vendor/bootstrap-growl/bootstrap-growl.min.js"></script>
+ <script type="text/javascript" src="../vendor/bootstrap-modal/js/bootstrap-modalmanager.js"></script>
+ <script type="text/javascript" src="../vendor/bootstrap-modal/js/bootstrap-modal.js"></script>
+ <script type="text/javascript" src="../vendor/icheck/icheck.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/validate.js"></script>
+ <script type="text/javascript" src="js/virtualApplication/vmAppUtil.js"></script>
+ <script type="text/javascript" src="js/virtualApplication/vmAppController.js"></script>
+</body>
+</html>
\ No newline at end of file |