clear the old code.

Change-Id: I6e3116979251f69e728f2a20006421948e1c4b35 Signed-off-by: j180240 <jiaxiangli@huawei.com>
author: j180240 <jiaxiangli@huawei.com> 2016-09-13 15:37:48 +0800
committer: j180240 <jiaxiangli@huawei.com> 2016-09-13 15:37:48 +0800
commit: 9230369a383b8bdd4b51940c69000a4fbc4aa6b1 (patch)
tree: 4b825dc642cb6eb9a060e54bf8d69288fbee4904 /nsoc-iui/src/main/resources/webroot/nsoc
parent: d0cd8bdedcb2809d51ff960af8e8a39aed732fe9 (diff)
56 files changed, 0 insertions, 10511 deletions
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/csarPackage.html b/nsoc-iui/src/main/resources/webroot/nsoc/csarPackage.html
deleted file mode 100644
index dff2a80a..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/csarPackage.html
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--
-
-    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="../vendor/jQuery-File-Upload/css/jquery.fileupload.css" rel="stylesheet" />
-	<link href="css/fileupload.css" rel="stylesheet" />
-	<link href="css/package.css" rel="stylesheet" />
-	<style type="text/css">
-	.ms-controller {
-		visibility: hidden;
-	}
-	</style>
-</head>
-<body>
-	<div ms-controller="pmController" class="container-fluid ms-controller">
-		<div class="container upload">
-			<form id="fileupload" role="form" enctype="multipart/form-data">
-				<div class="file-preview">
-					<div id="dropzone" class="file-drop-zone">
-			     		<div class="file-drop-zone-title">
-							<span id="nfv-package-iui-drop-zone-title" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-			     		</div>
-			     	</div>
-				</div>
-		        <div class="input-group fileupload-btn">
-		           <div id="fileName" class="form-control file-caption">
-		           </div>
-		           <span class="input-group-btn">
-		           		<span class="btn btn-primary fileinput-button">
-		                	<span id="nfv-package-iui-drop-zone-selectBtn" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-		                	<input type="file" name="file" multiple>
-		            	</span>
-		           	  	<button id="fileremove" class="btn btn-default" type="button" disabled>
-		                 	<span id="nfv-package-iui-drop-zone-removeBtn" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-		              	</button>
-		              	<button id="filesubmit" class="btn btn-default" type="submit" disabled>
-		                	<span id="nfv-package-iui-drop-zone-uploadBtn" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-		              	</button>                 	
-		           </span>
-		        </div>		    
-			    <div class="fileupload-progress">
-				    <div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
-				        <div id="bar" class="progress-bar progress-bar-success" style="width:0%;"></div><span id="persent"></span>
-				    </div>
-				</div>   
-			</form>		
-		</div>
-		<!--<div class="upload-top htmleaf-container">
-			<div class="container kv-main upload">
-	            <form id="uploadPackage">               
-	                <div class="form-group">
-	                    <input id="csarFile" type="file" name="file" class="file"/>
-	                </div>
-	                <div id="fileError" class="help-block"></div>         
-	            </form>
-	        </div>		
-		</div>-->
-		<div class="row" style=" margin-top: 15px;"> 
-		    <div class="col-xs-6 col-md-6 col-sm-6 col-lg-6 titlefont">
-		     	<span id="nfv-package-iui-title" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-		    </div> 
-	   	</div> 
-	   	<div class="separator-line"></div>
-		<div class="row-fluid" data-name="table_zone">
-			<div id='ict_package_table_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/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="../vendor/cometd/cometd.js"></script>
-	<script type="text/javascript" src="../vendor/cometd/jquery.cometd.js"></script>
-	<script type="text/javascript" src="../vendor/jQuery-File-Upload/js/vendor/jquery.ui.widget.js"></script>
-    <script type="text/javascript" src="../vendor/jQuery-File-Upload/js/jquery.iframe-transport.js"></script>
-    <script type="text/javascript" src="../vendor/jQuery-File-Upload/js/jquery.fileupload.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/package/pmUtil.js"></script>
-	<script type="text/javascript" src="js/package/pmController.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/css/datatable-sort.css b/nsoc-iui/src/main/resources/webroot/nsoc/css/datatable-sort.css
deleted file mode 100644
index 18da5d3b..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/css/datatable-sort.css
+++ /dev/null
@@ -1,30 +0,0 @@
-/**
- * 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.
- */
-table.table thead .sorting,
-table.table thead .sorting_asc,
-table.table thead .sorting_desc,
-table.table thead .sorting_asc_disabled,
-table.table thead .sorting_desc_disabled {
-	cursor: pointer;
-	*cursor: hand;
-}
-
-table.table thead .sorting { background: url('../images/sort_both.png') no-repeat center right; }
-table.table thead .sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
-table.table thead .sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }
-
-table.table thead .sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; }
-table.table thead .sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; }
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/css/fileupload.css b/nsoc-iui/src/main/resources/webroot/nsoc/css/fileupload.css
deleted file mode 100644
index 220b5172..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/css/fileupload.css
+++ /dev/null
@@ -1,81 +0,0 @@
-/**
- * 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.
- */
-@charset "UTF-8";
-
-.file-caption {
-    display: inline-block;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.file-caption .glyphicon {
-    display: inline-block;
-    min-width: 18px;
-    margin-top: 2px;
-}
-
-.file-caption-name {
-    display: inline-block;
-    overflow: hidden;
-    max-height: 20px;
-    padding-right: 10px;
-    word-break: break-all;
-}
-
-.file-caption-ellipsis {
-    position: absolute;
-    right: 10px;
-    margin-top: -6px;
-    font-size: 1.2em;
-    display: none;
-    font-weight: bold;
-    cursor: default;
-}
-
-.file-drop-zone{
-    border:1px dashed #aaa;
-    border-radius:4px;
-    height:100%;
-    text-align:center;
-    vertical-align:middle;
-    margin:12px 15px 12px 12px;
-    padding:5px
-}
-.file-drop-zone-title{
-    color:#aaa;
-    font-size:20px;
-    padding:20px 10px
-}
-.fileupload-btn {
-    padding-bottom: 10px;
-}
-
-.fileupload-input {
-    position: relative;
-    display: table;
-}
-
-.file-preview {
-    border-radius:5px;
-    border:1px solid #ddd;
-    padding:5px;
-    width:100%;
-    margin-bottom:5px
-}
-
-.upload {
-    width: 50%;
-}
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/css/hostMirror.css b/nsoc-iui/src/main/resources/webroot/nsoc/css/hostMirror.css
deleted file mode 100644
index b637e66d..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/css/hostMirror.css
+++ /dev/null
@@ -1,447 +0,0 @@
-/**
- * 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.
- */
-body {
-	font-family: microsoft yahei !important;
-}
-
-/* blue pill (inspired by iTunes)
-*******************************************************************************/
-.redFont{
-	color:red;
-}
-.blue {
-
-	background-color: #5b9bd1;
-	border-radius: 20px;
-	color: #fff;
-	font-weight: bold;
-	padding: 8px 0;
-	text-align: center;
-	width: 100px;
-}
-
-.blue:hover {
-	background-color: #e8f3fd;
-	color: #5b9bd1;
-}
-
-.blue.selected {
-	border: 0;
-	background-color: #5b9bd1;
-	color: #fff;
-}
-
-.blue.selected:hover {
-	border: 0;
-	background-color: #5b9bd1;
-	color: #fff;
-}
-
-p {
-	color: #444;
-	font-size: 14px;
-	font-weight: normal;
-	line-height: 21px;
-	margin: 0 0 12px 0;
-}
-
-p.credit {
-	border-top: 1px solid #ccc;
-	font-size: 14px;
-	line-height: 140%;
-	margin: 36px 0 12px 0;
-	padding: 8px 0 0 0;
-	text-align: center;
-}
-
-ul.column {
-	float: left;
-	list-style: none;
-	width: 675px;
-}
-
-ul.column li {
-	background: #eee;
-	-webkit-border-radius: 5px;
-	border-radius: 5px;
-	-webkit-box-shadow: inset 0 1px 1px 0 #c7c7c7;
-	box-shadow: inset 0 1px 1px 0 #c7c7c7;
-	float: left;
-	margin: 10px 0 0 10px;
-	display: block;
-	height: 150px;
-	text-align: center;
-	width: 215px;
-}
-
-/* Clear Floated Elements
-------------------------------------------------------------------------------*/
-.column:after,.button-collection:after,.clearfix:after,div.project-info:after
-	{
-	clear: both;
-	content: ' ';
-	display: block;
-	font-size: 0;
-	line-height: 0;
-	visibility: hidden;
-	width: 0;
-	height: 0;
-}
-
-.container-fluid {
-	background-color:white !important;
-	min-height:500px;
-}
-
-.nav-tabs {
-	border: 0;
-}
-
-.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus
-	{
-	border: 0;
-	border-top: 3px solid #F3565D;
-}
-
-.nav-tabs>li>a {
-	border-radius: 0;
-}
-
-.nav-tabs>li>a:hover {
-	background-color: #f1f3fa;
-	border: 1Px solid #f1f3fa;
-}
-
-.c3 {
-	margin-top: 120px;
-}
-
-.skills-chart-breadcrumb {
-	
-}
-
-.blue:selected {
-	border: 0;
-	background-color: #5b9bd1;
-}
-
-.btn {
-	/* border-width: 0; */
-	/* padding: 7px 14px; */
-	/* font-size: 14px; */
-	/* outline: none !important; */
-	/* background-image: none !important; */
-	/* filter: none; */
-	/* -webkit-box-shadow: none; */
-	-moz-box-shadow: none;
-	/* box-shadow: none; */
-	/* text-shadow: none; */
-}
-
-select {
-	border-width: 1px;
-	padding: 4px 1px;
-	border-radius: 4px;
-} 
-
-.input-sm {
-	padding: 4px 10px;
-}
-
-.btn-block {
-	display: block;
-	width: 100%;
-	padding-left: 0;
-	padding-right: 0;
-}
-
-/* Bootstrap buttons */
-.btn-default {
-	color: #5b9bd1;
-	background-color: #fff;
-	border-color: #ccc;
-}
-
-.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active
-	{
-	color: #333;
-	background-color: #ededed;
-	border-color: #b3b3b3;
-}
-
-.open .btn-default.dropdown-toggle {
-	color: #333;
-	background-color: #ededed;
-	border-color: #b3b3b3;
-}
-
-.btn-default:active,.btn-default.active {
-	background-image: none;
-	background-color: #e0e0e0;
-	font-weight: bold;
-}
-
-.btn-default:active:hover,.btn-default.active:hover {
-	background-color: #e6e6e6;
-}
-
-.open .btn-default.dropdown-toggle {
-	background-image: none;
-}
-
-.btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default[disabled].active,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active
-	{
-	background-color: #fff;
-	border-color: #ccc;
-}
-
-.btn-default .badge {
-	color: #fff;
-	background-color: #333;
-}
-
-.btn-default>i {
-	color: #aaa;
-}
-
-.btn-default>i[class^="icon-"],.btn-default>i[class*="icon-"] {
-	color: #8c8c8c;
-}
-
-div[data-name="tab_zone"] div {
-	background-color: #f1f3fa;
-	padding: 0px;
-}
-
-div[data-name="cond_zone"] div {
-	background-color: #fff;
-	margin-top: 15px;
-	margin-bottom: 15px;
-}
-
-div[data-name="res-conds-zone"] {
-	display: inline;
-}
-
-div[data-name="res-conds-zone"] select,div[data-name="res-conds-zone"] span
-	{
-	/**height:33px;*/
-	margin-left: 15px;
-	color: #5b9bd1;
-	border-color: #ccc;
-	font-weight: bold;
-}
-
-.input{
-	width:250px;
-  height: 34px;
-  padding: 6px 12px;
-  font-size: 14px;
-  line-height: 1.42857143;
-  color: #555;
-  background-color: #fff;
-  background-image: none;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-}
-
-div.separator {
-	margin: 20px;
-}
-
-div.separator div {
-	text-align: center;
-	line-height: 0;
-}
-
-div.separator-line {
-	height: 1px !important;
-	width: 100%;
-	background: #ddd;
-	overflow: hidden;
-}
-
-.dropdown-toggle {
-	color: #5b9bd1;
-}
-
-.calendar-date {
-	color: #5b9bd1;
-}
-
-.range_inputs {
-	color: #5b9bd1;
-}
-
-.btn.dropdown-toggle,.btn-group .btn.dropdown-toggle,.btn:hover,.btn:disabled,.btn[disabled],.btn:focus,.btn:active,.btn.active
-	{
-	outline: none !important;
-	background-image: none !important;
-	filter: none;
-	-webkit-box-shadow: none;
-	-moz-box-shadow: none;
-	box-shadow: none;
-	text-shadow: none;
-}
-
-#skills-chart-breadcrumb {
-	margin-bottom: 10px
-}
-
-/*增加daterangepicker的css*/
-input[name="daterange"] {
-	width: 220px;
-	line-height: 0;
-	height: 31px;
-	vertical-align: top;
-	margin-top: 2px;
-}
-
-.daterangepicker .ranges {
-	width: 205px;
-}
-
-.daterangepicker .ranges input {
-	width: 95px !important;
-}
-
-td.details-control {
-	background: url('../images/details_open.png') no-repeat center center;
-	cursor: pointer;
-}
-
-tr.shown td.details-control {
-	background: url('../images/details_close.png') no-repeat center center;
-}
-
-.details table td {
-	word-wrap: break-word;
-	word-break: normal;
-	border-top: 1px solid #dddddd;
-}
-
-.details table  tr:first-child td {
-	border-top: none;
-}
-
-.details table {
-	table-layout: fixed;
-	width: 100%;
-}
-
-td.title {
-	width: 10%;
-}
-
-table.dataTable tbody th,table.dataTable tbody td {
-	padding: 8px 10px;
-}
-
-div.dataTables_length,div.dataTables_info {
-	display: inline;
-}
-
-div.dataTables_paginate {
-	display: inline;
-	float: right;
-}
-
-div.pagination-panel {
-	margin-right: 10px;
-}
-
-input.pagination-panel-input {
-	width: 50px;
-}
-
-.daterangepicker .daterangepicker_start_input label,.daterangepicker .daterangepicker_end_input label
-	{
-	color: #5b9bd1;
-}
-
-.daterangepicker .ranges .input-mini {
-	color: #5b9bd1;
-}
-
-.cancelBtn {
-	padding: 5px 10px 5px 10px;
-}
-
-.btn:focus,.btn:active:focus,.btn.active:focus {
-	outline: 0;
-}
-
-#ict_host_table_div {
-	margin-top: 15px;
-}
-
-#ict_host_table_div label {
-	font-weight: 100;
-}s
-
-#ict_host_table_div  table {
-	width: 100% !important;
-}
-
-.upload {
-	width:60%;
-}
-.myPreview {
-	height: 100px;
-}
-
-.uploadBtn {
-	margin-top:10px;
-}
-
-.input-group .form-control {
-	height: 34px !important;
-}
-
-.input-group .btn {
-	font-size: 14px !important;
-}
-
-.form-horizontal .btn-center {
-	text-align: center;
-	margin-bottom: 15px;
-}
-
-.blueactive {
-    color: #ffffff !important;
-    background-color: #5b9bd1;
-}
-
-/* .process-modal {
-    position:fixed;
-    top:0;
-    right:0;
-    bottom:0;
-    left:0;
-    z-index:1000;
-}
-.process-content {
-    width: 200px;
-    margin: 200px auto;
-    padding:15px;
-    border: 1px solid #ddd;
-    background-color: #eee;
-    text-align:center;
-} */
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/css/package.css b/nsoc-iui/src/main/resources/webroot/nsoc/css/package.css
deleted file mode 100644
index e6be6b36..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/css/package.css
+++ /dev/null
@@ -1,415 +0,0 @@
-/**
- * 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.
- */
-body {
-	font-family: microsoft yahei !important;
-}
-
-/* blue pill (inspired by iTunes)
-*******************************************************************************/
-.redFont{
-	color:red;
-}
-.blue {
-
-	background-color: #5b9bd1;
-	border-radius: 20px;
-	color: #fff;
-	font-weight: bold;
-	padding: 8px 0;
-	text-align: center;
-	width: 100px;
-}
-
-.blue:hover {
-	background-color: #e8f3fd;
-	color: #5b9bd1;
-}
-
-.blue.selected {
-	border: 0;
-	background-color: #5b9bd1;
-	color: #fff;
-}
-
-.blue.selected:hover {
-	border: 0;
-	background-color: #5b9bd1;
-	color: #fff;
-}
-
-p {
-	color: #444;
-	font-size: 14px;
-	font-weight: normal;
-	line-height: 21px;
-	margin: 0 0 12px 0;
-}
-
-p.credit {
-	border-top: 1px solid #ccc;
-	font-size: 14px;
-	line-height: 140%;
-	margin: 36px 0 12px 0;
-	padding: 8px 0 0 0;
-	text-align: center;
-}
-
-ul.column {
-	float: left;
-	list-style: none;
-	width: 675px;
-}
-
-ul.column li {
-	background: #eee;
-	-webkit-border-radius: 5px;
-	border-radius: 5px;
-	-webkit-box-shadow: inset 0 1px 1px 0 #c7c7c7;
-	box-shadow: inset 0 1px 1px 0 #c7c7c7;
-	float: left;
-	margin: 10px 0 0 10px;
-	display: block;
-	height: 150px;
-	text-align: center;
-	width: 215px;
-}
-
-/* Clear Floated Elements
-------------------------------------------------------------------------------*/
-.column:after,.button-collection:after,.clearfix:after,div.project-info:after
-	{
-	clear: both;
-	content: ' ';
-	display: block;
-	font-size: 0;
-	line-height: 0;
-	visibility: hidden;
-	width: 0;
-	height: 0;
-}
-
-.container-fluid {
-	background-color:white !important;
-	min-height:500px;
-}
-
-.nav-tabs {
-	border: 0;
-}
-
-.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus
-	{
-	border: 0;
-	border-top: 3px solid #F3565D;
-}
-
-.nav-tabs>li>a {
-	border-radius: 0;
-}
-
-.nav-tabs>li>a:hover {
-	background-color: #f1f3fa;
-	border: 1Px solid #f1f3fa;
-}
-
-.c3 {
-	margin-top: 120px;
-}
-
-.skills-chart-breadcrumb {
-	
-}
-
-.blue:selected {
-	border: 0;
-	background-color: #5b9bd1;
-}
-
-select {
-	border-width: 1px;
-	padding: 4px 1px;
-	border-radius: 4px;
-} 
-
-.input-sm {
-	padding: 4px 10px;
-}
-
-.btn-block {
-	display: block;
-	width: 100%;
-	padding-left: 0;
-	padding-right: 0;
-}
-
-/* Bootstrap buttons */
-.btn-default {
-	color: #5b9bd1;
-	background-color: #fff;
-	border-color: #ccc;
-}
-
-.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active
-	{
-	color: #333;
-	background-color: #ededed;
-	border-color: #b3b3b3;
-}
-
-.open .btn-default.dropdown-toggle {
-	color: #333;
-	background-color: #ededed;
-	border-color: #b3b3b3;
-}
-
-.btn-default:active,.btn-default.active {
-	background-image: none;
-	background-color: #e0e0e0;
-	font-weight: bold;
-}
-
-.btn-default:active:hover,.btn-default.active:hover {
-	background-color: #e6e6e6;
-}
-
-.open .btn-default.dropdown-toggle {
-	background-image: none;
-}
-
-.btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default[disabled].active,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active
-	{
-	background-color: #fff;
-	border-color: #ccc;
-}
-
-.btn-default .badge {
-	color: #fff;
-	background-color: #333;
-}
-
-.btn-default>i {
-	color: #aaa;
-}
-
-.btn-default>i[class^="icon-"],.btn-default>i[class*="icon-"] {
-	color: #8c8c8c;
-}
-
-div[data-name="tab_zone"] div {
-	background-color: #f1f3fa;
-	padding: 0px;
-}
-
-div[data-name="cond_zone"] div {
-	background-color: #fff;
-	margin-top: 15px;
-	margin-bottom: 15px;
-}
-
-div[data-name="res-conds-zone"] {
-	display: inline;
-}
-
-div[data-name="res-conds-zone"] select,div[data-name="res-conds-zone"] span
-	{
-	/**height:33px;*/
-	margin-left: 15px;
-	color: #5b9bd1;
-	border-color: #ccc;
-	font-weight: bold;
-}
-
-.input{
-	width:250px;
-  height: 34px;
-  padding: 6px 12px;
-  font-size: 14px;
-  line-height: 1.42857143;
-  color: #555;
-  background-color: #fff;
-  background-image: none;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-}
-
-div.separator {
-	margin: 20px;
-}
-
-div.separator div {
-	text-align: center;
-	line-height: 0;
-}
-
-div.separator-line {
-	height: 1px !important;
-	width: 100%;
-	background: #ddd;
-	overflow: hidden;
-}
-
-.dropdown-toggle {
-	color: #5b9bd1;
-}
-
-.calendar-date {
-	color: #5b9bd1;
-}
-
-.range_inputs {
-	color: #5b9bd1;
-}
-
-.btn.dropdown-toggle,.btn-group .btn.dropdown-toggle,.btn:hover,.btn:disabled,.btn[disabled],.btn:focus,.btn:active,.btn.active
-	{
-	outline: none !important;
-	background-image: none !important;
-	filter: none;
-	-webkit-box-shadow: none;
-	-moz-box-shadow: none;
-	box-shadow: none;
-	text-shadow: none;
-}
-
-#skills-chart-breadcrumb {
-	margin-bottom: 10px
-}
-
-/*����daterangepicker��css*/
-input[name="daterange"] {
-	width: 220px;
-	line-height: 0;
-	height: 31px;
-	vertical-align: top;
-	margin-top: 2px;
-}
-
-.daterangepicker .ranges {
-	width: 205px;
-}
-
-.daterangepicker .ranges input {
-	width: 95px !important;
-}
-
-td.details-control {
-	background: url('../images/details_open.png') no-repeat center center;
-	cursor: pointer;
-}
-
-tr.shown td.details-control {
-	background: url('../images/details_close.png') no-repeat center center;
-}
-
-.details table td {
-	word-wrap: break-word;
-	word-break: normal;
-	border-top: 1px solid #dddddd;
-}
-
-.details table  tr:first-child td {
-	border-top: none;
-}
-
-.details table {
-	table-layout: fixed;
-	width: 100%;
-}
-
-td.title {
-	width: 10%;
-}
-
-table.dataTable tbody th,table.dataTable tbody td {
-	padding: 8px 10px;
-}
-
-div.dataTables_length,div.dataTables_info {
-	display: inline;
-}
-
-div.dataTables_paginate {
-	display: inline;
-	float: right;
-}
-
-div.pagination-panel {
-	margin-right: 10px;
-}
-
-input.pagination-panel-input {
-	width: 50px;
-}
-
-#ict_package_table_div {
-	margin-top: 15px;
-}
-
-#ict_package_table_div label {
-	font-weight: 100;
-}
-
-.daterangepicker .daterangepicker_start_input label,.daterangepicker .daterangepicker_end_input label
-	{
-	color: #5b9bd1;
-}
-
-.daterangepicker .ranges .input-mini {
-	color: #5b9bd1;
-}
-
-.cancelBtn {
-	padding: 5px 10px 5px 10px;
-}
-
-.btn:focus,.btn:active:focus,.btn.active:focus {
-	outline: 0;
-}
-
-#ict_package_table_div  table {
-	width: 100% !important;
-}
-
-.upload {
-	width:60%;
-	margin-top: 10px;
-}
-.myPreview {
-	height: 100px;
-}
-
-span.status:hover {
-	color: #2A69AC;
-	cursor: pointer;
-}
-
-.input-group .form-control {
-	height: 34px !important;
-}
-
-.input-group .btn {
-	font-size: 14px !important;
-}
-
-.package-drop-zone-title{
-	color:#aaa;
-	font-size:20px;
-	padding:15px 10px
-}
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/css/platform/animate.min.css b/nsoc-iui/src/main/resources/webroot/nsoc/css/platform/animate.min.css
deleted file mode 100644
index b007c1b9..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/css/platform/animate.min.css
+++ /dev/null
@@ -1,21 +0,0 @@
-/**
- * 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.
- */
-@charset "UTF-8";/*!
-Animate.css - http://daneden.me/animate
-Licensed under the MIT license - http://opensource.org/licenses/MIT
-
-Copyright (c) 2014 Daniel Eden
-*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);-ms-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);-ms-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);-ms-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);-ms-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);-ms-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);-ms-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);-ms-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);-ms-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);-ms-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);-ms-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);-ms-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);-ms-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;-ms-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);-ms-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);-ms-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);-ms-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);-ms-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);-ms-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);-ms-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);-ms-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);-ms-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);-ms-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);-ms-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);-ms-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);-ms-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);-ms-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);-ms-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;-ms-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);-ms-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);-ms-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);-ms-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);-ms-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);-ms-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);-ms-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);-ms-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-ms-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);-ms-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);-ms-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);-ms-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);-ms-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-ms-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);-ms-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);-ms-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);-ms-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);-ms-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);-ms-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0,0,1,45deg);transform:rotate(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0,0,1,45deg);-ms-transform:rotate(0,0,1,45deg);transform:rotate(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);-ms-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);-ms-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);-ms-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);-ms-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);-ms-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);-ms-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-ms-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);-ms-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);-ms-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);-ms-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-ms-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-ms-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/css/platform/skill.css b/nsoc-iui/src/main/resources/webroot/nsoc/css/platform/skill.css
deleted file mode 100644
index 6e452b2a..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/css/platform/skill.css
+++ /dev/null
@@ -1,89 +0,0 @@
-/**
- * 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.
- */
-body {
-  font-family: 'Open Sans', sans-serif;  
-  background-color: #f1f3fa;
-  width: '100%';
-  height: '100%';
-  margin-top: 10px;
-}
-div.skills-sunburst{
-	font-size: 12px;
-	font-weight: 400;
-	text-align:center;
-}
-
-#skillmap .skills-wrapper {
-  margin-top: 10px;
-  overflow: auto;
-}
-#skillmap .skills-sunburst {
-  float: left;
-  width: 500px;
-  margin-left: -80px;
-}
-#skillmap .skills-sunburst svg {
-  font: 11px 'Source Sans Pro', sans-serif;
-  font-weight: 900;
-  
-  cursor: pointer;
-}
-#skillmap .skills-chart {
-  float: right;
-  font-family: 'Source Sans Pro', sans-serif;
-  font-size: 15px;
-  margin: 80px 20px 0 0;
-}
-#skillmap .skills-chart .breadcumb-text {
-  font-size: 13px;
-  font-weight: 700;
-}
-#skillmap .skills-chart #skills-chart-line {
-  fill: none;
-  stroke-width: 3.5px;
-}
-#skillmap .skills-chart .axis path,
-#skillmap .skills-chart .axis line {
-  fill: none;
-}
-#skillmap .skills-chart .x-axis path,
-#skillmap .skills-chart .y-axis path {
-  stroke: #444;
-  stroke-width: 1px;
-  shape-rendering: geometricPrecision;
-}
-
-#explanation {
-  position: absolute;
-  top: 165px;
-  left: 170px;
-  width: 140px;
-  text-align: center;
-  color: #666;
-  margin-top:30px;
-}
-
-#percentage {
-  font-size: 2em;
-}
-
-#endlabel{
-	font-sizte:1.5em;
-}
-
-div.skills-sunburst text{
-	 text-anchor: middle;
-}
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/css/software.css b/nsoc-iui/src/main/resources/webroot/nsoc/css/software.css
deleted file mode 100644
index 491a9d93..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/css/software.css
+++ /dev/null
@@ -1,423 +0,0 @@
-/**
- * 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.
- */
-body {
-	font-family: microsoft yahei !important;
-}
-
-/* blue pill (inspired by iTunes)
-*******************************************************************************/
-.redFont{
-	color:red;
-}
-.blue {
-
-	background-color: #5b9bd1;
-	border-radius: 20px;
-	color: #fff;
-	font-weight: bold;
-	padding: 8px 0;
-	text-align: center;
-	width: 100px;
-}
-
-.blue:hover {
-	background-color: #e8f3fd;
-	color: #5b9bd1;
-}
-
-.blue.selected {
-	border: 0;
-	background-color: #5b9bd1;
-	color: #fff;
-}
-
-.blue.selected:hover {
-	border: 0;
-	background-color: #5b9bd1;
-	color: #fff;
-}
-
-p {
-	color: #444;
-	font-size: 14px;
-	font-weight: normal;
-	line-height: 21px;
-	margin: 0 0 12px 0;
-}
-
-p.credit {
-	border-top: 1px solid #ccc;
-	font-size: 14px;
-	line-height: 140%;
-	margin: 36px 0 12px 0;
-	padding: 8px 0 0 0;
-	text-align: center;
-}
-
-ul.column {
-	float: left;
-	list-style: none;
-	width: 675px;
-}
-
-ul.column li {
-	background: #eee;
-	-webkit-border-radius: 5px;
-	border-radius: 5px;
-	-webkit-box-shadow: inset 0 1px 1px 0 #c7c7c7;
-	box-shadow: inset 0 1px 1px 0 #c7c7c7;
-	float: left;
-	margin: 10px 0 0 10px;
-	display: block;
-	height: 150px;
-	text-align: center;
-	width: 215px;
-}
-
-/* Clear Floated Elements
-------------------------------------------------------------------------------*/
-.column:after,.button-collection:after,.clearfix:after,div.project-info:after
-	{
-	clear: both;
-	content: ' ';
-	display: block;
-	font-size: 0;
-	line-height: 0;
-	visibility: hidden;
-	width: 0;
-	height: 0;
-}
-
-.container-fluid {
-	background-color:white !important;
-	min-height:500px;
-}
-
-.nav-tabs {
-	border: 0;
-}
-
-.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus
-	{
-	border: 0;
-	border-top: 3px solid #F3565D;
-}
-
-.nav-tabs>li>a {
-	border-radius: 0;
-}
-
-.nav-tabs>li>a:hover {
-	background-color: #f1f3fa;
-	border: 1Px solid #f1f3fa;
-}
-
-.c3 {
-	margin-top: 120px;
-}
-
-.skills-chart-breadcrumb {
-	
-}
-
-.blue:selected {
-	border: 0;
-	background-color: #5b9bd1;
-}
-
-.btn {
-	/* border-width: 0; */
-	/* padding: 7px 14px; */
-	/* font-size: 14px; */
-	/* outline: none !important; */
-	/* background-image: none !important; */
-	/* filter: none; */
-	/* -webkit-box-shadow: none; */
-	-moz-box-shadow: none;
-	/* box-shadow: none; */
-	/* text-shadow: none; */
-}
-
-select {
-	border-width: 1px;
-	padding: 4px 1px;
-	border-radius: 4px;
-} 
-
-.input-sm {
-	padding: 4px 10px;
-}
-
-.btn-block {
-	display: block;
-	width: 100%;
-	padding-left: 0;
-	padding-right: 0;
-}
-
-/* Bootstrap buttons */
-.btn-default {
-	color: #5b9bd1;
-	background-color: #fff;
-	border-color: #ccc;
-}
-
-.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active
-	{
-	color: #333;
-	background-color: #ededed;
-	border-color: #b3b3b3;
-}
-
-.open .btn-default.dropdown-toggle {
-	color: #333;
-	background-color: #ededed;
-	border-color: #b3b3b3;
-}
-
-.btn-default:active,.btn-default.active {
-	background-image: none;
-	background-color: #e0e0e0;
-	font-weight: bold;
-}
-
-.btn-default:active:hover,.btn-default.active:hover {
-	background-color: #e6e6e6;
-}
-
-.open .btn-default.dropdown-toggle {
-	background-image: none;
-}
-
-.btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default[disabled].active,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active
-	{
-	background-color: #fff;
-	border-color: #ccc;
-}
-
-.btn-default .badge {
-	color: #fff;
-	background-color: #333;
-}
-
-.btn-default>i {
-	color: #aaa;
-}
-
-.btn-default>i[class^="icon-"],.btn-default>i[class*="icon-"] {
-	color: #8c8c8c;
-}
-
-div[data-name="tab_zone"] div {
-	background-color: #f1f3fa;
-	padding: 0px;
-}
-
-div[data-name="cond_zone"] div {
-	background-color: #fff;
-	margin-top: 15px;
-	margin-bottom: 15px;
-}
-
-div[data-name="res-conds-zone"] {
-	display: inline;
-}
-
-div[data-name="res-conds-zone"] select,div[data-name="res-conds-zone"] span
-	{
-	/**height:33px;*/
-	margin-left: 15px;
-	color: #5b9bd1;
-	border-color: #ccc;
-	font-weight: bold;
-}
-
-.input{
-	width:250px;
-  height: 34px;
-  padding: 6px 12px;
-  font-size: 14px;
-  line-height: 1.42857143;
-  color: #555;
-  background-color: #fff;
-  background-image: none;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-}
-
-div.separator {
-	margin: 20px;
-}
-
-div.separator div {
-	text-align: center;
-	line-height: 0;
-}
-
-div.separator-line {
-	height: 1px !important;
-	width: 100%;
-	background: #ddd;
-	overflow: hidden;
-}
-
-.dropdown-toggle {
-	color: #5b9bd1;
-}
-
-.calendar-date {
-	color: #5b9bd1;
-}
-
-.range_inputs {
-	color: #5b9bd1;
-}
-
-.btn.dropdown-toggle,.btn-group .btn.dropdown-toggle,.btn:hover,.btn:disabled,.btn[disabled],.btn:focus,.btn:active,.btn.active
-	{
-	outline: none !important;
-	background-image: none !important;
-	filter: none;
-	-webkit-box-shadow: none;
-	-moz-box-shadow: none;
-	box-shadow: none;
-	text-shadow: none;
-}
-
-#skills-chart-breadcrumb {
-	margin-bottom: 10px
-}
-
-/*增加daterangepicker的css*/
-input[name="daterange"] {
-	width: 220px;
-	line-height: 0;
-	height: 31px;
-	vertical-align: top;
-	margin-top: 2px;
-}
-
-.daterangepicker .ranges {
-	width: 205px;
-}
-
-.daterangepicker .ranges input {
-	width: 95px !important;
-}
-
-td.details-control {
-	background: url('../images/details_open.png') no-repeat center center;
-	cursor: pointer;
-}
-
-tr.shown td.details-control {
-	background: url('../images/details_close.png') no-repeat center center;
-}
-
-.details table td {
-	word-wrap: break-word;
-	word-break: normal;
-	border-top: 1px solid #dddddd;
-}
-
-.details table  tr:first-child td {
-	border-top: none;
-}
-
-.details table {
-	table-layout: fixed;
-	width: 100%;
-}
-
-td.title {
-	width: 10%;
-}
-
-table.dataTable tbody th,table.dataTable tbody td {
-	padding: 8px 10px;
-}
-
-div.dataTables_length,div.dataTables_info {
-	display: inline;
-}
-
-div.dataTables_paginate {
-	display: inline;
-	float: right;
-}
-
-div.pagination-panel {
-	margin-right: 10px;
-}
-
-input.pagination-panel-input {
-	width: 50px;
-}
-
-.daterangepicker .daterangepicker_start_input label,.daterangepicker .daterangepicker_end_input label
-	{
-	color: #5b9bd1;
-}
-
-.daterangepicker .ranges .input-mini {
-	color: #5b9bd1;
-}
-
-.cancelBtn {
-	padding: 5px 10px 5px 10px;
-}
-
-.btn:focus,.btn:active:focus,.btn.active:focus {
-	outline: 0;
-}
-
-#ict_software_table_div {
-	margin-top: 10px;
-}
-
-#ict_software_table_div label {
-	font-weight: 100;
-}s
-
-#ict_software_table_div  table {
-	width: 100% !important;
-}
-
-.upload {
-	width:60%;
-}
-.myPreview {
-	height: 100px;
-}
-
-.uploadBtn {
-	margin-top:10px;
-}
-
-.file-input {
-    display: inline;   
-    overflow: hidden; 
-    word-break: break-all;
-    text-overflow: ellipsis;
-}
-
-.input-group .btn {
-	font-size: 14px !important;
-}
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/css/template.css b/nsoc-iui/src/main/resources/webroot/nsoc/css/template.css
deleted file mode 100644
index 1de221a7..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/css/template.css
+++ /dev/null
@@ -1,405 +0,0 @@
-/**
- * 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.
- */
-body {
-	font-family: microsoft yahei !important;
-}
-
-/* blue pill (inspired by iTunes)
-*******************************************************************************/
-.redFont{
-	color:red;
-}
-.blue {
-
-	background-color: #5b9bd1;
-	border-radius: 20px;
-	color: #fff;
-	font-weight: bold;
-	padding: 8px 0;
-	text-align: center;
-	width: 100px;
-}
-
-.blue:hover {
-	background-color: #e8f3fd;
-	color: #5b9bd1;
-}
-
-.blue.selected {
-	border: 0;
-	background-color: #5b9bd1;
-	color: #fff;
-}
-
-.blue.selected:hover {
-	border: 0;
-	background-color: #5b9bd1;
-	color: #fff;
-}
-
-a {
-	text-decoration: none !important;
-}
-
-p {
-	color: #444;
-	font-size: 14px;
-	font-weight: normal;
-	line-height: 21px;
-	margin: 0 0 12px 0;
-}
-
-p.credit {
-	border-top: 1px solid #ccc;
-	font-size: 14px;
-	line-height: 140%;
-	margin: 36px 0 12px 0;
-	padding: 8px 0 0 0;
-	text-align: center;
-}
-
-ul.column {
-	float: left;
-	list-style: none;
-	width: 675px;
-}
-
-ul.column li {
-	background: #eee;
-	-webkit-border-radius: 5px;
-	border-radius: 5px;
-	-webkit-box-shadow: inset 0 1px 1px 0 #c7c7c7;
-	box-shadow: inset 0 1px 1px 0 #c7c7c7;
-	float: left;
-	margin: 10px 0 0 10px;
-	display: block;
-	height: 150px;
-	text-align: center;
-	width: 215px;
-}
-
-/* Clear Floated Elements
-------------------------------------------------------------------------------*/
-.column:after,.button-collection:after,.clearfix:after,div.project-info:after
-	{
-	clear: both;
-	content: ' ';
-	display: block;
-	font-size: 0;
-	line-height: 0;
-	visibility: hidden;
-	width: 0;
-	height: 0;
-}
-
-.container-fluid {
-	background-color:white !important;
-	min-height:500px;
-}
-
-.nav-tabs {
-	border: 0;
-}
-
-.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus
-	{
-	border: 0;
-	border-top: 3px solid #F3565D;
-}
-
-.nav-tabs>li>a {
-	border-radius: 0;
-}
-
-.nav-tabs>li>a:hover {
-	background-color: #f1f3fa;
-	border: 1Px solid #f1f3fa;
-}
-
-.c3 {
-	margin-top: 120px;
-}
-
-.skills-chart-breadcrumb {
-	
-}
-
-.blue:selected {
-	border: 0;
-	background-color: #5b9bd1;
-}
-
-.btn {
-	/* border-width: 0; */
-	/* padding: 7px 14px; */
-	/* font-size: 14px; */
-	/* outline: none !important; */
-	/* background-image: none !important; */
-	/* filter: none; */
-	/* -webkit-box-shadow: none; */
-	-moz-box-shadow: none;
-	/* box-shadow: none; */
-	/* text-shadow: none; */
-}
-
-select {
-	border-width: 1px;
-	padding: 4px 1px;
-	border-radius: 4px;
-} 
-
-.input-sm {
-	padding: 4px 10px;
-}
-
-.btn-block {
-	display: block;
-	width: 100%;
-	padding-left: 0;
-	padding-right: 0;
-}
-
-/* Bootstrap buttons */
-.btn-default {
-	color: #5b9bd1;
-	background-color: #fff;
-	border-color: #ccc;
-}
-
-.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active
-	{
-	color: #333;
-	background-color: #ededed;
-	border-color: #b3b3b3;
-}
-
-.open .btn-default.dropdown-toggle {
-	color: #333;
-	background-color: #ededed;
-	border-color: #b3b3b3;
-}
-
-.btn-default:active,.btn-default.active {
-	background-image: none;
-	background-color: #e0e0e0;
-	font-weight: bold;
-}
-
-.btn-default:active:hover,.btn-default.active:hover {
-	background-color: #e6e6e6;
-}
-
-.open .btn-default.dropdown-toggle {
-	background-image: none;
-}
-
-.btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default[disabled].active,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active
-	{
-	background-color: #fff;
-	border-color: #ccc;
-}
-
-.btn-default .badge {
-	color: #fff;
-	background-color: #333;
-}
-
-.btn-default>i {
-	color: #aaa;
-}
-
-.btn-default>i[class^="icon-"],.btn-default>i[class*="icon-"] {
-	color: #8c8c8c;
-}
-
-div[data-name="tab_zone"] div {
-	background-color: #f1f3fa;
-	padding: 0px;
-}
-
-div[data-name="cond_zone"] div {
-	background-color: #fff;
-	margin-top: 15px;
-	margin-bottom: 15px;
-}
-
-div[data-name="res-conds-zone"] {
-	display: inline;
-}
-
-div[data-name="res-conds-zone"] select,div[data-name="res-conds-zone"] span
-	{
-	/**height:33px;*/
-	margin-left: 15px;
-	color: #5b9bd1;
-	border-color: #ccc;
-	font-weight: bold;
-}
-
-.input{
-	width:250px;
-  height: 34px;
-  padding: 6px 12px;
-  font-size: 14px;
-  line-height: 1.42857143;
-  color: #555;
-  background-color: #fff;
-  background-image: none;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-}
-
-div.separator {
-	margin: 20px;
-}
-
-div.separator div {
-	text-align: center;
-	line-height: 0;
-}
-
-div.separator-line {
-	height: 1px !important;
-	width: 100%;
-	background: #ddd;
-	overflow: hidden;
-}
-
-.dropdown-toggle {
-	color: #5b9bd1;
-}
-
-.calendar-date {
-	color: #5b9bd1;
-}
-
-.range_inputs {
-	color: #5b9bd1;
-}
-
-.btn.dropdown-toggle,.btn-group .btn.dropdown-toggle,.btn:hover,.btn:disabled,.btn[disabled],.btn:focus,.btn:active,.btn.active
-	{
-	outline: none !important;
-	background-image: none !important;
-	filter: none;
-	-webkit-box-shadow: none;
-	-moz-box-shadow: none;
-	box-shadow: none;
-	text-shadow: none;
-}
-
-#skills-chart-breadcrumb {
-	margin-bottom: 10px
-}
-
-/*����daterangepicker��css*/
-input[name="daterange"] {
-	width: 220px;
-	line-height: 0;
-	height: 31px;
-	vertical-align: top;
-	margin-top: 2px;
-}
-
-.daterangepicker .ranges {
-	width: 205px;
-}
-
-.daterangepicker .ranges input {
-	width: 95px !important;
-}
-
-td.details-control {
-	background: url('../images/details_open.png') no-repeat center center;
-	cursor: pointer;
-}
-
-tr.shown td.details-control {
-	background: url('../images/details_close.png') no-repeat center center;
-}
-
-.details table td {
-	word-wrap: break-word;
-	word-break: normal;
-	border-top: 1px solid #dddddd;
-}
-
-.details table  tr:first-child td {
-	border-top: none;
-}
-
-.details table {
-	table-layout: fixed;
-	width: 100%;
-}
-
-td.title {
-	width: 10%;
-}
-
-table.dataTable tbody th,table.dataTable tbody td {
-	padding: 8px 10px;
-}
-
-div.dataTables_length,div.dataTables_info {
-	display: inline;
-}
-
-div.dataTables_paginate {
-	display: inline;
-	float: right;
-}
-
-div.pagination-panel {
-	margin-right: 10px;
-}
-
-input.pagination-panel-input {
-	width: 50px;
-}
-
-#ict_template_table_div {
-	margin-top: 15px;
-}
-
-#ict_template_table_div label {
-	font-weight: 100;
-}
-
-.daterangepicker .daterangepicker_start_input label,.daterangepicker .daterangepicker_end_input label
-	{
-	color: #5b9bd1;
-}
-
-.daterangepicker .ranges .input-mini {
-	color: #5b9bd1;
-}
-
-.cancelBtn {
-	padding: 5px 10px 5px 10px;
-}
-
-.btn:focus,.btn:active:focus,.btn.active:focus {
-	outline: 0;
-}
-
-#ict_template_table_div  table {
-	width: 100% !important;
-}
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/css/templateDetail.css b/nsoc-iui/src/main/resources/webroot/nsoc/css/templateDetail.css
deleted file mode 100644
index 3eb721e6..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/css/templateDetail.css
+++ /dev/null
@@ -1,480 +0,0 @@
-/**
- * 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.
- */
-body {
-	font-family: microsoft yahei !important;
-}
-
-/* blue pill (inspired by iTunes)
-*******************************************************************************/
-.redFont{
-	color:red;
-}
-.blue {
-
-	background-color: #5b9bd1;
-	border-radius: 20px;
-	color: #fff;
-	font-weight: bold;
-	padding: 8px 0;
-	text-align: center;
-	width: 100px;
-}
-
-.blue:hover {
-	background-color: #e8f3fd;
-	color: #5b9bd1;
-}
-
-.blue.selected {
-	border: 0;
-	background-color: #5b9bd1;
-	color: #fff;
-}
-
-.blue.selected:hover {
-	border: 0;
-	background-color: #5b9bd1;
-	color: #fff;
-}
-
-a {
-	text-decoration: none !important;
-}
-
-p {
-	color: #444;
-	font-size: 14px;
-	font-weight: normal;
-	line-height: 21px;
-	margin: 0 0 12px 0;
-}
-
-p.credit {
-	border-top: 1px solid #ccc;
-	font-size: 14px;
-	line-height: 140%;
-	margin: 36px 0 12px 0;
-	padding: 8px 0 0 0;
-	text-align: center;
-}
-
-ul.column {
-	float: left;
-	list-style: none;
-	width: 675px;
-}
-
-ul.column li {
-	background: #eee;
-	-webkit-border-radius: 5px;
-	border-radius: 5px;
-	-webkit-box-shadow: inset 0 1px 1px 0 #c7c7c7;
-	box-shadow: inset 0 1px 1px 0 #c7c7c7;
-	float: left;
-	margin: 10px 0 0 10px;
-	display: block;
-	height: 150px;
-	text-align: center;
-	width: 215px;
-}
-
-/* Clear Floated Elements
-------------------------------------------------------------------------------*/
-.column:after,.button-collection:after,.clearfix:after,div.project-info:after
-	{
-	clear: both;
-	content: ' ';
-	display: block;
-	font-size: 0;
-	line-height: 0;
-	visibility: hidden;
-	width: 0;
-	height: 0;
-}
-
-.container-fluid {
-	background-color:white !important;
-	min-height:800px;
-}
-
-.nav-tabs {
-	border: 0;
-}
-
-.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus
-	{
-	border: 0;
-	border-top: 3px solid #F3565D;
-}
-
-.nav-tabs>li>a {
-	border-radius: 0;
-}
-
-.nav-tabs>li>a:hover {
-	background-color: #f1f3fa;
-	border: 1Px solid #f1f3fa;
-}
-
-.c3 {
-	margin-top: 120px;
-}
-
-.skills-chart-breadcrumb {
-	
-}
-
-.blue:selected {
-	border: 0;
-	background-color: #5b9bd1;
-}
-
-.btn {
-	/* border-width: 0; */
-	/* padding: 7px 14px; */
-	/* font-size: 14px; */
-	/* outline: none !important; */
-	/* background-image: none !important; */
-	/* filter: none; */
-	/* -webkit-box-shadow: none; */
-	-moz-box-shadow: none;
-	/* box-shadow: none; */
-	/* text-shadow: none; */
-}
-
-select {
-	border-width: 1px;
-	padding: 4px 1px;
-	border-radius: 4px;
-}
-
-.input-sm {
-	padding: 4px 10px;
-}
-
-.btn-block {
-	display: block;
-	width: 100%;
-	padding-left: 0;
-	padding-right: 0;
-}
-
-/* Bootstrap buttons */
-.btn-default {
-	color: #5b9bd1;
-	background-color: #fff;
-	border-color: #ccc;
-}
-
-.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active
-	{
-	color: #333;
-	background-color: #ededed;
-	border-color: #b3b3b3;
-}
-
-.open .btn-default.dropdown-toggle {
-	color: #333;
-	background-color: #ededed;
-	border-color: #b3b3b3;
-}
-
-.btn-default:active,.btn-default.active {
-	background-image: none;
-	background-color: #e0e0e0;
-	font-weight: bold;
-}
-
-.btn-default:active:hover,.btn-default.active:hover {
-	background-color: #e6e6e6;
-}
-
-.open .btn-default.dropdown-toggle {
-	background-image: none;
-}
-
-.btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default[disabled].active,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active
-	{
-	background-color: #fff;
-	border-color: #ccc;
-}
-
-.btn-default .badge {
-	color: #fff;
-	background-color: #333;
-}
-
-.btn-default>i {
-	color: #aaa;
-}
-
-.btn-default>i[class^="icon-"],.btn-default>i[class*="icon-"] {
-	color: #8c8c8c;
-}
-
-div[data-name="tab_zone"] div {
-	background-color: #f1f3fa;
-	padding: 0px;
-}
-
-div[data-name="cond_zone"] div {
-	background-color: #fff;
-	margin-top: 15px;
-	margin-bottom: 15px;
-}
-
-div[data-name="detail-conds-zone"] {
-	display: inline;
-}
-
-div[data-name="detail-conds-zone"] select,div[data-name="detail-conds-zone"] span
-	{
-	/**height:33px;*/
-	margin-left: 15px;
-	color: #5b9bd1;
-	border-color: #ccc;
-	font-weight: bold;
-}
-
-.input{
-	width:250px;
-  height: 34px;
-  padding: 6px 12px;
-  font-size: 14px;
-  line-height: 1.42857143;
-  color: #555;
-  background-color: #fff;
-  background-image: none;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-}
-
-div.separator {
-	margin: 20px;
-}
-
-div.separator div {
-	text-align: center;
-	line-height: 0;
-}
-
-div.separator-line {
-	height: 1px !important;
-	width: 100%;
-	background: #ddd;
-	overflow: hidden;
-}
-
-.dropdown-toggle {
-	color: #5b9bd1;
-}
-
-.calendar-date {
-	color: #5b9bd1;
-}
-
-.range_inputs {
-	color: #5b9bd1;
-}
-
-.btn.dropdown-toggle,.btn-group .btn.dropdown-toggle,.btn:hover,.btn:disabled,.btn[disabled],.btn:focus,.btn:active,.btn.active
-	{
-	outline: none !important;
-	background-image: none !important;
-	filter: none;
-	-webkit-box-shadow: none;
-	-moz-box-shadow: none;
-	box-shadow: none;
-	text-shadow: none;
-}
-
-#skills-chart-breadcrumb {
-	margin-bottom: 10px
-}
-
-/*����daterangepicker��css*/
-input[name="daterange"] {
-	width: 220px;
-	line-height: 0;
-	height: 31px;
-	vertical-align: top;
-	margin-top: 2px;
-}
-
-.daterangepicker .ranges {
-	width: 205px;
-}
-
-.daterangepicker .ranges input {
-	width: 95px !important;
-}
-
-td.details-control {
-	background: url('../images/details_open.png') no-repeat center center;
-	cursor: pointer;
-}
-
-tr.shown td.details-control {
-	background: url('../images/details_close.png') no-repeat center center;
-}
-
-.details table td {
-	word-wrap: break-word;
-	word-break: normal;
-	border-top: 1px solid #dddddd;
-}
-
-.details table  tr:first-child td {
-	border-top: none;
-}
-
-.details table {
-	table-layout: fixed;
-	width: 100%;
-}
-
-td.title {
-	width: 10%;
-}
-
-table.dataTable tbody th,table.dataTable tbody td {
-	padding: 8px 10px;
-}
-
-div.dataTables_length,div.dataTables_info {
-	display: inline;
-}
-
-div.dataTables_paginate {
-	display: inline;
-	float: right;
-}
-
-div.pagination-panel {
-	margin-right: 10px;
-}
-
-input.pagination-panel-input {
-	width: 50px;
-}
-
-.daterangepicker .daterangepicker_start_input label,.daterangepicker .daterangepicker_end_input label
-	{
-	color: #5b9bd1;
-}
-
-.daterangepicker .ranges .input-mini {
-	color: #5b9bd1;
-}
-
-.cancelBtn {
-	padding: 5px 10px 5px 10px;
-}
-
-.btn:focus,.btn:active:focus,.btn.active:focus {
-	outline: 0;
-}
-
-#right-menu {
-	position:absolute;
-	top:0;
-	right:0;
-	width:420px;
-	height:100%;
-	border-left:4px solid rgb(58,174,218);
-	background-color:rgba(255,255,255,.95);
-	padding-left:19px;
-	padding-right:15px;
-	padding-top:20px;
-	z-index:9999;
-	overflow-y: auto;
-}
-
-#right-menu .btn{
-	min-width: 30px !important;
-	letter-spacing :normal !important;
-}
-
-.rigth {
-	float: right;
-}
-.right-button-pointer {
-	display:inline-block;
-	cursor:pointer
-}
-.floating-panel {
-	width:400px;
-	display:none
-}
-
-title{height:25px;position:relative;top:20px;font-size:15px}
-
-#ict_nodes_table_div {
-	margin-top: 15px;
-}
-
-#ict_nodes_table_div label {
-	font-weight: 100;
-}
-
-#ict_nodes_table_div  table {
-	width: 100% !important;
-}
-
-.nodesDetail {
-	margin-top: 15px;
-}
-
-.nodesDetail label {
-	font-weight: 100;
-}
-
-.nodesDetail table {
-	width:100%;
-	table-layout: fixed;
-	word-wrap:break-word;
-}
-
-.step {
-	text-align: center;
-	padding-top: 60px;
-}
-
-.step div {
-	text-align: left;
-}
-
-div.separator-sline {
-	height:28px ;
-	width:3px;
-}
-
-.titlefont {
- 	font-size:16px;
-}
-
-.td_nodeId {
-	font-size: small;
-}
-
-.iconBtn {
-	margin-left:15px;
-	min-width:30px;
-}
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/css/topology.css b/nsoc-iui/src/main/resources/webroot/nsoc/css/topology.css
deleted file mode 100644
index a4e1d3dd..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/css/topology.css
+++ /dev/null
@@ -1,393 +0,0 @@
-/**
- * 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.
- */
-.container-fluid {
-  background-color: #fff;
-  padding: 0;
-}
-
-
-div[data-name="topo_zone"]  {
-  background-color: #fff;
-  margin-top: 15px;
-  margin-bottom: 15px;
-}
-
-p[tooltip], div[tooltip], td {
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-
-
-.bpContainer {
-  position: relative;
-  display: block;
-  height: 100%;
-  padding: 40px;
-}
-
-
-.box {
-  position: relative;
-  display: inline-block;
-  min-width: 260px;
-  min-height: 170px;
-  border-width: 2px;
-  border-color: #136e9d;
-  border-style: solid;
-  background-color: #fff;
-  vertical-align: top;
-  padding: 2px;
-  border-radius: 6px;
-  margin: 0 60px 40px 0;
-}
-
-
-.box .piProgress, .line .piProgress {
-  position: absolute;
-  top: -12px;
-  left: -27px;
-  z-index: 1;
-}
-/* .piProgress {
-  position: relative;
-  display: inline-block;
-} */
-.box .piProgress .circle, .line .piProgress .circle {
-  background: #136e9d;
-  border: 2px solid #d3dfe2;
-  width: 43px; 
-  height: 43px; 
-  top: 5.5px; 
-  left: 5.5px;
-  border-radius: 21px; 
-  font-size: 14px;
-}
-.box .piProgress .smallCircle {
-  background: #136e9d;
-  border: 2px solid #d3dfe2;
-  width: 30px; 
-  height: 30px;
-  left: 11px;
-  border-radius: 21px; 
-  font-size: 12px;
-  cursor: pointer;
-}
-.piProgress .circle, .piProgress .smallCircle {
-  position: absolute;
-  display: box;
-  box-pack: center;
-  box-align: center;
-  background-color: #46b8da;
-  color: #fff;
-  font-size: 100%;
-  z-index: 3;
-}
-
-.bpContainer i.gs-node-icon {
-  position: absolute;
-  top: 10px;
-  left: 9px;
-  font-size: 23px;
-}
-
-.bpContainer i.gs-cp-icon {
-  position: absolute;
-  top: 5px;
-  left: 5px;
-  font-size: 15px;
-}
-
-.bpContainer .box .head, .bpContainer .line .head {
-  display: block;
-  background-color: #136e9d;
-  color: #fff;
-  padding: 2px 10px 3px 25px;
-  border-radius: 3px;
-  font-size: 20px;
-  height: 35px;
-}
-
-.bpContainer .box .holder {
-  display: block;
-  padding: 5px 25px;
-  margin-top: 1px;
-  background-color: #fff;
-}
-
-.bpContainer .box .nest {
-  min-height:130px;
-  cursor:pointer;
-}
-
-.bpContainer .box .nest .plus {
-  position: absolute;
-  bottom:0;
-  right:5px;
-}
-
-.bpContainer .box .boxHover~div {
- background-color:#eaf1f7;
-}
-
-.bpContainer .boxHover{ 
-  cursor:pointer;
-}
-
-.bpContainer .box .box .appHover{ 
-  cursor:pointer;
-}
-
-
-.bpContainer .box .box .appHover p {
- background-color:#eaf1f7;
-}
-
-.bpContainer .box .box {
-  border-color: #3aaeda;
-  min-width: 170px;
-  margin: 15px;
-}
-
-.bpContainer .box .box .head {
-  background-color: #3aaeda;
-}
-
-.bpContainer .box .box .piProgress .circle {
-  background-color: #3aaeda;
-}
-
-.bpContainer .box .box .holder {
-  text-align: center;
-  background-color: #fff;
-  min-height: 126px;
-}
-
-.bpContainer .box .box .boxHover~div {
- background-color:#eaf1f7;
-}
-
-.bpContainer .app {
-  position: relative;
-  display: inline-block;
-  width: 47px;
-  height: 47px;
-  text-align: center;
-  border-radius: 3px;
-  margin: 10px 0;
-}
-
-.bpContainer .app .piProgress {
-  top: 0;
-  left: -6px;
-}
-
-.bpContainer .box .box .piProgress .circle{
-  background-color: #3aaeda;
-}
-
-.bpContainer .app p {
-  position: relative;
-  top: 50px;
-  margin: 0;
-  color: #555869;
-  text-align: center;
-  font-size: 15px;
-}
-
-
- .coordinates {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-}
-
-.bpContainer .box .piProgress .circle>.badge, .bpContainer .line .piProgress .circle>.badge {
-  position:absolute;
-  display:inline-block;
-  z-index:1;
-  top:-8px;
-  left:20px;
-  min-width:20px;
-  border-radius:10px;
-  padding:3px!important;
-  vertical-align:baseline;
-  white-space:nowrap;
-  text-align:center;
-  background-color:#2f3334;
-  text-decoration:none;
-  font-size:14px;
-  color:#fff;
-  line-height:15px;
-  font-style:normal;
-  font-weight:400;
-  opacity:1
-}
-
-.header {
-  border-top:2px solid #4b6b8b;
-  background-color:#e8edf2;
-  height:40px;
-  padding:5px 20px
-}
-
-.header .title {
-  display:inline-block;
-  font-size:18px;
-  color:#29AAEE;
-  line-height:28px
-}
-
-.containList {
-  overflow-y:scroll;
-}
-
-div.separator-icon {
-  text-align: center;
-  line-height: 0
-}
-
-.networksContainer{
-  white-space:nowrap;
-  margin:40px 0 0 20px;
-  height:100%
-}
-
-.networksContainer .network{
-  position: relative;
-  display:inline-block;
-  text-align:center;
-  min-width:70px;
-  margin:0 10px 0 0
-}
-
-.networksContainer .subnet{
-  display:inline-block;
-  text-align:center;
-  min-width:70px;
-  margin:0 10px 0 0
-}
-
-.networksContainer .subnet .line{
-  position:relative;
-  display:inline-block;
-  vertical-align:top
-}
-
-.networksContainer .name {
-  display:block;
-  width:100%;
-  background-color:#797B86;
-  color:#fff;
-  padding:2px 6px;
-  border-radius:5px;
-  text-align:center;
-  margin:0 0 10px;
-  overflow:hidden;
-  cursor: pointer;
-  text-overflow:ellipsis
-}
-
-.networksContainer .network .name>.badge {
-  position:absolute;
-  display:inline-block;
-  z-index:1;
-  top:-9px;
-  right:-9px;
-  min-width:20px;
-  border-radius:10px;
-  padding:3px!important;
-  vertical-align:baseline;
-  white-space:nowrap;
-  text-align:center;
-  background-color:#2f3334;
-  text-decoration:none;
-  font-size:14px;
-  color:#fff;
-  line-height:15px;
-  font-style:normal;
-  font-weight:400;
-  opacity:1
-}
-
-.networksContainer .subnet .line .vlan{
-  position:relative;
-  display:inline-block;
-  width:21px;
-  height:500px;
-  background-color:#149bdf;
-  color:#fff;
-  border-radius:5px;
-  vertical-align:top;
-  margin:0 10px 0 0;
-  cursor:pointer
-}
-
-.networksContainer .subnet .vlan .badge {
-  position:absolute;
-  display:inline-block;
-  z-index:1;
-  top:-8px;
-  left:10px;
-  min-width:20px;
-  border-radius:10px;
-  padding:3px!important;
-  vertical-align:baseline;
-  white-space:nowrap;
-  text-align:center;
-  background-color:#2f3334;
-  text-decoration:none;
-  font-size:14px;
-  color:#fff;
-  line-height:15px;
-  font-style:normal;
-  font-weight:400;
-  opacity:1
-}
-
-.networksContainer .subnet .line .vlan:last-child{
-  margin:0
-}
-
-.networksContainer .subnet .line .vlan>p{
-  position:absolute;
-  display:block;
-  transform:rotate(90deg);
-  -ms-transform:rotate(90deg);
-  -webkit-transform:rotate(90deg);
-  white-space:nowrap;
-  color:#fff;
-  top:5px;
-  right:0;
-  left:1px
-}
-
-.networksContainer .subnet .line .vlan>p.cidr{
-  width:200px;
-  top:auto;
-  left:-90px;
-  bottom:85px;
-  color:#fff;
-  text-align:right
-}
-
-.topoZone {
-  display: inline-block;
-  float: left;
-}
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/css/virtualApplication.css b/nsoc-iui/src/main/resources/webroot/nsoc/css/virtualApplication.css
deleted file mode 100644
index 0458cc3d..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/css/virtualApplication.css
+++ /dev/null
@@ -1,502 +0,0 @@
-/**
- * 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.
- */
-body {
-	font-family: microsoft yahei !important;
-}
-
-/* blue pill (inspired by iTunes)
-*******************************************************************************/
-.redFont{
-	color:red;
-}
-.blue {
-
-	background-color: #5b9bd1;
-	border-radius: 20px;
-	color: #fff;
-	font-weight: bold;
-	padding: 8px 0;
-	text-align: center;
-	width: 100px;
-}
-
-.blue:hover {
-	background-color: #e8f3fd;
-	color: #5b9bd1;
-}
-
-.blue.selected {
-	border: 0;
-	background-color: #5b9bd1;
-	color: #fff;
-}
-
-.blue.selected:hover {
-	border: 0;
-	background-color: #5b9bd1;
-	color: #fff;
-}
-
-a {
-	text-decoration: none !important;
-}
-
-p {
-	color: #444;
-	font-size: 14px;
-	font-weight: normal;
-	line-height: 21px;
-	margin: 0 0 12px 0;
-}
-
-p.credit {
-	border-top: 1px solid #ccc;
-	font-size: 14px;
-	line-height: 140%;
-	margin: 36px 0 12px 0;
-	padding: 8px 0 0 0;
-	text-align: center;
-}
-
-ul.column {
-	float: left;
-	list-style: none;
-	width: 675px;
-}
-
-ul.column li {
-	background: #eee;
-	-webkit-border-radius: 5px;
-	border-radius: 5px;
-	-webkit-box-shadow: inset 0 1px 1px 0 #c7c7c7;
-	box-shadow: inset 0 1px 1px 0 #c7c7c7;
-	float: left;
-	margin: 10px 0 0 10px;
-	display: block;
-	height: 150px;
-	text-align: center;
-	width: 215px;
-}
-
-/* Clear Floated Elements
-------------------------------------------------------------------------------*/
-.column:after,.button-collection:after,.clearfix:after,div.project-info:after
-	{
-	clear: both;
-	content: ' ';
-	display: block;
-	font-size: 0;
-	line-height: 0;
-	visibility: hidden;
-	width: 0;
-	height: 0;
-}
-
-.container-fluid {
-	background-color:white !important;
-	min-height:500px;
-}
-
-.nav-tabs {
-	border: 0;
-}
-
-.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus
-	{
-	border: 0;
-	border-top: 3px solid #F3565D;
-}
-
-.nav-tabs>li>a {
-	border-radius: 0;
-}
-
-.nav-tabs>li>a:hover {
-	background-color: #f1f3fa;
-	border: 1Px solid #f1f3fa;
-}
-
-.c3 {
-	margin-top: 120px;
-}
-
-.skills-chart-breadcrumb {
-	
-}
-
-.blue:selected {
-	border: 0;
-	background-color: #5b9bd1;
-}
-
-select {
-	border-width: 1px;
-	padding: 2px 1px;
-	border-radius: 4px;
-} 
-
-.input-sm {
-	padding: 4px 10px;
-}
-
-.btn-block {
-	display: block;
-	width: 100%;
-	padding-left: 0;
-	padding-right: 0;
-}
-
-/* Bootstrap buttons */
-.btn-default {
-	color: #5b9bd1;
-	background-color: #fff;
-	border-color: #ccc;
-}
-
-.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active
-	{
-	color: #333;
-	background-color: #ededed;
-	border-color: #b3b3b3;
-}
-
-.open .btn-default.dropdown-toggle {
-	color: #333;
-	background-color: #ededed;
-	border-color: #b3b3b3;
-}
-
-.btn-default:active,.btn-default.active {
-	background-image: none;
-	background-color: #e0e0e0;
-	font-weight: bold;
-}
-
-.btn-default:active:hover,.btn-default.active:hover {
-	background-color: #e6e6e6;
-}
-
-.open .btn-default.dropdown-toggle {
-	background-image: none;
-}
-
-.btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default[disabled].active,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active
-	{
-	background-color: #fff;
-	border-color: #ccc;
-}
-
-.btn-default .badge {
-	color: #fff;
-	background-color: #333;
-}
-
-.btn-default>i {
-	color: #aaa;
-}
-
-.btn-default>i[class^="icon-"],.btn-default>i[class*="icon-"] {
-	color: #8c8c8c;
-}
-
-div[data-name="tab_zone"] div {
-	background-color: #f1f3fa;
-	padding: 0px;
-}
-
-div[data-name="cond_zone"] div {
-	background-color: #fff;
-	margin-top: 15px;
-	margin-bottom: 15px;
-}
-
-div[data-name="res-conds-zone"] {
-	display: inline;
-}
-
-div[data-name="res-conds-zone"] select,div[data-name="res-conds-zone"] span
-	{
-	/**height:33px;*/
-	margin-left: 15px;
-	color: #5b9bd1;
-	border-color: #ccc;
-	font-weight: bold;
-}
-
-.input{
-	width:250px;
-	height: 34px;
-	padding: 6px 12px;
-	font-size: 14px;
-	line-height: 1.42857143;
-	color: #555;
-	background-color: #fff;
-	background-image: none;
-	border: 1px solid #ccc;
-	border-radius: 4px;
-	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-}
-
-div.separator {
-	margin: 20px;
-}
-
-div.separator div {
-	text-align: center;
-	line-height: 0;
-}
-
-div.separator-line {
-	height: 1px !important;
-	width: 100%;
-	background: #ddd;
-	overflow: hidden;
-}
-
-.dropdown-toggle {
-	color: #5b9bd1;
-}
-
-.calendar-date {
-	color: #5b9bd1;
-}
-
-.range_inputs {
-	color: #5b9bd1;
-}
-
-.btn.dropdown-toggle,.btn-group .btn.dropdown-toggle,.btn:hover,.btn:disabled,.btn[disabled],.btn:focus,.btn:active,.btn.active
-	{
-	outline: none !important;
-	background-image: none !important;
-	filter: none;
-	-webkit-box-shadow: none;
-	-moz-box-shadow: none;
-	box-shadow: none;
-	text-shadow: none;
-}
-
-#skills-chart-breadcrumb {
-	margin-bottom: 10px
-}
-
-/*����daterangepicker��css*/
-input[name="daterange"] {
-	width: 220px;
-	line-height: 0;
-	height: 31px;
-	vertical-align: top;
-	margin-top: 2px;
-}
-
-.daterangepicker .ranges {
-	width: 205px;
-}
-
-.daterangepicker .ranges input {
-	width: 95px !important;
-}
-
-td.details-control {
-	background: url('../images/details_open.png') no-repeat center center;
-	cursor: pointer;
-}
-
-tr.shown td.details-control {
-	background: url('../images/details_close.png') no-repeat center center;
-}
-
-.details table td {
-	word-wrap: break-word;
-	word-break: normal;
-	border-top: 1px solid #dddddd;
-}
-
-.details table  tr:first-child td {
-	border-top: none;
-}
-
-.details table {
-	table-layout: fixed;
-	width: 100%;
-}
-
-td.title {
-	width: 10%;
-}
-
-table.dataTable tbody th,table.dataTable tbody td {
-	padding: 8px 10px;
-}
-
-div.dataTables_length,div.dataTables_info {
-	display: inline;
-}
-
-div.dataTables_paginate {
-	display: inline;
-	float: right;
-}
-
-div.pagination-panel {
-	margin-right: 10px;
-}
-
-input.pagination-panel-input {
-	width: 50px;
-}
-
-#ict_virtualApplication_table_div {
-	margin-top: 15px;
-}
-
-#ict_virtualApplication_table_div label {
-	font-weight: 100;
-}
-
-.daterangepicker .daterangepicker_start_input label,.daterangepicker .daterangepicker_end_input label
-	{
-	color: #5b9bd1;
-}
-
-.daterangepicker .ranges .input-mini {
-	color: #5b9bd1;
-}
-
-.cancelBtn {
-	padding: 5px 10px 5px 10px;
-}
-
-.btn:focus,.btn:active:focus,.btn.active:focus {
-	outline: 0;
-}
-
-#ict_virtualApplication_table_div  table {
-	width: 100% !important;
-}
-
-.uploadBtn {
-	margin-top:10px;
-}
-
-.btn-operation {
-	min-width: 30px;
-	line-height: 1;
-}
-
-tr select {
-	width: 80px;
-}  
-
-.span-action {
-	float:left;
-}
-
-.btn i {
-	padding-right: 0 !important;
-}
-
-.vmapp-margin {
-	margin-bottom: 20px;
-}
-
-.vmapp-form-title {
-	padding:8px;
-	margin-bottom:5px;
-	margin-left:20px;
-	border-left: 2px solid #5b9bd1;
-	color:#1A78CA;
-}
-
-.input-group .input-control {
-	height : 34px !important;
-}
-
-.input-group .input-control[disabled] {
-	cursor: default;
-	background-color: #fff;
-}
-
-.input-group .input-group-btn .btn-default {
-	color: #333;
-    font-size: 14px;
-    min-width: 34px;
-}
-
-.modal-scrollable {
-	overflow: auto !important;
-}
-
-td.icheckbox {
-	text-align: center;
-}
-
-td .icheckbox_square-aero {
-	margin-right: 0;
-}
-
-/*卡片面板样式*/
-.hpanel {
-	background-color: none;
-	border: none;
-	box-shadow: none;
-	margin-bottom: 5px;
-}
-
-.hpanel .panel-body {
-	border: 1px solid #e4e5e7;
-	border-radius: 2px;
-	position: relative;
-}
-
-.hpanel > .panel-footer {
-	color: inherit;
-	border: 1px solid #e4e5e7;
-	border-top: none;
-	font-size: 90%;
-	background: #f7f9fa;
-	height:40px;
-	padding: 5px 10px;
-}
-
-.hpanel > .panel-footer .pull-right a{
-	margin-left: 5px;
-}
-
-.hpanel > .panel-footer .pull-right .btn{
-	min-width: 30px !important;
-}
-
-.hpanel_show {
-	background-color: #f7f9fa;
-}
-
-.hpanel .panel-info {
-	overflow:hidden;
-	white-space:nowrap;
-	text-overflow:ellipsis;
-}
-
-.tipArea {
-    border-bottom: 1px solid #d4d4d4;
-  	width: 95%;
-  	margin-bottom: 15px;
-  	margin-left: 15px;
-  	padding-bottom: 5px;
-}
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/css/vnfm.css b/nsoc-iui/src/main/resources/webroot/nsoc/css/vnfm.css
deleted file mode 100644
index c4b588b4..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/css/vnfm.css
+++ /dev/null
@@ -1,492 +0,0 @@
-/**
- * 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.
- */
-body {
-	font-family: microsoft yahei !important;
-}
-
-/* blue pill (inspired by iTunes)
-*******************************************************************************/
-
-.grey {
-  background-color: #e5e5e5;
-  color: #333;
-}
-
-.blue {
-
-	background-color: #5b9bd1;
-	border-radius: 20px;
-	color: #fff;
-	font-weight: bold;
-	padding: 8px 0;
-	text-align: center;
-	width: 100px;
-}
-
-.blue:hover {
-	background-color: #e8f3fd;
-	color: #5b9bd1;
-}
-
-.blue.selected {
-	border: 0;
-	background-color: #5b9bd1;
-	color: #fff;
-}
-
-.blue.selected:hover {
-	border: 0;
-	background-color: #5b9bd1;
-	color: #fff;
-}
-
-p {
-	color: #444;
-	font-size: 14px;
-	font-weight: normal;
-	line-height: 21px;
-	margin: 0 0 12px 0;
-}
-
-p.credit {
-	border-top: 1px solid #ccc;
-	font-size: 14px;
-	line-height: 140%;
-	margin: 36px 0 12px 0;
-	padding: 8px 0 0 0;
-	text-align: center;
-}
-
-ul.column {
-	float: left;
-	list-style: none;
-	width: 675px;
-}
-
-ul.column li {
-	background: #eee;
-	-webkit-border-radius: 5px;
-	border-radius: 5px;
-	-webkit-box-shadow: inset 0 1px 1px 0 #c7c7c7;
-	box-shadow: inset 0 1px 1px 0 #c7c7c7;
-	float: left;
-	margin: 10px 0 0 10px;
-	display: block;
-	height: 150px;
-	text-align: center;
-	width: 215px;
-}
-
-/* Clear Floated Elements
-------------------------------------------------------------------------------*/
-.column:after,.button-collection:after,.clearfix:after,div.project-info:after
-	{
-	clear: both;
-	content: ' ';
-	display: block;
-	font-size: 0;
-	line-height: 0;
-	visibility: hidden;
-	width: 0;
-	height: 0;
-}
-
-.container-fluid {
-	background-color:white !important;
-	min-height:500px;
-}
-
-.nav-tabs {
-	border: 0;
-}
-
-.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus
-	{
-	border: 0;
-	border-top: 3px solid #F3565D;
-}
-
-.nav-tabs>li>a {
-	border-radius: 0;
-}
-
-.nav-tabs>li>a:hover {
-	background-color: #f1f3fa;
-	border: 1Px solid #f1f3fa;
-}
-
-.c3 {
-	margin-top: 120px;
-}
-
-.skills-chart-breadcrumb {
-	
-}
-
-.blue:selected {
-	border: 0;
-	background-color: #5b9bd1;
-}
-
-.btn {
-	/* border-width: 0; */
-	/* padding: 7px 14px; */
-	/* font-size: 14px; */
-	/* outline: none !important; */
-	/* background-image: none !important; */
-	/* filter: none; */
-	/* -webkit-box-shadow: none; */
-	-moz-box-shadow: none;
-	/* box-shadow: none; */
-	/* text-shadow: none; */
-}
-
-select {
-	border-width: 1px;
-	padding: 4px 1px;
-	border-radius: 4px;
-}
-
-.input-sm {
-	padding: 4px 10px;
-}
-
-.btn-block {
-	display: block;
-	width: 100%;
-	padding-left: 0;
-	padding-right: 0;
-}
-
-/* Bootstrap buttons */
-
-
-.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active
-	{
-	color: #333;
-	background-color: #ededed;
-	border-color: #b3b3b3;
-}
-
-.open .btn-default.dropdown-toggle {
-	color: #333;
-	background-color: #ededed;
-	border-color: #b3b3b3;
-}
-
-.btn-default:active,.btn-default.active {
-	background-image: none;
-	background-color: #e0e0e0;
-	font-weight: bold;
-}
-
-.btn-default:active:hover,.btn-default.active:hover {
-	background-color: #e6e6e6;
-}
-
-.open .btn-default.dropdown-toggle {
-	background-image: none;
-}
-
-.btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default[disabled].active,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active
-	{
-	background-color: #fff;
-	border-color: #ccc;
-}
-
-.btn-default .badge {
-	color: #fff;
-	background-color: #333;
-}
-
-
-.btn-default>i[class^="icon-"],.btn-default>i[class*="icon-"] {
-	color: #8c8c8c;
-}
-
-div[data-name="tab_zone"] div {
-	background-color: #f1f3fa;
-	padding: 0px;
-}
-
-div[data-name="cond_zone"] div {
-	background-color: #fff;
-	margin-top: 15px;
-	margin-bottom: 15px;
-}
-
-div[data-name="res-conds-zone"] {
-	display: inline;
-}
-
-div[data-name="res-conds-zone"] select,div[data-name="res-conds-zone"] span
-	{
-	/**height:33px;*/
-	margin-left: 15px;
-	color: #5b9bd1;
-	border-color: #ccc;
-	font-weight: bold;
-}
-
-.input{
-	width:250px;
-  height: 34px;
-  padding: 6px 12px;
-  font-size: 14px;
-  line-height: 1.42857143;
-  color: #555;
-  background-color: #fff;
-  background-image: none;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-}
-
-div.separator {
-	margin: 20px;
-}
-
-div.separator div {
-	text-align: center;
-	line-height: 0;
-}
-
-div.separator-line {
-	height: 1px !important;
-	width: 100%;
-	background: #ddd;
-	overflow: hidden;
-}
-
-.dropdown-toggle {
-	color: #5b9bd1;
-}
-
-.calendar-date {
-	color: #5b9bd1;
-}
-
-.range_inputs {
-	color: #5b9bd1;
-}
-
-.btn.dropdown-toggle,.btn-group .btn.dropdown-toggle,.btn:hover,.btn:disabled,.btn[disabled],.btn:focus,.btn:active,.btn.active
-	{
-	outline: none !important;
-	background-image: none !important;
-	filter: none;
-	-webkit-box-shadow: none;
-	-moz-box-shadow: none;
-	box-shadow: none;
-	text-shadow: none;
-}
-
-#skills-chart-breadcrumb {
-	margin-bottom: 10px
-}
-
-/*增加daterangepicker的css*/
-input[name="daterange"] {
-	width: 220px;
-	line-height: 0;
-	height: 31px;
-	vertical-align: top;
-	margin-top: 2px;
-}
-
-.daterangepicker .ranges {
-	width: 205px;
-}
-
-.daterangepicker .ranges input {
-	width: 95px !important;
-}
-
-td.details-control {
-	background: url('../images/details_open.png') no-repeat center center;
-	cursor: pointer;
-}
-
-tr.shown td.details-control {
-	background: url('../images/details_close.png') no-repeat center center;
-}
-
-.details table td {
-	word-wrap: break-word;
-	word-break: normal;
-	border-top: 1px solid #dddddd;
-}
-
-.details table  tr:first-child td {
-	border-top: none;
-}
-
-.details table {
-	table-layout: fixed;
-	width: 100%;
-}
-
-td.title {
-	width: 10%;
-}
-
-table.dataTable tbody th,table.dataTable tbody td {
-	padding: 8px 10px;
-}
-
-div.dataTables_length,div.dataTables_info {
-	display: inline;
-}
-
-div.dataTables_paginate {
-	display: inline;
-	float: right;
-}
-
-div.pagination-panel {
-	margin-right: 10px;
-}
-
-input.pagination-panel-input {
-	width: 50px;
-}
-
-#ict_res_table_div {
-	margin-top: 15px;
-}
-
-#ict_res_table_div label {
-	font-weight: 100;
-}
-
-.daterangepicker .daterangepicker_start_input label,.daterangepicker .daterangepicker_end_input label
-	{
-	color: #5b9bd1;
-}
-
-.daterangepicker .ranges .input-mini {
-	color: #5b9bd1;
-}
-
-.cancelBtn {
-	padding: 5px 10px 5px 10px;
-}
-
-.btn:focus,.btn:active:focus,.btn.active:focus {
-	outline: 0;
-}
-
-#ict_res_table_div  table {
-	width: 100% !important;
-}
-
-.control-label .required {
-  color: #e02222;
-  font-size: 12px;
-  padding-left: 2px;
-}
-
-#ict_vim_table tbody tr{
-	cursor:pointer;
-}
-
-
-/*卡片面板样式*/
-.animated-panel {
-  -webkit-animation-duration: .5s;
-  animation-duration: .5s;
-  -webkit-animation-fill-mode: both;
-  animation-fill-mode: both;
-}
-
-.hpanel {
-  background-color: none;
-  border: none;
-  box-shadow: none;
-  margin-bottom: 25px;
-    
-}
-
-.hpanel .panel-body {
-  border: 1px solid #e4e5e7;
-  border-radius: 2px;
-  padding: 20px;
-  position: relative;
-}
-.h-200 {
-  min-height: 220px;
-}
-
-.m-t-xl {
-  margin-top: 40px;
-}
-
-.m-t-xl div {
-  margin-bottom: 15px;
-}
-
-.text-success {
-  color: #0d638f;
-}
-.hpanel > .panel-footer {
-  color: inherit;
-  border: 1px solid #e4e5e7;
-  border-top: none;
-  font-size: 90%;
-  background: #f7f9fa;
-  height:40px;
-  padding: 5px 15px;
-}
-.color_cloud{
-	color:#ccc;
-}
-.stats-title{
-
-}
-
-h3{
-  margin-top: 10px;
-  margin-bottom: 40px;
-  font-weight: 200;
-}
-
-.blue-font{
-	color:#428bca;
-}
-
-.hpanel > .panel-footer .pull-right a{
-	margin-left: 5px;
-}
-
-.hpanel > .panel-footer .pull-right .btn{
-	min-width: 30px !important;
-}
-
-.font-bold {
-  font-weight: 600;
-  margin-bottom: 15px;
-}
-
-.hpanel_show{
-	background-color: #f7f9fa;
-}
-
-.vnfm-padding {
-	padding-left: 0;
-}
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/hostMirror.html b/nsoc-iui/src/main/resources/webroot/nsoc/hostMirror.html
deleted file mode 100644
index 29503035..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/hostMirror.html
+++ /dev/null
@@ -1,176 +0,0 @@
-<!--
-
-    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="../vendor/jQuery-File-Upload/css/jquery.fileupload.css" rel="stylesheet" />
-	<link href="css/hostMirror.css" rel="stylesheet" />
-	<style type="text/css">
-	.ms-controller {
-		visibility: hidden;
-	}
-	</style>
-</head>
-<body>
-	<div ms-controller="hmController" 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-host-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="uploadHostImage.$showUploadImage"><i class="ict-new"></i>&nbsp;<span id="nfv-host-iui-text-uploadImage" name_i18n="com_zte_nfv_nsoc_i18n"></span></button>
-		</div>
-		<div class="row-fluid" data-name="table_zone">
-			<div id='ict_host_table_div'></div>
-		</div>
-
-		<div id="uploadImage" class="modal fade" tabindex="-1" role="dialog" 
-			aria-labelledby="myModalLabel" aria-hidden="true">
-			<div class="modal-dialog">
-				<div class="modal-content">
-					<div class="modal-header">
-						<h4 class="modal-title" id="myModalLabel">
-							<span id="nfv-host-iui-text-title" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-						</h4>
-					</div>
-					<div class="modal-body">
-						<form class="form-horizontal" role="form" id="hostForm">
-							<div class="btn-center">
-								<div class="btn-group" data-toggle="buttons">
-								   <label class="btn white" ms-class="blueactive: uploadHostImage.localVisible" 
-								          ms-click="uploadHostImage.$showLocalOrUrl('local')">
-								      <input type="radio" name="options" id="option1"><span id="nfv-host-iui-text-local" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-								   </label>
-								   <label class="btn white" ms-class="blueactive: !uploadHostImage.localVisible" 
-								          ms-click="uploadHostImage.$showLocalOrUrl('url')">
-								      <input type="radio" name="options" id="option2"><span id="nfv-host-iui-text-url" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-								   </label>								   
-								</div>
-							</div>
-							<div class="form-group">
-								<label class="col-sm-3 control-label" ms-visible="uploadHostImage.localVisible">
-									<span id="nfv-host-iui-text-image" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-									<span class="required" aria-required="true">*</span>
-								</label>
-								<div class="col-sm-8" ms-visible="uploadHostImage.localVisible">
-									<!--<input id="hostfile" type="file" name="file" class="file"/>-->
-									<div class="input-group fileupload-input">
-							        	<div id="fileName" class="form-control file-input" 
-							        		style="height: 34px !important;overflow-x: auto;"></div>
-							           	<span class="input-group-btn">
-							           		<span class="btn blue1 fileinput-button">
-							                	<span id="nfv-software-iui-text-image-select" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-							                	<input type="file" name="file" multiple>
-							            	</span>
-							           	</span>
-							        </div><!-- input-group -->
-								</div>
-								<label class="col-sm-3 control-label" ms-visible="!uploadHostImage.localVisible">
-									<span id="nfv-host-iui-text-imageurl" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-									<span class="required" aria-required="true">*</span>
-								</label>
-								<div class="col-sm-8" ms-visible="!uploadHostImage.localVisible">
-									<input id="hosturl" name="hosturl" class="form-control" type="text" />
-								</div>				
-							</div>
-							<div class="form-group">
-								<label class="col-sm-3 control-label">
-									<span id="nfv-host-iui-text-name" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-									<span class="required" aria-required="true">*</span>
-								</label>
-								<div class="col-sm-8">
-									<input class="form-control" type="text" id="hostName" name="hostName" />
-								</div>
-							</div>
-							<div class="form-group">
-								<label class="col-sm-3 control-label">VIM<span class="required" aria-required="true">*</span></label>
-								<div class="col-sm-8">
-									<select class="form-control" id="vim" name="vim" ms-change="uploadHostImage.$changeEvent">
-										<option ms-repeat="uploadHostImage.vimSelectItems" ms-attr-value="$index" 
-										        data-repeat-rendered="initTenant">{{el.name}}</option>
-									</select>
-								</div>
-							</div>
-							<div class="form-group">
-								<label class="col-sm-3 control-label">
-									<span id="nfv-host-iui-text-tenant" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-								</label>
-								<div class="col-sm-8">
-									<input class="form-control" type="text" disabled="true" id="tenant" name="tenant" />
-								</div>
-							</div>
-						</form>
-					</div>
-					<div class="modal-footer">
-						<button type="button" class="btn" data-dismiss="modal">
-							<span id="nfv-host-iui-btn-cancel" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-						</button>
-						<button type="button" class="btn btn-primary" id="uploadBtn">
-							<span id="nfv-host-iui-btn-upload" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-						</button>
-					</div>
-				</div>
-			</div>
-		</div>
-		<!--
-    	<div ms-visible="uploadHostImage.progressVisible" class="process-modal">
-    		<div class="process-content">
-        		<img src='../framework/img/loading-spinner-grey.gif'/>
-        		<div><span ms-text="uploadHostImage.progress"></span></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/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/jQuery-File-Upload/js/vendor/jquery.ui.widget.js"></script>
-    <script type="text/javascript" src="../vendor/jQuery-File-Upload/js/jquery.iframe-transport.js"></script>
-    <script type="text/javascript" src="../vendor/jQuery-File-Upload/js/jquery.fileupload.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/hostMirror/host-validate.js"></script>
-	<script type="text/javascript" src="js/hostMirror/hmUtil.js"></script>
-	<script type="text/javascript" src="js/hostMirror/hmController.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/i18n/nfv-nso-iui-i18n-en-US.properties b/nsoc-iui/src/main/resources/webroot/nsoc/i18n/nfv-nso-iui-i18n-en-US.properties
deleted file mode 100644
index 77d757c4..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/i18n/nfv-nso-iui-i18n-en-US.properties
+++ /dev/null
@@ -1,316 +0,0 @@
-#
-# 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.
-#
-
-//table
-nfv-nso-iui-table-sLengthMenu=View _MENU_ records
-nfv-nso-iui-table-sZeroRecords=No matching records found
-nfv-nso-iui-table-sInfo=Found total _TOTAL_ records
-nfv-nso-iui-table-sInfoEmpty=No records found to show
-nfv-nso-iui-table-sGroupActions=_TOTAL_ records selected:  
-nfv-nso-iui-table-sAjaxRequestGeneralError=Could not complete request. Please check your internet connection.
-nfv-nso-iui-table-sEmptyTable=No data available in table
-nfv-nso-iui-table-sPrevious=Prev
-nfv-nso-iui-table-sNext=Next
-nfv-nso-iui-table-sPage=Page
-nfv-nso-iui-table-sPageOf=of
-nfv-nso-iui-table-sProcess=Processing...
-
-//common
-nfv-nso-iui-common-tip=Tip:  
-
-//package table colums
-nfv-package-iui-title=Package
-nfv-package-iui-field-name=Name
-nfv-package-iui-field-type=Type
-nfv-package-iui-field-size=Size
-nfv-package-iui-field-createTime=Create Time
-nfv-package-iui-field-status=Status
-nfv-package-iui-field-operation=Operation
-
-nfv-package-iui-status-tip=Taps to Activate
-nfv-package-iui-status-active=Activate
-nfv-package-iui-status-activating=Activating
-nfv-package-iui-status-inactive=Nonactivate
-nfv-package-iui-status-deleting =Deleting
-nfv-package-iui-status-deletefail = Delete Fail
-
-nfv-package-iui-message-upload-success=Csar package imported successfully.
-nfv-package-iui-message-upload-fail=Csar package imported failed.
-nfv-package-iui-message-delete-confirm=Do you want to delete the current package?
-nfv-package-iui-message-delete-success=Csar package deleted successfully.
-nfv-package-iui-message-upload-csar-exist=The package already exists, whether to re upload?
-nfv-package-iui-message-upload-csar-deletionpending=This package is referenced in an instance. whether to re upload?
-
-nfv-package-iui-drop-zone-title=Drag & drop files here …
-nfv-package-iui-drop-zone-selectBtn=Browse
-nfv-package-iui-drop-zone-removeBtn=Remove
-nfv-package-iui-drop-zone-uploadBtn=Upload
-
-//template table colums
-nfv-template-iui-title=Service Template
-nfv-template-iui-field-templatename=Name
-nfv-template-iui-field-producttype=Type
-nfv-template-iui-field-vendor=Vendor
-nfv-template-iui-field-version=Version
-nfv-template-iui-field-flavor=Flavor
-
-//template detail table colums
-nfv-templateDetail-iui-title=Node Template
-nfv-templateDetail-iui-field-nodeId=ID
-nfv-templateDetail-iui-field-nodetypename=Name
-nfv-templateDetail-iui-field-type=Type
-nfv-templateDetail-iui-field-containedin=Contained In
-nfv-templateDetail-iui-field-deployedon=Deployed On
-nfv-templateDetail-iui-field-connectedto=Conected To
-nfv-templateDetail-iui-field-virtuallinksto=Virtual Links To
-
-nfv-templateDetail-nodesTab-iui-tab-general=General
-nfv-templateDetail-nodesTab-iui-tab-properties=Properties
-nfv-templateDetail-nodesTab-iui-tab-relationShips=RelationShips
-nfv-templateDetail-nodesTab-iui-field-key=Key
-nfv-templateDetail-nodesTab-iui-field-value=Value
-nfv-templateDetail-nodesTab-iui-field-property=Property
-nfv-templateDetail-nodesTab-iui-field-sourceNodeName=Source Node
-nfv-templateDetail-nodesTab-iui-field-targetNodeName=Target Node
-nfv-templateDetail-nodesTab-iui-field-type=Type
-nfv-templateDetail-nodesTab-iui-btn-close=Close
-nfv-templateDetail-nodesTab-iui-title-nodeDetail=Node Detail
-
-nfv-templateDetail-executionTab-iui-field-currentStepName=Name
-nfv-templateDetail-executionTab-iui-field-currentStepStatus=Status
-nfv-templateDetail-executionTab-iui-field-currentStepDesc=Description
-nfv-templateDetail-executionTab-iui-field-executionTime=Execution Time
-
-//topo
-nfv-topology-iui-vnf-tip=Click to view the nested topology
-nfv-topology-iui-btn-return-tip=Return
-nfv-topology-iui-message-error=Query Topology Information failed.
-
-//virtual application table colums
-nfv-virtualApplication-iui-title=Lifecycle
-nfv-virtualApplication-iui-field-name=Name
-nfv-virtualApplication-iui-field-template=Template
-nfv-virtualApplication-iui-field-createDate=Create Time
-nfv-virtualApplication-iui-field-status=Status
-nfv-virtualApplication-iui-field-updateDate=Update Time
-nfv-virtualApplication-iui-field-action=Action
-nfv-virtualApplication-iui-field-operation=Operation
-
-nfv-virtualApplication-iui-scale-field-type=Type
-nfv-virtualApplication-iui-scale-field-num=Number
-nfv-virtualApplication-iui-scale-field-name=Name
-nfv-virtualApplication-iui-scale-field-operation=Operation
-
-nfv-virtualApplication-iui-operation-init=init
-nfv-virtualApplication-iui-operation-conf=configure
-nfv-virtualApplication-iui-operation-start=start
-nfv-virtualApplication-iui-operation-stop=stop
-nfv-virtualApplication-iui-operation-scaleIn=scale-in
-nfv-virtualApplication-iui-operation-scaleOut=scale-out
-nfv-virtualApplication-iui-operation-delete=delete
-
-nfv-virtualApplication-iui-status-normal=Deployed
-nfv-virtualApplication-iui-status-finish=Finish
-nfv-virtualApplication-iui-status-failed=Failed
-
-nfv-virtualApplication-iui-status-processing=Deploying
-nfv-virtualApplication-iui-status-init=Deploying
-nfv-virtualApplication-iui-status-conf=Configuring
-nfv-virtualApplication-iui-status-start=Starting
-nfv-virtualApplication-iui-status-stop=Stoping
-nfv-virtualApplication-iui-status-scaleIn=Scaling in
-nfv-virtualApplication-iui-status-scaleOut=Scaling out
-nfv-virtualApplication-iui-status-execute=Executing
-nfv-virtualApplication-iui-status-delete=Deleting
-
-nfv-virtualApplication-iui-text-title=Create Application
-nfv-virtualApplication-iui-text-createVm=Create
-nfv-virtualApplication-iui-text-name=Name
-nfv-virtualApplication-iui-text-description=Description
-nfv-virtualApplication-iui-text-template=Template
-nfv-virtualApplication-iui-text-templateDes=Template Description
-nfv-virtualApplication-iui-text-vnfm=VNFM
-nfv-virtualApplication-iui-text-tab-basic=Basic Info
-nfv-virtualApplication-iui-text-tab-flavor=Flavor Parameters
-nfv-virtualApplication-iui-text-tab-operationParam=Operation Parameters
-
-nfv-virtualApplication-iui-text-flavor=Flavor
-nfv-virtualApplication-iui-text-flavorDesc=Flavor Description
-nfv-virtualApplication-iui-text-flavor-numberOfInstances=NumberOfInstances
-nfv-virtualApplication-iui-text-flavor-refNodeFlavor=RefNodeFlavor
-nfv-virtualApplication-iui-text-flavor-affinity=Affinity
-nfv-virtualApplication-iui-text-flavor-redundancyModel=RedundancyModel
-nfv-virtualApplication-iui-text-flavor-capability=Capability
-nfv-virtualApplication-iui-text-input-planTitle=Plan
-
-nfv-virtualApplication-iui-text-scale-name=VNF Name
-nfv-virtualApplication-iui-text-scale-oeprationType=Operation Type
-nfv-virtualApplication-iui-text-scale-oeprationType-type=Type
-nfv-virtualApplication-iui-text-scale-oeprationType-instance=Instance
-nfv-virtualApplication-iui-text-scale-vduBtn-title=Add VDU
-nfv-virtualApplication-iui-text-scale-vnf-title=VNF List
-nfv-virtualApplication-iui-text-scale-vnf-name=VNF
-nfv-virtualApplication-iui-text-scale-vnf-vduType=VDU Type
-nfv-virtualApplication-iui-text-scale-vnf-num=Number
-nfv-virtualApplication-iui-text-scale-vnf-vduInstance=VDU Instance
-nfv-virtualApplication-iui-text-scale-vnf-numTip=Number
-nfv-virtualApplication-iui-text-scale-vnf-nameTip=Name
-nfv-virtualApplication-iui-text-scale-type-title=VDU Type
-nfv-virtualApplication-iui-text-scale-instance-title=VDU Instance
-nfv-virtualApplication-iui-text-scale-instance-cancelBtn=Cancel
-nfv-virtualApplication-iui-text-scale-instance-confirmBtn=Confirm
-nfv-virtualApplication-iui-text-scale-validate-message=The VNF is already selected
-nfv-virtualApplication-iui-text-scale-out-modal-title=ScaleOut Parameters
-nfv-virtualApplication-iui-text-scale-in-modal-title=ScaleIn Parameters
-
-nfv-virtualApplication-iui-text-createBtn=Create
-nfv-virtualApplication-iui-text-cancelBtn=Cancel
-nfv-virtualApplication-iui-text-confirmBtn=Confirm
-nfv-virtualApplication-iui-text-previousBtn=Previous
-nfv-virtualApplication-iui-text-nextBtn=Next
-nfv-virtualApplication-iui-text-params=Parameters
-
-nfv-virtualApplication-iui-message-delete-confirm=Do you want to delete the current application?
-nfv-virtualApplication-iui-message-delete-success=Application deleted successfully.
-nfv-virtualApplication-iui-message-delete-fail = Application deleted failed.
-nfv-virtualApplication-iui-message-create-success=Application created successfully.
-nfv-virtualApplication-iui-message-create-fail=Application created failed.
-
-nfv-virtualApplication-iui-validate-instanceName=Please enter a name
-nfv-virtualApplication-iui-validate-serviceTemplateName=Please select a service tempalte
-nfv-virtualApplication-iui-validate-flavor=Please select a flavor
-nfv-virtualApplication-iui-validate-vimId=Please select a VIM
-nfv-virtualApplication-iui-validate-vnfmId=Please select a VNFM
-nfv-virtualApplication-iui-validate-inputParam=This field is required
-nfv-virtualApplication-iui-validate-noinputParam=Don't need to input parameters
-nfv-virtualApplication-iui-validate-digits=Please enter only digits
-nfv-virtualApplication-iui-validate-range=Please enter a value between {0} and {1}
-
-//virtual application detail table colums
-nfv-virtualApplicationDetail-iui-field-nodeId=ID
-nfv-virtualApplicationDetail-iui-field-nodeName=Name
-nfv-virtualApplicationDetail-iui-field-nodeType=Node Type
-nfv-virtualApplicationDetail-iui-field-templateType=Template Type
-nfv-virtualApplicationDetail-iui-field-host=IP
-nfv-virtualApplicationDetail-iui-field-createTime=Create Time
-
-nfv-virtualApplicationDetail-iui-field-currentStepName=Name
-nfv-virtualApplicationDetail-iui-field-currentStepStatus=Status
-nfv-virtualApplicationDetail-iui-field-percent=Progress
-nfv-virtualApplicationDetail-iui-field-currentStepDesc=Description
-nfv-virtualApplicationDetail-iui-field-executionTime=Execution Time
-
-nfv-virtualApplicationDetail-iui-text-events=Events
-nfv-virtualApplicationDetail-iui-text-nodeDetail=Node Detail
-nfv-virtualApplicationDetail-iui-btn-close=Close
-
-//host image table colums
-nfv-host-iui-title=Image
-nfv-host-iui-field-name=Name
-nfv-host-iui-field-size=Size
-nfv-host-iui-field-vimUser=Tenant
-nfv-host-iui-field-createTime=Create Time
-nfv-host-iui-field-status=Status
-nfv-host-iui-field-progress=Progress
-nfv-host-iui-field-operation=Operation
-
-nfv-host-iui-operation-delete=Delete
-
-nfv-host-iui-text-title=Upload Image
-nfv-host-iui-text-uploadImage=Upload
-nfv-host-iui-text-local=Local
-nfv-host-iui-text-url=Url
-nfv-host-iui-text-image=Image File
-nfv-host-iui-text-imageurl=Image Url
-nfv-host-iui-text-name=Image Name
-nfv-host-iui-text-tenant=Tenant
-nfv-host-iui-btn-upload=Upload
-nfv-host-iui-btn-cancel=Cancel
-
-nfv-host-iui-validate-file=Please select a host file
-nfv-host-iui-validate-hosturl-required=Please enter a url
-nfv-host-iui-validate-hosturl-url=Please enter the right url
-nfv-host-iui-validate-hostName=Please enter a host name
-nfv-host-iui-validate-vim=Please select a vim
-
-nfv-host-iui-message-upload-success=Image upload successfully.
-nfv-host-iui-message-upload-failed=Image upload fails.
-nfv-host-iui-message-delete-confirm=Do you want to delete the current image?
-nfv-host-iui-message-delete-success=Image deleted successfully.
-nfv-host-iui-message-delete-failed=Image deleted fails.
-
-nfv-host-iui-progress-uploading=uploading
-nfv-host-iui-progress-success=upload success
-nfv-host-iui-progress-fail=upload failed
-
-//software image table colums
-nfv-software-iui-title=Software Image
-nfv-software-iui-field-name=Name
-nfv-software-iui-field-size=Size
-nfv-software-iui-field-type=Type
-nfv-software-iui-field-version=Version
-nfv-software-iui-field-location=Location
-nfv-software-iui-field-createTime=Create Time
-nfv-software-iui-field-operation=Operation
-
-nfv-software-iui-action-delete=Delete
-
-nfv-software-iui-text-title=Upload Image
-nfv-software-iui-text-uploadImage=Upload
-nfv-software-iui-text-image=Image File
-nfv-software-iui-text-image-select=Browse
-nfv-software-iui-text-image-remove=Remove
-nfv-software-iui-text-type=Type
-nfv-software-iui-text-version=Version
-nfv-software-iui-btn-upload=Upload
-nfv-software-iui-btn-cancel=Cancel
-
-nfv-software-iui-message-delete-confirm=Do you want to delete the current image?
-nfv-software-iui-message-delete-success=Image deleted successfully.
-
-//vnfm
-nfv-vnfm-iui-title=VNFM Manage
-nfv-vnfm-iui-message-title=vnfm info
-nfv-vnfm-iui-message-query-fail=Query vnfm failed.
-nfv-vnfm-iui-message-save-success=Save successfully.
-nfv-vnfm-iui-message-save-fail=Save failed.
-nfv-vnfm-iui-message-update-success=Update successfully.
-nfv-vnfm-iui-message-update-fail=Update failed.
-nfv-vnfm-iui-message-delete-confirm=Do you want to delete the current vnfm?
-nfv-vnfm-iui-message-delete-success=Vnfm deleted successfully.
-nfv-vnfm-iui-message-delete-fail=Vnfm deleted failed.
-
-nfv-vnfm-iui-test-update=Modify vnfm info
-nfv-vnfm-iui-text-register=Register vnfm info
-nfv-vnfm-iui-text-name=Name
-nfv-vnfm-iui-text-moc=Type
-nfv-vnfm-iui-text-vendor=Vendor
-nfv-vnfm-iui-text-userName=Username
-nfv-vnfm-iui-text-password=Password
-nfv-vnfm-iui-text-cancelBtn=cancel
-nfv-vnfm-iui-text-saveBtn=save
-nfv-vnfm-iui-text-registerBtn=Register
-nfv-vnfm-iui-text-status-normal=Normal
-nfv-vnfm-iui-text-status-fail=Alarm
-nfv-vnfm-iui-text-total=Total
-nfv-vnfm-iui-text-total-vnfm= of vnfm
-
-nfv-vnfm-iui-validate-name=Please enter a name
-nfv-vnfm-iui-validate-moc=Please enter the vnfm type
-nfv-vnfm-iui-validate-vim=Please select a VIM
-nfv-vnfm-iui-validate-url-required=Please enter the URL
-nfv-vnfm-iui-validate-url=Please enter the right URL
-nfv-vnfm-iui-text-url-tip=Example: http://10.0.0.1
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/i18n/nfv-nso-iui-i18n-zh-CN.properties b/nsoc-iui/src/main/resources/webroot/nsoc/i18n/nfv-nso-iui-i18n-zh-CN.properties
deleted file mode 100644
index 961f7e60..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/i18n/nfv-nso-iui-i18n-zh-CN.properties
+++ /dev/null
@@ -1,316 +0,0 @@
-#
-# 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.
-#
-
-//表格相关
-nfv-nso-iui-table-sLengthMenu=每页 _MENU_ 条结果
-nfv-nso-iui-table-sZeroRecords=没有匹配结果
-nfv-nso-iui-table-sInfo=总共找到 _TOTAL_ 条结果
-nfv-nso-iui-table-sInfoEmpty=共 0 项
-nfv-nso-iui-table-sGroupActions=_TOTAL_ 条结果被选择:
-nfv-nso-iui-table-sAjaxRequestGeneralError=不能完成请求，请检查您的网络连接情况。
-nfv-nso-iui-table-sEmptyTable=表中数据为空
-nfv-nso-iui-table-sPrevious=前页
-nfv-nso-iui-table-sNext=下页
-nfv-nso-iui-table-sPage=第
-nfv-nso-iui-table-sPageOf=页，总页数：
-nfv-nso-iui-table-sProcess=处理中...
-
-//common
-nfv-nso-iui-common-tip=提示： 
-
-//包管理表格字段名称定义
-nfv-package-iui-title=包管理
-nfv-package-iui-field-name=名称
-nfv-package-iui-field-type=类型
-nfv-package-iui-field-size=大小
-nfv-package-iui-field-createTime=创建时间
-nfv-package-iui-field-status=状态
-nfv-package-iui-field-operation=操作
-
-nfv-package-iui-status-tip=点击激活
-nfv-package-iui-status-active=激活
-nfv-package-iui-status-activating=激活中
-nfv-package-iui-status-inactive=未激活
-nfv-package-iui-status-deleting = 删除中
-nfv-package-iui-status-deletefail = 删除失败
-
-nfv-package-iui-message-upload-success=包导入成功。
-nfv-package-iui-message-upload-fail=包导入失败。
-nfv-package-iui-message-delete-confirm=确定要删除当前包？
-nfv-package-iui-message-delete-success=包删除成功。
-nfv-package-iui-message-upload-csar-exist=包已经存在，是否重新上传？
-nfv-package-iui-message-upload-csar-deletionpending=实例中引用了此包，是否重新上传？
-
-nfv-package-iui-drop-zone-title=拖拽文件到这里 …
-nfv-package-iui-drop-zone-selectBtn=选择
-nfv-package-iui-drop-zone-removeBtn=移除
-nfv-package-iui-drop-zone-uploadBtn=上传
-
-//模板管理表格字段名称定义
-nfv-template-iui-title=模板管理
-nfv-template-iui-field-templatename=名称
-nfv-template-iui-field-producttype=类型
-nfv-template-iui-field-vendor=厂商
-nfv-template-iui-field-version=版本
-nfv-template-iui-field-flavor=规格
-
-//模板明细表格字段名称定义
-nfv-templateDetail-iui-title=节点模板
-nfv-templateDetail-iui-field-nodeId=ID
-nfv-templateDetail-iui-field-nodetypename=名称
-nfv-templateDetail-iui-field-type=类型
-nfv-templateDetail-iui-field-containedin=归属
-nfv-templateDetail-iui-field-deployedon=部署
-nfv-templateDetail-iui-field-connectedto=业务连接
-nfv-templateDetail-iui-field-virtuallinksto=网络连接
-
-nfv-templateDetail-nodesTab-iui-tab-general=概况
-nfv-templateDetail-nodesTab-iui-tab-properties=属性
-nfv-templateDetail-nodesTab-iui-tab-relationShips=关系
-nfv-templateDetail-nodesTab-iui-field-key=关键字
-nfv-templateDetail-nodesTab-iui-field-value=值
-nfv-templateDetail-nodesTab-iui-field-property=属性
-nfv-templateDetail-nodesTab-iui-field-sourceNodeName=源节点
-nfv-templateDetail-nodesTab-iui-field-targetNodeName=目标节点
-nfv-templateDetail-nodesTab-iui-field-type=类型
-nfv-templateDetail-nodesTab-iui-btn-close=关闭
-nfv-templateDetail-nodesTab-iui-title-nodeDetail=节点详情
-
-nfv-templateDetail-executionTab-iui-field-currentStepName=名称
-nfv-templateDetail-executionTab-iui-field-currentStepStatus=状态
-nfv-templateDetail-executionTab-iui-field-currentStepDesc=描述
-nfv-templateDetail-executionTab-iui-field-executionTime=执行时间
-
-//topo
-nfv-topology-iui-vnf-tip=点击查看嵌套拓扑图
-nfv-topology-iui-btn-return-tip=返回
-nfv-topology-iui-message-error=查询拓扑图模板信息失败
-
-//虚拟应用表格字段名称定义
-nfv-virtualApplication-iui-title=生命周期管理
-nfv-virtualApplication-iui-field-name=名称
-nfv-virtualApplication-iui-field-template=模板
-nfv-virtualApplication-iui-field-createDate=创建时间
-nfv-virtualApplication-iui-field-status=状态
-nfv-virtualApplication-iui-field-updateDate=更新时间
-nfv-virtualApplication-iui-field-action=动作
-nfv-virtualApplication-iui-field-operation=操作
-
-nfv-virtualApplication-iui-scale-field-type=类型
-nfv-virtualApplication-iui-scale-field-num=数量
-nfv-virtualApplication-iui-scale-field-name=名称
-nfv-virtualApplication-iui-scale-field-operation=操作
-
-nfv-virtualApplication-iui-operation-init=部署
-nfv-virtualApplication-iui-operation-conf=配置
-nfv-virtualApplication-iui-operation-start=启动
-nfv-virtualApplication-iui-operation-stop=停止
-nfv-virtualApplication-iui-operation-scaleIn=缩容
-nfv-virtualApplication-iui-operation-scaleOut=扩容
-nfv-virtualApplication-iui-operation-delete=删除
-
-nfv-virtualApplication-iui-status-normal=已部署
-nfv-virtualApplication-iui-status-finish=执行完成
-nfv-virtualApplication-iui-status-failed=执行失败
-
-nfv-virtualApplication-iui-status-processing=部署中
-nfv-virtualApplication-iui-status-execute=执行中
-nfv-virtualApplication-iui-status-init=部署中
-nfv-virtualApplication-iui-status-conf=配置执行中
-nfv-virtualApplication-iui-status-start=启动执行中
-nfv-virtualApplication-iui-status-stop=停止执行中
-nfv-virtualApplication-iui-status-scaleIn=缩容执行中
-nfv-virtualApplication-iui-status-scaleOut=扩容执行中
-nfv-virtualApplication-iui-status-delete=删除执行中
-
-nfv-virtualApplication-iui-text-title=创建应用
-nfv-virtualApplication-iui-text-createVm=创建应用
-nfv-virtualApplication-iui-text-name=名称
-nfv-virtualApplication-iui-text-description=描述
-nfv-virtualApplication-iui-text-template=模板
-nfv-virtualApplication-iui-text-templateDes=模板描述
-nfv-virtualApplication-iui-text-vnfm=VNFM
-nfv-virtualApplication-iui-text-tab-basic=基本信息
-nfv-virtualApplication-iui-text-tab-flavor=规格参数
-nfv-virtualApplication-iui-text-tab-operationParam=输入参数
-
-nfv-virtualApplication-iui-text-flavor=规格
-nfv-virtualApplication-iui-text-flavorDesc=规格描述
-nfv-virtualApplication-iui-text-flavor-numberOfInstances=实例数
-nfv-virtualApplication-iui-text-flavor-refNodeFlavor=引用规格
-nfv-virtualApplication-iui-text-flavor-affinity=亲和力
-nfv-virtualApplication-iui-text-flavor-redundancyModel=容灾模式
-nfv-virtualApplication-iui-text-flavor-capability=能力
-nfv-virtualApplication-iui-text-input-planTitle=Plan
-
-nfv-virtualApplication-iui-text-scale-name=VNF名称
-nfv-virtualApplication-iui-text-scale-oeprationType=操作类型
-nfv-virtualApplication-iui-text-scale-oeprationType-type=类型
-nfv-virtualApplication-iui-text-scale-oeprationType-instance=实例
-nfv-virtualApplication-iui-text-scale-vduBtn-title=添加VDU
-nfv-virtualApplication-iui-text-scale-vnf-title=已选择的VNF
-nfv-virtualApplication-iui-text-scale-vnf-name=VNF
-nfv-virtualApplication-iui-text-scale-vnf-vduType=VDU类型
-nfv-virtualApplication-iui-text-scale-vnf-num=数量
-nfv-virtualApplication-iui-text-scale-vnf-vduInstance=VDU实例
-nfv-virtualApplication-iui-text-scale-vnf-numTip=实例数
-nfv-virtualApplication-iui-text-scale-vnf-nameTip=名称
-nfv-virtualApplication-iui-text-scale-type-title=VDU类型
-nfv-virtualApplication-iui-text-scale-instance-title=VDU实例
-nfv-virtualApplication-iui-text-scale-instance-cancelBtn=取消
-nfv-virtualApplication-iui-text-scale-instance-confirmBtn=确定
-nfv-virtualApplication-iui-text-scale-validate-message=该VNF已选择
-nfv-virtualApplication-iui-text-scale-out-modal-title=扩容参数
-nfv-virtualApplication-iui-text-scale-in-modal-title=缩容参数
-
-nfv-virtualApplication-iui-text-createBtn=创建
-nfv-virtualApplication-iui-text-cancelBtn=取消
-nfv-virtualApplication-iui-text-previousBtn=上一步
-nfv-virtualApplication-iui-text-nextBtn=下一步
-nfv-virtualApplication-iui-text-confirmBtn=确定
-nfv-virtualApplication-iui-text-params=参数
-
-nfv-virtualApplication-iui-message-delete-confirm=确定要删除当前应用？
-nfv-virtualApplication-iui-message-delete-success=应用删除成功。
-nfv-virtualApplication-iui-message-delete-fail=应用删除失败。
-nfv-virtualApplication-iui-message-create-success=应用创建成功。
-nfv-virtualApplication-iui-message-create-fail=应用创建失败。
-
-nfv-virtualApplication-iui-validate-instanceName=请输入名称
-nfv-virtualApplication-iui-validate-serviceTemplateName=请选择服务模板
-nfv-virtualApplication-iui-validate-flavor=请选择规格
-nfv-virtualApplication-iui-validate-vimId=请选择VIM
-nfv-virtualApplication-iui-validate-vnfmId=请选择VNFM
-nfv-virtualApplication-iui-validate-inputParam=请输入参数
-nfv-virtualApplication-iui-validate-noinputParam=无需输入参数
-nfv-virtualApplication-iui-validate-digits=只能输入整数
-nfv-virtualApplication-iui-validate-range=请输入在 {0} 和 {1} 之间的值
-
-//节点明细表格字段名称定义
-nfv-virtualApplicationDetail-iui-field-nodeId=ID
-nfv-virtualApplicationDetail-iui-field-nodeName=名称
-nfv-virtualApplicationDetail-iui-field-nodeType=节点类型
-nfv-virtualApplicationDetail-iui-field-templateType=模板类型
-nfv-virtualApplicationDetail-iui-field-host=IP
-nfv-virtualApplicationDetail-iui-field-createTime=创建时间
-
-nfv-virtualApplicationDetail-iui-field-currentStepName=名称
-nfv-virtualApplicationDetail-iui-field-currentStepStatus=状态
-nfv-virtualApplicationDetail-iui-field-percent=当前进度
-nfv-virtualApplicationDetail-iui-field-currentStepDesc=描述
-nfv-virtualApplicationDetail-iui-field-executionTime=执行时间
-
-nfv-virtualApplicationDetail-iui-text-events=事件
-nfv-virtualApplicationDetail-iui-text-nodeDetail=节点详情
-nfv-virtualApplicationDetail-iui-btn-close=关闭
-
-//主机镜像表格字段名称定义
-nfv-host-iui-title=主机镜像
-nfv-host-iui-field-name=名称
-nfv-host-iui-field-size=大小
-nfv-host-iui-field-vimUser=租户
-nfv-host-iui-field-createTime=创建时间
-nfv-host-iui-field-status=状态
-nfv-host-iui-field-progress=进度
-nfv-host-iui-field-operation=操作
-
-nfv-host-iui-operation-delete=删除
-
-nfv-host-iui-text-title=上传镜像
-nfv-host-iui-text-uploadImage=上传镜像
-nfv-host-iui-text-local=本地上传
-nfv-host-iui-text-url=URL上传
-nfv-host-iui-text-image=镜像文件
-nfv-host-iui-text-imageurl=镜像URL
-nfv-host-iui-text-name=镜像名称
-nfv-host-iui-text-tenant=租户
-nfv-host-iui-btn-upload=上传
-nfv-host-iui-btn-cancel=取消
-
-nfv-host-iui-validate-file=请选择镜像文件
-nfv-host-iui-validate-hosturl-required=请输入URL地址
-nfv-host-iui-validate-hosturl-url=请输入正确的URL地址
-nfv-host-iui-validate-hostName=请输入镜像名称
-nfv-host-iui-validate-vim=请选择VIM
-
-nfv-host-iui-message-upload-success=镜像上传成功。
-nfv-host-iui-message-upload-failed=镜像上传失败。
-nfv-host-iui-message-delete-confirm=确定要删除当前镜像？
-nfv-host-iui-message-delete-success=镜像删除成功。
-nfv-host-iui-message-delete-failed=镜像删除失败。
-
-nfv-host-iui-progress-uploading=上传中
-nfv-host-iui-progress-success=上传成功
-nfv-host-iui-progress-fail=上传失败
-
-//软件镜像表格字段名称定义
-nfv-software-iui-title=软件镜像
-nfv-software-iui-field-name=名称
-nfv-software-iui-field-size=大小
-nfv-software-iui-field-type=类型
-nfv-software-iui-field-version=版本
-nfv-software-iui-field-location=位置
-nfv-software-iui-field-createTime=创建时间
-nfv-software-iui-field-operation=操作
-
-nfv-software-iui-action-delete=删除
-
-nfv-software-iui-text-title=上传镜像
-nfv-software-iui-text-uploadImage=上传镜像
-nfv-software-iui-text-image=镜像文件
-nfv-software-iui-text-image-select=选择
-nfv-software-iui-text-image-remove=移除
-nfv-software-iui-text-type=类型
-nfv-software-iui-text-version=版本
-nfv-software-iui-btn-upload=上传
-nfv-software-iui-btn-cancel=取消
-
-nfv-software-iui-message-delete-confirm=确定要删除当前镜像？
-nfv-software-iui-message-delete-success=镜像删除成功。
-
-//vnfm
-nfv-vnfm-iui-title=VNFM管理
-nfv-vnfm-iui-message-title=vnfm信息
-nfv-vnfm-iui-message-query-fail=查询vnfm失败。
-nfv-vnfm-iui-message-save-success=保存成功。
-nfv-vnfm-iui-message-save-fail=保存失败。
-nfv-vnfm-iui-message-update-success=修改成功。
-nfv-vnfm-iui-message-update-fail=修改失败。
-nfv-vnfm-iui-message-delete-confirm=确定删除所选vnfm信息？
-nfv-vnfm-iui-message-delete-success=删除成功
-nfv-vnfm-iui-message-delete-fail=删除失败
-
-nfv-vnfm-iui-test-update=修改vnfm信息
-nfv-vnfm-iui-text-register=注册vnfm信息
-nfv-vnfm-iui-text-name=名称
-nfv-vnfm-iui-text-moc=类型
-nfv-vnfm-iui-text-vendor=厂商
-nfv-vnfm-iui-text-userName=接入用户
-nfv-vnfm-iui-text-password=接入密码
-nfv-vnfm-iui-text-cancelBtn=取消
-nfv-vnfm-iui-text-saveBtn=保存
-nfv-vnfm-iui-text-registerBtn=注册vnfm
-nfv-vnfm-iui-text-status-normal=正常
-nfv-vnfm-iui-text-status-fail=报警
-nfv-vnfm-iui-text-total=共
-nfv-vnfm-iui-text-total-vnfm= vnfm
-
-nfv-vnfm-iui-validate-name=请输入名称
-nfv-vnfm-iui-validate-moc=请输入vnfm类型
-nfv-vnfm-iui-validate-vim=请选择VIM
-nfv-vnfm-iui-validate-url-required=请输入URL
-nfv-vnfm-iui-validate-url=请输入正确的URL
-nfv-vnfm-iui-text-url-tip=例如：http://10.0.0.1
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/images/down.png b/nsoc-iui/src/main/resources/webroot/nsoc/images/down.png
deleted file mode 100644
index f7732ba8..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/images/down.png
+++ /dev/null
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/images/pointes_blue.png b/nsoc-iui/src/main/resources/webroot/nsoc/images/pointes_blue.png
deleted file mode 100644
index cdba2dfc..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/images/pointes_blue.png
+++ /dev/null
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/images/pointes_green.png b/nsoc-iui/src/main/resources/webroot/nsoc/images/pointes_green.png
deleted file mode 100644
index 18ba67ed..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/images/pointes_green.png
+++ /dev/null
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/images/sort_asc.png b/nsoc-iui/src/main/resources/webroot/nsoc/images/sort_asc.png
deleted file mode 100644
index a88d7975..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/images/sort_asc.png
+++ /dev/null
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/images/sort_asc_disabled.png b/nsoc-iui/src/main/resources/webroot/nsoc/images/sort_asc_disabled.png
deleted file mode 100644
index fb11dfe2..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/images/sort_asc_disabled.png
+++ /dev/null
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/images/sort_both.png b/nsoc-iui/src/main/resources/webroot/nsoc/images/sort_both.png
deleted file mode 100644
index 18670406..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/images/sort_both.png
+++ /dev/null
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/images/sort_desc.png b/nsoc-iui/src/main/resources/webroot/nsoc/images/sort_desc.png
deleted file mode 100644
index def071ed..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/images/sort_desc.png
+++ /dev/null
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/images/sort_desc_disabled.png b/nsoc-iui/src/main/resources/webroot/nsoc/images/sort_desc_disabled.png
deleted file mode 100644
index c9fdd8a1..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/images/sort_desc_disabled.png
+++ /dev/null
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/images/up.png b/nsoc-iui/src/main/resources/webroot/nsoc/images/up.png
deleted file mode 100644
index 8bd53741..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/images/up.png
+++ /dev/null
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/js/component/commonUtil.js b/nsoc-iui/src/main/resources/webroot/nsoc/js/component/commonUtil.js
deleted file mode 100644
index abc4cd63..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/js/component/commonUtil.js
+++ /dev/null
@@ -1,128 +0,0 @@
-/*
- * 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.
- */
-var commonUtil = {};
-commonUtil.arrayRemove = function( aryInstance , index ){
-    if(aryInstance == undefined || aryInstance == null){
-        return;
-    }
-    for(var i=0,n=0;i<aryInstance.length;i++) {
-        if(aryInstance[i]!=aryInstance[dx]) {
-            aryInstance[n++]=aryInstance[i];
-        }
-    }
-    aryInstance.length-=1;
-};
-
-//For the expansion of the Date, convert the Date to specify the format String
-// examples：
-// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
-// (new Date()).Format("yyyy-M-d h:m:s.S")      ==> 2006-7-2 8:9:4.18
-commonUtil.parseDate = function( dateObj , format){
-    var o = {
-        "M+" : dateObj.getMonth()+1, //month
-        "d+" : dateObj.getDate(),    //day
-        "h+" : dateObj.getHours(),   //hour
-        "m+" : dateObj.getMinutes(), //minute
-        "s+" : dateObj.getSeconds(), //second
-        "q+" : Math.floor((dateObj.getMonth()+3)/3),  //quarter
-        "S" : dateObj.getMilliseconds() //millisecond
-    }
-    if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
-        (dateObj.getFullYear()+"").substr(4 - RegExp.$1.length));
-    for(var k in o)
-        if(new RegExp("("+ k +")").test(format))
-            format = format.replace(RegExp.$1, RegExp.$1.length==1 ? o[k] :
-                    ("00"+ o[k]).substr((""+ o[k]).length));
-    return format;
-};
-
-//tooltip
-commonUtil.showMessage = function(message, type) {
-    $.growl({
-        icon: "fa fa-envelope-o fa-lg",
-        title: "&nbsp;&nbsp;" + $.i18n.prop("nfv-nso-iui-common-tip"),
-        message: message
-    },{
-        type: type
-    });
-};
-
-commonUtil.registerCometdMessage = function(url, channel, callback) {
-    var cometd = new $.Cometd();
-    var cometdURL = location.protocol + "//" + location.host + url;
-    cometd.configure({
-        url : cometdURL,
-        logLevel : "info"
-    });
-    // unregister websocket transport, use long-polling transport
-    cometd.unregisterTransport('websocket');
-    // store channel object parameters(this object include channel and callback function), start from arguments[1]
-    var _args = arguments;  
-
-    cometd.addListener("/meta/handshake", function(handshake){
-        if(handshake.successful === true) {
-            cometd.batch(function() {
-                //subscribe channel
-                cometd.subscribe(channel, function(message){
-                    callback.call(this, message.data);
-                });
-            });
-        }
-    });
-    cometd.handshake();
-}
-
-commonUtil.format = function() {
-    if(arguments.length == 0) {
-        return null;
-    }
-    var str = arguments[0];
-    for(var i=0; i<arguments.length; i++) {
-        var reg = new RegExp("\\{" + (i - 1) + "\\}" , "gm");
-        str = str.replace(reg, arguments[i]);
-    }
-    return str;
-}
-
-commonUtil.get = function(url, params, callback) {
-    $.ajax({
-        type : "GET",
-        url : url,
-        //contentType : contentType || "application/x-www-form-urlencoded; charset=UTF-8",
-        dataType : "json",
-        data : params || {},
-        success : callback
-    });
-}
-
-commonUtil.post = function(url, params, callback, contentType) {
-    $.ajax({
-        type : "POST",
-        url : url,
-        contentType : contentType || "application/x-www-form-urlencoded; charset=UTF-8",
-        data : params || {},
-        success : callback
-    });
-}
-
-commonUtil.delete = function(url, callback, contentType) {
-    $.ajax({
-        type : "DELETE",
-        url : url,
-        contentType : contentType || "application/x-www-form-urlencoded; charset=UTF-8",
-        success : callback
-    });
-}
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/js/component/loadi18n_nsoc.js b/nsoc-iui/src/main/resources/webroot/nsoc/js/component/loadi18n_nsoc.js
deleted file mode 100644
index c809aa26..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/js/component/loadi18n_nsoc.js
+++ /dev/null
@@ -1,23 +0,0 @@
-function loadPropertiesSideMenu(lang, fileNamePrefix, filePath){
-	jQuery.i18n.properties({
-	    language:lang,
-	    name:fileNamePrefix,
-	    path:filePath,
-	    mode:'map',
-	    callback: function() {
-	        var i18nItems = $("[name_i18n=com_zte_nfv_nsoc_i18n]");
-	        for(var i=0;i<i18nItems.length;i++) {
-	        	var $item = $(i18nItems.eq(i));
-	        	var itemId = $item.attr("id");
-	        	var itemTitle = $item.attr("title");
-	        	if(typeof(itemTitle) != "undefined") {
-	        		$item.attr("title", $.i18n.prop(itemId));
-	        	} else {
-	        		$item.text($.i18n.prop(itemId));
-	        	}
-	        }
-	    }
-	});
-}
-var lang = getLanguage();
-loadPropertiesSideMenu(lang, 'nfv-nso-iui-i18n', 'i18n/');
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/js/component/serverPageTable.js b/nsoc-iui/src/main/resources/webroot/nsoc/js/component/serverPageTable.js
deleted file mode 100644
index f0cda72e..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/js/component/serverPageTable.js
+++ /dev/null
@@ -1,407 +0,0 @@
-/*
- * 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.
- */
-var serverPageTable = {};
-/* Bootstrap style full number pagination control */
-$.fn.dataTableExt.oApi.fnPagingInfo = function ( oSettings )
-{
-    return {
-        "iStart":         oSettings._iDisplayStart,
-        "iEnd":           oSettings.fnDisplayEnd(),
-        "iLength":        oSettings._iDisplayLength,
-        "iTotal":         oSettings.fnRecordsTotal(),
-        "iFilteredTotal": oSettings.fnRecordsDisplay(),
-        "iPage":          Math.ceil( oSettings._iDisplayStart / oSettings._iDisplayLength ),
-        "iTotalPages":    Math.ceil( oSettings.fnRecordsDisplay() / oSettings._iDisplayLength )
-    };
-};
-
-$.extend( $.fn.dataTableExt.oPagination, {
-    "bootstrap_extended": {
-        "fnInit": function( oSettings, nPaging, fnDraw ) {
-            var oLang = oSettings.oLanguage.oPaginate;
-            var oPaging = oSettings.oInstance.fnPagingInfo();
-
-            var fnClickHandler = function ( e ) {
-                e.preventDefault();
-                if ( oSettings.oApi._fnPageChange(oSettings, e.data.action) ) {
-                    fnDraw( oSettings );
-                }
-            };
-
-            $(nPaging).append(
-                '<div class="pagination-panel"> ' + oLang.sPage + ' ' +
-                '<a href="#" class="btn btn-sm default prev disabled" title="' + oLang.sPrevious + '"><i class="fa fa-angle-left"></i></a>' +
-                '<input type="text" class="pagination-panel-input input-mini input-inline input-sm" maxlenght="5" style="text-align:center; margin: 0 4px; border: 1px solid rgb(169, 169, 169);height: 28px;">' +
-                '<a href="#" class="btn btn-sm default next disabled" title="' + oLang.sNext + '"><i class="fa fa-angle-right"></i></a> ' +
-                oLang.sPageOf + ' <span class="pagination-panel-total"></span>' +
-                '</div>'
-            );
-
-            var els = $('a', nPaging);
-
-            $(els[0]).bind('click.DT', { action: "previous" }, fnClickHandler );
-            $(els[1]).bind('click.DT', { action: "next" }, fnClickHandler);
-
-            $('.pagination-panel-input', nPaging).bind('change.DT', function(e) {
-                var oPaging = oSettings.oInstance.fnPagingInfo();
-                e.preventDefault();
-                var page = parseInt($(this).val());
-                if (page > 0 && page < oPaging.iTotalPages) {
-                    if ( oSettings.oApi._fnPageChange(oSettings, page-1) ) {
-                        fnDraw( oSettings );
-                    }
-                } else {
-                    $(this).val(oPaging.iPage + 1);
-                }
-            });
-
-            $('.pagination-panel-input', nPaging).bind('keypress.DT', function(e) {
-                var oPaging = oSettings.oInstance.fnPagingInfo();
-                if (e.which == 13) {
-                    var page = parseInt($(this).val());
-                    if (page > 0 && page < oSettings.oInstance.fnPagingInfo().iTotalPages) {
-                        if ( oSettings.oApi._fnPageChange(oSettings, page-1) ) {
-                            fnDraw( oSettings );
-                        }
-                    } else {
-                        $(this).val(oPaging.iPage + 1);
-                    }
-                    e.preventDefault();
-                }
-            });
-        },
-
-        "fnUpdate": function ( oSettings, fnDraw ) {
-            var iListLength = 5;
-            var oPaging = oSettings.oInstance.fnPagingInfo();
-            var an = oSettings.aanFeatures.p;
-            var i, j, sClass, iStart, iEnd, iHalf=Math.floor(iListLength/2);
-
-            if ( oPaging.iTotalPages < iListLength) {
-                iStart = 1;
-                iEnd = oPaging.iTotalPages;
-            }
-            else if ( oPaging.iPage <= iHalf ) {
-                iStart = 1;
-                iEnd = iListLength;
-            } else if ( oPaging.iPage >= (oPaging.iTotalPages-iHalf) ) {
-                iStart = oPaging.iTotalPages - iListLength + 1;
-                iEnd = oPaging.iTotalPages;
-            } else {
-                iStart = oPaging.iPage - iHalf + 1;
-                iEnd = iStart + iListLength - 1;
-            }
-
-
-            for ( i=0, iLen=an.length ; i<iLen ; i++ ) {
-                var wrapper = $(an[i]).parents(".dataTables_wrapper");
-
-                if (oPaging.iTotalPages <= 0) {
-                    $('.pagination-panel, .dataTables_length', wrapper).hide();
-                } else {
-                    $('.pagination-panel, .dataTables_length', wrapper).show();
-                }
-
-                $('.pagination-panel-total', an[i]).html(oPaging.iTotalPages);
-                $('.pagination-panel-input', an[i]).val(oPaging.iPage + 1);
-
-                // Remove the middle elements
-                $('li:gt(1)', an[i]).filter(':not(.next)').remove();
-
-                // Add the new list items and their event handlers
-                for ( j=iStart ; j<=iEnd ; j++ ) {
-                    sClass = (j==oPaging.iPage+1) ? 'class="active"' : '';
-                    $('<li '+sClass+'><a href="#">'+j+'</a></li>')
-                        .insertBefore( $('li.next:first', an[i])[0] )
-                        .bind('click', function (e) {
-                            e.preventDefault();
-                            oSettings._iDisplayStart = (parseInt($('a', this).text(),10)-1) * oPaging.iLength;
-                            fnDraw( oSettings );
-                        } );
-                }
-
-                // Add / remove disabled classes from the static elements
-                if ( oPaging.iPage === 0 ) {
-                    $('a.prev', an[i]).addClass('disabled');
-                } else {
-                    $('a.prev', an[i]).removeClass('disabled');
-                }
-
-                if ( oPaging.iPage === oPaging.iTotalPages-1 || oPaging.iTotalPages === 0 ) {
-                    $('a.next', an[i]).addClass('disabled');
-                } else {
-                    $('a.next', an[i]).removeClass('disabled');
-                }
-            }
-        }
-    }
-} );
-
-serverPageTable.getRestPara = function( cond , tableSetting ){
-    var pageNo=tableSetting._iDisplayStart/tableSetting._iDisplayLength+1;
-    var pageSize = tableSetting._iDisplayLength;
-    var queryParameter={"pageNo":pageNo,"pageSize":tableSetting._iDisplayLength,groupId:["it.group.database=02","it.group.server=01"]},
-        newData={"data":JSON.stringify(queryParameter)};
-    //put the pageinfo in cond if there is a pageinfo 
-    var pageInfo = vm.logInfo[vm.logType].pageInfo;
-    if(pageInfo != null && serverPageTable.perpagenumber == pageSize){ 
-        cond.idEnd = pageInfo.pageStart[pageNo - 1];
-        cond.idStart = pageInfo.pageStart[pageNo];
-        if(!cond.idStart){ //the last page
-            cond.idStart = 0;
-        }
-
-    }else{
-        delete cond.idStart;
-        delete cond.idEnd;
-        vm.logInfo[vm.logType].pageInfo = null;
-        pageNo = 1;
-        tableSetting._iDisplayStart = 0;
-    }
-    var data = {
-        cond:JSON.stringify(cond),
-        perpagenumber:pageSize,
-        pageNo:pageNo,
-        needPageInfo:vm.logInfo[vm.logType].pageInfo == null
-    };
-    serverPageTable.perpagenumber = pageSize;
-    return data;
-};
-
-
-
-serverPageTable.initDataTable = function( setting ,cond , divId) {
-    //transform colomn
-    var column = setting.columns;
-    //empty table
-    $('#'+ divId).children().remove();
-    var tableId = setting.tableId;
-    var tableEleStr = '<table class="table table-striped table-bordered table-hover" id= '+ tableId + '>'
-        + '<thead>'
-        +'<tr role="row" class="heading" >'
-        + '</tr>'
-        + '</thead>'
-        +'<tbody>'
-        +'</tbody>'
-        +'</table>';
-    $('#'+ divId).append(tableEleStr);
-    //$('#'+ tableId).append(' <thead><tr role="row" class="heading" ></tr></thead><tbody></tbody>');
-    var trEle = $('#'+ tableId  + ' > thead >tr');
-    //var dataTableColumn = [];
-    for ( var one in column){
-        var th = '<th>' + column[one].name + '</th>';
-        trEle.append(th);
-    }
-    var table = $("#" + tableId).dataTable({
-        //"sDom" : "tr<'row'<'col-md-6 col-sm-12'><'col-md-6 col-sm-12'pli>>", // datatable layout
-        //"sDom" : "<'row'<'col-md-12 col-sm-12'lip>r><'table-scrollable't>>",
-        "sDom": '<"top"rt><"bottom"lip>',
-        "oLanguage": setting.language,//language
-        //"bJQueryUI": true,
-        "bPaginate": setting.paginate,// page button
-        "bFilter": false,// search bar
-        "bAutoWidth":true,//automatically set colum width
-        "bLengthChange": true,// record number in each row
-        "iDisplayLength": 10,// row number in each page
-        "bSort": setting.sort ? true : false,// sort
-        "bInfo": setting.info,// Showing 1 to 10 of 23 entries 
-        "bWidth": true,
-        "bScrollCollapse": true,
-        "sPaginationType": "bootstrap_extended", // page, a total of two kinds of style, another one is two_button
-        "bProcessing": true,
-        "bServerSide": false,
-        "bDestroy": true,
-        "bSortCellsTop": true,
-        "sAjaxSource": setting.restUrl,
-        "aoColumns": setting.columns,
-        "aoColumnDefs": [
-            {
-                sDefaultContent: '',
-                aTargets: [ '_all' ]
-            }
-        ],
-        "fnServerData": function (sSource, aoData, fnCallback, oSettings) {
-            oSettings.jqXHR = $.ajax({
-                "type": 'get',
-                "url": sSource,
-                "dataType": "json",
-                //"data":serverPageTable.getRestPara(cond,oSettings),
-                "success": function (resp) {                                       
-                    oSettings.iDraw = oSettings.iDraw + 1;
-                    
-                    resp = resp || [];
-                    var data = {};
-                    data.aaData = resp;
-                    var totalCounts = resp.length;
-                    
-                    data.iTotalRecords = totalCounts;
-                    data.iTotalDisplayRecords = totalCounts;
-                    data.sEcho = oSettings;
-                    fnCallback(data);
-                },
-                "error": function(resp) {
-                    var data = {};
-                    data.aaData = [];
-                    var totalCounts = 0;
-                    
-                    data.iTotalRecords = totalCounts;
-                    data.iTotalDisplayRecords = totalCounts;
-                    data.sEcho = oSettings;
-                    fnCallback(data);
-                }
-            });
-        }
-    });
-};
-
-serverPageTable.initTableWithData = function( setting , divId , tableData) {
-    //transform colomn
-    var column = setting.columns;
-    //empty table
-    $('#'+ divId).children().remove();
-    var tableId = setting.tableId;
-    var tableEleStr = '<table class="table table-striped table-bordered table-hover" id= '+ tableId + '>'
-        + '<thead>'
-        +'<tr role="row" class="heading" >'
-        + '</tr>'
-        + '</thead>'
-        +'<tbody>'
-        +'</tbody>'
-        +'</table>';
-    $('#'+ divId).append(tableEleStr);
-    var trEle = $('#'+ tableId  + ' > thead >tr');
-    for ( var one in column){
-        var th = '<th>' + column[one].name + '</th>';
-        trEle.append(th);
-    }
-    var table = $("#" + tableId).dataTable({
-        "sDom" : "<'row'<'col-md-12 col-sm-12'lip>r>>",
-        "oLanguage": setting.language,//language
-        //"bJQueryUI": true,
-        "bPaginate": setting.paginate,// page button
-        "bFilter": false,// search bar
-        "bAutoWidth":true,//automatically set the column width
-        "bLengthChange": true,// record number in each row
-        "iDisplayLength": 10,// row number in each page
-        "bSort": setting.sort ? true : false,// sort
-        "bInfo": setting.info,// Showing 1 to 10 of 23 entries
-        "bWidth": true,
-        "bScrollCollapse": true,
-        "sPaginationType": "bootstrap_extended", // page, a total of two kinds of style, another one is two_button
-        "bProcessing": false,
-        "bServerSide": false,
-        "bDestroy": true,
-        "bSortCellsTop": true,
-        "sAjaxSource": tableData,
-        "aoColumns": setting.columns,
-        "fnServerData": function (sSource, aoData, fnCallback, oSettings) {                    
-            oSettings.iDraw = oSettings.iDraw + 1;            
-            var resp = tableData || [];
-            var data = {};
-            data.aaData = resp;
-            var totalCounts = resp.length;
-            
-            data.iTotalRecords = totalCounts;
-            data.iTotalDisplayRecords = totalCounts;
-            data.sEcho = oSettings;
-            fnCallback(data); 
-        }
-    });
-};
-
-
-serverPageTable.initDataTableForEvent = function( setting ,cond , divId) {
-    //transform colomn
-    var column = setting.columns;
-    //empty table
-    $('#'+ divId).children().remove();
-    var tableId = setting.tableId;
-    var tableEleStr = '<table class="table table-striped table-bordered table-hover" id= '+ tableId + '>'
-        + '<thead>'
-        +'<tr role="row" class="heading" >'
-        + '</tr>'
-        + '</thead>'
-        +'<tbody>'
-        +'</tbody>'
-        +'</table>';
-    $('#'+ divId).append(tableEleStr);
-    var trEle = $('#'+ tableId  + ' > thead >tr');
-    for ( var one in column){
-        var th = '<th>' + column[one].name + '</th>';
-        trEle.append(th);
-    }
-    var table = $("#" + tableId).dataTable({
-        "sDom": '<"top"rt><"bottom"lip>',
-        "oLanguage": setting.language,//language
-        //"bJQueryUI": true,
-        "bPaginate": setting.paginate,// page button
-        "bFilter": false,// search bar
-        "bAutoWidth":true,//automatically set the column width
-        "bLengthChange": true,// record number in each row
-        "iDisplayLength": 10,// row number in each page
-        "bSort": setting.sort ? true : false,// 排序
-        "bInfo": setting.info,// Showing 1 to 10 of 23 entries 
-        "bWidth": true,
-        "bScrollCollapse": true,
-        "sPaginationType": "bootstrap_extended", // page, a total of two kinds of style, another one is two_button
-        "bProcessing": true,
-        "bServerSide": false,
-        "bDestroy": true,
-        "bSortCellsTop": true,
-        "sAjaxSource": setting.restUrl,
-        "aoColumns": setting.columns,
-        "aoColumnDefs": [
-            {
-                sDefaultContent: '',
-                aTargets: [ '_all' ]
-            }
-        ],
-        "fnServerData": function (sSource, aoData, fnCallback, oSettings) {
-            oSettings.jqXHR = $.ajax({
-                "type": 'get',
-                "url": sSource,
-                "dataType": "json",
-                //"data":serverPageTable.getRestPara(cond,oSettings),
-                "success": function (resp) {                                       
-                    oSettings.iDraw = oSettings.iDraw + 1;
-                    
-                    var result = [];
-                    for(var i=0;i<resp.length;i++) {
-                        result.push(resp[i].currentStepInfo);
-                    }
-                    var data = {};
-                    data.aaData = result;
-                    var totalCounts = result.length;
-                    
-                    data.iTotalRecords = totalCounts;
-                    data.iTotalDisplayRecords = totalCounts;
-                    data.sEcho = oSettings;
-                    fnCallback(data);
-                },
-                "error": function(resp) {
-                    var data = {};
-                    data.aaData = [];
-                    var totalCounts = 0;
-                    
-                    data.iTotalRecords = totalCounts;
-                    data.iTotalDisplayRecords = totalCounts;
-                    data.sEcho = oSettings;
-                    fnCallback(data);
-                }
-            });
-        }
-    });
-};
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/js/hostMirror/hmController.js b/nsoc-iui/src/main/resources/webroot/nsoc/js/hostMirror/hmController.js
deleted file mode 100644
index 1c1e39d9..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/js/hostMirror/hmController.js
+++ /dev/null
@@ -1,254 +0,0 @@
-/*
- * 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.
- */
-var vm = avalon.define({
-	$id: "hmController",
-    $tableId : "ict_host_table",
-	$hostTableFields : {// table columns
-		table: [
-            {"mData": "id", "name": "ID", "bVisible": false},
-            {"mData": "name", "name": $.i18n.prop("nfv-host-iui-field-name")},
-            {"mData": "size", "name": $.i18n.prop("nfv-host-iui-field-size")},
-            {"mData": "vimId", "name": "VIMID", "bVisible": false},
-            {"mData": "vimName", "name": "VIM"},
-            {"mData": "vimUser", "name": $.i18n.prop("nfv-host-iui-field-vimUser")},
-            {"mData": "createTime", "name": $.i18n.prop("nfv-host-iui-field-createTime")},
-            {"mData": "progress", "name": $.i18n.prop("nfv-host-iui-field-progress"), "fnRender" : hmUtil.progressRender},
-            {"mData": "status", "name": $.i18n.prop("nfv-host-iui-field-status")},
-            {"mData": null, "name": $.i18n.prop("nfv-host-iui-field-operation"), "fnRender" : hmUtil.actionRender}
-        ]
-	},
-	$language: {
-        "sProcessing": "<img src='../component/thirdparty/data-tables/images/loading-spinner-grey.gif'/><span>&nbsp;&nbsp;"
-                        +$.i18n.prop("nfv-nso-iui-table-sProcess")+"</span>",
-        "sLengthMenu": $.i18n.prop("nfv-nso-iui-table-sLengthMenu"),
-        "sZeroRecords": $.i18n.prop("nfv-nso-iui-table-sZeroRecords"),
-        "sInfo": "<span class='seperator'>  </span>" + $.i18n.prop("nfv-nso-iui-table-sInfo"),
-        "sInfoEmpty": $.i18n.prop("nfv-nso-iui-table-sInfoEmpty"),
-        "sGroupActions": $.i18n.prop("nfv-nso-iui-table-sGroupActions"),
-        "sAjaxRequestGeneralError":$.i18n.prop("nfv-nso-iui-table-sAjaxRequestGeneralError"),
-        "sEmptyTable": $.i18n.prop("nfv-nso-iui-table-sEmptyTable"),
-        "oPaginate": {
-            "sPrevious": $.i18n.prop("nfv-nso-iui-table-sPrevious"),
-            "sNext": $.i18n.prop("nfv-nso-iui-table-sNext"),
-            "sPage": $.i18n.prop("nfv-nso-iui-table-sPage"),
-            "sPageOf": $.i18n.prop("nfv-nso-iui-table-sPageOf")
-        }
-    },
-    $restUrl : {
-        uploadHostImage: '/api/nsoc/v1/hostimages',
-        queryHostInfoUrl: "/api/nsoc/v1/hostimages",
-        delHostUrl: "/api/nsoc/v1/hostimages/",
-        updateHostUrl: "/api/nsoc/v1/hostimages/",
-        queryVimInfoUrl : "/api/roc/v1/resource/vims"
-    },
-	$initTable: function() {
-		var setting = {
-            language : vm.$language,
-            paginate : true,
-            info : true,
-            columns : vm.$hostTableFields.table,
-            restUrl : vm.$restUrl.queryHostInfoUrl,
-            tableId : vm.$tableId
-        };
-		serverPageTable.initDataTable(setting, {}, vm.$tableId + '_div');
-	},
-    uploadHostImage : {
-        vimSelectItems : [],
-        tenant : "",
-        localVisible : true,
-        /*$initUpload : function() {
-            var fileLanguage = getLanguage();
-            if (lang == "zh-CN") {
-                fileLanguage = "zh";
-            } else {
-                fileLanguage = "en";
-            }           
-            $("#hostfile").fileinput({
-                language: fileLanguage,
-                showPreview : false,
-                showUpload : false,
-                uploadExtraData : function(){
-                    var index = $("#vim").val();
-                    var selectVim = vm.uploadHostImage.vimSelectItems[index];
-                    var vimid = selectVim.oid; 
-                    var extraData = {
-                        url : $("#hosturl").val(),
-                        name : $("#hostName").val(),
-                        vimid : vimid
-                    }
-                    return extraData;
-                },
-                uploadUrl : vm.$restUrl.uploadHostImage,
-                layoutTemplates : {progress : ''}, //hide progress
-                ajaxSettings : {
-                    success : function(resp) {
-                        commonUtil.showMessage($.i18n.prop("nfv-host-iui-message-upload-success"), "success");
-                        refreshByCond();
-                    },
-                    error : function(resp) {
-                        commonUtil.showMessage($.i18n.prop("nfv-host-iui-message-upload-failed"), "warning");
-                    }
-                }
-            });            
-        },*/
-        $initUpload : function() {
-            var maxChunkSize = 20000000; //20M
-            $("#hostForm").fileupload({
-                url : vm.$restUrl.uploadHostImage,
-                maxNumberOfFiles : 1,
-                maxChunkSize : maxChunkSize,
-                autoUpload : false,
-                add : function(e, data) {
-                    $("#fileName").text(data.files[0].name);
-                    $("#fileremove").attr("disabled", false);
-
-                    $("#uploadBtn").remove();
-                    $('<button id="uploadBtn" class="btn blue1" type="button"/>')
-                        .text($.i18n.prop("nfv-software-iui-btn-upload"))
-                        .appendTo($(".modal-footer")[0])
-                        .click(function () {
-                            var index = $("#vim").val();
-                            var selectVim = vm.uploadHostImage.vimSelectItems[index];
-                            var vimid = selectVim.oid;
-                            var extData = {
-                                url : $("#hosturl").val(),
-                                name : $("#hostName").val(),
-                                vimid : vimid,
-                                imageId : ""
-                            };
-                            vm.uploadHostImage.$uploadFile(data, extData);
-                    });
-                    $("#fileremove").click(function(){
-                        $("#fileName").text("");
-                        $("#uploadBtn").attr("disabled", true);
-                        $("#fileremove").attr("disabled", true);
-                    });
-                },
-                done : function(e, data) {
-                    refreshByCond();
-                },
-                fail : function(e, data) {
-                    commonUtil.showMessage($.i18n.prop("nfv-host-iui-message-upload-failed"), "danger");
-                },
-                chunkdone : function(e, data) {
-                    //get imageid from server and send it to server
-                    var imageId = data.jqXHR.responseText;
-                    data.formData.imageId = imageId;
-                    //the first chunk file is uploaded, refresh table
-                    if(data.loaded <= maxChunkSize) {
-                        refreshByCond();
-                    }
-                },
-                chunkfail : function(e, data) {
-                    var imageId = data.formData.imageId;
-                    if(imageId) {
-                        $.ajax({
-                            type : "PUT",
-                            async : false, //to prevent the ajax request has been cancelled
-                            url : vm.$restUrl.updateHostUrl + imageId + "?progress=fail",
-                            success : function() {
-                                //refreshByCond();
-                            }
-                        });
-                    }
-                }
-            });
-        },
-        $showUploadImage: function() {
-            hmUtil.queryVimInfo();
-            $("#fileName").text("");
-            $("#hosturl").val("");
-            $("#hostName").val("");
-
-            $("#uploadImage").modal("show");
-            $('.btn-file').removeClass("btn-primary").addClass("blue1");
-            $(".form-group").each(function () {
-                $(this).removeClass('has-success')
-                    .removeClass('has-error')
-                    .find(".help-block").remove();
-            });
-        },
-        $uploadFile : function(data, extData) {
-            var form = $("#hostForm");
-            if(!form.valid()) {
-                return false;
-            }
-
-            if(vm.uploadHostImage.localVisible) {
-                $("#hostForm").fileupload({ formData : extData });
-                data.submit();
-            } else {
-                $.ajax({
-                    type : "POST",
-                    contentType : "application/x-www-form-urlencoded; charset=UTF-8",
-                    url : vm.$restUrl.uploadHostImage + "?url=" + extData.url 
-                        + "&name=" + extData.name + "&vimid=" + extData.vimid,
-                    success : function(resp) {
-                        commonUtil.showMessage($.i18n.prop("nfv-host-iui-message-upload-success"), "success");
-                        refreshByCond();
-                    },
-                    error : function(resp) {
-                        commonUtil.showMessage($.i18n.prop("nfv-host-iui-message-upload-failed"), "warning");
-                    }
-                });
-            }           
-            $("#uploadImage").modal("hide");
-        },
-        $changeEvent : function() {
-            var index = $("#vim").val();
-            var selectVim = vm.uploadHostImage.vimSelectItems[index];
-            if (selectVim) {
-                $("#tenant").val(selectVim.user);
-            }           
-        },
-        $showLocalOrUrl : function(type) {
-            $(".form-group").each(function () {
-                $(this).removeClass('has-success')
-                    .removeClass('has-error')
-                    .find(".help-block").remove();
-            });
-            type == "local" ? vm.uploadHostImage.localVisible = true : vm.uploadHostImage.localVisible = false;
-        }
-    },
-    initTenant : function(action) { //init tenant value
-        if (action === "add") {
-            vm.uploadHostImage.$changeEvent();
-        }        
-    },
-    $initCometd : function() {
-        commonUtil.registerCometdMessage("/api/nsocnotification/v1", "/hostimages/update", function(message) {
-            var table = $('#' + vm.$tableId).dataTable();
-            var tableData = table.fnGetData();
-            var image = message.image;
-            if(image) {
-                for (var i=0; i<tableData.length; i++) {
-                    if(tableData[i]["id"] == image.id) {
-                        table.fnUpdate(image.size, i, 2, false, false);
-                        table.fnUpdate(image.status, i, 8, false, false);
-                    }
-                }
-            }
-        });
-    }
-});
-avalon.scan();
-vm.$initTable();
-vm.uploadHostImage.$initUpload();
-vm.$initCometd();
-
-var refreshByCond = function() {
-    vm.$initTable();
-};
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/js/hostMirror/hmUtil.js b/nsoc-iui/src/main/resources/webroot/nsoc/js/hostMirror/hmUtil.js
deleted file mode 100644
index aa0ec468..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/js/hostMirror/hmUtil.js
+++ /dev/null
@@ -1,59 +0,0 @@
-/*
- * 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.
- */
-var hmUtil = {};
-
-hmUtil.actionRender = function(obj) {
-	return '<a href="#" class="btn-xs grey btn-editable" onclick="hmUtil.delHost(\'' 
-	+ obj.aData.id + '\', \'' + obj.aData.vimId + '\')"><i class="ict-delete"></i>' 
-	+ $.i18n.prop('nfv-host-iui-operation-delete') + '</a>';
-}
-
-hmUtil.progressRender = function(obj) {
-	return $.i18n.prop("nfv-host-iui-progress-" + obj.aData.progress);
-}
-
-hmUtil.delHost = function(id, vimId) {
-	bootbox.confirm($.i18n.prop("nfv-host-iui-message-delete-confirm"), function(result){
-		if(result) {
-			$.ajax({
-				type : "DELETE",
-				url : vm.$restUrl.delHostUrl + id + "?vimid=" + vimId,
-				dataType : "json",
-				success : function(resp) {
-					if (resp) {
-						commonUtil.showMessage($.i18n.prop("nfv-host-iui-message-delete-success"), "success");
-						refreshByCond();
-					} 
-				},
-				error : function(resp) {
-					commonUtil.showMessage($.i18n.prop("nfv-host-iui-message-delete-failed"), "warning");
-				}
-			});
-		}
-	});		
-}
-
-hmUtil.queryVimInfo = function() {
-	$.get(
-        vm.$restUrl.queryVimInfoUrl,
-        function(resp) {
-            if (resp) {
-                vm.uploadHostImage.vimSelectItems = resp.data;
-            }
-        },
-        "json"      
-    );
-}
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/js/hostMirror/host-validate.js b/nsoc-iui/src/main/resources/webroot/nsoc/js/hostMirror/host-validate.js
deleted file mode 100644
index f6000dd0..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/js/hostMirror/host-validate.js
+++ /dev/null
@@ -1,56 +0,0 @@
-$(function(){
-	var form = $("#hostForm");
-	var error = $('.alert-danger', form);
-	var success = $('.alert-success', form);
-
-	form.validate({
-		doNotHideMessage : true,
-		errorElement : 'span',
-		errorClass : 'help-block',
-		focusInvalid : false,
-		rules : {
-			hosturl : {
-				required : true,
-				url : true
-			},
-			hostName : {
-				required : true
-			},
-			vim : {
-				required : true
-			}
-		},
-		messages : {
-			hosturl : {
-				required : $.i18n.prop('nfv-host-iui-validate-hosturl-required'),
-				url : $.i18n.prop('nfv-host-iui-validate-hosturl-url')
-			},
-			hostName : {
-				required : $.i18n.prop('nfv-host-iui-validate-hostName')
-			},
-			vim : {
-				required : $.i18n.prop('nfv-host-iui-validate-vim')
-			}
-		},
-		errorPlacement : function(error, element) {
-			error.insertAfter(element);
-		},
-		invalidHandler : function(event, validator) {
-			success.hide();
-			error.show();
-		},
-		highlight : function(element) {
-			$(element).closest(".form-group").removeClass("has-success").addClass("has-error");
-		},
-		unhighlight : function(element) {
-			$(element).closest(".form-group").removeClass("has-error");
-		},
-		success : function(label) {
-			label.addClass("valid").closest(".form-group").removeClass("has-error");
-		},
-		submitHandler : function(form) {
-			success.show();
-			error.hide();
-		}
-	});
-});
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/js/package/pmController.js b/nsoc-iui/src/main/resources/webroot/nsoc/js/package/pmController.js
deleted file mode 100644
index cb7e59f9..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/js/package/pmController.js
+++ /dev/null
@@ -1,223 +0,0 @@
-/*
- * 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.
- */
-avalon.config({
-	interpolate: ["<!--", "-->"]
-});
-
-var vm = avalon.define({
-	$id: "pmController",
-    $tableId : "ict_package_table",
-	$packageTableFields : {// table columns
-		table: [
-            {"mData": "name", name: $.i18n.prop("nfv-package-iui-field-name")},
-            {"mData": "type", name: $.i18n.prop("nfv-package-iui-field-type")},
-            {"mData": "size", name: $.i18n.prop("nfv-package-iui-field-size")},
-            {"mData": "createTime", name: $.i18n.prop("nfv-package-iui-field-createTime")},
-            {"mData": "status", name: $.i18n.prop("nfv-package-iui-field-status"), "fnRender" : pmUtil.statusRender},
-            {"mData": null, name: $.i18n.prop("nfv-package-iui-field-operation"), "fnRender" : pmUtil.actionRender}
-		]
-	},
-	$language: {
-        "sProcessing": "<img src='../component/thirdparty/data-tables/images/loading-spinner-grey.gif'/><span>&nbsp;&nbsp;"
-                        +$.i18n.prop("nfv-nso-iui-table-sProcess")+"</span>",
-        "sLengthMenu": $.i18n.prop("nfv-nso-iui-table-sLengthMenu"),
-        "sZeroRecords": $.i18n.prop("nfv-nso-iui-table-sZeroRecords"),
-        "sInfo": "<span class='seperator'>  </span>" + $.i18n.prop("nfv-nso-iui-table-sInfo"),
-        "sInfoEmpty": $.i18n.prop("nfv-nso-iui-table-sInfoEmpty"),
-        "sGroupActions": $.i18n.prop("nfv-nso-iui-table-sGroupActions"),
-        "sAjaxRequestGeneralError":$.i18n.prop("nfv-nso-iui-table-sAjaxRequestGeneralError"),
-        "sEmptyTable": $.i18n.prop("nfv-nso-iui-table-sEmptyTable"),
-        "oPaginate": {
-            "sPrevious": $.i18n.prop("nfv-nso-iui-table-sPrevious"),
-            "sNext": $.i18n.prop("nfv-nso-iui-table-sNext"),
-            "sPage": $.i18n.prop("nfv-nso-iui-table-sPage"),
-            "sPageOf": $.i18n.prop("nfv-nso-iui-table-sPageOf")
-        }
-    },
-    $restUrl : {
-        queryPackageInfoUrl: "/api/nsoc/v1/csars",
-        uploadPackageUrl: "/api/nsoc/v1/csars",
-        delPackageUrl: "/api/nsoc/v1/csars",
-        changePackageStatusUrl : "/api/nsoc/v1/csars"
-    },
-    $getPackageCond: function() {
-    	var cond = {};
-		return cond;
-    },
-	$initTable: function() {
-		var setting = {
-            language : vm.$language,
-            paginate : true,
-            info : true,
-            columns : vm.$packageTableFields.table,
-            restUrl : vm.$restUrl.queryPackageInfoUrl + "?deletionPending=false",
-            tableId : vm.$tableId
-        };
-		serverPageTable.initDataTable(setting, vm.$getPackageCond(),
-				vm.$tableId + '_div');
-	},
-    /*$initUpload : function() {
-        var fileLanguage = getLanguage();
-        if (lang == "zh-CN") {
-            fileLanguage = "zh";
-        } else {
-            fileLanguage = "en";
-        }
-        $("#csarFile").fileinput({
-            language: fileLanguage,
-            showPreview : true,
-            uploadUrl : vm.$restUrl.uploadPackageUrl,
-            uploadAsync : true,
-            layoutTemplates : {
-                actions : '' //hide the delete button and upload button
-            }, 
-            allowedFileExtensions : ['zip','csar'],
-            allowedPreviewTypes : ['image'],
-            previewSettings : {
-                other: {width: '160px', height: '20px'}
-            },
-            dropZoneTitleClass : 'package-drop-zone-title',            
-            ajaxSettings : {
-                success : function(resp) {
-                    commonUtil.showMessage($.i18n.prop("nfv-package-iui-message-upload-success"), 'success');
-                    refreshByCond();                                     
-                }
-            },
-            elErrorContainer : '#fileError',
-            showAjaxErrorDetails : false
-        });
-        $('#csarFile').on('fileuploaderror', function(event, data, previewId, index) {
-            $('#fileError').hide();
-            commonUtil.showMessage($.i18n.prop("nfv-package-iui-message-upload-fail"), 'danger');
-        });
-
-        $('#csarFile').on('fileloaded', function(event, file, previewId, index, reader) {
-            //hide original upload button
-            $('a.fileinput-upload-button').hide();
-            $('#confirm').show();
-        });
-
-        $('.btn-file').removeClass("btn-primary").addClass("blue1");
-
-        //replace upload button for confirm
-        var css = $('a.fileinput-upload-button').attr("class");
-        var children = $('a.fileinput-upload-button').eq(0).html();
-        $('<button id="confirm" class="'+css+'">'+children+'</button>').insertAfter('.fileinput-upload-button');
-        $('#confirm').on('click', function(e){
-            e.preventDefault();
-
-            var fileName = $('.file-caption-name').eq(0).text();
-            var existPackage = pmUtil.getExistPackageByName(fileName);
-            if(existPackage == 0){//0:package is not exist
-                $('a.fileinput-upload-button').trigger('click');
-                return;
-            }
-            var msg = "";
-            if(existPackage == 1){//1:package not exist, instance reference this csar
-                msg = $.i18n.prop("nfv-package-iui-message-upload-csar-deletionpending");
-            }
-            if(existPackage == 2){//2:package exist
-                msg = $.i18n.prop("nfv-package-iui-message-upload-csar-exist");
-            }
-
-            bootbox.confirm(msg, function(result){
-                if(result) {
-                    $('a.fileinput-upload-button').trigger('click');
-                }
-            });
-        });
-    },*/
-    $initUpload : function() {
-        $("#fileupload").fileupload({
-            url : vm.$restUrl.uploadPackageUrl,
-            dropZone: $('#dropzone'),
-            maxNumberOfFiles : 1,
-            maxChunkSize : 20000000, //20M
-            autoUpload : false,
-            add : function(e, data) {
-                $("#bar").css('width', '0%');
-                $("#persent").text('0%');
-                $("#fileName").text(data.files[0].name);
-                $("#fileremove").attr("disabled", false);
-                $("#filesubmit").attr("disabled", false);
-
-                $("#filesubmit").remove();
-                $('<button id="filesubmit" class="btn btn-default" type="button"/>').text("上传")
-                    .appendTo($(".input-group-btn")[0])
-                    .click(function () {
-                        var fileName = data.files[0].name;
-                        var existPackage = pmUtil.getExistPackageByName(fileName);
-                        if(existPackage == 0){//0:package is not exist
-                            $(".progress").addClass("active");
-                            data.submit();
-                        } else {
-                            var msg = "";
-                            if(existPackage == 1){//1:package not exist, instance reference this csar
-                                msg = $.i18n.prop("nfv-package-iui-message-upload-csar-deletionpending");
-                            }
-                            if(existPackage == 2){//2:package exist
-                                msg = $.i18n.prop("nfv-package-iui-message-upload-csar-exist");
-                            }
-
-                            bootbox.confirm(msg, function(result){
-                                if(result) {
-                                    $(".progress").addClass("active");
-                                    data.submit();
-                                }
-                            });
-                        }
-                    });
-                $("#fileremove").click(function(){
-                    $("#bar").css('width', '0%');
-                    $("#persent").text("");
-                    $("#fileName").text("");
-                    $("#filesubmit").attr("disabled", true);
-                    $("#fileremove").attr("disabled", true);
-                });
-            },
-            done : function(e, data) {
-                commonUtil.showMessage($.i18n.prop("nfv-package-iui-message-upload-success"), 'success');
-            },
-            fail : function(e, data) {
-                commonUtil.showMessage($.i18n.prop("nfv-package-iui-message-upload-fail"), 'danger');
-            },
-            always : function(e, data) {
-                refreshByCond();
-                $(".progress").removeClass("active");
-                $("#bar").css('width', '100%');
-                $("#persent").text('100%');
-            },
-            progressall : function(e ,data) {
-                var progress = parseInt(data.loaded / data.total * 80, 10);
-                $("#bar").css('width', progress + '%');
-                $("#persent").text(progress + '%');
-            }
-        });
-    },
-    $initCometd : function() {
-        commonUtil.registerCometdMessage("/api/nsocnotification/v1", "/package/delete", function(message) {
-            pmUtil.updateDeletedPackageStatus(message);
-        });
-    }
-});
-avalon.scan();
-vm.$initUpload();
-vm.$initTable();
-vm.$initCometd();
-
-var refreshByCond = function() {
-    vm.$initTable();
-};
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/js/package/pmUtil.js b/nsoc-iui/src/main/resources/webroot/nsoc/js/package/pmUtil.js
deleted file mode 100644
index 6a7f0fc4..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/js/package/pmUtil.js
+++ /dev/null
@@ -1,137 +0,0 @@
-/*
- * 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.
- */
-var pmUtil = {};
-
-pmUtil.actionRender = function(obj) {
-	return '<a href="#" class="btn-xs grey btn-editable" onclick="pmUtil.delPackage(\'' + obj.aData.name + '\')">'
-       + '<i class=\"ict-delete\"></i>' + $.i18n.prop('nfv-software-iui-action-delete') + '</a>';
-}
-
-pmUtil.statusRender = function(obj) {
-    var status;
-    var attr;
-    switch(obj.aData.status) {
-    	case "Enabled" :
-    		attr = 'class="label label-success"';
-            status = $.i18n.prop("nfv-package-iui-status-active");
-    		break;
-    	case "activating" : 
-    		attr = 'class="label label-info"';
-            status = $.i18n.prop("nfv-package-iui-status-activating");
-    		break;
-        case "deleting" : 
-            attr = 'class="label label-warning"';
-            status = $.i18n.prop("nfv-package-iui-status-deleting");
-            break;
-        case "deletefail" : 
-            attr = 'class="label label-danger"';
-            status = $.i18n.prop("nfv-package-iui-status-deletefail");
-            break;
-    	default :
-    		attr = 'class="label label-info status" data-toggle="tooltip" title="' + $.i18n.prop("nfv-package-iui-status-tip") + '"'
-        		+ 'onclick="pmUtil.changeStatus(\'' + obj.aData.name + '\',\'Enabled\')"';
-            status = $.i18n.prop("nfv-package-iui-status-inactive");
-    }
-    return '<span ' + attr + '>' + status + '</span>';
-}
-
-pmUtil.changeStatus = function(name, status) {
-	pmUtil.changeTableStatus(name, "activating");
-    $.ajax({
-        type : "PUT",
-        url : vm.$restUrl.changePackageStatusUrl + "?csarName=" + name + "&status=" + status,
-        success : function() {
-            refreshByCond();
-        },
-        error : function() {
-        	refreshByCond();
-        }
-    });
-}
-
-pmUtil.changeTableStatus = function(name, status) {
-	var table = $("#" + vm.$tableId).dataTable();
-	var tableData = table.fnGetData();
-	for (var i=0; i<tableData.length; i++) {
-        if(tableData[i]["name"] == name) {
-        	table.fnUpdate(status, i, 4, false, false);
-        	break;
-        }
-    }
-}
-
-pmUtil.isRowDeletingStatus = function(name) {
-    var table = $("#" + vm.$tableId).dataTable();
-    var tableData = table.fnGetData();
-    for (var i=0; i<tableData.length; i++) {
-        if(tableData[i]["name"] == name && 
-           tableData[i]["status"].indexOf($.i18n.prop("nfv-package-iui-status-deleting")) > -1) {
-            return true;            
-        }
-    }
-    return false;
-}
-
-pmUtil.delPackage = function(name) {
-    if(pmUtil.isRowDeletingStatus(name)){
-        return;
-    }
-
-	bootbox.confirm($.i18n.prop("nfv-package-iui-message-delete-confirm"), function(result){
-		if(result) {
-            pmUtil.changeTableStatus(name, "deleting");
-			var url = vm.$restUrl.delPackageUrl + "?csarName=" + name;
-			commonUtil.delete(url, function(resp) {
-				
-			});
-		}
-	});		
-}
-
-//query packages exist
-//0: the package does not exist 
-//1: the package does not exist, but the instance cite this package
-//2: the package exists
-pmUtil.getExistPackageByName = function(name) {
-    var index = name.indexOf(".csar") || name.indexOf(".zip");
-    if(index > 0){
-        name = name.substring(0, index);
-    }
-    var result = $.ajax({
-        type : "GET",
-        url : vm.$restUrl.queryPackageInfoUrl + "?csarName=" + name,
-        async: false
-    });        
-    var data = result.responseJSON;
-    if(data != undefined && data.length == 0){
-        return 0;
-    }
-    var result = data[0];
-    if(result.deletionPending != undefined && result.deletionPending == "true"){                
-        return 1;
-    }            
-
-    return 2;
-}
-
-pmUtil.updateDeletedPackageStatus = function(message) {
-    if(message.status == "true" || message.status == "deletionPending") {                
-        commonUtil.showMessage($.i18n.prop("nfv-package-iui-message-delete-success"), "success");
-        refreshByCond();
-    } else {
-        pmUtil.changeTableStatus(message.csarid, "deletefail");
-    }
-}
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/js/softwareMirror/smController.js b/nsoc-iui/src/main/resources/webroot/nsoc/js/softwareMirror/smController.js
deleted file mode 100644
index ea03c96d..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/js/softwareMirror/smController.js
+++ /dev/null
@@ -1,147 +0,0 @@
-/*
- * 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.
- */
-var vm = avalon.define({
-	$id: "smController",
-    $tableId : "ict_software_table",
-	$softwareTableFields : {// table columns
-		table: [
-            {"mData": "imageName", name: $.i18n.prop("nfv-software-iui-field-name")},
-            {"mData": "size", name: $.i18n.prop("nfv-software-iui-field-size")},
-            {"mData": "type", name: $.i18n.prop("nfv-software-iui-field-type")},
-            {"mData": "version", name: $.i18n.prop("nfv-software-iui-field-version")},
-            {"mData": "createTime", name: $.i18n.prop("nfv-software-iui-field-createTime")},
-            {"mData": "location", name: $.i18n.prop("nfv-software-iui-field-location")},
-            {"mData": null, name: $.i18n.prop("nfv-software-iui-field-operation"), "fnRender" : smUtil.actionRender}
-        ]
-	},
-	$language: {
-        "sProcessing": "<img src='../component/thirdparty/data-tables/images/loading-spinner-grey.gif'/><span>&nbsp;&nbsp;"
-                        +$.i18n.prop("nfv-nso-iui-table-sProcess")+"</span>",
-        "sLengthMenu": $.i18n.prop("nfv-nso-iui-table-sLengthMenu"),
-        "sZeroRecords": $.i18n.prop("nfv-nso-iui-table-sZeroRecords"),
-        "sInfo": "<span class='seperator'>  </span>" + $.i18n.prop("nfv-nso-iui-table-sInfo"),
-        "sInfoEmpty": $.i18n.prop("nfv-nso-iui-table-sInfoEmpty"),
-        "sGroupActions": $.i18n.prop("nfv-nso-iui-table-sGroupActions"),
-        "sAjaxRequestGeneralError":$.i18n.prop("nfv-nso-iui-table-sAjaxRequestGeneralError"),
-        "sEmptyTable": $.i18n.prop("nfv-nso-iui-table-sEmptyTable"),
-        "oPaginate": {
-            "sPrevious": $.i18n.prop("nfv-nso-iui-table-sPrevious"),
-            "sNext": $.i18n.prop("nfv-nso-iui-table-sNext"),
-            "sPage": $.i18n.prop("nfv-nso-iui-table-sPage"),
-            "sPageOf": $.i18n.prop("nfv-nso-iui-table-sPageOf")
-        }
-    },
-    $restUrl : {
-        uploadSoftwareImageUrl: "/api/nsoc/v1/softwareimages",
-        querySoftwareImageUrl: "/api/nsoc/v1/softwareimages",
-        delSoftwareImageUrl: "/api/nsoc/v1/softwareimages"
-    },
-    $getSoftwareCond: function() {
-		return {};
-    },
-	$initTable: function() {
-		var setting = {
-            language : vm.$language,
-            paginate : true,
-            info : true,
-            columns : vm.$softwareTableFields.table,
-            restUrl : vm.$restUrl.querySoftwareImageUrl,
-            tableId : vm.$tableId
-        };
-		serverPageTable.initDataTable(setting, vm.$getSoftwareCond(),
-				vm.$tableId + '_div');
-	},
-    $initCometd : function() {
-        commonUtil.registerCometdMessage("/api/nsocnotification/v1", "/softwareimages/uploadProcess", function(message){
-            var table = $('#' + vm.$tableId).dataTable();
-            var tableData = table.fnGetData();
-            //var message = JSON.parse(jsonMessage);
-            if(message.softwareImage) {
-                var imageArray = JSON.parse(message.softwareImage);
-                table.fnAddData(imageArray[0], true);
-            } else {
-                for (var i=0; i<tableData.length; i++) {
-                    if(tableData[i]["imageName"] == message.imageName) {
-                        table.fnUpdate(message.progress , i, 2, false, false);
-                    }
-                }
-            }
-        });
-    },
-    uploadSoftwareImage : {        
-        $initUpload : function() {
-            $("#softwareFile").fileupload({
-                url : vm.$restUrl.uploadSoftwareImageUrl,
-                //dropZone: $('#dropzone'),
-                maxNumberOfFiles : 1,
-                maxChunkSize : 20000000,
-                autoUpload : false,               
-                add : function(e, data) {
-                    $("#bar").css('width', '0%');
-                    $("#persent").text('0%');
-                    $("#fileName").text(data.files[0].name);
-                    $("#fileremove").attr("disabled", false);
-
-                    $("#uploadBtn").remove();
-                    $('<button id="uploadBtn" class="btn blue1" type="button"/>')
-                        .text($.i18n.prop("nfv-software-iui-btn-upload"))
-                        .appendTo($(".modal-footer")[0])
-                        .click(function () {
-                            var extData = {
-                                type : $("#type").val(),
-                                version : $("#version").val()
-                            };
-                            $("#softwareFile").fileupload({ formData : extData });
-                            data.submit();
-                            $("#uploadImage").modal("hide");
-                    });
-                    $("#fileremove").click(function(){
-                        //$("#bar").css('width', '0%');
-                        //$("#persent").text("");
-                        $("#fileName").text("");
-                        $("#uploadBtn").attr("disabled", true);
-                        $("#fileremove").attr("disabled", true);
-                    });
-                },
-                chunkalways : function(e, data) {
-                    //refreshByCond();
-                    console.log("success");
-                    $("#bar").css('width', '100%');
-                    $("#persent").text('100%');
-                },
-                progressall : function(e ,data) {
-                    var progress = parseInt(data.loaded / data.total * 80, 10);
-                    $("#bar").css('width', progress + '%');
-                    $("#persent").text(progress + '%');
-                }
-            });
-        },
-        $showUploadImage: function() {       
-            $("#type").val("");
-            $("#version").val("");
-            $("#fileName").text("");
-            $("#uploadImage").modal("show");
-        }       
-    }
-});
-avalon.scan();
-vm.uploadSoftwareImage.$initUpload();
-vm.$initTable();
-vm.$initCometd();
-
-var refreshByCond = function() {
-    vm.$initTable();
-};
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/js/softwareMirror/smUtil.js b/nsoc-iui/src/main/resources/webroot/nsoc/js/softwareMirror/smUtil.js
deleted file mode 100644
index 6381c15b..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/js/softwareMirror/smUtil.js
+++ /dev/null
@@ -1,33 +0,0 @@
-/*
- * 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.
- */
-var smUtil = {};
-
-smUtil.actionRender = function(obj) {
-	return '<a href="#" class="btn-xs grey btn-editable" onclick="smUtil.delSoftWare(\'' + obj.aData.imageName + '\')">'
-		+ '<i class=\"ict-delete\"></i>' + $.i18n.prop('nfv-software-iui-action-delete') + '</a>';
-}
-
-smUtil.delSoftWare = function(imageName) {
-	bootbox.confirm($.i18n.prop("nfv-software-iui-message-delete-confirm"), function(result){
-		if(result) {
-			var url = vm.$restUrl.delSoftwareImageUrl + "?imageName=" + imageName;
-			commonUtil.delete(url, function(resp) {
-				commonUtil.showMessage($.i18n.prop("nfv-software-iui-message-delete-success"), "success");
-				refreshByCond();
-			});
-		}
-	});		
-}
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/js/template/tmController.js b/nsoc-iui/src/main/resources/webroot/nsoc/js/template/tmController.js
deleted file mode 100644
index 196ed50f..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/js/template/tmController.js
+++ /dev/null
@@ -1,83 +0,0 @@
-/*
- * 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.
- */
-avalon.config({
-	interpolate: ["<!--", "-->"]
-});
-
-var vm = avalon.define({
-	$id: "tmController",
-    $tableId : "ict_template_table",
-	$templateTableFields : {// table columns
-		table: [
-            {"mData": "templateid", name: "ID", "bVisible": false},
-            {"mData": "templatename", name: $.i18n.prop("nfv-template-iui-field-templatename"), "fnRender" : tmUtil.nameRender},
-            {"mData": "producttype", name: $.i18n.prop("nfv-template-iui-field-producttype")},
-            {"mData": "vendor", name: $.i18n.prop("nfv-template-iui-field-vendor")},
-            {"mData": "version", name: $.i18n.prop("nfv-template-iui-field-version")},
-            {"mData": "flavors", name: $.i18n.prop("nfv-template-iui-field-flavor"), "fnRender" : tmUtil.flavorRender},
-            {"mData": "nfvtype", name: "NFVTYPE", "bVisible": false}
-		]
-	},
-    $language: {
-            "sProcessing": "<img src='../component/thirdparty/data-tables/images/loading-spinner-grey.gif'/><span>&nbsp;&nbsp;"
-                        +$.i18n.prop("nfv-nso-iui-table-sProcess")+"</span>",
-            "sLengthMenu": $.i18n.prop("nfv-nso-iui-table-sLengthMenu"),
-            "sZeroRecords": $.i18n.prop("nfv-nso-iui-table-sZeroRecords"),
-            "sInfo": "<span class='seperator'>  </span>" + $.i18n.prop("nfv-nso-iui-table-sInfo"),
-            "sInfoEmpty": $.i18n.prop("nfv-nso-iui-table-sInfoEmpty"),
-            "sGroupActions": $.i18n.prop("nfv-nso-iui-table-sGroupActions"),
-            "sAjaxRequestGeneralError":$.i18n.prop("nfv-nso-iui-table-sAjaxRequestGeneralError"),
-            "sEmptyTable": $.i18n.prop("nfv-nso-iui-table-sEmptyTable"),
-            "oPaginate": {
-                "sPrevious": $.i18n.prop("nfv-nso-iui-table-sPrevious"),
-                "sNext": $.i18n.prop("nfv-nso-iui-table-sNext"),
-                "sPage": $.i18n.prop("nfv-nso-iui-table-sPage"),
-                "sPageOf": $.i18n.prop("nfv-nso-iui-table-sPageOf")
-            }
-    },
-    $restUrl : {
-        queryTemplateInfoUrl : "/api/nsoc/v1/servicetemplates?deletionPending=false"
-    },
-    $getTemplateCond: function() {
-    	var cond = {};
-		return cond;
-    },
-	$initTable: function() {
-		var setting = {};
-		setting.language = vm.$language;
-        setting.paginate = true;
-        setting.info = true;
-		setting.columns = vm.$templateTableFields.table;
-		setting.restUrl = vm.$restUrl.queryTemplateInfoUrl;
-		setting.tableId = vm.$tableId;
-		serverPageTable.initDataTable(setting, vm.$getTemplateCond(),
-				vm.$tableId + '_div');
-	},
-    $openDetail : function(templateId, rowId) {
-        var oSelect = $("tbody tr select").eq(rowId);
-        var flavor = "";
-        if(oSelect.length) {
-            oSelect.find("option:selected").val();
-        }
-        window.open("./templateDetail.html?templateId="+templateId+"&flavor="+flavor,"_self");
-    },
-});
-avalon.scan();
-vm.$initTable();
-
-var refreshByCond = function() {
-    vm.$initTable();
-};
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/js/template/tmDetailController.js b/nsoc-iui/src/main/resources/webroot/nsoc/js/template/tmDetailController.js
deleted file mode 100644
index f4207630..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/js/template/tmDetailController.js
+++ /dev/null
@@ -1,241 +0,0 @@
-/*
- * 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.
- */
-
-var vm = avalon.define({
-    $id : "tmDetailController",
-    templateId : "",
-    templateData : [
-        {href: "#topology", name: "Topology", value: true},
-        {href: "#nodes", name: "Nodes", value: false}
-    ],
-    $language: {
-        "sProcessing": "<img src='../component/thirdparty/data-tables/images/loading-spinner-grey.gif'/><span>&nbsp;&nbsp;"
-                        +$.i18n.prop("nfv-nso-iui-table-sProcess")+"</span>",
-        "sLengthMenu": $.i18n.prop("nfv-nso-iui-table-sLengthMenu"),
-        "sZeroRecords": $.i18n.prop("nfv-nso-iui-table-sZeroRecords"),
-        "sInfo": "<span class='seperator'>  </span>" + $.i18n.prop("nfv-nso-iui-table-sInfo"),
-        "sInfoEmpty": $.i18n.prop("nfv-nso-iui-table-sInfoEmpty"),
-        "sGroupActions": $.i18n.prop("nfv-nso-iui-table-sGroupActions"),
-        "sAjaxRequestGeneralError":$.i18n.prop("nfv-nso-iui-table-sAjaxRequestGeneralError"),
-        "sEmptyTable": $.i18n.prop("nfv-nso-iui-table-sEmptyTable"),
-        "oPaginate": {
-            "sPrevious": $.i18n.prop("nfv-nso-iui-table-sPrevious"),
-            "sNext": $.i18n.prop("nfv-nso-iui-table-sNext"),
-            "sPage": $.i18n.prop("nfv-nso-iui-table-sPage"),
-            "sPageOf": $.i18n.prop("nfv-nso-iui-table-sPageOf")
-        }
-    },
-    $restUrl : {
-        queryNodeTemplateUrl : "/api/nsoc/v1/servicetemplates/{0}/nodetemplates"
-    },
-    $init : function() {
-        $.ajax({
-            type : "GET",
-            url : vm.$restUrl.queryNodeTemplateUrl,
-            success : function(resp) {
-                if(resp) {
-                    vm.nodesTab.nodeTemplateData = []; 
-                    for(var i=0; i<resp.length; i++) {
-                        //generate node table display data
-                        var nodeTemplate = topoUtil.generateNodeTemplate(resp[i]);                           
-                        vm.nodesTab.nodeTemplateData.push(nodeTemplate); 
-                    }
-                    vm.nodesTab.nodesDetail.nodeTemplateDetailData = resp;     
-                    //generate topology graph display data
-                    vm.topologyTab.topoTemplateData = topoUtil.generateTopoTemplate(vm.nodesTab.nodeTemplateData.$model);              
-                    //initialize topology data
-                    topoUtil.initTopoData(vm.topologyTab.topoTemplateData.$model);
-                    vm.nodesTab.$initNodesTab();
-                }
-            },
-            error : function() {
-                commonUtil.showMessage($.i18n.prop("nfv-topology-iui-message-error"), "danger");
-            }
-        });
-    },
-    topologyTab : {
-        topology : "topology.html",
-        vnfTip : $.i18n.prop("nfv-topology-iui-vnf-tip"),
-        btnTip : $.i18n.prop("nfv-topology-iui-btn-return-tip"),
-        topoTemplateData:[],
-        boxTopoDatas:[],
-        networkTopoDatas:[],
-        isShowNum: false,
-        returnBtnVisible : false,
-        $getColor: function(index) {
-            return topoUtil.getColor(index);
-        },
-        $getCidr: function(properties){
-            return topoUtil.getCidr(properties);
-        },
-        $getCpTop: function(index, parentBoxId){
-            return topoUtil.getCpTop(index, parentBoxId);
-        },
-        $initTopology : function() {
-            topoUtil.initTopoData(vm.topologyTab.topoTemplateData.$model);
-        },          
-        $showTopo:function(id, name){
-            vm.nodesTab.nodesDetail.$showDetails("block", id, name);
-        },
-        $showVnfTopo: function(templateId) {
-            vm.topologyTab.returnBtnVisible = true;
-            vm.$restUrl.queryNodeTemplateUrl = "/api/nsoc/v1/servicetemplates/" + templateId + "/nodetemplates";
-            vm.$init();
-        },
-        $returnNS: function() {
-            vm.topologyTab.returnBtnVisible = false;
-            vm.$restUrl.queryNodeTemplateUrl = "/api/nsoc/v1/servicetemplates/" + vm.templateId + "/nodetemplates";
-            vm.$init();
-        }
-    },
-    nodesTab : {
-        nodeTemplateData: [],
-        $nodesTabId : "ict_nodes_table",
-        $nodesTabFields : {// table columns
-            table: [
-                {"mData": "id", name: "ID", "bVisible": false},
-                {"mData": "name", name: $.i18n.prop("nfv-templateDetail-iui-field-nodetypename"), "bSortable": true, "fnRender" : tmDetailUtil.nameRender},
-                {"mData": "type", name: $.i18n.prop("nfv-templateDetail-iui-field-type"), "bSortable": false},
-                {"mData": "containedin", name: $.i18n.prop("nfv-templateDetail-iui-field-containedin"), "bSortable": false},
-                {"mData": "deployedon", name: $.i18n.prop("nfv-templateDetail-iui-field-deployedon"), "bSortable": false},
-                {"mData": "connectedto", name: $.i18n.prop("nfv-templateDetail-iui-field-connectedto"), "bSortable": false},
-                {"mData": "virtuallinksto", name: $.i18n.prop("nfv-templateDetail-iui-field-virtuallinksto"), "bSortable": false}
-            ]
-        },
-        $initNodesTab: function() {
-            var setting = {};
-            setting.language = vm.$language;
-            setting.paginate = true;
-            setting.info = true;
-            setting.sort = true;
-            setting.columns = vm.nodesTab.$nodesTabFields.table;
-            setting.tableId = vm.nodesTab.$nodesTabId;
-            serverPageTable.initTableWithData(setting, vm.nodesTab.$nodesTabId + '_div', vm.nodesTab.nodeTemplateData.$model);
-        },
-        //Nodes Details
-        nodesDetail : {
-            nodeTemplateDetailData: [],
-            detailTitle : "",
-            isShow : "none",
-            detailIndex : 0,
-            detailData : [
-                {id: "general", name: $.i18n.prop("nfv-templateDetail-nodesTab-iui-tab-general"), isActive: true},
-                {id: "properties", name: $.i18n.prop("nfv-templateDetail-nodesTab-iui-tab-properties"), isActive: false},
-                {id: "relationShips", name: $.i18n.prop("nfv-templateDetail-nodesTab-iui-tab-relationShips"), isActive: false}
-            ],
-            $showDetails : function(isShow, nodetypeid, nodetypename) {
-                vm.nodesTab.nodesDetail.isShow = isShow;
-                if (isShow == "block") {
-                    vm.nodesTab.nodesDetail.detailTitle = nodetypename + " " + $.i18n.prop("nfv-templateDetail-nodesTab-iui-title-nodeDetail"),
-                    $('#' + vm.nodesTab.nodesDetail.detailData[0].id).click();
-                    vm.nodesTab.nodesDetail.detailData[0].isActive = true;
-                    vm.nodesTab.nodesDetail.$initNodeDetailTable(nodetypeid);
-                }                
-            },
-            detailCondChange : function(index) {
-                vm.nodesTab.nodesDetail.detailIndex = index;
-                for(var i=0; i<vm.nodesTab.nodesDetail.detailData.length; i++) {
-                    vm.nodesTab.nodesDetail.detailData[i].isActive = false;
-                }
-                vm.nodesTab.nodesDetail.detailData[index].isActive = true;
-            },
-            $tableFields : {// table columns
-                general: [
-                    {"mData": "key", "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-key"), "bSortable" : false},
-                    {"mData": "value", "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-value"), "bSortable" : false}
-                ],
-                properties: [
-                    {"mData": "key", "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-key"), "bSortable" : false},
-                    {"mData": "value", "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-value"), "bSortable" : false}
-                ],
-                relationShips: [
-                    {"mData": "sourceNodeName", "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-sourceNodeName"), "bSortable" : false},
-                    {"mData": "targetNodeName", "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-targetNodeName"), "bSortable" : false},
-                    {"mData": "type", "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-type"), "bSortable" : false}
-                ]
-            },
-            $initNodeDetailTable: function(nodetemplateid) {
-                var data = topoUtil.getCurrentDetailData(vm.nodesTab.nodesDetail.nodeTemplateDetailData.$model, nodetemplateid);
-                //initialize three tables of nodedetail
-                $.each(vm.nodesTab.nodesDetail.$tableFields, function(key, value){
-                    var setting = {};
-                    setting.language = vm.$language;
-                    setting.paginate = false;
-                    setting.info = false;
-                    setting.columns = value;
-                    setting.tableId = "ict_table_" + key;
-                    serverPageTable.initTableWithData(setting, setting.tableId + '_div', data[key]);
-                });
-            }
-        }
-    },
-    executionTab : {
-        $eventsTabId : "ict_events_table",
-        $eventsTabFields : {// table columns
-            table: [
-                {"mData": "currentStepId", name: "ID", "bVisible": false},
-                {"mData": "currentStepName", name: $.i18n.prop("nfv-templateDetail-executionTab-iui-field-currentStepName")},
-                {"mData": "currentStepStatus", name: $.i18n.prop("nfv-templateDetail-executionTab-iui-field-currentStepStatus")},
-                {"mData": "currentStepDesc", name: $.i18n.prop("nfv-templateDetail-executionTab-iui-field-currentStepDesc")},
-                {"mData": "currentTime", name: $.i18n.prop("nfv-templateDetail-executionTab-iui-field-executionTime")},
-                {"mData": "allSteps", name: "allSteps", "bVisible": false}
-            ]
-        },
-        $queryEventsInfoUrl: "/api/nsoc/appinstance/operateschedule?instanceId=",
-        $queryStepUrl: "",
-        $getEventsCond: function() {
-            var cond = {};
-            return cond;
-        },
-        $initEventsTable: function() {
-            console.log("initEventsTable ");
-            var setting = {};
-            setting.language = vm.$language;
-            setting.paginate = false;
-            setting.info = false;
-            setting.columns = vm.executionTab.$eventsTabFields.table;
-            setting.restUrl = vm.executionTab.$queryEventsInfoUrl;
-            setting.tableId = vm.executionTab.$eventsTabId;
-            serverPageTable.initDataTable(setting, vm.executionTab.$getEventsCond(),
-                    vm.executionTab.$eventsTabId + '_div');
-        },
-        $operation : "",
-        steps : [],
-        $init: function() {
-            vm.executionTab.$initEventsTable();
-        }
-    }
-});
-
-var initParam = function() { //initialize template detail params
-    var paramStr = window.location.search.substring(1);
-    if(paramStr.length > 0) {
-        var params = paramStr.split("&");
-        var templateId = params[0].substring(params[0].indexOf('=') + 1);
-        var flavor = params[1].substring(params[1].indexOf('=') + 1);
-        avalon.scan();
-          
-        vm.templateId = templateId;
-        vm.$restUrl.queryNodeTemplateUrl = commonUtil.format(vm.$restUrl.queryNodeTemplateUrl, templateId);
-
-        if(flavor) {
-            vm.$restUrl.queryNodeTemplateUrl += "?flavor=" + flavor;
-        }
-
-        vm.$init();
-    }
-};
-initParam();
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/js/template/tmDetailUtil.js b/nsoc-iui/src/main/resources/webroot/nsoc/js/template/tmDetailUtil.js
deleted file mode 100644
index 2edc9c37..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/js/template/tmDetailUtil.js
+++ /dev/null
@@ -1,44 +0,0 @@
-/*
- * 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.
- */
-var tmDetailUtil = {};
-tmDetailUtil.timer = null;
-
-tmDetailUtil.nameRender = function(obj) {
-    return '<a href="#" onclick="vm.nodesTab.nodesDetail.$showDetails('
-    + '\'block\',\'' + obj.aData.id + '\', \'' + obj.aData.name + '\')">' + obj.aData.name + '</a>';
-}
-
-tmDetailUtil.initSteps = function() {
-	$.ajax({
-		type : "GET",
-		url : vm.executionTab.$queryEventsInfoUrl,
-		data : "json",
-		success : function(data) {
-			console.log("initSteps");
-			if (data) {
-				var step = $(".step");
-	            if (step.getStep().length == 0) {
-	            	vm.executionTab.steps = [{title : "start"}, {title : "install VM"}, {title : "execute"}, {title : "complete"}];
-	                step.loadStep({
-	                    size : "large",
-	                    color : "blue",
-	                    steps : vm.executionTab.steps
-	                });
-	            }
-			}
-		}
-	});
-}
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/js/template/tmUtil.js b/nsoc-iui/src/main/resources/webroot/nsoc/js/template/tmUtil.js
deleted file mode 100644
index 9077baa5..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/js/template/tmUtil.js
+++ /dev/null
@@ -1,46 +0,0 @@
-/*
- * 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.
- */
-var tmUtil = {};
-
-tmUtil.nameRender = function(obj) {
-    return '<a href="#" onclick="vm.$openDetail(\'' + obj.aData.templateid
-        + '\',' + obj.iDataRow + ')">' + obj.aData.templatename + '</a>';
-}
-
-tmUtil.flavorRender = function(obj) {
-    var flavors = obj.aData.flavors;
-    var result = "";
-    if(flavors && flavors.length) {
-        var optionHtml = "";
-        for(var i=0;i<flavors.length;i++) {
-            optionHtml += '<option>' + flavors[i].name + '</option>';
-        }
-        result = '<select>' + optionHtml + '</select>';
-    }
-    return result;
-}
-
-/*tmUtil.openDetail = function(obj) {
-    if (obj) {
-        var framework;
-        if(window.parent.ZteFrameWork){
-            framework = window.parent.ZteFrameWork;
-        }else{
-            return;
-        }
-        framework.goToURLByIDAndNewAction('eco-nsoc-templateDetail', 'initParam("' + obj.templateid + '")');
-    }
-}*/
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/js/template/topoUtil.js b/nsoc-iui/src/main/resources/webroot/nsoc/js/template/topoUtil.js
deleted file mode 100644
index bcb7e732..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/js/template/topoUtil.js
+++ /dev/null
@@ -1,617 +0,0 @@
-/*
- * 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.
- */
-var topoUtil = {};
-topoUtil.topoDatas=[];
-topoUtil.svgOffsetWidth = 0;
-
-/**
- * recursive generate tree structure of the topology graph data
- * @param  {[type]} rootName [description]
- * @param  {[type]} rootNode [description]
- * @return {[type]}          [description]
- */
-topoUtil.generateSortData = function(rootName,rootNode) {
-    for(var i=0;i<topoUtil.topoDatas.length;i++) {
-		if(topoUtil.topoDatas[i].containIn == rootName){
-			rootNode["children"].push(topoUtil.topoDatas[i]);	
-			var currentNum = rootNode["children"].length-1;	
-			topoUtil.generateSortData(topoUtil.topoDatas[i].id, rootNode["children"][currentNum])
-		}
-    }
-}
-
-/**
- * generate CP data, CP is inserted into the VDU or VNF child nodes
- * @param  {[type]} cpNode   [description]
- * @param  {[type]} rootNode [description]
- * @return {[type]}          [description]
- */
-topoUtil.generateCpData = function(cpNode, rootNode) {
-    for(var i=0;i<cpNode.length;i++){
-		for(var j=0;j<rootNode.length;j++) {
-			var node = rootNode[j];
-			if(cpNode[i].virtualbindsto == node.id) {
-				rootNode[j].cp.push(cpNode[i]);
-				break;
-			}					
-		}
-    }
-}
-
-/**
- * generate NETWORK and VL data, VL is inserted into the NETWORK child nodes
- * @param  {[type]} rootNode [description]
- * @return {[type]}          [description]
- */
-topoUtil.generateNetworkData = function(vlanNode, networkNode) {
-	if(networkNode.length == 0) {
-		//no NETWORK, just VL
-		var network = {
-			subnets : vlanNode
-		}
-		networkNode.push(network);
-	} else {
-		//NETWORK and VL
-		for(var i=0;i<networkNode.length;i++) {
-			networkNode[i].subnets = [];
-			for(var j=0;j<vlanNode.length;j++){
-				var network = vlanNode[j].virtuallinksto;
-				if(network == networkNode[i].id) {
-					networkNode[i].subnets.push(vlanNode[j]);
-				}
-		    }
-		}
-	}
-}
-
-/**
- * initialize topology graph data
- * @param  {[type]} resp             [description]
- * @param  {[type]} nodeInstanceData [description]
- * @return {[type]}                  [description]
- */
-topoUtil.initTopoData = function(resp, nodeInstanceData) {
-	if(resp && resp.length > 0) {
-		var datas = resp;
-		var boxData = [];
-		var networks = [];
-		var vlanData = [];
-		var cpData = [];
-        for(var i=0;i<datas.length;i++){       	
-        	if (datas[i]["containIn"] == "") {
-        		datas[i]["containIn"] = "--";
-        	}
-        	//add the property of children for all nodes
-            datas[i]["children"] = [];
-            datas[i]["cp"] = [];
-            //count instances number
-            if (nodeInstanceData) {
-            	datas[i]["num"] = topoUtil.getInstanceNum(datas[i], nodeInstanceData);
-            }
-            //empty currentLinkNum
-            datas[i]["currentLinkNum"] = 0; 
-            //distinguish VL, CP, NETWORK, VNF, VDU, VNFC from nodes to display topology graph
-            var type = datas[i]["parentType"];
-		 	if (type.toUpperCase().indexOf(".VL") > -1) {
-		 		vlanData.push(datas[i]);
-		 	} else if (type.toUpperCase().indexOf(".CP") > -1) {
-		 		cpData.push(datas[i]);
-		 	} else if(type.toUpperCase().indexOf(".NETWORK") > -1) {
-		 		networks.push(datas[i]);
-		 	} else if ((type.toUpperCase().indexOf(".VNF") > -1) || (type.toUpperCase().indexOf(".VDU") > -1) 
-		 		|| (type.toUpperCase().indexOf(".VNFC") > -1)) {
-		 		boxData.push(datas[i]);
-		 	}
-        }
-        
-		//generate CP nodes
-		topoUtil.generateCpData(cpData, boxData);
-		//generate VNF/NS tree data
-        var rootNode = {"children":[]};
-        topoUtil.topoDatas = boxData;
-		topoUtil.generateSortData("--", rootNode);
-		vm.topologyTab.boxTopoDatas = rootNode.children;
-		//generate NETWORK and VL nodes
-		topoUtil.generateNetworkData(vlanData, networks);
-		vm.topologyTab.networkTopoDatas = networks;
-
-        //draw topology graph
-        topoUtil.topoDatas = datas;
-        setTimeout("topoUtil.generateLine()", 100);
-        //bind window object events
-        topoUtil.initWindowEvent();
-	}
-}
-
-/**
- * get node instances number
- * @param  {[type]} nodeTemplate     [description]
- * @param  {[type]} nodeInstanceData [description]
- * @return {[type]}                  [description]
- */
-topoUtil.getInstanceNum = function(nodeTemplate, nodeInstanceData) {
-	var num = 0;
-	var id;
-	if(nodeTemplate.properties && nodeTemplate.properties.vnfdid) {
-		//ns嵌套vnf，ns中vnf的nodetemplate的属性vnfdid才是嵌套vnf的真实id
-		id = nodeTemplate.properties.vnfdid;
-	} else {
-		id = nodeTemplate.id;
-	}
-	
-	if(nodeInstanceData && nodeInstanceData.length > 0) {
-		for (var j=0;j<nodeInstanceData.length;j++) {
-			if(nodeInstanceData[j].nodeTemplateId == id) {
-				num++;
-			}
-		}
-	}
-	return num;
-}
-
-topoUtil.getLineOffset = function(index) {
-	return  index*15;
-}
-/**
- * get node y coordinate offset, it is based on the total number of connections and the number of connections to 
- * calculate the Y coordinate offset current connection
- * here's the connection refers connectsto relationship between VNC and VNC
- * @param  {[type]} node   current node object
- * @param  {[type]} height current DOM object cliengtHeight
- * @return {[type]}        Y coordinate offset
- */
-topoUtil.getNodeOffset = function(node, height) {
-	var toNodeLinkNum = ++node.currentLinkNum;
-	var totalLinkNum = node.inLinks.length + node.outLinks.length;
-	totalLinkNum++;
-	return (height/totalLinkNum)*toNodeLinkNum;
-}
-/**
- * get node object by name
- * @param  {[type]} name node name
- * @return {[type]}      node object data
- */
-topoUtil.getTopoDataById = function(id) {
-	var node;
-	for(var i=0;i<topoUtil.topoDatas.length;i++) {
-		if(id == topoUtil.topoDatas[i].id) {
-			node = topoUtil.topoDatas[i];
-		}
-	}
-	return  node;
-}
-
-topoUtil.pageX = function(elem) {
-	return  elem.offsetParent ? (elem.offsetLeft + topoUtil.pageX(elem.offsetParent)) : elem.offsetLeft;
-}
-
-topoUtil.pageY = function(elem) {
-	return  elem.offsetParent ? (elem.offsetTop + topoUtil.pageY(elem.offsetParent)) : elem.offsetTop;
-}
-
-topoUtil.getHorizontalOffset = function(elem, elemArray) {
-	var horizontalOffset = 0;
-	for(var i=0;i<elemArray.length;i++) {
-		var nodeTop = topoUtil.pageY(elemArray[i]);
-		var fromTop = topoUtil.pageY(elem);
-		if(fromTop == nodeTop) {
-			horizontalOffset = topoUtil.getLineOffset(++horizontalIndex);
-		}
-	}
-	return horizontalOffset;
-}
-
-topoUtil.getParentNode = function(elem) {
-	return elem.className == "app" ? topoUtil.getParentNode(elem.offsetParent) : elem.offsetParent;
-}
-
-topoUtil.initElementSize = function() {
-	var height=$(".bpContainer").height();
-    $(".vlan").height() < height ? $(".vlan").height(height) : height;
-
-    var networkWidth = $("#networks").width();
-    var topoWidth = $("#topo").width();
-    var bodyWidth = $("body").width();
-    (networkWidth+topoWidth+50) > bodyWidth ? $("body").width(networkWidth+topoWidth+topoUtil.svgOffsetWidth+10) : $("body").width($("html").width());
-
-    var containerHeight=$(".container-fluid").height();
-    $(".coordinates").height(containerHeight).width($("body").width());
-}
-
-/**
- * get the widest VDU or VNF node to generate connect lines
- * @return {[type]} [description]
- */
-topoUtil.getMaxNodeRight = function() {
-	var maxNode = {offsetWidth : 0};
-	for(var i=0;i<topoUtil.topoDatas.length;i++) {
-		var node = document.getElementById(topoUtil.topoDatas[i].id);
-		if(node && (maxNode.offsetWidth < node.offsetWidth)) {
-			maxNode = node;
-		}
-	}
-	return topoUtil.pageX(maxNode) + maxNode.offsetWidth;
-}
-
-topoUtil.initWindowEvent = function() {
-	$(window.frameElement).attr('scrolling', 'auto');
-	$('body').css('overflow', 'scroll');
-	$(window).scroll(function(){
-		$("#right-menu").css("top",$(window).scrollTop()); //vertical scroll
-		$("#right-menu").css("right",-1*$(window).scrollLeft()); //horizontal scroll
-	}).unload(function(){
-		$(window.frameElement).attr('scrolling', 'no');
-	});
-	//$(window).resize(topoUtil.generateLine);
-}
-
-/**
- * generate topology attachment
- * connectedto represent the connection between the VNFC and VNFC, virtuallinksto represent the connection between the VLAN and VDU
- * @return {[type]} [description]
- */
-topoUtil.generateLine = function() { 
-	topoUtil.initElementSize();
-	var vduPath='';
-	var vlPath='';
-	var vduIndex=0;
-	var vlIndex=0;
-	var fromNodeArray = [];
-	var horizontalIndex = 0;
-	var maxNodeParentRight = topoUtil.getMaxNodeRight();
-	for(var i=0;i<topoUtil.topoDatas.length;i++) {
-	 	//connectedto
-	 	if(topoUtil.topoDatas[i].connectedto !=""){	 		
-	 		var fromNode = document.getElementById(topoUtil.topoDatas[i].id); 
-	 		var horizontalOffset = 0;
-	 		for(var k=0;k<fromNodeArray.length;k++) {
-	 			//VNFC node in the same VDU, coordinate offset
-	 			var nodeTop = topoUtil.pageY(fromNodeArray[k]);
-	 			var fromTop = topoUtil.pageY(fromNode);
-	 			if(fromTop == nodeTop) {
-	 				horizontalOffset = topoUtil.getLineOffset(++horizontalIndex);
-	 			}
-	 		}
-	 		fromNodeArray.push(fromNode);	 		
-	 		var fromNodeParent = topoUtil.getParentNode(fromNode);
-	 		var toArray = topoUtil.topoDatas[i].connectedto.split(",");	 		
-	 		for (var j=0;j<toArray.length;j++) {	 			
-	 			var toNode = document.getElementById(toArray[j]); 
-	 			var toNodeParent = topoUtil.getParentNode(toNode);
-	 			//Computing connection point and the connection point Y coordinate offset
-	 			var fromNodeOffset = topoUtil.getNodeOffset(topoUtil.topoDatas[i], fromNode.clientHeight); 
-	 			var toNodeTopoData = topoUtil.getTopoDataById(toArray[j]);
-	 			var toNodeOffset = topoUtil.getNodeOffset(toNodeTopoData, toNode.clientHeight); 
-	 			//X coordinate offset calculation link
-	 			var xLineOffset = topoUtil.getLineOffset(++vduIndex); 
-	 			//Get the largest X coordinate offset is used to set the width of the body
-	 			topoUtil.svgOffsetWidth = Math.max(xLineOffset, topoUtil.svgOffsetWidth);
-	 				 			
-	 			var fromNodeLeft = topoUtil.pageX(fromNode);	 			
-	 			var fromNodeRight = topoUtil.pageX(fromNode) + fromNode.offsetWidth;
-	 			var fromNodeTop = topoUtil.pageY(fromNode);
-
-	 			var toNodeLeft = topoUtil.pageX(toNode);
-	 			var toNodeRight = topoUtil.pageX(toNode) + toNode.offsetWidth;
-	 			var toNodeTop = topoUtil.pageY(toNode); 			
-
-	 			var coord = '';
-	 			if(fromNodeTop == toNodeTop) {
-	 				if(fromNodeLeft < toNodeLeft) {
-	 					coord = "M"+fromNodeRight+","+(fromNodeTop+horizontalOffset+fromNodeOffset)
-							+" L"+toNodeLeft+","+(fromNodeTop+horizontalOffset+fromNodeOffset)
-	 				} else {
-	 					coord = "M"+fromNodeLeft+","+(fromNodeTop+horizontalOffset+fromNodeOffset)							
-							+" L"+toNodeRight+","+(fromNodeTop+horizontalOffset+fromNodeOffset);
-	 				}
-	 			} else {
-	 				var nodeRight = maxNodeParentRight + xLineOffset;
-				 	coord = "M"+fromNodeRight+","+(fromNodeTop+horizontalOffset+fromNodeOffset)
-							+" L"+nodeRight+","+(fromNodeTop+horizontalOffset+fromNodeOffset)
-							+" L"+nodeRight+","+(toNodeTop+toNodeOffset)
-							+" L"+toNodeRight+","+(toNodeTop+toNodeOffset);			 	
-			 	}
-			 	vduPath +='<path d="'+coord+'" marker-end="url(#arrowhead)" fill="none" stroke-dasharray="5,5" stroke="#7A7A7A" stroke-width="3px" shape-rendering="geometricPrecision"></path>';	
-	 		}
-	 	}
-
-	 	//virtuallinksto	 	
-	 	if(topoUtil.topoDatas[i].virtuallinksto !=""){
-			var fromNode = document.getElementById(topoUtil.topoDatas[i].id); 
-			var toArray = topoUtil.topoDatas[i].virtuallinksto.split(",");	 		
-	 		for (var j=0;j<toArray.length;j++) {
-	 			var toNode = document.getElementById(toArray[j]);
-	 			if(toNode) {
-	 				var yLineOffset = topoUtil.getLineOffset(j); 
-		 			var xLineOffset = topoUtil.getLineOffset(++vlIndex); 
-
-		 			var fromNodeLeft = topoUtil.pageX(fromNode);
-		 			var fromNodeTop = topoUtil.pageY(fromNode);
-
-		 			var toNodeRight = topoUtil.pageX(toNode) + toNode.offsetWidth;
-		 			var toNodeTop = topoUtil.pageY(toNode);
-
-		 			var coord = "";
-		 			if(fromNodeTop == toNodeTop) {
-		 				coord = "M"+fromNodeLeft+","+(fromNodeTop+fromNode.clientHeight/2+xLineOffset)
-							+" L"+toNodeRight+","+(fromNodeTop+fromNode.clientHeight/2+xLineOffset);
-		 			} else {
-		 				coord = "M"+fromNodeLeft+","+(fromNodeTop+fromNode.clientHeight/2+yLineOffset)
-							+" L"+toNodeRight+","+(fromNodeTop+fromNode.clientHeight/2+yLineOffset);
-		 			}
-				 	vlPath +='<path d="'+coord+'" fill="none" stroke="'+toNode.style.backgroundColor+'" stroke-width="4px"></path>';
-	 			}	 				
-	 		}
-		}
-	}
-	
-	$("#svg_vdu g").html(vduPath);
-	$("#svg_vl g").html(vlPath);
-}
-
-/**
- * generate node table data
- * @param  {[type]} data [description]
- * @return {[type]}      [description]
- */
-topoUtil.generateNodeTemplate = function(data) {
-	var nodeTemplate = {};
-	nodeTemplate.id = data.id;
-	nodeTemplate.name = data.name;
-	nodeTemplate.type = data.type;
-	nodeTemplate.parentType = data.parentType;
-	nodeTemplate.vnfdid = ""; //only nested VNF node has value
-	nodeTemplate.properties = data.properties;
-	nodeTemplate.flavors = data.flavors;	 
-	nodeTemplate.containIn = ""; //containIn relation which the front-end custom is used to display the topo relations of the graph
-	nodeTemplate.containedin = ""; //the relation between VNF and VNFC
-	nodeTemplate.deployedon = ""; //the relation between VDU and VNFC
-	nodeTemplate.connectedto = ""; //the relation between VNFC and VNFC
-	nodeTemplate.virtuallinksto = ""; //the relation between VL and CP or between VL and VDU
-	nodeTemplate.virtualbindsto = ""; //the relation between CP and VDU
-	nodeTemplate.outLinks = []; //a collection of connected nodes connectedto
-	nodeTemplate.inLinks = []; //nodes are connected connectedto relationship collection
-	nodeTemplate.currentLinkNum = 0;
-	var relationShips = data.relationShips || []; //some nodes may not have relationships
-	$.each(relationShips, function(index, obj){
-		if (obj.sourceNodeId == data.id) {
-			switch(obj.type) {
-				case "containedIn" :
-				case "tosca.relationships.nfv.ContainedIn" :
-				case "tosca.relationships.nfv.BelongTo" :
-					nodeTemplate.containedin = obj.targetNodeId;
-					break;
-				case "deployedOn" :
-				case "tosca.relationships.nfv.DeployedOn" :
-					nodeTemplate.deployedon = obj.targetNodeId;
-					break;
-				case "connectedTo" : 
-				case "tosca.relationships.nfv.ConnectsTo" :
-					nodeTemplate.connectedto += "," + obj.targetNodeId;
-					nodeTemplate.outLinks.push(obj.targetNodeId);
-					break;
-				case "virtualLinksTo" :
-				case "tosca.relationships.nfv.VirtualLinksTo" :
-					nodeTemplate.virtuallinksto += "," + obj.targetNodeId;
-					break;
-				case "virtualBindsTo" :
-				case "tosca.relationships.nfv.VirtualBindsTo" :
-					nodeTemplate.virtualbindsto += "," + obj.targetNodeId;
-					break;
-			}
-		}
-		if (obj.targetNodeId == data.id) {
-			switch(obj.type) {
-				case "connectedTo" : 
-				case "tosca.relationships.nfv.ConnectsTo" :
-					nodeTemplate.inLinks.push(obj.sourceNodeId);
-					break;
-			}
-		}
-	});
-	nodeTemplate.connectedto = nodeTemplate.connectedto.substring(1);
-	nodeTemplate.virtuallinksto = nodeTemplate.virtuallinksto.substring(1);
-	nodeTemplate.virtualbindsto = nodeTemplate.virtualbindsto.substring(1);
-
-	if(topoUtil.isVNFType(data.type)) {
-        $.each(data.properties, function(key, value) {
-            if(key == "vnfdid" && value) {
-                nodeTemplate.vnfdid = value;
-            }
-        });
-	}
-	return nodeTemplate;
-}
-
-/**
- * generate topology data
- * deployedon is used to display the relation between VNFC and VDU
- * containedin is used to display the relation between VNFC and VNF
- * transform relations between VDU and VNF, containIn is used to display the relation between VDU and VNF
- * @param  {[type]} data [description]
- * @return {[type]}      [description]
- */
-topoUtil.generateTopoTemplate = function(data) {
-	for(var i=0;i<data.length;i++) {
-		if(data[i].containedin){
-			//assignment is designed to compatible with no VDU, only VNF and VNFC situations
-			data[i].containIn = data[i].containedin;
-			for(var j=0;j<data.length;j++) {
-				if(data[i].deployedon == data[j].id) {
-					data[j].containIn = data[i].containedin;
-					break;
-				}
-			}
-		}
-		//the relationship between VNFC and VDU deployedon replace with containIn
-		if(data[i].deployedon){
-			data[i].containIn = data[i].deployedon;
-		}
-	}
-	return data;	
-}
-
-/**
- * generate nodetemplate detail
- * @param  {[type]} data [description]
- * @return {[type]}      [description]
- */
-topoUtil.generateNodeTemplateDetail = function(data) {
-	var nodeTemplateDetail = {};
-	nodeTemplateDetail.properties = [];
-	var properties = data.properties;
-	for(var key in properties) {
-		var property = {};
-		property.key = key;
-		property.value = properties[key];
-		nodeTemplateDetail.properties.push(property);
-	}
-	//add flavor to nodetempalte properties
-	var flavors = data.flavors;
-	if(flavors && flavors.length) {
-		var flavor = flavors[0];
-		for(var key in flavor) {
-			var property = {};
-			property.key = key;
-			property.value = flavor[key];
-			nodeTemplateDetail.properties.push(property);
-		}
-	}
-
-	nodeTemplateDetail.relationShips = data.relationShips;	
-
-	nodeTemplateDetail.general = [];
-	var general = {};
-	general.key = "name";
-	general.value = data.name;
-	nodeTemplateDetail.general.push(general);
-	var general = {};
-	general.key = "type";
-	general.value = data.type;
-	nodeTemplateDetail.general.push(general);
-
-	return nodeTemplateDetail;
-}
-
-topoUtil.getCurrentDetailData = function(detailDatas, nodetemplateid) {
-    var data;
-    for(var i=0; i<detailDatas.length; i++) {
-        if (detailDatas[i].id == nodetemplateid) {
-            data = topoUtil.generateNodeTemplateDetail(detailDatas[i]);
-            break;
-        }
-    }
-    return data;
-}
-
-/**
- * generate node instance detail
- * a node template may correspond to multiple node instances, their properties are not the same
- * @param  {[type]} data [description]
- * @return {[type]}      [description]
- */
-topoUtil.generateNodeInstanceDetail = function(data) {
-	var nodeInstanceDetail = [];
-	nodeInstanceDetail.properties = [];
-	nodeInstanceDetail.general = [];	
-
-	var properties = data.properties;
-	for(var i=0;i<properties.length;i++) {
-		var nodeDetail = {};
-		var name = data.name;		
-		for(var key in properties[i]) {
-			var property = {};
-			property.key = key;
-			property.value = properties[i][key];			
-			nodeDetail.properties.push(property);
-
-			if(key == "name") {
-				name = properties[i][key];
-			}
-		}
-		var general = {};
-		general.key = "name";
-		general.value = name;
-		nodeDetail.general.push(general);
-		var general = {};
-		general.key = "type";
-		general.value = data.type;
-		nodeDetail.general.push(general);
-
-		nodeDetail.relationShips = data.relationShips;
-		nodeInstanceDetail.push(nodeDetail);
-	}
-	return nodeInstanceDetail;
-}
-
-topoUtil.getCurrentNodeInstanceDetail = function(detailDatas, nodetemplateid) {
-    var data;
-    for(var i=0; i<detailDatas.length; i++) {
-        if (detailDatas[i].id == nodetemplateid) {
-            data = topoUtil.generateNodeInstanceDetail(detailDatas[i]);
-            break;
-        }
-    }
-    return data;
-}
-
-topoUtil.getCidr = function(properties) {
-	for(var key in properties) {
-        if(key == "cidr") {
-        	return properties[key];
-        }
-    }
-}
-
-topoUtil.getColor = function(index) {
-	var colors = ['#1F77B4','#FF7F0E','#2CA02C','#D62728','#9467BD','#8C564B','#4b6c8b','#550000','#dc322f','#FF6600'];
-	return colors[index%10];
-}
-
-topoUtil.getCpTop = function(index, parentBoxId) {
-    var newTop = "";
-    var height = 0;
-    if(index == 0) {
-        var circle_top = $(".circle").css("top");
-        var circle_height = $(".circle").css("height");
-        var top = circle_top.substring(0, circle_top.length-2) - 0;
-        height = circle_height.substring(0, circle_height.length-2) - 0;
-        newTop = (top+height+10);
-    } else {
-        var circle_top = $(".smallCircle").css("top");
-        var circle_height = $(".smallCircle").css("height");
-        var top = circle_top.substring(0, circle_top.length-2) - 0;
-        height = circle_height.substring(0, circle_height.length-2) - 0;
-        newTop = (top+height*(index));
-    }
-    //if the length of cp over the box which cp is virtualbindsto, set the box min-heght attribute
-    var $box = $("#" + parentBoxId);
-	var min_height = $box.css("min-height");
-	var box_min_height = min_height.substring(0, min_height.length-2) - 0;
-	var cp_height = newTop + height;
-	if(cp_height > box_min_height) {
-		$box.css("min-height", cp_height);
-	}
-
-    return newTop + "px";
-}
-
-topoUtil.isVNFType = function(type) {
-	if((type.toUpperCase().indexOf(".VNF") > -1) && (type.toUpperCase().indexOf(".VNFC") < 0)) {
-		return true;
-	}
-	return false;
-}
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/js/virtualApplication/validate.js b/nsoc-iui/src/main/resources/webroot/nsoc/js/virtualApplication/validate.js
deleted file mode 100644
index 9cf00eb2..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/js/virtualApplication/validate.js
+++ /dev/null
@@ -1,64 +0,0 @@
-$(function(){
-	var form = $("#vmAppForm");
-	var error = $('.alert-danger', form);
-	var success = $('.alert-success', form);
-
-	$.extend($.validator.messages, {
-		required: $.i18n.prop("nfv-virtualApplication-iui-validate-inputParam")
-	});
-
-	form.validate({
-		doNotHideMessage : true,
-		errorElement : 'span',
-		errorClass : 'help-block',
-		focusInvalid : false,
-		rules : {
-			instanceName : {
-				required : true
-			},
-			serviceTemplateName : {
-				required : true
-			},
-			vimId : {
-				required : true
-			},
-			vnfmId : {
-				required : true
-			}
-		},
-		messages : {
-			instanceName : {
-				required : $.i18n.prop("nfv-virtualApplication-iui-validate-instanceName")
-			},
-			serviceTemplateName : {
-				required : $.i18n.prop("nfv-virtualApplication-iui-validate-serviceTemplateName")
-			},
-			vimId : {
-				required : $.i18n.prop("nfv-virtualApplication-iui-validate-vimId")
-			},
-			vnfmId : {
-				required : $.i18n.prop("nfv-virtualApplication-iui-validate-vnfmId")
-			}
-		},
-		errorPlacement : function(error, element) {
-			error.insertAfter(element);
-		},
-		invalidHandler : function(event, validator) {
-			success.hide();
-			error.show();
-		},
-		highlight : function(element) {
-			$(element).closest(".form-group").removeClass("has-success").addClass("has-error");
-		},
-		unhighlight: function (element) {
-			$(element).closest(".form-group").removeClass("has-error");
-		},
-		success : function(label) {
-			label.addClass("valid").closest(".form-group").removeClass("has-error");
-		},
-		submitHandler: function (form) {
-			success.show();
-			error.hide();
-		}
-	});
-});
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/js/virtualApplication/vmAppController.js b/nsoc-iui/src/main/resources/webroot/nsoc/js/virtualApplication/vmAppController.js
deleted file mode 100644
index 74dad401..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/js/virtualApplication/vmAppController.js
+++ /dev/null
@@ -1,710 +0,0 @@
-/*
- * 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.
- */
-var vm = avalon.define({
-    $id: "vmAppController",
-    $tableId : "ict_virtualApplication_table",
-    $virtualAppTableFields : {// table columns
-        table: [
-            {"mData": "instanceId", name: "ID", "bVisible": false},
-            {"mData": "instanceName", name: $.i18n.prop("nfv-virtualApplication-iui-field-name"), "fnRender" : vmAppUtil.nameRender},
-            {"mData": "serviceTemplateId", name: $.i18n.prop("nfv-virtualApplication-iui-field-template")},
-            {"mData": "createdDate", name: $.i18n.prop("nfv-virtualApplication-iui-field-createDate")},
-            {"mData": "instanceStatus", name: $.i18n.prop("nfv-virtualApplication-iui-field-status"), "fnRender" : vmAppUtil.statusRender},
-            {"mData": "instanceOperating", name: "instanceOperating", "bVisible": false},
-            {"mData": null, name: $.i18n.prop("nfv-virtualApplication-iui-field-action"), "fnRender" : vmAppUtil.operationRender, "sWidth" : "180px"},
-            {"mData": "operationInfo", name: "operationinfo", "bVisible": false},
-            {"mData": null, name: $.i18n.prop("nfv-virtualApplication-iui-field-operation"), "fnRender" : vmAppUtil.delRender}
-        ]
-    },
-    $language: {
-        "sProcessing": "<img src='../component/thirdparty/data-tables/images/loading-spinner-grey.gif'/><span>&nbsp;&nbsp;"
-                        +$.i18n.prop("nfv-nso-iui-table-sProcess")+"</span>",
-        "sLengthMenu": $.i18n.prop("nfv-nso-iui-table-sLengthMenu"),
-        "sZeroRecords": $.i18n.prop("nfv-nso-iui-table-sZeroRecords"),
-        "sInfo": "<span class='seperator'>  </span>" + $.i18n.prop("nfv-nso-iui-table-sInfo"),
-        "sInfoEmpty": $.i18n.prop("nfv-nso-iui-table-sInfoEmpty"),
-        "sGroupActions": $.i18n.prop("nfv-nso-iui-table-sGroupActions"),
-        "sAjaxRequestGeneralError":$.i18n.prop("nfv-nso-iui-table-sAjaxRequestGeneralError"),
-        "sEmptyTable": $.i18n.prop("nfv-nso-iui-table-sEmptyTable"),
-        "oPaginate": {
-            "sPrevious": $.i18n.prop("nfv-nso-iui-table-sPrevious"),
-            "sNext": $.i18n.prop("nfv-nso-iui-table-sNext"),
-            "sPage": $.i18n.prop("nfv-nso-iui-table-sPage"),
-            "sPageOf": $.i18n.prop("nfv-nso-iui-table-sPageOf")
-        }
-    },    
-    $restUrl : {
-        queryAppinstancesUrl: "/api/nsoc/v1/appinstances",
-        queryStatusUrl: "/api/nsoc/v1/appinstances/",
-        deleteAppinstancesUrl: "/api/nsoc/v1/appinstances/",
-        newAppinstancesUrl: "/api/nsoc/v1/appinstances",
-        queryAppinstancesByIdUrl: "/api/nsoc/v1/appinstances/",
-        executeOperationUrl: "/api/nsoc/v1/appinstances/",
-        queryOperationParamsUrl: "/api/nsoc/v1/servicetemplates/",        
-        queryServiceTemplate: "/api/nsoc/v1/servicetemplates?deletionPending=false",
-        queryVimInfoUrl : "/api/roc/v1/resource/vims",
-        queryVnfmInfoUrl : "/api/roc/v1/resource/vnfms",
-        delInstanceTemplateUrl: "/api/nsoc/v1/csars/",
-        queryFlavorParamUrl: "/api/nsoc/v1/servicetemplates/",
-        queryTemplateOptionsUrl: "/api/nsoc/v1/servicetemplates/",
-        queryInputParamUrl: "/api/nsoc/v1/servicetemplates/",
-        queryVnfInfoUrl : "/api/nsoc/v1/servicetemplates/",
-        queryRocInfoBaseUrl : "/api/roc/v1/resource"
-    },
-    $initTable: function() {
-        var setting = {};
-        setting.language = vm.$language;
-        setting.paginate = true;
-        setting.info = true;
-        setting.columns = vm.$virtualAppTableFields.table;
-        setting.restUrl = vm.$restUrl.queryAppinstancesUrl;
-        setting.tableId = vm.$tableId;
-        serverPageTable.initDataTable(setting, {}, vm.$tableId + "_div");
-    },
-    $openDetail : function(instanceId, serviceTemplateId) {
-        var url = "./virtualApplicationDetail.html?instanceId=" + instanceId
-            + "&templateId=" + serviceTemplateId;
-        window.open(url, "_self");
-    },
-    $initCometd : function() {
-        var cometd = new $.Cometd();
-        var cometdURL = location.protocol + "//" + location.host + "/api/nsocnotification/v1";
-        cometd.configure({
-            url : cometdURL,
-            logLevel : "info"
-        });
-        // unregister websocket transport, use long-polling transport
-        cometd.unregisterTransport('websocket');
-
-        cometd.addListener("/meta/handshake", function(handshake){
-            if(handshake.successful === true) {
-                cometd.batch(function() {
-                    //subscribe multiple channels
-                    cometd.subscribe("/lifecycle/instance/status", function(message){
-                        //message = JSON.parse(message.data);
-                        message = message.data;
-                        var table = $('#' + vm.$tableId).dataTable();
-                        var tableData = table.fnGetData();
-                        if(message.instanceStatus) {
-                            var instance = message.instanceStatus;
-                            for (var i=0; i<tableData.length; i++) {
-                                if(tableData[i]["instanceId"] == instance.instanceid) {
-                                    //if(instance.instancestatus == "normal" || instance.instancestatus == "failed") {
-                                    refreshByCond();
-                                    //}
-                                }
-                            }
-                        }
-                    });
-                    cometd.subscribe("/servicetemplate/update", function(message){
-                        //message = JSON.parse(message.data);
-                        message = message.data;
-                        var table = $('#' + vm.$tableId).dataTable();
-                        var tableData = table.fnGetData();
-                        if(message.oldTemplateid) {
-                            var oldTemplateid = message.oldTemplateid;
-                            for (var i=0; i<tableData.length; i++) {
-                                if(tableData[i]["serviceTemplateId"] == oldTemplateid) {
-                                    table.fnUpdate(message.newTemplateid , i, 2, false, false);
-                                }
-                            }
-                        }
-                    });
-                });
-            }
-        });
-        cometd.handshake();
-    },
-    //create vmapp
-    showCreateApp : function() {
-        vm.vmAppDialog.type = "create";
-        vm.vmAppDialog.title = $.i18n.prop("nfv-virtualApplication-iui-text-title");
-        vm.vmAppDialog.btnTitle = $.i18n.prop("nfv-virtualApplication-iui-text-createBtn");
-        vm.vmAppDialog.$initData();
-
-        $("a[href='#basicTab']").trigger("click");
-        $("#vmAppDialog").modal("show");
-    },
-    $initWizard : function() {
-        $(function(){
-            $('#wizard').bootstrapWizard({
-                'nextSelector' : '.button-next',
-                'previousSelector' : '.button-previous',
-                'onTabShow' : function(tab, navigation, index) {
-                    //remove error message
-                    $(".form-group").each(function () {
-                        $(this).removeClass('has-success');
-                        $(this).removeClass('has-error');
-                        $(this).find(".help-block").remove();
-                    });
-
-                    var $total = navigation.find('li').length;
-                    var $current = index+1;
-                    if(($current == 1) || ($current == 2 && vm.vmAppDialog.type == "execute")) {
-                        $('.button-previous').hide();
-                        $('.button-next').show();
-                        $('#createBtn').hide();
-                    } else if ($current == $total) {
-                        $('.button-previous').show();
-                        $('.button-next').hide();
-                        $('#createBtn').show();
-                    } else {
-                        $('.button-previous').show();
-                        $('.button-next').show();
-                        $('#createBtn').hide();
-                    }
-                },
-                'onTabClick' : function() {
-                    var $valid = $("#vmAppForm").valid();
-                    if(!$valid) {
-                        return false;
-                    }
-                },
-                'onNext' : function(tab, navigation, index) {
-                    var $valid = $("#vmAppForm").valid();
-                    if(!$valid) {
-                        return false;
-                    }
-                }
-            });
-            //prevent the validator from validating the next page input elements when click next button
-            $(".button-next").click(function(e){
-                e.preventDefault();
-            });
-        });
-    },
-    vmAppDialog : {
-        type : "",
-        title : "",
-        btnTitle : "",
-        name : "",
-        currentRow : 0,
-        templateId : "",
-        operation : "",
-        //basic tab
-        templateSelectItems : [],
-        vimSelectItems : [],
-        vnfmSelectItems : [],
-        vnfItems : [],
-        templateType : "",
-        description : "",
-        //flavor tab
-        flavorVisible : false,
-        flavors : [],
-        flavorDesc : "",
-        flavorParams : [],
-        //inputParams tab
-        operationParams : [],
-        templateInputParams : [],
-        inputParamDescVisible : false,
-        language : getLanguage(),
-        //inputParams tab for scaleOut and scaleIn
-        vmAppScaleHtml : "virtualApplicationScale.html",
-        $initData : function() {
-            $('#wizard ul').show();
-            $('#wizard ul li').show();
-            vm.vmAppDialog.inputParamDescVisible = false;
-            vm.vmAppDialog.flavorParams = [];
-            vm.vmAppDialog.flavorDesc = "";
-
-            if(vm.vmAppDialog.type == "create") {
-                //create new vmapp, show all tabs
-                vmAppUtil.queryTemplate();
-                vmAppUtil.queryVimInfo();
-                vmAppUtil.queryVnfmInfo();
-            } else {
-                /*if(vmAppUtil.isScaleOperation(vm.vmAppDialog.operation)) {
-                    vm.vmAppDialog.flavorVisible = true;
-                    var url = vm.$restUrl.queryServiceTemplate + "&templateid=" + vm.vmAppDialog.templateId;
-                    commonUtil.get(url, null, function(data) {
-                        if (data) {
-                            //default display the first template flavors
-                            vm.vmAppDialog.flavors = data.flavors || [];
-                            if(data.flavors.length) {
-                                //default display the first flavor desc
-                                vm.vmAppDialog.flavorDesc = data.flavors[0].desc;
-                                var flavorName = data.flavors[0].name;
-                                vmAppUtil.queryFlavorParam(vm.vmAppDialog.templateId, flavorName);
-                            }
-                        }
-                    });
-                } else {*/
-                    //execute vmapp operation
-                    $("a[href='#flavorTab']").trigger("click");
-                    //hide basic tab
-                    $('#wizard ul li').eq(0).hide();
-                    
-                    $("a[href='#inputParamTab']").trigger("click");
-                    $('#wizard ul').hide();
-                    $('.button-previous').hide();
-                    $("#flavor").val("");
-                //}
-            }
-        },
-        $initInputParams : function(templateId) {
-            vm.vmAppDialog.operationParams = [];
-            vm.vmAppDialog.templateInputParams = [];
-            //query sevicetemplate operation list
-            $.ajax({
-                type : "GET",
-                url : vm.$restUrl.queryTemplateOptionsUrl + templateId + "/operations?returnJson=true",
-                dataType : "json",
-                success : function(data) {
-                    var options = data || [];
-                    for(var i=0;i<options.length;i++) {
-                        if(options[i].name == "init") {
-                            url = vm.$restUrl.queryOperationParamsUrl + templateId + "/operations/init/parameters";
-                            //query operation params
-                            $.ajax({
-                                type : "GET",
-                                url : vm.$restUrl.queryInputParamUrl + templateId + "/operations/init/parameters",
-                                dataType : "json",
-                                success : function(resp) {
-                                    vm.vmAppDialog.operationParams = resp || [];
-                                    if(vm.vmAppDialog.templateInputParams.length || vm.vmAppDialog.operationParams.length) {
-                                        vm.vmAppDialog.inputParamDescVisible = false;
-                                    } else {
-                                        vm.vmAppDialog.inputParamDescVisible = true;
-                                    }
-                                }
-                            });
-                            break;
-                        }
-                    }                    
-                }
-            });
-            //query template input params 
-            $.ajax({
-                type : "GET",
-                url : vm.$restUrl.queryInputParamUrl + templateId + "/parameters",
-                dataType : "json",
-                success : function(resp) {
-                    vm.vmAppDialog.templateInputParams = resp || [];
-                    if(vm.vmAppDialog.templateInputParams.length || vm.vmAppDialog.operationParams.length) {
-                        vm.vmAppDialog.inputParamDescVisible = false;
-                    } else {
-                        vm.vmAppDialog.inputParamDescVisible = true;
-                    }
-                }
-            });
-        },
-        $initVnfInfo : function(templateInfo) {
-            vm.vmAppDialog.vnfItems = [];
-            vm.vmAppDialog.templateType = templateInfo.nfvtype;
-            if(vmAppUtil.isNSTemplate(templateInfo.nfvtype)) {
-                vmAppUtil.queryVnfInfo(templateInfo.templateid);
-            } else {
-                var vnfNode = {
-                    templateid : templateInfo.templateid,
-                    name : templateInfo.templatename
-                }
-                vm.vmAppDialog.vnfItems.push(vnfNode);
-            }
-        },
-        $templateChange : function() {
-            var $option = $("#serviceTemplateName option:selected");
-            var index = $option.data("index");
-            var templateItem = vm.vmAppDialog.templateSelectItems[index];
-            vm.vmAppDialog.flavors = templateItem.flavors || [];
-            //as template change，flavor change too
-            vm.vmAppDialog.$flavorChange();
-            if(vm.vmAppDialog.flavors.length) {
-                vm.vmAppDialog.flavorDesc = vm.vmAppDialog.flavors[0].desc;
-            } else {
-                vm.vmAppDialog.flavorDesc = "";
-            }
-            //as template change，operationParams change too
-            vm.vmAppDialog.$initInputParams(templateItem.templateid);
-            //if the template is a ns template, query vnf templates
-            vm.vmAppDialog.$initVnfInfo(templateItem);
-        },
-        $flavorChange : function() {
-            var templateId = "";
-            if(vm.vmAppDialog.type == "create") {
-                templateId = $("#serviceTemplateName").val();
-            } else {
-                templateId = vm.vmAppDialog.templateId;
-            }
-            var $flavor = $("#flavor option:selected");
-            var flavorName = $flavor.val();
-            vm.vmAppDialog.flavorParams = [];
-            vm.vmAppDialog.flavorDesc = $flavor.data("desc");
-            if(templateId && flavorName) {
-                vmAppUtil.queryFlavorParam(templateId, flavorName);
-            }
-        },
-        $getFlavorI18nInfo : function(key) {
-            return $.i18n.prop("nfv-virtualApplication-iui-text-flavor-" + key);
-        },
-        $getGoupParamKey : function(groupName, key) {
-            //to prevent a duplicate key
-            return groupName + key;
-        },
-        $getVnfmText : function(name) {
-            if(vmAppUtil.isNSTemplate(vm.vmAppDialog.templateType)) {
-                return name + " " + $.i18n.prop("nfv-virtualApplication-iui-text-vnfm");
-            } else {
-                return $.i18n.prop("nfv-virtualApplication-iui-text-vnfm");
-            }
-        },   
-        $confirmBtnClick : function() {
-            //validate rules
-            var form = $("#vmAppForm");
-            if(!form.valid()) {
-                return false;
-            }
-            //flavor params
-            var flavorParams = vmAppUtil.generateGourpParams(vm.vmAppDialog.flavorParams);            
-            //additional params, include template input params
-            var additionalParams = vmAppUtil.generateAdditionalParams(vm.vmAppDialog.templateInputParams);
-            //vnfRelationInfos
-            var vnfRelationInfos = vmAppUtil.generateVNFRelationInfos(vm.vmAppDialog.vnfItems);
-            //operation param
-            var inputParams = [];
-            var operationParam = {
-                groupName : vm.vmAppDialog.operation,
-                params : []
-            }
-            $.each(vm.vmAppDialog.operationParams, function(index, element){
-                var value = $("#" + element.paramKey).val();
-                if(value) {
-                    var groupParam = {
-                        key : element.paramKey,
-                        value : value
-                    }
-                    operationParam.params.push(groupParam);
-                }
-            });
-            operationParam.params = operationParam.params.concat(additionalParams);
-            inputParams.push(operationParam);
-
-            if(vm.vmAppDialog.type == "create") {
-                operationParam.groupName = "init";
-                var param = {
-                    instanceName : $("#instanceName").val(),
-                    templateId : $("#serviceTemplateName").val(),
-                    type : vm.vmAppDialog.templateType,
-                    flavor : $("#flavor").val(),
-                    flavorParams : flavorParams,
-                    operationParams : inputParams,
-                    //vnfRelationInfos : vnfRelationInfos
-                    vnfmId : $("#vnfmId").val()
-                };
-                vmAppUtil.newApp(param);
-            } else {
-                var param = {
-                    flavor : $("#flavor").val(),
-                    flavorParams : flavorParams,
-                    operationParams : inputParams
-                }
-                vmAppUtil.executeOperation(param, vm.vmAppDialog.currentRow, vm.vmAppDialog.operation);
-            }
-        }
-    },
-    vmAppScaleDialog : {
-        $tableId : "ict_vdu_table",
-        $virtualAppTableFields : {// table columns
-            vduTemplateTable: [
-                {"mData": "id", name: "ID", "bVisible": false},
-                {"mData": "vnfId", name: "VNFID", "bVisible": false},
-                {"mData": "type", name: $.i18n.prop("nfv-virtualApplication-iui-scale-field-type")},
-                {"mData": "num", name: $.i18n.prop("nfv-virtualApplication-iui-scale-field-num")},
-                {"mData": "name", name: $.i18n.prop("nfv-virtualApplication-iui-scale-field-name")},
-                {"mData": null, name: $.i18n.prop("nfv-virtualApplication-iui-scale-field-operation"), "fnRender" : vmAppUtil.delVduRender}
-            ],
-            vduInstanceTable: [
-                {"mData": "oid", name: "ID", "bVisible": false},
-                {"mData": "type", name: $.i18n.prop("nfv-virtualApplication-iui-scale-field-type")},
-                {"mData": "name", name: $.i18n.prop("nfv-virtualApplication-iui-scale-field-name")},
-                {"mData": null, name: $.i18n.prop("nfv-virtualApplication-iui-scale-field-operation"), 
-                 "sWidth" : "100px", "sClass" : "icheckbox", "fnRender" : vmAppUtil.checkRender}
-            ]
-        },
-        $initTable: function(operationType, tableData) {
-            var setting = {};
-            setting.language = vm.$language;
-            setting.paginate = true;
-            setting.info = false;
-            if(operationType == "type") {
-                setting.columns = vm.vmAppScaleDialog.$virtualAppTableFields.vduTemplateTable;
-            } else {
-                setting.columns = vm.vmAppScaleDialog.$virtualAppTableFields.vduInstanceTable;
-            }
-            setting.tableId = vm.vmAppScaleDialog.$tableId;
-            serverPageTable.initTableWithData(setting, setting.tableId + "_div", tableData);
-
-            $('input:checkbox').iCheck({
-                //initialize icheck style
-                checkboxClass: 'icheckbox_square-aero'
-            });
-            var oTable = $("#" + vm.vmAppScaleDialog.$tableId).dataTable();
-            oTable.on("draw", function(){
-                //initialize icheck style
-                $('input:checkbox').iCheck({
-                    checkboxClass: 'icheckbox_square-aero'
-                });
-            });
-        },
-        currentRow : 0,
-        operation : "",
-        instanceId : "",
-        templateId : "",
-        scaleTitle : "",
-        title : "",
-        saveType : "add",
-        instanceType : false,
-        typeVisible : true,
-        titleVisible : false,
-        vnfDatas : [],
-        currentVnfData : {},
-        vnfSelectItems : [],
-        vduSelectItems : [],
-        btnTitle : $.i18n.prop("nfv-virtualApplication-iui-text-scale-vduBtn-title"),
-        numTip : $.i18n.prop("nfv-virtualApplication-iui-text-scale-vnf-numTip"),
-        nameTip : $.i18n.prop("nfv-virtualApplication-iui-text-scale-vnf-nameTip"),
-        $initScaleParams : function() {
-            //set riadio visible and checked attribution
-            if(vm.vmAppScaleDialog.operation == "scaleOut") {
-                vm.vmAppScaleDialog.scaleTitle = $.i18n.prop("nfv-virtualApplication-iui-text-scale-out-modal-title");
-                vm.vmAppScaleDialog.instanceType = true;
-            } else {
-                vm.vmAppScaleDialog.scaleTitle = $.i18n.prop("nfv-virtualApplication-iui-text-scale-in-modal-title");
-                vm.vmAppScaleDialog.instanceType = false;
-            }
-            vm.vmAppScaleDialog.vnfSelectItems = [];
-            vm.vmAppScaleDialog.vnfDatas = [];
-            vm.vmAppScaleDialog.titleVisible = false;
-
-            vmAppUtil.queryScalableVnfInfo(vm.vmAppScaleDialog.templateId);
-        },
-        $addValidatorMethod : function() {
-            $.validator.addMethod("vnfRepeat", function(value, element, params){
-                var vnfId = $(element).val();
-                var vnfDatas = vm.vmAppScaleDialog.vnfDatas;
-                for(var i=0;i<vnfDatas.length;i++) {
-                    if(vnfDatas[i].id == vnfId) {
-                        return false;
-                    }
-                }
-                return true;
-            }, $.i18n.prop("nfv-virtualApplication-iui-text-scale-validate-message"));
-        },
-        $addVnf : function(action, vnf) {
-            var vnfData;
-            var operationType;
-            if(action == "add") {
-                var form = $("#vnfForm");
-                if(!form.valid()) {
-                    return false;
-                }
-
-                vm.vmAppScaleDialog.saveType = "add";
-                var index = parseInt($("#vnfType option:selected").attr("data-index"));
-                vnfData = vm.vmAppScaleDialog.vnfSelectItems[index];
-                vnfData.vduTableData = [];
-                operationType = $("input[name='operationType']:checked").val();
-            } else {
-                vm.vmAppScaleDialog.saveType = "edit";
-                vnfData = vnf;
-                operationType = vnfData.operationType;
-            }
-
-            vm.vmAppScaleDialog.currentVnfData = vnfData;
-            vm.vmAppScaleDialog.vduSelectItems = vnfData.vduTypeList;
-            
-            if(operationType == "type") {
-                vm.vmAppScaleDialog.typeVisible = true;
-                vm.vmAppScaleDialog.title = $.i18n.prop("nfv-virtualApplication-iui-text-scale-type-title");
-                vm.vmAppScaleDialog.$initTable(operationType, vnfData.vduTableData);
-            } else {
-                vm.vmAppScaleDialog.typeVisible = false;
-                vm.vmAppScaleDialog.title = $.i18n.prop("nfv-virtualApplication-iui-text-scale-instance-title");
-                //initialize table without data, in case of query vdu instances no data
-                vm.vmAppScaleDialog.$initTable("instance", []);
-                //query scalable vdu instances
-                vmAppUtil.queryScalableVduInstance(vm.vmAppScaleDialog.instanceId, vnfData.id, vnfData.vduTypeList);
-            }
-            
-            $("#addVduModal").modal("show");
-        },
-        $addVduToTable : function() {
-            //validate vdu form
-            var form = $("#vduForm");
-            if(!form.valid()) {
-                return false;
-            }
-
-            var currentVnfData = vm.vmAppScaleDialog.currentVnfData;
-            var vduType = {
-                id : $("#vduType option:selected").val(),
-                vnfId : currentVnfData.id,
-                type : $("#vduType option:selected").text(),
-                num : $("#vduNum").val(),
-                name : $("#vduName").val()
-            }
-
-            var oTable = $("#" + vm.vmAppScaleDialog.$tableId).dataTable();
-            oTable.fnAddData(vduType);
-        },
-        $deleteVnf : function(vnfId) {
-            var vnfDatas = vm.vmAppScaleDialog.vnfDatas;
-            for(var i=0;i<vnfDatas.length;i++) {
-                if(vnfDatas[i].id == vnfId) {
-                    vnfDatas.splice(i, 1);
-                }
-            }
-            vm.vmAppScaleDialog.titleVisible = vnfDatas.length;
-        },
-        $scaleConfirmClick : function() {
-            var operationType = $("input[name='operationType']:checked").val();
-            var currentVnfData = vm.vmAppScaleDialog.currentVnfData;
-            currentVnfData.operationType = operationType;
-            currentVnfData.vduTableData = [];
-            var vduInstanceNameArray = [];
-            var oTable = $("#" + vm.vmAppScaleDialog.$tableId).dataTable();
-            var data = oTable.fnGetData();
-            if(operationType == "instance") {
-                var tr = oTable.fnGetNodes();
-                for(var i=0;i<tr.length;i++) {
-                    var isChecked = $(tr[i]).find("input:checked").length;
-                    if(isChecked) {
-                        var currentRowData = data[i];
-                        currentVnfData.vduTableData.push(currentRowData);
-                        vduInstanceNameArray.push(currentRowData.name);
-                    }
-                }
-                currentVnfData.vduNameStr = vduInstanceNameArray.toString();
-            } else {
-                currentVnfData.vduTableData = data;
-                var vduTypeArray = [];
-                var vduNumArray = [];
-                for(var i=0;i<currentVnfData.vduTableData.length;i++) {
-                    vduTypeArray.push(currentVnfData.vduTableData[i].type);
-                    vduNumArray.push(currentVnfData.vduTableData[i].num);
-                }
-                currentVnfData.vduTypeStr = vduTypeArray.toString();
-                currentVnfData.vduNumStr = vduNumArray.toString();
-            }
-
-            if(vm.vmAppScaleDialog.saveType == "edit") {
-                var vnfDatas = vm.vmAppScaleDialog.vnfDatas;
-                for(var i=0;i<vnfDatas.length;i++) {
-                    if(vnfDatas[i].id == currentVnfData.id) {
-                        if(currentVnfData.vduTableData.length) {
-                            vnfDatas[i] = currentVnfData;
-                        } else {
-                            //delete the vnf which has no vdu data
-                            vm.vmAppScaleDialog.vnfDatas.splice(i, 1);
-                        }
-                    }
-                }
-            } else {
-                if(currentVnfData.vduTableData.length) {
-                    vm.vmAppScaleDialog.vnfDatas.push(currentVnfData);
-                }
-            }
-            vm.vmAppScaleDialog.titleVisible = vm.vmAppScaleDialog.vnfDatas.length;
-            $("#addVduModal").modal("hide");
-        },
-        $confirmBtnClick : function() {
-            var scaleParams = [];
-            var scaleParam = {
-                groupName : vm.vmAppScaleDialog.operation,
-                params : []
-            }
-            scaleParam.params = vmAppUtil.generateScaleParams(vm.vmAppScaleDialog.vnfDatas);
-            scaleParams.push(scaleParam);
-
-            var param = {
-                operationParams : scaleParams
-            }
-            vmAppUtil.executeOperation(param, vm.vmAppScaleDialog.currentRow, vm.vmAppScaleDialog.operation);
-        }
-    },
-    templateRender : function(action) {
-        if(action == "add") {
-            var data = vm.vmAppDialog.templateSelectItems;
-            if(data.length) {
-                //default display the first template flavors
-                vm.vmAppDialog.flavors = data[0].flavors || [];
-                if(vm.vmAppDialog.flavors.length) {
-                    //default display the first flavor desc
-                    vm.vmAppDialog.flavorDesc = vm.vmAppDialog.flavors[0].desc;
-                }
-                //default display the first template input params
-                vm.vmAppDialog.$initInputParams(data[0].templateid);
-                //if the template is a ns template, query vnf templates
-                vm.vmAppDialog.$initVnfInfo(data[0]);
-            }
-        }
-    },
-    vnfRender : function(action) {
-        if(action == "add") {
-            //add vnfm rules
-            $(this).find('select').each(function(){
-                $(this).rules("add", {required : true});
-            });
-        }
-    },
-    flavorRender : function(action) {
-        if(action == "add") {
-            //default display the first flavor params
-            vm.vmAppDialog.$flavorChange();
-        }
-    },
-    paramRender : function(action) {
-        if(action == "add") {
-            //add dynamic validate rules
-            $(this).find('input').each(function(){
-                $(this).rules("add", {required : true});
-            });
-        }
-    },
-    operationParamRender : function(action) {
-        if(action == "add") {
-            //add dynamic validate rules
-            $(this).find('input').each(function(){
-                var required = $(this).attr("data-required");
-                if(required == "true") {
-                    $(this).rules("add", {required : true});
-                }
-            });
-        }
-    },
-    includeRender : function() {
-        //internationalize scale dialog
-        var lang = getLanguage();
-        loadPropertiesSideMenu(lang, 'nfv-nso-iui-i18n', 'i18n/');
-
-        //initialize vnf form validator
-        vmAppUtil.initFormValidator("vnfForm");
-        //add dynamic validate rule
-        vm.vmAppScaleDialog.$addValidatorMethod();
-        $("#vnfType").rules("add", {vnfRepeat : true});
-        //initialize vdu form validator
-        vmAppUtil.initFormValidator("vduForm");
-        $("#vduNum").rules("add", {digits : true, required : true});
-    }
-});
-avalon.scan();
-vm.$initTable();
-vm.$initWizard();
-vm.$initCometd();
-
-var refreshByCond = function() {
-    vm.$initTable();
-    vm.$initWizard();
-}
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/js/virtualApplication/vmAppDetailController.js b/nsoc-iui/src/main/resources/webroot/nsoc/js/virtualApplication/vmAppDetailController.js
deleted file mode 100644
index dfa09e72..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/js/virtualApplication/vmAppDetailController.js
+++ /dev/null
@@ -1,281 +0,0 @@
-/*
- * 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.
- */
-var vm = avalon.define({
-    $id : "vmAppDetailController",
-    templateId : "",
-    templateData : [
-        {href: "#topology", name: "Topology", value: true},
-        {href: "#nodes", name: "Nodes", value: false}
-    ],
-    $language: {
-        "sProcessing": "<img src='../component/thirdparty/data-tables/images/loading-spinner-grey.gif'/><span>&nbsp;&nbsp;"
-                        +$.i18n.prop("nfv-nso-iui-table-sProcess")+"</span>",
-        "sLengthMenu": $.i18n.prop("nfv-nso-iui-table-sLengthMenu"),
-        "sZeroRecords": $.i18n.prop("nfv-nso-iui-table-sZeroRecords"),
-        "sInfo": "<span class='seperator'>  </span>" + $.i18n.prop("nfv-nso-iui-table-sInfo"),
-        "sInfoEmpty": $.i18n.prop("nfv-nso-iui-table-sInfoEmpty"),
-        "sGroupActions": $.i18n.prop("nfv-nso-iui-table-sGroupActions"),
-        "sAjaxRequestGeneralError":$.i18n.prop("nfv-nso-iui-table-sAjaxRequestGeneralError"),
-        "sEmptyTable": $.i18n.prop("nfv-nso-iui-table-sEmptyTable"),
-        "oPaginate": {
-            "sPrevious": $.i18n.prop("nfv-nso-iui-table-sPrevious"),
-            "sNext": $.i18n.prop("nfv-nso-iui-table-sNext"),
-            "sPage": $.i18n.prop("nfv-nso-iui-table-sPage"),
-            "sPageOf": $.i18n.prop("nfv-nso-iui-table-sPageOf")
-        }
-    },
-    tabChange : function(index) {
-        refreshByCond(index);
-    },
-    $restUrl : {
-        queryNodeTemplateUrl : "/api/nsoc/v1/servicetemplates/{0}/nodetemplates",
-        queryNodesInfoUrl:"/api/nsoc/v1/appinstances/{0}/nodeintsances",
-        queryEventsInfoUrl: "/api/nsoc/v1/appinstances/{0}/operateschedules"
-    },
-    $init : function() {
-        $.ajax({
-            type : "GET",
-            url : vm.$restUrl.queryNodeTemplateUrl,
-            success : function(resp) {
-                if(resp) {
-                    var nodeTemplateData = [];                
-                    for(var i=0; i<resp.length; i++) {
-                        var nodeTemplate = topoUtil.generateNodeTemplate(resp[i]);
-                        nodeTemplateData.push(nodeTemplate); 
-                    }
-                    vm.nodesTab.nodesDetail.nodeTemplateDetailData = resp;
-                    //generate node template table
-                    vm.topologyTab.topoTemplateData = topoUtil.generateTopoTemplate(nodeTemplateData);
-                    //initialize topology graph data
-                    vmAppDetailUtil.initTopoData(vm.topologyTab.topoTemplateData.$model);
-                }
-            },
-            error : function() {
-                commonUtil.showMessage($.i18n.prop("nfv-topology-iui-message-error"), "danger");
-            }
-        });
-
-        //initialize event table
-        vm.executionTab.$initEventsTable();
-    },
-    $initCometd : function() {
-        commonUtil.registerCometdMessage("/api/nsocnotification/v1", "/lifecycle/instance/process", function(message) {
-            var table = $('#' + vm.executionTab.$eventsTabId).dataTable();
-            var tableData = table.fnGetData();
-            if(message.instanceProcess) {
-                var instance = message.instanceProcess;
-                if(instance.instanceid == vm.executionTab.$instanceId) {
-                    table.fnAddData(instance.operationSchedule.currentStepInfo, true);
-                }
-            }
-        });
-    },
-    topologyTab : {
-        topology : "topology.html",
-        vnfTip : $.i18n.prop("nfv-topology-iui-vnf-tip"),
-        btnTip : $.i18n.prop("nfv-topology-iui-btn-return-tip"),
-        topoTemplateData:[],
-        boxTopoDatas:[],
-        networkTopoDatas:[],
-        isShowNum: true,
-        eventVisible: false,
-        returnBtnVisible : false,
-        $getColor: function(index) {
-            return topoUtil.getColor(index);
-        },
-        $getCidr: function(properties){
-            return topoUtil.getCidr(properties.$model);
-        },
-        $getCpTop: function(index, parentBoxId){
-            return topoUtil.getCpTop(index, parentBoxId);
-        },
-        $initTopology : function(topoTemplateData) {
-            vmAppDetailUtil.initTopoData(topoTemplateData);
-        },
-        $showTopo:function(id, name){
-            vm.nodesTab.nodesDetail.$showDetails("block", id, name);
-        },
-        $showEvent: function() {
-            vm.topologyTab.eventVisible = !vm.topologyTab.eventVisible;
-            if(vm.topologyTab.eventVisible) {
-                //query event table data
-                var oTable = $("#" + vm.executionTab.$eventsTabId).dataTable(); 
-                oTable.fnAdjustColumnSizing();
-            } else {
-                //refresh topo data
-                vm.topologyTab.$initTopology(vm.topologyTab.topoTemplateData.$model);
-            }
-        },
-        $showVnfTopo: function(templateId) {
-            vm.topologyTab.returnBtnVisible = true;
-            vm.$restUrl.queryNodeTemplateUrl = "/api/nsoc/v1/servicetemplates/" + templateId + "/nodetemplates";
-            vm.$init();
-        },
-        $returnNS: function() {
-            vm.topologyTab.returnBtnVisible = false;
-            vm.$restUrl.queryNodeTemplateUrl = "/api/nsoc/v1/servicetemplates/" + vm.templateId + "/nodetemplates";
-            vm.$init();
-        }
-    },
-    nodesTab : {
-        $nodesTabId : "ict_nodes_table",
-        $nodesTabFields : {// table columns
-            table: [
-                {"mData": "nodeId", name: $.i18n.prop("nfv-virtualApplicationDetail-iui-field-nodeId"), "sClass" : "td_nodeId", "bVisible":false},
-                {"mData": "nodeName", name: $.i18n.prop("nfv-virtualApplicationDetail-iui-field-nodeName"), "bSortable":false, "fnRender" : vmAppDetailUtil.nameRender},
-                {"mData": "nodeType", name: $.i18n.prop("nfv-virtualApplicationDetail-iui-field-nodeType"), "sWidth" : "150px", "bSortable":true},
-                {"mData": "nodeTemplateId", name: $.i18n.prop("nfv-virtualApplicationDetail-iui-field-templateType"),"bSortable":false},
-                {"mData": "nodeIp", name: $.i18n.prop("nfv-virtualApplicationDetail-iui-field-host"), "bSortable":false},
-                {"mData": "createTime", name: $.i18n.prop("nfv-virtualApplicationDetail-iui-field-createTime"), "bSortable":false}
-            ]
-        },
-        $initNodesTab: function() {
-            var setting = {};
-            setting.language = vm.$language;
-            setting.paginate = true;
-            setting.info = true;
-            setting.sort = true;
-            setting.columns = vm.nodesTab.$nodesTabFields.table;
-            setting.restUrl = vm.$restUrl.queryNodesInfoUrl;
-            setting.tableId = vm.nodesTab.$nodesTabId;
-            serverPageTable.initDataTable(setting, {}, vm.nodesTab.$nodesTabId + '_div');
-        },
-        //Nodes Details
-        nodesDetail : {
-            nodeTemplateDetailData: [],
-            nodeInstanceSelectItems: [],
-            detailTitle : "",
-            isShow : "none",
-            detailIndex : 0,
-            detailData : [
-                {id: "general", name: $.i18n.prop("nfv-templateDetail-nodesTab-iui-tab-general"), isActive: true},
-                {id: "properties", name: $.i18n.prop("nfv-templateDetail-nodesTab-iui-tab-properties"), isActive: false},
-                {id: "relationShips", name: $.i18n.prop("nfv-templateDetail-nodesTab-iui-tab-relationShips"), isActive: false}
-            ],
-            $showDetails : function(isShow, nodetypeid, nodetypename) {
-                console.log(isShow);
-                vm.nodesTab.nodesDetail.isShow = isShow;
-                if (isShow == "block") {
-                    vm.nodesTab.nodesDetail.detailTitle = nodetypename + " " + $.i18n.prop("nfv-virtualApplicationDetail-iui-text-nodeDetail"),
-                    $('#' + vm.nodesTab.nodesDetail.detailData[0].id).click();
-                    vm.nodesTab.nodesDetail.detailData[0].isActive = true;
-                    vm.nodesTab.nodesDetail.$initNodeDetailTable(nodetypeid);
-                }                
-            },
-            detailCondChange : function(index) {
-                vm.nodesTab.nodesDetail.detailIndex = index;
-                for(var i=0; i<vm.nodesTab.nodesDetail.detailData.length; i++) {
-                    vm.nodesTab.nodesDetail.detailData[i].isActive = false;
-                }
-                vm.nodesTab.nodesDetail.detailData[index].isActive = true;
-            },
-            $tableFields : {// table columns
-                general: [
-                    {"mData": "key", "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-key"), "bSortable" : false},
-                    {"mData": "value", "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-value"), "bSortable" : false}
-                ],
-                properties: [
-                    {"mData": "key", "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-key"), "bSortable" : false},
-                    {"mData": "value", "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-value"), "bSortable" : false}
-                ],
-                relationShips: [
-                    {"mData": "sourceNodeName", "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-sourceNodeName"), "bSortable" : false},
-                    {"mData": "targetNodeName", "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-targetNodeName"), "bSortable" : false},
-                    {"mData": "type", "name": $.i18n.prop("nfv-templateDetail-nodesTab-iui-field-type"), "bSortable" : false}
-                ]
-            },
-            $initNodeDetailTable: function(nodetemplateid) {
-                var data = topoUtil.getCurrentDetailData(vm.nodesTab.nodesDetail.nodeTemplateDetailData.$model, nodetemplateid);
-
-                $.each(vm.nodesTab.nodesDetail.$tableFields, function(key, value){
-                    var setting = {};
-                    setting.language = vm.$language;
-                    setting.paginate = false;
-                    setting.info = false;
-                    setting.columns = value;
-                    setting.tableId = "ict_table_" + key;
-                    serverPageTable.initTableWithData(setting, setting.tableId + '_div', data[key]);
-                });
-            }
-        }
-    },
-    executionTab : {
-        $eventsTabId : "ict_events_table",
-        $eventsTabFields : {// table columns
-            table: [
-                {"mData": "name", name: $.i18n.prop("nfv-virtualApplicationDetail-iui-field-currentStepName"), "bSortable": false, "sWidth":"15%"},
-                {"mData": "status", name: $.i18n.prop("nfv-virtualApplicationDetail-iui-field-currentStepStatus"), "bSortable": false, "sWidth":"10%"},
-                {"mData": "percent", name: $.i18n.prop("nfv-virtualApplicationDetail-iui-field-percent"), "bSortable": false, "sWidth":"10%"},
-                {"mData": "description", name: $.i18n.prop("nfv-virtualApplicationDetail-iui-field-currentStepDesc"), "bSortable": false, "sWidth":"50%"},
-                {"mData": "currentTime", name: $.i18n.prop("nfv-virtualApplicationDetail-iui-field-executionTime"), "bSortable": true, "sWidth":"15%"}
-            ]
-        },
-        $initEventsTable: function() {
-            var setting = {};
-            setting.language = vm.$language;
-            setting.paginate = false;
-            setting.info = false;
-            setting.sort = true;
-            setting.columns = vm.executionTab.$eventsTabFields.table;
-            setting.restUrl = vm.$restUrl.queryEventsInfoUrl;
-            setting.tableId = vm.executionTab.$eventsTabId;
-            serverPageTable.initDataTableForEvent(setting, {},
-                    vm.executionTab.$eventsTabId + '_div');
-
-            var oTable = $("#" + setting.tableId).dataTable(); 
-            oTable.fnSort( [ [4,'asc'] ] );
-        },
-        $instanceId : "",
-        steps : [],
-        $init: function() {
-            vm.executionTab.$initEventsTable();
-        }
-    }
-});
-
-var refreshByCond = function (index) {    
-    switch(index) {
-        case 0 :
-            vm.topologyTab.$initTopology(vm.topologyTab.topoTemplateData.$model);
-            vm.executionTab.$initEventsTable();
-            break;
-        case 1 :
-            vm.nodesTab.$initNodesTab();
-            break;
-    }
-}
-
-var initParam = function() { //initialize template detail params
-    var paramStr = window.location.search.substring(1);
-    if(paramStr.length > 0) {
-        var params = paramStr.split("&");
-        var paramArray = [];
-        for(var i=0; i<params.length; i++) {
-            paramArray.push(params[i].substring(params[i].indexOf("=") + 1));
-        }
-
-        avalon.scan();     
-        vm.executionTab.$instanceId = paramArray[0];  
-        vm.$restUrl.queryNodesInfoUrl = commonUtil.format(vm.$restUrl.queryNodesInfoUrl, paramArray[0]);
-        vm.$restUrl.queryEventsInfoUrl = commonUtil.format(vm.$restUrl.queryEventsInfoUrl, paramArray[0]);
-        vm.$restUrl.queryNodeTemplateUrl = commonUtil.format(vm.$restUrl.queryNodeTemplateUrl, paramArray[1]);
-        vm.templateId = paramArray[1];
-
-        vm.$init();
-        vm.$initCometd();
-    }
-}
-initParam();
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/js/virtualApplication/vmAppDetailUtil.js b/nsoc-iui/src/main/resources/webroot/nsoc/js/virtualApplication/vmAppDetailUtil.js
deleted file mode 100644
index 8684cade..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/js/virtualApplication/vmAppDetailUtil.js
+++ /dev/null
@@ -1,80 +0,0 @@
-/*
- * 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.
- */
-var vmAppDetailUtil = {};
-vmAppDetailUtil.timer = null;
-
-vmAppDetailUtil.nameRender = function(obj) {
-    return '<a href="#" onclick="vm.nodesTab.nodesDetail.$showDetails('
-    + '\'block\',\'' + obj.aData.nodeTemplateId + '\', \'' + obj.aData.nodeName + '\')">' + obj.aData.nodeName + '</a>';
-}
-
-/**
- * Content is too long, add the tooltip
- * @param  {[type]} obj [description]
- * @return {[type]}     [description]
- */
-vmAppDetailUtil.keyRender = function(obj) {
-    return '<span title="' + obj.aData.key + '">' + obj.aData.key + '</span>';
-}
-
-vmAppDetailUtil.valueRender = function(obj) {
-    return '<span title="' + obj.aData.value + '">' + obj.aData.value + '</span>';
-}
-
-vmAppDetailUtil.sourceNodeNameRender = function(obj) {
-	return '<span title="' + obj.aData.sourceNodeName + '">' + obj.aData.sourceNodeName + '</span>';
-}
-
-vmAppDetailUtil.targetNodeNameRender = function(obj) {
-	return '<span title="' + obj.aData.targetNodeName + '">' + obj.aData.targetNodeName + '</span>';
-}
-
-vmAppDetailUtil.typeRender = function(obj) {
-    return '<span title="' + obj.aData.type + '">' + obj.aData.type + '</span>';
-}
-
-vmAppDetailUtil.initSteps = function() {
-	$.ajax({
-		type : "GET",
-		url : vm.$restUrl.queryEventsInfoUrl,
-		data : "json",
-		success : function(data) {
-			console.log("initSteps");
-			if (data) {
-				var step = $(".step");
-	            if (step.getStep().length == 0) {
-	            	vm.executionTab.steps = [{title : "start"}, {title : "install VM"}, {title : "execute"}, {title : "complete"}];
-	                step.loadStep({
-	                    size : "large",
-	                    color : "blue",
-	                    steps : vm.executionTab.steps
-	                });
-	            }
-			}
-		}
-	});
-}
-
-vmAppDetailUtil.initTopoData = function(topoTemplateData) {
-	$.ajax({
-		type : "GET",
-		url : vm.$restUrl.queryNodesInfoUrl,
-		data : "json",
-		success : function(resp){			
-			topoUtil.initTopoData(topoTemplateData, resp);
-		}
-	});
-}
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/js/virtualApplication/vmAppUtil.js b/nsoc-iui/src/main/resources/webroot/nsoc/js/virtualApplication/vmAppUtil.js
deleted file mode 100644
index 24e8305e..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/js/virtualApplication/vmAppUtil.js
+++ /dev/null
@@ -1,510 +0,0 @@
-/*
- * 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.
- */
-var vmAppUtil = {};
-
-vmAppUtil.COLUMN_STATUS_INDEX = 4;
-vmAppUtil.COLUMN_OPERATION_INDEX = 5;
-vmAppUtil.TYPE_SUCCESS = "success";
-vmAppUtil.TYPE_DANGER = "danger";
-
-vmAppUtil.nameRender = function(obj) {
-    return '<a href="#" onclick="vm.$openDetail(\'' + obj.aData.instanceId + '\', '
-        + '\'' + obj.aData.serviceTemplateId + '\')">' + obj.aData.instanceName + '</a>';
-}
-
-vmAppUtil.operationRender = function(obj) {
-    var table = $('#' + vm.$tableId).dataTable();
-    var row = obj.iDataRow;
-    var operationInfo = table.fnGetData(row)["operationInfo"];
-    var instanceOperating = table.fnGetData(row)["instanceOperating"];
-    var instanceStatus = table.fnGetData(row)["instanceStatus"];
-    var disabled = "";
-
-    var statusText = $.i18n.prop("nfv-virtualApplication-iui-status-" + instanceOperating);
-    if (status.indexOf("nfv-virtualApplication") > -1) {
-        statusText = $.i18n.prop("nfv-virtualApplication-iui-status-execute");
-    }
-    if($(instanceStatus).text() == statusText) {
-        disabled = "disabled";
-    }
-
-    var optionHtml = "<option></option>";
-    if (operationInfo) {
-        for(var i=0; i<operationInfo.length; i++) {
-            var name = $.i18n.prop("nfv-virtualApplication-iui-operation-" + operationInfo[i].operationname);
-            if (name.indexOf("nfv-virtualApplication") > -1) {
-                name = operationInfo[i].operationname;
-            }
-
-            if (operationInfo[i].operationid == instanceOperating) {
-                optionHtml += "<option value=" + operationInfo[i].operationid + " selected>" + name + "</option>";
-            } else {
-                optionHtml += "<option value=" + operationInfo[i].operationid + ">" + name + "</option>";
-            }
-        }
-    }
-    return '<span><span class="span-action"><select name="type" ' + disabled + '>' + optionHtml + '</select></span>'
-    + '&nbsp&nbsp<button type="button" ' + disabled + ' class="btn blue1 btn-sm btn-operation" '
-    + 'onclick="vmAppUtil.execute('+ obj.iDataRow +')"><i class="ict-start"></i></button></span>';
-};
-
-vmAppUtil.statusRender = function(obj) {
-    var attr = 'class="label label-success"';
-    var status = $.i18n.prop("nfv-virtualApplication-iui-status-" + obj.aData.instanceStatus);
-    if (obj.aData.instanceStatus == "failed") {
-        attr = 'class="label label-danger"';
-    } else if (obj.aData.instanceStatus == "processing") {
-        status = $.i18n.prop("nfv-virtualApplication-iui-status-" + obj.aData.instanceOperating);
-        if (status.indexOf("nfv-virtualApplication") > -1) {
-            status = $.i18n.prop("nfv-virtualApplication-iui-status-execute");
-        }
-    }
-    return '<span ' + attr + '>' + status + '</span>';
-};
-
-vmAppUtil.delRender = function(obj) {
-    return '<div><a href="#" class="btn-xs grey btn-editable" onclick="vmAppUtil.deleteVmApp(\'' 
-        + obj.aData.instanceId + '\', \'' + obj.aData.serviceTemplateId + '\')">'
-        + '<i class=\"ict-delete\"></i>' + $.i18n.prop('nfv-software-iui-action-delete') + '</a></div>';
-};
-
-vmAppUtil.dateRender = function(obj) {
-    var date = new Date(obj.aData[obj.mDataProp]);
-    return commonUtil.parseDate(date, "yyyy-MM-dd hh:mm:ss");
-};
-
-vmAppUtil.deleteVmApp = function(instanceId, servicetemplateid) {
-    bootbox.confirm($.i18n.prop("nfv-virtualApplication-iui-message-delete-confirm"), function(result){
-        if(result) {
-            var url = vm.$restUrl.deleteAppinstancesUrl + instanceId;
-            $.ajax({
-                type : "delete",
-                url : url,
-                dataType : "json",
-                success : function(resp) {
-                    if(resp.deleteresult == "true"){
-                        var packageurl = vm.$restUrl.delInstanceTemplateUrl + servicetemplateid;
-                        commonUtil.delete(packageurl, function(resp) {
-                            refreshByCond();
-                        });  
-                    }else{
-                        commonUtil.showMessage($.i18n.prop("nfv-virtualApplication-iui-message-delete-fail"), vmAppUtil.TYPE_DANGER);
-                        refreshByCond();
-                    }
-                },
-                error : function() {
-                    commonUtil.showMessage($.i18n.prop("nfv-virtualApplication-iui-message-delete-fail"), vmAppUtil.TYPE_DANGER);
-                    refreshByCond();
-                }
-            });
-        }
-    });
-};
-
-vmAppUtil.execute = function(row) {
-    var oSelect = $("tbody tr select").eq(row);
-    var operation = oSelect.find("option:selected").val();
-    if (operation) {
-        var table = $('#' + vm.$tableId).dataTable();
-        var templateId = table.fnGetData(row)["serviceTemplateId"];
-        var url = vm.$restUrl.queryOperationParamsUrl + templateId + "/operations/" + operation + "/parameters";
-        //query operation params
-        commonUtil.get(url, null, function(data) {
-            //empty operation params
-            vm.vmAppDialog.operationParams = [];
-            //empty template input params
-            vm.vmAppDialog.templateInputParams = [];
-            if(vmAppUtil.isScaleOperation(operation)) {
-                vm.vmAppScaleDialog.operation = operation;
-                vm.vmAppScaleDialog.currentRow = row;
-                vm.vmAppScaleDialog.instanceId = table.fnGetData(row)["instanceId"];
-                vm.vmAppScaleDialog.templateId = templateId;
-                vm.vmAppScaleDialog.$initScaleParams();
-                $("#scaleModal").modal("show");
-            } else if ((data && data.length > 0)) {
-                vm.vmAppDialog.type = "execute";
-                vm.vmAppDialog.title = $.i18n.prop("nfv-virtualApplication-iui-text-params");
-                vm.vmAppDialog.btnTitle = $.i18n.prop("nfv-virtualApplication-iui-text-confirmBtn");
-                vm.vmAppDialog.operation = operation;
-                vm.vmAppDialog.currentRow = row;
-                vm.vmAppDialog.templateId = templateId;
-                vm.vmAppDialog.operationParams = data;
-                vm.vmAppDialog.$initData();
-                $("#vmAppDialog").modal("show");
-            } else {
-                var group = {
-                    flavor : "",
-                    flavorParams : [],
-                    operationParams : []
-                }
-                vmAppUtil.executeOperation(group, row, operation);
-            }
-        });
-    }
-};
-
-vmAppUtil.executeOperation = function(group, row, operation) {
-    vmAppUtil.changeBtnStatus("processing", operation, row, true);
-    var table = $('#' + vm.$tableId).dataTable();
-    var instanceId = table.fnGetData(row)["instanceId"];
-    var url = vm.$restUrl.executeOperationUrl + instanceId + "/operations/" + operation;
-    $.ajax({
-        type : "POST",
-        url : url,
-        data : JSON.stringify(group),
-        contentType : "application/json",
-        dataType : "json",
-        error : function() {
-            vmAppUtil.changeBtnStatus("failed", operation, row, false);
-        }
-    });
-    if(vmAppUtil.isScaleOperation(operation)) {
-        $("#scaleModal").modal("hide");
-    } else {
-        $("#vmAppDialog").modal("hide");
-    }
-};
-
-vmAppUtil.changeBtnStatus = function(status, operation, row, disabled) {
-    var table = $('#' + vm.$tableId).dataTable();
-    var oBtn = $("tbody tr button i.ict-start").eq(row).parent();
-    var oSelect = $("tbody tr select").eq(row);
-
-    oSelect.attr("disabled", disabled);
-    oBtn.attr("disabled", disabled);
-    table.fnUpdate(status, row, vmAppUtil.COLUMN_STATUS_INDEX, false, false);
-    table.fnUpdate(operation, row, vmAppUtil.COLUMN_OPERATION_INDEX, false, false);
-};
-
-vmAppUtil.queryTemplate = function() {
-    var url = vm.$restUrl.queryServiceTemplate + "&status=Enabled";
-    commonUtil.get(url, null, function(data) {
-        vm.vmAppDialog.templateSelectItems = data || [];
-    });
-};
-
-vmAppUtil.queryFlavorParam = function(templateId, flavorName) {
-    var url = vm.$restUrl.queryFlavorParamUrl + templateId + "/flavors/" + flavorName + "/parameters";
-    commonUtil.get(url, null, function(data) {
-        vm.vmAppDialog.flavorParams = data || [];
-    });
-};
-
-vmAppUtil.queryVimInfo = function() {
-    var url = vm.$restUrl.queryVimInfoUrl;
-    commonUtil.get(url, null, function(resp) {
-        if (resp) {
-            vm.vmAppDialog.vimSelectItems = resp.data;
-        }
-    });
-};
-
-vmAppUtil.queryVnfmInfo = function() {
-    var url = vm.$restUrl.queryVnfmInfoUrl;
-    commonUtil.get(url, null, function(resp) {
-        if (resp) {
-            vm.vmAppDialog.vnfmSelectItems = resp.data;
-        }
-    });
-};
-
-vmAppUtil.queryVnfInfo = function(templateId) {
-    var url = vm.$restUrl.queryVnfInfoUrl + templateId + "/vnftemplates";
-    commonUtil.get(url, null, function(resp) {
-        if (resp) {
-            vm.vmAppDialog.vnfItems = resp;
-        }
-    });
-};
-
-vmAppUtil.newApp = function(param) {
-    $.ajax({
-        type : "POST",
-        url : vm.$restUrl.newAppinstancesUrl,
-        contentType : "application/json",
-        data : JSON.stringify(param),
-        dataType : "text",
-        success : function(data) {
-            refreshByCond();
-            commonUtil.showMessage($.i18n.prop("nfv-virtualApplication-iui-message-create-success"), vmAppUtil.TYPE_SUCCESS);
-        },
-        error : function() {
-            refreshByCond();
-            commonUtil.showMessage($.i18n.prop("nfv-virtualApplication-iui-message-create-fail"), vmAppUtil.TYPE_DANGER);
-        }
-    });
-    $("#vmAppDialog").modal("hide");
-
-};
-
-vmAppUtil.isScaleOperation = function(operation) {
-    if(operation == "scaleIn" || operation == "scaleOut") {
-        return true;
-    } else {
-        return false;
-    }
-}
-
-vmAppUtil.generateGourpParams = function(data) {
-    var groupParams = [];
-    $.each(data, function(index, group){  
-        var groupParam = {
-            groupName : group.groupName,
-            params : []
-        }
-        $.each(group.params, function(index, element){
-            var id = vm.vmAppDialog.$getGoupParamKey(group.groupName, element.key);
-            var value = $("#" + id).val();
-            if(value) {
-                var param = {
-                    key : element.key,
-                    value : value
-                }
-                groupParam.params.push(param);
-            }
-        });
-        if(groupParam.params.length) {
-            groupParams.push(groupParam);
-        }
-    });
-    return groupParams;
-}
-
-vmAppUtil.generateAdditionalParams = function(data) {
-    var additionalParams = [];
-    $.each(data, function(index, group){  
-        var param = {
-            key : "object_" + group.groupName, //前缀objec_标识为value是一个对象字符串，方便plan解析参数
-            value : ""
-        }
-        var templateParam = {};
-        $.each(group.params, function(index, element){
-            var id = vm.vmAppDialog.$getGoupParamKey(group.groupName, element.key);
-            var value = $("#" + id).val();
-            if(value) {
-                templateParam[element.key] = value;
-            } else {
-                templateParam[element.key] = "";
-            }
-        });
-        param.value = JSON.stringify(templateParam);
-        additionalParams.push(param);
-    });
-    return additionalParams;
-}
-
-vmAppUtil.generateVNFRelationInfos = function(data) {
-    var vnfRelationInfos = [];
-    $.each(data, function(index, element){
-        var info = {
-            vnfdid : element.templateid,
-            vnfmid : $("#" + element.templateid).val()
-        }
-        vnfRelationInfos.push(info);
-    });
-    return vnfRelationInfos;
-}
-
-vmAppUtil.delVduRender = function(obj) {
-    return '<div><a href="#" class="btn-xs grey btn-editable" onclick="vmAppUtil.deleteVdu(\'' 
-        + obj.aData.id + '\', \'' + obj.aData.vnfId + '\')">'
-        + '<i class=\"ict-delete\"></i>' + $.i18n.prop('nfv-software-iui-action-delete') + '</a></div>';
-}
-
-vmAppUtil.deleteVdu = function(vduId, vnfId) {
-    var oTable = $("#" + vm.vmAppScaleDialog.$tableId).dataTable();
-    var tableData = oTable.fnGetData();
-    for(i=0;i<tableData.length;i++) {
-        if((tableData[i].id == vduId) && (tableData[i].vnfId == vnfId)) {
-            //remove the vdu from vduTableData
-            oTable.fnDeleteRow(i);
-            break;
-        }
-    }
-}
-
-vmAppUtil.checkRender = function(obj) {
-    var checkHtml = "";
-    var oid = obj.aData.oid;
-    //get selected vdu node instanceid
-    var iCheckData = vm.vmAppScaleDialog.currentVnfData.vduTableData;
-    for(var i=0;i<iCheckData.length;i++) {
-        if(oid == iCheckData[i].oid) {
-            checkHtml = "checked";
-            break;
-        }
-    }
-    return '<input type="checkbox" class="form-control" '+checkHtml+'/>';
-}
-
-vmAppUtil.queryScalableVnfInfo = function(templateId) {
-    var url = vm.$restUrl.queryVnfInfoUrl + templateId + "/vnftemplates";
-    $.ajax({
-        type : "GET",
-        url : url,
-        dataType : "json",
-        success : function(resp) {
-            resp = resp || [];
-            for(var i=0; i<resp.length; i++) {
-                var vnfData = {
-                    id : resp[i].templateid,
-                    name : resp[i].name,
-                    operationType : "",
-                    vduTypeList : [],
-                    vduTableData : [],
-                    vduTypeStr : "",
-                    vduNumStr : "",
-                    vduNameStr : ""
-                }
-                var nodetemplates = resp[i].nodetemplates;
-                for(var j=0; j<nodetemplates.length; j++) {
-                    //only display these vdus which have the scalable attribute
-                    if(nodetemplates[j].scalable && (nodetemplates[j].parentType.indexOf(".VDU") > -1)) {
-                        vnfData.vduTypeList.push(nodetemplates[j]);
-                    }
-                }
-
-                if(vnfData.vduTypeList.length) {
-                    vm.vmAppScaleDialog.vnfSelectItems.push(vnfData);
-                }
-            }
-        }
-    });
-}
-
-vmAppUtil.queryScalableVduInstance = function(instanceId, vnfTemplateId, vduTypeList) {
-    //query vnf instances by ns id
-    var vnfUrl = vm.$restUrl.queryRocInfoBaseUrl + "/vnfs?nsId=" + instanceId;
-    //var vnfUrl = vm.$restUrl.queryRocInfoBaseUrl + "/vnfs/" + instanceId;
-    $.ajax({
-        type : "GET",
-        url : vnfUrl,
-        dataType : "json",
-        success : function(resp) {
-            if(resp.operationResult == "SUCCESS") {
-                var data = resp.data;
-                for(var i=0; i<data.length; i++) {
-                    if(data[i].type == vnfTemplateId) {
-                        //query vdu node instances by vnf id
-                        var vduUrl = vm.$restUrl.queryRocInfoBaseUrl + "/vdus?vnfId=" + data[i].oid;
-                        $.ajax({
-                            type : "GET",
-                            url : vduUrl,
-                            dataType : "json",
-                            success : function(resp) {
-                                if(resp.operationResult == "SUCCESS") {
-                                    var vduInstanceNodes = resp.data;
-                                    var data = [];
-                                    for(var j=0; j<vduInstanceNodes.length; j++) {
-                                        if($.inArray(vduInstanceNodes[j].type, vduTypeList)) {
-                                            data.push(vduInstanceNodes[j]);
-                                        }
-                                    }
-                                    vm.vmAppScaleDialog.$initTable("instance", data);
-                                }
-                            }
-                        });
-                        break;
-                    }
-                }
-            }
-        }
-    });
-}
-
-vmAppUtil.generateScaleParams = function(vnfDatas) {
-    var scaleParams = [];
-    for(var i=0; i<vnfDatas.length; i++) {
-        var param = {
-            key : "object_VNF_" + vnfDatas[i].id, //前缀object_VNF_标识为value是一个对象字符串，方便plan解析参数
-            value : ""
-        }
-        var aspect = {};
-        //get vdu input param
-        if(vnfDatas[i].operationType == "type") {
-            aspect.scaleBy = "byType";
-            aspect.vduTypes = [];
-            $.each(vnfDatas[i].vduTableData, function(index, element){
-                var vduType = {
-                    vduType : element.id,
-                    instancesNum : element.num,
-                    vduName : element.name
-                }
-                aspect.vduTypes.push(vduType);
-            });
-        } else {
-            aspect.scaleBy = "byInstance";
-            aspect.vduInstances = [];
-            $.each(vnfDatas[i].vduTableData, function(index, element){
-                var vduInstance = {
-                    vduId : element.oid
-                }
-                aspect.vduInstances.push(vduInstance);
-            });
-        }
-        param.value = JSON.stringify(aspect);
-        scaleParams.push(param);
-    }
-    return scaleParams;
-}
-
-vmAppUtil.initFormValidator = function(formId) {
-    $(function(){
-        var form = $("#" + formId);
-        var error = $('.alert-danger', form);
-        var success = $('.alert-success', form);
-
-        $.extend($.validator.messages, {
-            required: $.i18n.prop("nfv-virtualApplication-iui-validate-inputParam"),
-            digits: $.i18n.prop("nfv-virtualApplication-iui-validate-digits"),
-            range: $.i18n.prop("nfv-virtualApplication-iui-validate-range")
-        });
-
-        form.validate({
-            doNotHideMessage : true,
-            errorElement : 'span',
-            errorClass : 'help-block',
-            focusInvalid : false,
-            errorPlacement : function(error, element) {
-                error.insertAfter(element);
-            },
-            invalidHandler : function(event, validator) {
-                success.hide();
-                error.show();
-            },
-            highlight : function(element) {
-                $(element).closest("div").removeClass("has-success").addClass("has-error");
-            },
-            unhighlight: function (element) {
-                $(element).closest("div").removeClass("has-error");
-            },
-            success : function(label) {
-                label.addClass("valid").closest(".form-group").removeClass("has-error");
-            },
-            submitHandler: function (form) {
-                success.show();
-                error.hide();
-            }
-        });
-    });
-}
-
-vmAppUtil.isNSTemplate = function(type) {
-    if(type == "NS") {
-        return true;
-    }
-    return false;
-}
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/js/vnfm/vnfm-validate.js b/nsoc-iui/src/main/resources/webroot/nsoc/js/vnfm/vnfm-validate.js
deleted file mode 100644
index a257dd63..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/js/vnfm/vnfm-validate.js
+++ /dev/null
@@ -1,66 +0,0 @@
-$(function(){
-	var form = $('#vnfm_form');
-	var error = $('.alert-danger', form);
-	var success = $('.alert-success', form);
-
-	form.validate({
-		doNotHideMessage: true, //this option enables to show the error/success messages on tab switch.
-		errorElement: 'span', //default input error message container
-		errorClass: 'help-block', // default input error message class
-		focusInvalid: false, // do not focus the last invalid input
-		rules: {			
-			name:{
-				required: true,
-				maxlength:20
-			},
-			moc:{
-				required: true,
-				maxlength:20
-			},
-			vimId:{
-				required: true,
-			},
-			url:{
-				required: true,
-				url: true
-			}
-		},
-		messages: {		
-			name:{
-				required: $.i18n.prop("nfv-vnfm-iui-validate-name")
-			},
-			moc:{
-				required: $.i18n.prop("nfv-vnfm-iui-validate-moc")
-			},
-			vimId:{
-				required: $.i18n.prop("nfv-vnfm-iui-validate-vim")
-			},
-			url:{
-				required: $.i18n.prop("nfv-vnfm-iui-validate-url-required"),
-				url: $.i18n.prop("nfv-vnfm-iui-validate-url")
-			}
-		},
-		errorPlacement: function (error, element) { // render error placement for each input type
-			error.insertAfter(element); // for other inputs, just perform default behavior
-		},
-		invalidHandler: function (event, validator) { //display error alert on form submit   
-			success.hide();
-			error.show();
-		},
-		highlight: function (element) { // hightlight error inputs
-			$(element).closest('.form-group').removeClass('has-success').addClass('has-error'); // set error class to the control group
-		},
-		unhighlight: function (element) { // revert the change done by hightlight
-			$(element).closest('.form-group').removeClass('has-error'); // set error class to the control group
-		},
-		success: function (label) {
-			label.addClass('valid') // mark the current input as valid and display OK icon
-				.closest('.form-group').removeClass('has-error'); // set success class to the control group
-		},
-		submitHandler: function (form) {
-			success.show();
-			error.hide();
-			//add here some ajax code to submit your form or just call form.submit() if you want to submit the form without ajax
-		}
-	});
-});
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/js/vnfm/vnfmController.js b/nsoc-iui/src/main/resources/webroot/nsoc/js/vnfm/vnfmController.js
deleted file mode 100644
index 48368cd8..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/js/vnfm/vnfmController.js
+++ /dev/null
@@ -1,275 +0,0 @@
-/*
- * 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.
- */
-
-var vm = avalon
-		.define({
-			$id : "vnfmController",
-			vnfmInfo :  [],	
-			mocSelectItems : [],
-			vimSelectItems : [],	
-			server_rtn:{
-				info_block:false,
-				warning_block:false,
-				rtn_info:"",
-				$RTN_SUCCESS:"RTN_SUCCESS",
-				$RTN_FAILED:"RTN_FAILED"
-			},	
-			$Status	:{
-                success:"active",
-                failed:"inactive"
-			},	
-			$restUrl : {
-				queryVnfmInfoUrl : '/api/nsoc/v1/vnfms',
-				addVnfmInfoUrl : '/api/nsoc/v1/vnfms',
-				updateVnfmInfoUrl : '/api/nsoc/v1/vnfms/',
-				delVnfmInfoUrl : '/api/nsoc/v1/vnfms/',
-				queryMocUrl : '',
-				queryVimUrl : '/api/roc/v1/resource/vims'
-			},
-			$htmlText:{
-				saveSuccess:$.i18n.prop("nfv-vnfm-iui-message-save-success"),
-				saveFail:$.i18n.prop("nfv-vnfm-iui-message-save-fail"),
-				updateSuccess:$.i18n.prop("nfv-vnfm-iui-message-update-success"),
-				updateFail:$.i18n.prop("nfv-vnfm-iui-message-update-fail")
-			},
-			$initTable : function() {				
-				$.ajax({
-	                "type": 'GET',
-	                "url": vm.$restUrl.queryVnfmInfoUrl,
-	                "dataType": "json",
-	                "success": function (resp) {
-	                	vm.vnfmInfo = resp;	                   	
-	                },
-	                error: function(XMLHttpRequest, textStatus, errorThrown) {
-						bootbox.alert($.i18n.prop("nfv-vnfm-iui-message-query-fail") + "："+textStatus+":"+errorThrown);                       
-	                    return;
-	                },
-	                complete: function() {    
-	                   	vnfmUtil.tooltipVnfmStatus();
-	                }
-	            });	
-			},
-			$initMoc : function() {
-				/*var url = vm.$restUrl.queryMocUrl;
-			    commonUtil.get(url, null, function(resp) {
-			        if (resp) {
-			            vm.addVnfm.moc = resp.data;
-			        }
-			    });*/
-			    var resp = [
-			    	{ id : "nfv.vnfm.eco", name : "VNFM(ECO)"},
-			    	{ id : "nfv.vnfm.tacker", name : "VNFM(Tacker)"},
-			    	{ id : "nfv.vnfm.cmcc", name : "VNFM(CMCC)"},
-			    	{ id : "nfv.vnfm.etsi", name : "VNFM(ETSI)"}
-			    ]
-			    vm.mocSelectItems = resp;
-			},
-			$initVim : function() {
-				$.ajax({
-					type : 'get',
-					url : vm.$restUrl.queryVimUrl,
-					dataType : 'json',
-					success : function(resp) {
-						if(resp && resp.data) {
-							vm.vimSelectItems = resp.data;
-						}						
-					}
-				});
-			},
-			addVnfm : {
-				title : $.i18n.prop("nfv-vnfm-iui-text-register"),
-				vnfmId : "",
-				name : "",
-				moc : "",
-				mocDisabled : false,
-				vimId : "",
-				vimVisiable : false,
-				vendor : "",
-				url : "",
-				urlTip : $.i18n.prop("nfv-vnfm-iui-text-url-tip"),
-				userName : "",
-				password : "",
-				saveType :"add",
-				status: ""
-			},
-			$showVnfmTable : function() { 
-				vm.addVnfm.title = $.i18n.prop("nfv-vnfm-iui-text-register"),  				
-				vm.addVnfm.vnfmId = "";
-				vm.addVnfm.name = "";
-				vm.addVnfm.moc = "";
-				vm.addVnfm.mocDisabled = false;
-				vm.addVnfm.vimId = "";
-				vm.addVnfm.vimVisiable = false;
-				vm.addVnfm.vendor = "";
-				vm.addVnfm.url = "";
-				vm.addVnfm.userName = "";
-				vm.addVnfm.password = "";
-				vm.addVnfm.saveType = "add";
-				vm.server_rtn.warning_block=false;
-				vm.server_rtn.info_block=false;
-				vm.$initMoc();
-				vm.$initVim();
-				vm.$mocChange();
-				
-				$(".form-group").each(function () {
-					$(this).removeClass('has-success');
-					$(this).removeClass('has-error');
-					$(this).find(".help-block[id]").remove();
-				});
-				$("#addVnfmDlg").modal("show");
-			},			
-			$getMocName : function(mocId) {
-	        	var items = vm.mocSelectItems;
-	            for(var i=0;i<items.length;i++) {
-		    		if(items[i].id == mocId) {
-		    			return items[i].name;
-		    		}
-		    	}
-		    	return "";
-			},
-			$saveVnfm : function() {
-				var form = $('#vnfm_form');
-				if (form.valid() == false) {
-					return false;
-				}				
-			    vm.server_rtn.info_block=true;
-                vm.server_rtn.warning_block=false;                  
-				vm.addVnfm.status=vm.$Status.success;
-
-				var param = {
-					name : vm.addVnfm.name,										
-					status : vm.addVnfm.status,
-					moc : $("#moc").val(),
-					vimId : vm.$getVimId($("#moc").val()),
-					vendor : vm.addVnfm.vendor,
-					url : vm.addVnfm.url,
-					userName : vm.addVnfm.userName,
-					password : vm.addVnfm.password 
-				}
-				//save VIM info
-				if(vm.addVnfm.saveType == "add") {
-					$.ajax({
-						type : "POST",
-						url : vm.$restUrl.addVnfmInfoUrl,
-						data : JSON.stringify(param),
-						dataType : "json",
-						contentType : "application/json",
-						success : function(data) {
-							vm.server_rtn.info_block=false;
-							vm.server_rtn.warning_block=false;
-							if (data) {
-								vm.vnfmInfo = [];
-								vm.$initTable();
-
-								$('#addVnfmDlg').modal('hide');							
-								commonUtil.showMessage(vm.$htmlText.saveSuccess, "success");
-							} else {
-								vm.server_rtn.warning_block=true;
-								vm.server_rtn.rtn_info=vm.$htmlText.saveFail;
-								commonUtil.showMessage(vm.$htmlText.saveFail, "failed");
-							}
-						},
-					    error: function(XMLHttpRequest, textStatus, errorThrown) {
-					      	vm.server_rtn.warning_block=true;
-					      	vm.server_rtn.rtn_info=textStatus+":"+errorThrown;
-                          	vm.server_rtn.info_block=false;
-                        }
-					});
-				} else {
-					$.ajax({
-						type : "PUT",
-						url : vm.$restUrl.updateVnfmInfoUrl+vm.addVnfm.vnfmId,
-						data : JSON.stringify(param),
-						dataType : "json",
-						contentType : "application/json",
-						success : function(data) {
-							vm.server_rtn.info_block=false;
-							vm.server_rtn.warning_block=false;
-							if (data) {
-								for(var i=0;i<vm.vnfmInfo.length;i++){
-			                        if(vm.vnfmInfo[i].vnfmId == vm.addVnfm.vnfmId) {
-			                            vm.vnfmInfo[i].name = vm.addVnfm.name;
-			                            vm.vnfmInfo[i].moc = $("#moc").val();
-			                            vm.vnfmInfo[i].vimId = vm.$getVimId($("#moc").val());
-			                            vm.vnfmInfo[i].vendor = vm.addVnfm.vendor;
-			                            vm.vnfmInfo[i].url = vm.addVnfm.url;
-			                            vm.vnfmInfo[i].userName = vm.addVnfm.userName;
-			                            vm.vnfmInfo[i].password = vm.addVnfm.password;
-			                            vm.vnfmInfo[i].status = vm.addVnfm.status;
-			                        }
-				                }
-								$('#addVnfmDlg').modal('hide');										
-							 	commonUtil.showMessage(vm.$htmlText.updateSuccess,"success");											
-							} else {
-								vm.server_rtn.warning_block=true;
-								vm.server_rtn.rtn_info=vm.$htmlText.updateFail;
-								commonUtil.showMessage(vm.$htmlText.updateFail, "failed");
-							} 
-						},
-					    error: function(XMLHttpRequest, textStatus, errorThrown) {
-					      	vm.server_rtn.warning_block=true;	
-					      	vm.server_rtn.rtn_info=textStatus+":"+errorThrown;                       
-	                      	vm.server_rtn.info_block=false;                                              
-                       	}
-					});
-				}					
-	   		},
-	   		mocRendered : function(action) {
-				if(vm.addVnfm.saveType === "update" && vm.addVnfm.moc) {
-					var items = vm.mocSelectItems;
-					for(var i=0;i<items.length;i++) {
-			    		if(items[i].id == vm.addVnfm.moc) {
-			    			$("#moc")[0].selectedIndex = i;
-			    			vm.$mocChange();
-			    			break;
-			    		}
-			    	}
-				} else {
-					$("#moc")[0].selectedIndex = 0;
-				}
-			},
-			vimRendered : function(action) {
-				if(vm.addVnfm.saveType === "update") {
-					var items = vm.vimSelectItems;
-					for(var i=0;i<items.length;i++) {
-			    		if(items[i].oid == vm.addVnfm.vimId) {
-			    			$("#vimId")[0].selectedIndex = i;
-			    			break;
-			    		}
-			    	}
-				} else {
-					$("#vimId")[0].selectedIndex = 0;
-				}
-			},
-			$mocChange : function() {
-				var mocId = $('#moc').val();
-				if(mocId == "nfv.vnfm.tacker") {
-					vm.addVnfm.vimVisiable = true;
-				} else {
-					vm.addVnfm.vimVisiable = false;
-				}
-			},
-			$getVimId : function(mocId) {
-				if(vm.addVnfm.vimVisiable) {
-					return $("#vimId").val();
-				} else {
-					return "";
-				}
-			}
-    	});
-avalon.scan();
-vm.$initTable();
-vm.$initMoc();
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/js/vnfm/vnfmUtil.js b/nsoc-iui/src/main/resources/webroot/nsoc/js/vnfm/vnfmUtil.js
deleted file mode 100644
index f466fe69..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/js/vnfm/vnfmUtil.js
+++ /dev/null
@@ -1,73 +0,0 @@
-/*
- * 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.
- */
-var vnfmUtil = {};
-
-vnfmUtil.delVnfm = function(vnfmId) {
-	bootbox.confirm($.i18n.prop("nfv-vnfm-iui-message-delete-confirm"), function(result){
-		if(result){
-			$.ajax({
-				type : "DELETE",
-				url : vm.$restUrl.delVnfmInfoUrl + vnfmId,
-				dataType : "json",
-				success : function(data) {
-					if(data) {
-					   	for(var i=0;i<vm.vnfmInfo.length;i++){
-	                        if(vnfmId == vm.vnfmInfo[i].vnfmId){
-	                        	//delete the vnfm object from vnfm array
-	                            vm.vnfmInfo.splice(i, 1);
-	                            break;
-	                        }
-	                    }
-	                    commonUtil.showMessage($.i18n.prop("nfv-vnfm-iui-message-delete-success"), "success");
-					} else {
-						commonUtil.showMessage($.i18n.prop("nfv-vnfm-iui-message-delete-fail"), "warning");
-					}
-				}, 
-				error : function() {
-					commonUtil.showMessage($.i18n.prop("nfv-vnfm-iui-message-delete-fail"), "warning");
-				}
-			});
-	    }
-	});
-}
-
-vnfmUtil.updateVnfm = function(data) {
-	vm.addVnfm.vnfmId = data.vnfmId;
-	vm.addVnfm.name = data.name;
-	vm.addVnfm.moc = data.moc;
-	vm.addVnfm.mocDisabled = true;
-	vm.addVnfm.vendor = data.vendor;
-	vm.addVnfm.url = data.url;
-	vm.addVnfm.userName = data.userName;
-	vm.addVnfm.password = data.password;
-	vm.addVnfm.saveType = "update";
-	vm.addVnfm.title = $.i18n.prop("nfv-vnfm-iui-test-update");
-	vm.server_rtn.info_block=false;
-	vm.server_rtn.warning_block=false;
-	vm.$initMoc();
-	vm.$initVim();
-
-	$(".form-group").each(function () {
-		$(this).removeClass('has-success');
-		$(this).removeClass('has-error');
-		$(this).find(".help-block[id]").remove();
-	});
-	$("#addVnfmDlg").modal("show");
-}
-
-vnfmUtil.tooltipVnfmStatus = function() {
- 	$("[data-toggle='tooltip']").tooltip();
-}
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/softwareMirror.html b/nsoc-iui/src/main/resources/webroot/nsoc/softwareMirror.html
deleted file mode 100644
index 66e4b479..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/softwareMirror.html
+++ /dev/null
@@ -1,163 +0,0 @@
-<!--
-
-    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="../vendor/bootstrap-fileinput/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" />
-	<link href="../vendor/jQuery-File-Upload/css/jquery.fileupload.css" rel="stylesheet" />
-	<link href="../component/css/ZteIctIcons/style.css" rel="stylesheet"/>
-	<link href="css/platform/ngict-component.css" rel="stylesheet"/>
-	<link href="css/platform/plugins.css" rel="stylesheet"/>
-	<link href="css/software.css" rel="stylesheet" />
-	<link href="css/fileupload.css" rel="stylesheet" />
-	<style type="text/css">
-	.ms-controller {
-		visibility: hidden;
-	}
-	</style>
-</head>
-<body>
-	<div ms-controller="smController" class="container-fluid ms-controller">
-		<div class="row" style=" margin-top: 15px;"> 
-		    <div class="col-xs-6 col-md-6 col-sm-6 col-lg-6 titlefont">
-		     	<span id="nfv-software-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="uploadSoftwareImage.$showUploadImage"><i class="ict-new"></i>
-				&nbsp;<span id="nfv-software-iui-text-uploadImage" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-			</button>
-		</div>
-		<div class="row-fluid" data-name="table_zone">
-			<div id='ict_software_table_div'></div>
-		</div>
-
-		<div id="uploadImage" class="modal fade" tabindex="-1" role="dialog" 
-			aria-labelledby="myModalLabel" aria-hidden="true">
-			<div class="modal-dialog">
-				<div class="modal-content">
-					<div class="modal-header">
-						<h4 class="modal-title" id="myModalLabel">
-							<span id="nfv-software-iui-text-title" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-						</h4>
-					</div>
-					<div class="modal-body">
-						<!--<form class="form-horizontal" role="form">
-							<div class="form-group">
-								<label class="col-sm-3 control-label">镜像文件</label>
-								<div class="col-sm-8">
-									<input id="softwareFile" type="file" name="file" class="file"/>
-								</div>								
-							</div>
-							<div class="form-group">
-								<label class="col-sm-3 control-label">类型</label>
-								<div class="col-sm-8">
-									<input class="form-control" type="text" id="type" />
-								</div>
-							</div>
-							<div class="form-group">
-								<label class="col-sm-3 control-label">版本</label>
-								<div class="col-sm-8">
-									<input class="form-control" type="text" id="version"/>
-								</div>
-							</div>
-						</form>-->
-						<form id="softwareFile" class="form-horizontal" role="form" enctype="multipart/form-data">
-					        <div class="form-group">
-					        	<label class="col-sm-3 control-label">
-					        		<span id="nfv-software-iui-text-image" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-					        	</label>
-						        <div class="col-sm-8">
-						        	<div class="input-group fileupload-input">
-							        	<div id="fileName" class="form-control file-input" style="height: 34px !important;"></div>
-							           	<span class="input-group-btn">
-							           		<span class="btn blue1 fileinput-button">
-							                	<span id="nfv-software-iui-text-image-select" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-							                	<input type="file" name="file" multiple>
-							            	</span>
-							           	  	<!--<button id="fileremove" class="btn btn-default btn-fileinput" type="button" disabled>
-							                 	<span id="nfv-software-iui-text-image-remove" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-							              	</button>-->
-							           	</span>
-							        </div><!-- input-group -->
-						        </div>
-					        </div>
-					        <div class="form-group">
-								<label class="col-sm-3 control-label">
-									<span id="nfv-software-iui-text-type" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-								</label>
-								<div class="col-sm-8">
-									<input class="form-control" type="text" id="type" />
-								</div>
-							</div>
-							<div class="form-group">
-								<label class="col-sm-3 control-label">
-									<span id="nfv-software-iui-text-version" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-								</label>
-								<div class="col-sm-8">
-									<input class="form-control" type="text" id="version"/>
-								</div>
-							</div>
-						</form>
-					</div>
-					<div class="modal-footer">
-						<button type="button" class="btn" data-dismiss="modal">
-							<span id="nfv-software-iui-btn-cancel" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-						</button>
-						<button type="button" class="btn btn-primary" id="uploadBtn">
-							<span id="nfv-software-iui-btn-upload" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-						</button>
-					</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/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="../vendor/cometd/cometd.js"></script>
-	<script type="text/javascript" src="../vendor/cometd/jquery.cometd.js"></script>
-    <script type="text/javascript" src="../vendor/jQuery-File-Upload/js/vendor/jquery.ui.widget.js"></script>
-    <script type="text/javascript" src="../vendor/jQuery-File-Upload/js/jquery.iframe-transport.js"></script>
-    <script type="text/javascript" src="../vendor/jQuery-File-Upload/js/jquery.fileupload.js"></script>
-    <script type="text/javascript" src="../vendor/bootstrap-fileinput/js/fileinput.min.js" ></script>
-    <script type="text/javascript" src="../vendor/bootstrap-fileinput/js/fileinput_locale_zh.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/softwareMirror/smUtil.js"></script>
-	<script type="text/javascript" src="js/softwareMirror/smController.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/template.html b/nsoc-iui/src/main/resources/webroot/nsoc/template.html
deleted file mode 100644
index cbc6528c..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/template.html
+++ /dev/null
@@ -1,71 +0,0 @@
-<!--
-
-    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/template.css" rel="stylesheet" />
-	<style type="text/css">
-	.ms-controller {
-		visibility: hidden;
-	}
-	.btnTemp {
-		min-width: 30px;
-  		letter-spacing: 0px;
-	}
-	</style>
-</head>
-<body>
-	<div ms-controller="tmController" 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-iui-title" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-		    </div> 
-	   	</div>
-	   	<div class="separator-line"></div>
-		<div class="row-fluid" data-name="table_zone">
-			<div id='ict_template_table_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/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="../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/template/tmUtil.js"></script>
-	<script type="text/javascript" src="js/template/tmController.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/templateDetail.html b/nsoc-iui/src/main/resources/webroot/nsoc/templateDetail.html
deleted file mode 100644
index bb9917ba..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/templateDetail.html
+++ /dev/null
@@ -1,126 +0,0 @@
-<!--
-
-    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="tmDetailController" class="container-fluid ms-controller">
-	    <div data-name="tab_zone">
-            <div class="col-xs-12">
-                <ul class="nav nav-tabs" ms-each-tab="templateData" id="tab">
-                    <li ms-class-active="tab.value">
-                    	<a ms-attr-href="tab.href" ms-text="tab.name" data-toggle="tab"></a>
-                    </li>
-                </ul>
-            </div>
-        </div>
-		<div class="tab-content">
-			<div class="tab-pane active" id="topology">
-				<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="tab-pane" id="nodes">
-				<div class="row-fluid" data-name="table_zone">
-					<div class="col-xs-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-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="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/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/template/tmDetailUtil.js"></script>
-	<script type="text/javascript" src="js/template/tmDetailController.js"></script>
-	<script type="text/javascript" src="js/template/topoUtil.js"></script>
-</body>
-</html>
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/topology.html b/nsoc-iui/src/main/resources/webroot/nsoc/topology.html
deleted file mode 100644
index 661ae238..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/topology.html
+++ /dev/null
@@ -1,122 +0,0 @@
-<!--
-
-    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.
-
--->
-<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>
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/virtualApplication.html b/nsoc-iui/src/main/resources/webroot/nsoc/virtualApplication.html
deleted file mode 100644
index 76cff61d..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/virtualApplication.html
+++ /dev/null
@@ -1,280 +0,0 @@
-<!--
-
-    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>
-				&nbsp;<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>&nbsp;&nbsp;&nbsp;
-											</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>&nbsp;
-											</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
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/virtualApplicationDetail.html b/nsoc-iui/src/main/resources/webroot/nsoc/virtualApplicationDetail.html
deleted file mode 100644
index 31e66b31..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/virtualApplicationDetail.html
+++ /dev/null
@@ -1,144 +0,0 @@
-<!--
-
-    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
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/virtualApplicationScale.html b/nsoc-iui/src/main/resources/webroot/nsoc/virtualApplicationScale.html
deleted file mode 100644
index 552422f9..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/virtualApplicationScale.html
+++ /dev/null
@@ -1,152 +0,0 @@
-<!--
-
-    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.
-
--->
-<div id="scaleModal" class="modal fade" tabindex="-1" role="dialog"
-    aria-labelledby="myModalLabel" aria-hidden="true" data-modal-overflow="true">
-    <div class="modal-header">
-        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
-        <h3><span ms-text="vmAppScaleDialog.scaleTitle"></span></h3>
-    </div>
-    <div class="modal-body">
-    	<form id="vnfForm" class="form-horizontal" role="form">
-			<div class="form-group">
-				<label class="col-sm-3 control-label">
-					<span id="nfv-virtualApplication-iui-text-scale-name" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-				</label>
-				<div class="col-sm-7" style="padding-right : 0">
-					<select class="form-control" id="vnfType" name="vnfType" style="display:inline-block;">
-						<option ms-repeat-vnf="vmAppScaleDialog.vnfSelectItems" ms-attr-value="vnf.id" 
-						        ms-text="vnf.name" ms-attr-data-index="$index"></option>
-					</select>
-				</div>
-			</div>
-			<div class="form-group">
-				<label class="col-sm-3 control-label">
-					<span id="nfv-virtualApplication-iui-text-scale-oeprationType" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-				</label>
-				<div class="col-sm-7">
-					<label style="margin-top:5px; margin-right:20px;">
-				      	<input type="radio" name="operationType" value="type" style="margin:0"
-				      		ms-attr-checked="vmAppScaleDialog.instanceType">
-				      	<span id="nfv-virtualApplication-iui-text-scale-oeprationType-type" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-				   	</label>
-				   	<label style="margin-top:5px; margin-right:20px;">
-				      	<input type="radio" name="operationType" value="instance" style="margin:0" 
-				      		ms-attr-disabled="vmAppScaleDialog.instanceType" 
-				      	       ms-attr-checked="!vmAppScaleDialog.instanceType">
-				      	<span id="nfv-virtualApplication-iui-text-scale-oeprationType-instance" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-				   	</label>
-				</div>
-				<div class="col-sm-1">
-					<button type="button" class="btn btn-default" ms-click="vmAppScaleDialog.$addVnf('add')" style="min-width:34px;font-size:14px;" 
-					        ms-attr-title="vmAppScaleDialog.btnTitle">
-				        <i class="fa fa-plus-circle"></i> 
-				    </button>
-				</div>
-			</div>
-			<div class="form-group">
-				<div class="tipArea" ms-visible="vmAppScaleDialog.titleVisible">
-					<span id="nfv-virtualApplication-iui-text-scale-vnf-title" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-				</div>
-				<div class="col-sm-4" ms-repeat-vnf="vmAppScaleDialog.vnfDatas" data-repeat-rendered="includeRender">
-			        <div class="hpanel">
-			            <div class="panel-body h-200"  ms-hover="hpanel_show">
-			            	<div>
-			            		<span id="nfv-virtualApplication-iui-text-scale-vnf-name" name_i18n="com_zte_nfv_nsoc_i18n"></span>：
-			            		<span ms-text="vnf.name"></span>
-			            	</div>
-			            	<div ms-if="vnf.operationType=='type'" class="panel-info">
-			            		<div>
-			            			<span id="nfv-virtualApplication-iui-text-scale-vnf-vduType" name_i18n="com_zte_nfv_nsoc_i18n"></span>：
-			            			<span ms-text="vnf.vduTypeStr"></span>
-			            		</div>
-			                	<div>
-			                		<span id="nfv-virtualApplication-iui-text-scale-vnf-num" name_i18n="com_zte_nfv_nsoc_i18n"></span>：
-			                		<span ms-text="vnf.vduNumStr"></span>
-			                	</div>
-			                </div>
-			                <div ms-if="vnf.operationType=='instance'" class="panel-info">
-			                	<span id="nfv-virtualApplication-iui-text-scale-vnf-vduInstance" name_i18n="com_zte_nfv_nsoc_i18n"></span>：
-			                	<span ms-text="vnf.vduNameStr"></span>
-			                </div>
-			            </div>
-			            <div class="panel-footer">
-			                <div class="pull-right">
-			                	<a class="btn btn-default btn-sm" ms-click="vmAppScaleDialog.$addVnf('edit', vnf)">
-			                		<i class="fa fa-pencil-square-o fa-lg"></i>
-			                	</a>
-			                	<a class="btn btn-default btn-sm" ms-click="vmAppScaleDialog.$deleteVnf(vnf.id)"><i class="fa fa-trash-o fa-lg"> </i></a>
-			                </div>
-			            </div>
-			        </div>
-			    </div>
-			</div>
-		</form>
-    </div>          
-    <div class="modal-footer">
-        <button class="btn" data-dismiss="modal" aria-hidden="true">
-        	<span id="nfv-virtualApplication-iui-text-scale-instance-cancelBtn" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-        </button>
-        <button class="btn btn-primary" type="submit" ms-click="vmAppScaleDialog.$confirmBtnClick">
-        	<span id="nfv-virtualApplication-iui-text-scale-instance-confirmBtn" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-        </button>
-    </div>
-</div><!--end scaleModal-->
-
-<div id="addVduModal" class="modal fade" tabindex="-1" role="dialog"
-    aria-labelledby="myModalLabel" aria-hidden="true" data-modal-overflow="true">
-    <div class="modal-header">
-        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
-        <h3><span ms-text="vmAppScaleDialog.title"></span></h3>
-    </div>
-    <div class="modal-body">
-    	<form id="vduForm" class="form-horizontal" role="form">
-	        <div class="form-group" ms-if="vmAppScaleDialog.typeVisible">
-				<label class="col-sm-2 control-label">
-					<span id="nfv-virtualApplication-iui-text-scale-vnf-vduType" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-				</label>
-			 	<div class="col-sm-3" style="padding-right : 0">
-					<select class="form-control" id="vduType" name="vduType">
-						<option ms-repeat-vdu="vmAppScaleDialog.vduSelectItems" ms-attr-value="vdu.id" 
-						        ms-text="vdu.name"></option>
-					</select>
-				</div>
-				<div class="col-sm-2" style="padding-right : 0">
-					<input type="text" id="vduNum" name="vduNum" class="form-control" ms-attr-placeholder="vmAppScaleDialog.numTip"/>
-				</div>
-				<div class="col-sm-3">
-					<input type="text" id="vduName" name="vduName" class="form-control" ms-attr-placeholder="vmAppScaleDialog.nameTip"/>
-				</div>
-				<button type="button" class="btn btn-default" ms-click="vmAppScaleDialog.$addVduToTable" 
-					style="min-width:34px;font-size:14px;">
-			        <i class="fa fa-plus-circle"></i> 
-			    </button>
-			</div>
-			<div class="row-fluid" data-name="table_zone">
-				<div id="ict_vdu_table_div"></div>
-      		</div>
-		</form>
-    </div>          
-    <div class="modal-footer">
-        <button class="btn" data-dismiss="modal" aria-hidden="true">
-        	<span id="nfv-virtualApplication-iui-text-scale-instance-cancelBtn" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-        </button>
-        <button class="btn btn-primary" type="submit" ms-click="vmAppScaleDialog.$scaleConfirmClick">
-        	<span id="nfv-virtualApplication-iui-text-scale-instance-confirmBtn" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-        </button>
-    </div>
-</div><!-- end addVduModal -->
-\ No newline at end of file
diff --git a/nsoc-iui/src/main/resources/webroot/nsoc/vnfmView.html b/nsoc-iui/src/main/resources/webroot/nsoc/vnfmView.html
deleted file mode 100644
index 199d02da..00000000
--- a/nsoc-iui/src/main/resources/webroot/nsoc/vnfmView.html
+++ /dev/null
@@ -1,194 +0,0 @@
-<!--
-
-    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 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="css/platform/animate.min.css" rel="stylesheet"/>
-<link href="css/vnfm.css" rel="stylesheet" />
-<style>
-.ms-controller {
-	visibility: hidden
-}
-</style>
-
-</head>
-<body>
-	<div ms-controller="vnfmController" class="container-fluid ms-controller">
-	<div id="addVnfmDlg" class="modal  fade" tabindex="-1" role="dialog"
-		aria-labelledby="myModalLabel" aria-hidden="true" >
-		<div class="modal-dialog">
-			<div class="modal-content Changepasswd">
-				<div class="content">
-					<div class="modal-header">
-						<button type="button" class="close" data-dismiss="modal"
-							aria-hidden="true">×</button>
-						<h4 id="myModalLabel">{{addVnfm.title}}</h4>
-					</div>
-					<div class="modal-body">				
-					<form class="form-horizontal" id="vnfm_form" role="form">
-						<input type="hidden" ms-duplex="addVnfm.vnfmId"  name="vnfmId" class="form-control" />
-						<div class="form-group">
-							<label class="control-label col-sm-3">
-								<span id="nfv-vnfm-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" ms-duplex="addVnfm.name"  name="name" class="form-control"/>
-								<span class="help-block"></span>
-							</div>							
-						</div>
-						<div class="form-group">
-							<label class="control-label col-sm-3">
-								<span id="nfv-vnfm-iui-text-moc" 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="moc" ms-change="$mocChange" ms-attr-disabled="addVnfm.mocDisabled">
-									<option ms-repeat-moc="mocSelectItems" ms-attr-value="moc.id" data-repeat-rendered="mocRendered">{{moc.name}}</option>
-								</select>
-								<span class="help-block"></span>
-							</div>							
-						</div>
-						<div class="form-group" ms-visible="addVnfm.vimVisiable">
-							<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-vim="vimSelectItems" ms-attr-value="vim.oid" data-repeat-rendered="vimRendered">{{vim.name}}</option>
-								</select>
-							</div>
-						</div>
-						<div class="form-group">
-							<label class="control-label col-sm-3">
-								<span id="nfv-vnfm-iui-text-vendor" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-							</label>
-							<div class="col-sm-7">
-								<input type="text" ms-duplex="addVnfm.vendor" name="vendor" class="form-control" /> 
-								<span class="help-block"></span>			
-							</div>
-						</div>
-						<div class="form-group">
-							<label class="control-label col-sm-3">
-								<span>URL</span>
-								<span class="required" aria-required="true">*</span>
-							</label>
-							<div class="col-sm-7">
-								<input type="text" ms-duplex="addVnfm.url" name="url" class="form-control" 
-									ms-attr-placeholder="addVnfm.urlTip"/> 
-								<span class="help-block"></span>			
-							</div>
-						</div>
-						<div class="form-group">
-							<label class="control-label col-sm-3">
-								<span id="nfv-vnfm-iui-text-userName" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-							</label>
-							<div class="col-sm-7">
-								<input type="text" ms-duplex="addVnfm.userName" name="userName" class="form-control" /> 
-								<span class="help-block"></span>			
-							</div>
-						</div>
-						<div class="form-group">
-							<label class="control-label col-sm-3">
-								<span id="nfv-vnfm-iui-text-password" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-							</label>
-							<div class="col-sm-7">
-								<input type="password" ms-duplex="addVnfm.password" name="password" class="form-control" /> 
-								<span class="help-block"></span>			
-							</div>
-						</div>
-					</form>
-
-					</div>
-					<div class="modal-footer">
-						<button class="btn" data-dismiss="modal" aria-hidden="true" id="nfv-vnfm-iui-text-cancelBtn" name_i18n="com_zte_nfv_nsoc_i18n"></button>
-						<button class="btn btn-primary" type="submit" ms-click="$saveVnfm" id="nfv-vnfm-iui-text-saveBtn" name_i18n="com_zte_nfv_nsoc_i18n"></button>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-	<div class="row-fluid" data-name="cond_zone">
-		<div class="col-md-12">				
-			<button class="btn white radius_l" id="app-new-btn" ms-click="$showVnfmTable" >
-		        <i class="ict-new"></i> <span id="nfv-vnfm-iui-text-registerBtn" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-		    </button>
-		</div>
-	</div>
-
-	<div class="col-sm-12 vnfm-padding" ms-each-el="vnfmInfo">
-		<div class="col-sm-4 animated-panel zoomIn" style="-webkit-animation-delay: 0.1s;">
-            <div class="hpanel stats" >
-                <div class="panel-body h-200"  ms-hover="hpanel_show" >
-                    <div class="pull-left">
-                        <span class="label label-success" ms-if="el.status === $Status.success" id="nfv-vnfm-iui-text-status-normal" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-                        <span class="label label-danger" ms-attr-title="el.errorInfo"   data-toggle="tooltip"   ms-if="el.status === $Status.failed" id="nfv-vnfm-iui-text-status-fail" name_i18n="com_zte_nfv_nsoc_i18n"></span>
-                    </div>
-                    <div class="stats-icon pull-right">
-                        <i class="fa fa-server  fa-5x color_cloud"></i>
-                    </div>
-                    <div class="m-t-xl">
-                        <h3 ms-text="el.name"></h3>   
-                        <div><span id="nfv-vnfm-iui-text-moc" name_i18n="com_zte_nfv_nsoc_i18n"></span>：<span ms-text="$getMocName(el.moc)"></span></div>
-                        <div>URL：<span ms-text="el.url"></span></div>
-                    </div>
-                </div>
-                <div class="panel-footer">
-                    <div  class="pull-right">
-                     	<a class="btn btn-default btn-sm" ms-click="vnfmUtil.updateVnfm(el.$model)"><i class="fa fa-pencil-square-o fa-lg"></i></a>
-                    	<a class="btn btn-default btn-sm" ms-click="vnfmUtil.delVnfm(el.vnfmId)"><i class="fa fa-trash-o fa-lg"> </i></a>
-                    </div>
-                </div>
-            </div>
-        </div>       
-    </div>
-    <div class="col-sm-12">
-        <div class="pull-left text-muted">
-        	<small><span id="nfv-vnfm-iui-text-total" name_i18n="com_zte_nfv_nsoc_i18n"></span> <span class="blue-font" ms-text="vnfmInfo.size()"></span> <span id="nfv-vnfm-iui-text-total-vnfm" name_i18n="com_zte_nfv_nsoc_i18n"></span></small>
-        </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/jquery.i18n/jquery.i18n.properties-1.0.9.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/jquery-validation/js/jquery.validate.min.js"></script>
-	<script type="text/javascript" src="../component/thirdparty/jquery-validation/js/additional-methods.min.js"></script>
-	
-	<script type="text/javascript" src="../vendor/bootstrap-growl/bootstrap-growl.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/avalon/avalon.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/loadi18n_nsoc.js"></script>
-	
-	<script type="text/javascript" src="js/vnfm/vnfm-validate.js"></script>
-	<script type="text/javascript" src="js/vnfm/vnfmUtil.js"></script>
-	<script type="text/javascript" src="js/vnfm/vnfmController.js"></script>
-</body>
-</html>
-\ No newline at end of file
author	j180240 <jiaxiangli@huawei.com>	2016-09-13 15:37:48 +0800
committer	j180240 <jiaxiangli@huawei.com>	2016-09-13 15:37:48 +0800
commit	9230369a383b8bdd4b51940c69000a4fbc4aa6b1 (patch)
tree	4b825dc642cb6eb9a060e54bf8d69288fbee4904 /nsoc-iui/src/main/resources/webroot/nsoc
parent	d0cd8bdedcb2809d51ff960af8e8a39aed732fe9 (diff)