summaryrefslogtreecommitdiffstats
path: root/usecaseui-lcm/src/main/webapp/html
diff options
context:
space:
mode:
author陆骥10116947 <lu.ji3@zte.com.cn>2017-09-07 16:35:12 +0800
committer陆骥10116947 <lu.ji3@zte.com.cn>2017-09-07 16:35:23 +0800
commitee7f5450b988a35c9f16d23d36498005e57531fc (patch)
tree197c41ffcc3baba27a5582495c2a15f4a08dac75 /usecaseui-lcm/src/main/webapp/html
parent10d5b11472f25b015d1d9b0abdea8e359595e16d (diff)
add creating service dialog
Change-Id: I812cddcbac94c83472ac2f702692478c9444a571 Issue-Id: USECASEUI-36 Signed-off-by: Luji7 <lu.ji3@zte.com.cn>
Diffstat (limited to 'usecaseui-lcm/src/main/webapp/html')
-rw-r--r--usecaseui-lcm/src/main/webapp/html/lifecyclemanager.html229
1 files changed, 169 insertions, 60 deletions
diff --git a/usecaseui-lcm/src/main/webapp/html/lifecyclemanager.html b/usecaseui-lcm/src/main/webapp/html/lifecyclemanager.html
index ba4118fe..4f8874d4 100644
--- a/usecaseui-lcm/src/main/webapp/html/lifecyclemanager.html
+++ b/usecaseui-lcm/src/main/webapp/html/lifecyclemanager.html
@@ -1,4 +1,22 @@
<!DOCTYPE html>
+<!--
+
+ 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>
<meta charset="utf-8">
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
@@ -47,7 +65,7 @@
<div class="container">
<div class="row">
<div class="col-md-2">
- <button class="btn btn-primary">Create Service</button>
+ <button id="createService" class="btn btn-primary">Create Service</button>
</div>
<div class="col-md-offset-6 col-md-2">
<button class="btn btn-primary">Onboard Vnf/NS Package</button>
@@ -64,75 +82,166 @@
<li><button class="btn btn-primary">Onboard Vnf/NS Package</button></li>
<li><button class="btn btn-primary">Delete Vnf/NS Package</button></li>
</ul-->
-
-
- <table class="table table-striped table-hover table-bordered">
- <thead>
- <tr>
- <th>Service Instance Id</th>
- <th>Service Name</th>
- <th>Service Type</th>
- <th>Action</th>
- </tr>
- </thead>
- <tbody id="bb">
- <tr>
- <td>123</td>
- <td>VoLTE Use Case 1</td>
- <td>E2E Service</td>
- <td><a href="#" class="btn btn-primary">Delete</a></td>
- </tr>
- <tr>
- <td>456</td>
- <td>VoLTE Use Case 2</td>
- <td>E2E Service</td>
- <td><a href="#" class="btn btn-primary">Delete</a></td>
- </tr>
- <tr>
- <td>789</td>
- <td>VoLTE Use Case 3</td>
- <td>E2E Service</td>
- <td><a href="#" class="btn btn-primary">Delete</a></td>
- </tr>
- </tbody>
- </table>
- <ul class="pagination pull-right">
- <li class="disabled"><a href="#">&laquo;</a></li>
- <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
- <li><a href="#">2 <span class="sr-only">(current)</span></a></li>
- <li><a href="#">3 <span class="sr-only">(current)</span></a></li>
- <li><a href="#">4 <span class="sr-only">(current)</span></a></li>
- <li><a href="#">5 <span class="sr-only">(current)</span></a></li>
- <li><a href="#">&raquo;</a></li>
- </ul>
- </div>
-
- </div>
- </div>
- </div>
+ <table class="table table-striped table-hover table-bordered">
+ <thead>
+ <tr>
+ <th>Service Instance Id</th>
+ <th>Service Name</th>
+ <th>Service Type</th>
+ <th>Action</th>
+ </tr>
+ </thead>
+ <tbody id="bb">
+ <tr>
+ <td>123</td>
+ <td>VoLTE Use Case 1</td>
+ <td>E2E Service</td>
+ <td><a href="#" class="btn btn-primary">Delete</a></td>
+ </tr>
+ <tr>
+ <td>456</td>
+ <td>VoLTE Use Case 2</td>
+ <td>E2E Service</td>
+ <td><a href="#" class="btn btn-primary">Delete</a></td>
+ </tr>
+ <tr>
+ <td>789</td>
+ <td>VoLTE Use Case 3</td>
+ <td>E2E Service</td>
+ <td><a href="#" class="btn btn-primary">Delete</a></td>
+ </tr>
+ </tbody>
+ </table>
+ <ul class="pagination pull-right">
+ <li class="disabled"><a href="#">&laquo;</a></li>
+ <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
+ <li><a href="#">2 <span class="sr-only">(current)</span></a></li>
+ <li><a href="#">3 <span class="sr-only">(current)</span></a></li>
+ <li><a href="#">4 <span class="sr-only">(current)</span></a></li>
+ <li><a href="#">5 <span class="sr-only">(current)</span></a></li>
+ <li><a href="#">&raquo;</a></li>
+ </ul>
</div>
+ </div>
+ </div>
- <!-- Modal -->
- <div class="modal fade" id="confirmModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
- <h4 class="modal-title" id="myModalLabel">Are you sure you want to sign out?</h4>
- </div>
- <div class="modal-footer">
- <a href="sign-in.html" class="btn btn-primary">Yes</a>
- <button type="button" class="btn btn-default" data-dismiss="modal">No</button>
- </div>
+ <!-- Modal -->
+ <div class="modal fade" id="confirmModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+ <div class="modal-dialog">
+ <div class="modal-content">
+ <div class="modal-header">
+ <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
+ <h4 class="modal-title" id="myModalLabel">Are you sure you want to sign out?</h4>
+ </div>
+ <div class="modal-footer">
+ <a href="sign-in.html" class="btn btn-primary">Yes</a>
+ <button type="button" class="btn btn-default" data-dismiss="modal">No</button>
</div>
</div>
</div>
+ </div>
+
+ <div id="createServiceDialog" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false">
+ <div class="modal-dialog">
+ <div class="modal-content">
+ <div class="content">
+ <div class="modal-header" style="margin-bottom: 15px;">
+ <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
+ </button>
+ <h4 class="modal-title" id="myModalLabel">
+ <span>Create</span>
+ </h4>
+ </div>
+ <form class="form-horizontal" role="form" id="neForm">
+ <div id="wizard">
+ <div class="modal-body">
+ <ul class="nav nav-tabs nav-justified vmapp-margin">
+ <li class="active basic">
+ <a href="#basicTab" style="margin-left:1px;" onclick="showBasic();" id="basicTab"
+ data-toggle="tab">
+ <span>Base</span>
+ </a>
+ </li>
+ <li style="padding-right:2px;" class="para">
+ <a href="#" onclick="hideBasic();" data-toggle="tab">
+ <span>Template Parameters</span>
+ </a>
+ </li>
- </div>
+ </ul>
+
+ <div id="basicInfoTab">
+ <div class="mT15 form-group" style="margin-left:25px;"
+ ms-class="has-error:vmAppDialog.name==''">
+ <label class="col-sm-3 control-label">
+ <span>Service Name</span>
+ <span class="required">*</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" id="svcName" name="svcName" class="form-control"
+ placeholder="Service Name" maxlength="256"/>
+ </div>
+ </div>
+ <div class="mT15 form-group" style="margin-left:25px;"
+ ms-class="has-error:vmAppDialog.name==''">
+ <label class="col-sm-3 control-label">
+ <span>Service Description</span>
+ <span class="required">*</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" id="svcDesc" name="" class="form-control"
+ placeholder="Service Description" maxlength="256"/>
+ </div>
+ </div>
+
+ <div class="form-group" style="margin-left:25px;margin-bottom:15px;"
+ ms-class="has-error:vmAppDialog.name==''">
+ <label class="col-sm-3 control-label">
+ <span>Service Template</span>
+ <span class="required">*</span>
+ </label>
+ <div class="col-sm-7">
+ <select class="form-control" style="padding-top: 0px;padding-bottom: 0px;"
+ id="svcTempl" name="svcTempl" onchange="serviceTemplateChanged();">
+ <option value="select">--select--</option>
+ <option value="1.1">1.1</option>
+ <option value="1.2">1.2</option>
+ </select>
+ </div>
+ </div>
+ </div>
+
+ <div id="templateParameterTab">
+
+ </div>
+
+ </div>
+ <div class="modal-footer">
+ <button type="button" style="width:80px;" class="btn SDBtn" data-dismiss="modal"
+ aria-hidden="true" id="startToCreateService">
+ <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>
+ </button>
+ <button type="button" style="width:80px;" class="btn button-previous SDBtn" data-dismiss="modal">
+ <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>
+ </button>
+
+ </div>
+ </div>
+ </form>
+ </div>
+ </div>
+ </div>
</div>
+
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/templatemo_script.js"></script>
+ <script src="js/lifecyclemanager.js"></script>
+ <script type="text/javascript">
+ $(document).ready(function () {
+ new lcmHandler();
+ })
+ </script>
</body>
</html>