Fix create dialog open failed.

Change-Id: I85fa9396ef3ccd6b9a3e9601f188721ba39da8c8
Issue-id: USECASEUI-36
Signed-off-by: Luji7 <lu.ji3@zte.com.cn>

1 files changed, 64 insertions, 195 deletions

diff --git a/usecaseui-lcm/src/main/webapp/app/uui/fusion/scripts/view-models/lifecyclemanagement.html b/usecaseui-lcm/src/main/webapp/app/uui/fusion/scripts/view-models/lifecyclemanagement.html
index e0a9d2ad..b6fadfc8 100644
--- a/usecaseui-lcm/src/main/webapp/app/uui/fusion/scripts/view-models/lifecyclemanagement.html
+++ b/usecaseui-lcm/src/main/webapp/app/uui/fusion/scripts/view-models/lifecyclemanagement.html
@@ -15,97 +15,73 @@
     limitations under the License.
 
 -->
-<div class="templatemo-content-wrapper" ng-controller="lcmCtrl" ng-init="init()">
+<div class="templatemo-content-wrapper" ng-controller="lcmCtrl as ctrl" ng-init="ctrl.init()">
   <div class="templatemo-content">
     <h1 style="margin-bottom:40px">Life Cycle Manager</h1>
-    <!--ul class="nav nav-tabs nav-justified vmapp-margin"-->
-    <ul class="nav nav-tabs nav-justified vmapp-margin" style="border-bottom-color:#66B3FF">
-        <li class="active basic">
-            <a href="#" style="margin-left:1px" onclick="showService();" id="serviceTab" data-toggle="tab">
-                <span>Services</span>
-            </a>
-        </li>
-        <li style="padding-right:2px;" class="para">
-            <a href="#vnf-ns-onboard" onclick="hideService();" data-toggle="tab" id="vnfNsTab">
-                <span>Vnf/NS Packages</span>
-            </a>
-        </li>
-    </ul>
-
-    <div id="vnf-ns-onboard">
-      <table id="onbaordTable" class="table table-striped table-hover table-bordered">
-        <thead>
-          <tr>
-            <th>Name</th>
-            <th>Type</th>
-            <th>Action</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr>
-            <td>vBras</td>
-            <td>VNF</td>
-            <td>
-              <button class="btn btn-primary onboard-button">Onboard</button>
-            </td>
-          </tr>
-          <tr>
-            <td>network service</td>
-            <td>NS</td>
-            <td>
-              <button class="btn btn-primary onboard-button">Onboard</button>
-            </td>
-          </tr>
-        </tbody>
-      </table>
-    </div>
-
-    <div id="service-table">
-      <!--button id="createService" style="margin-top: 20px" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span></button-->
-      <button id="createService" style="font-size:20px" ng-click="openCreateServiceDialog()">
-        <span class="glyphicon glyphicon-plus" style="margin-top:20px;width:80px;margin-left:20px"></span>
-      </button>
-      <table class="table table-striped table-hover table-bordered" style="margin:2px">
-        <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>
 
+    <uib-tabset active="active">
+      <uib-tab heading="Services">
+        <div id="serviceTable" style="margin-top:20px;">
+          <label>
+            <span>Customer</span>
+            <span class="required">*</span>
+          </label>
+          <select id="customer" ng-change="ctrl.customerChanged()" ng-model="ctrl.customer" ng-options="c.name for c in ctrl.customers">
+            <option value="">--select--</option>
+          </select>
+          <label style="margin-left:10px">
+            <span>Service Type</span>
+            <span class="required">*</span>
+          </label>
+          <select id="serviceType" ng-change="ctrl.serviceTypeChanged()" ng-model="ctrl.serviceType" ng-options="t.name for t in ctrl.serviceTypes">
+            <option value="">--select--</option>
+          </select>
+          <button id="createService" class="btn btn-primary" style="margin-bottom:10px;margin-left:10px" ng-click="ctrl.openCreateServiceDialog()">
+            <span>Create</span>
+          </button>
+          <table class="table table-striped table-hover table-bordered" style="margin:2px">
+            <thead>
+              <tr>
+                <th>Service Instance Id</th>
+                <th>Service Name</th>
+                <th>Service Type</th>
+                <th>Action</th>
+              </tr>
+            </thead>
+            <tbody id="bb">
+              <tr ng-repeat="serviceInstance in ctrl.serviceInstances">
+                <td>{{serviceInstance.serviceInstanceId}}</td>
+                <td>{{serviceInstance.serviceInstanceName}}</td>
+                <td>{{serviceInstance.serviceType}}</td>
+                <td><a href="#" class="btn btn-primary">Delete</a></td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </uib-tab>
+      <uib-tab heading="Vnf/NS Packages">
+        <div id="vnfNsPackages" style="margin-top:20px;">
+          <table id="onbaordTable" class="table table-striped table-hover table-bordered">
+            <thead>
+              <tr>
+                <th>Name</th>
+                <th>Type</th>
+                <th>Action</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr ng-repeat="package in ctrl.packages">
+                <td>{{package.name}}</td>
+                <td>{{package.type}}</td>
+                <td>
+                  <button class="btn btn-primary onboard-button" ng-click="ctrl.packageOnboard(package)">Onboard</button>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </uib-tab>
+    </uib-tabset>
 </div>
 
 <!-- Modal -->
@@ -125,110 +101,3 @@
     </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>
-              </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-->
-
-<div id="vnf-ns-onboard-dialog" 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>Select VIM Onboard Image</span>
-          </h4>
-        </div>
-        <form class="form-horizontal" role="form" id="neForm">
-          <div id="wizard">
-            <div class="modal-body">
-              <div id="vnf-ns-vim-table"></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>