formatting the code, removing unnecessary imports and URL patterns correction

Change-Id: I44ef8d3318e222cf6cdbccfb717f22b05dd6cb01
Signed-off-by: Seshu-Kumar-M <seshu.kumar.m@huawei.com>

51 files changed, 4498 insertions, 4023 deletions

diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/css/RMain.css b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/css/RMain.css
index 90b05a9f..43160f5a 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/css/RMain.css
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/css/RMain.css
@@ -1,195 +1,224 @@
 #iemp_layout_container {
-  padding: 0px;
-  margin: 1px auto;
-  width: 100%;
-  height: 100%;
+    padding: 0px;
+    margin: 1px auto;
+    width: 100%;
+    height: 100%;
 }
+
 #iemp_layout_container .three-cols-layout {
-  width: 100%;
-  height: 100%;
-  border-collapse: collapse;
-  margin-left: 0px;
-  margin-top: 0px;
-  margin-right: 0px;
-  margin-bottom: 0px;
-}
+    width: 100%;
+    height: 100%;
+    border-collapse: collapse;
+    margin-left: 0px;
+    margin-top: 0px;
+    margin-right: 0px;
+    margin-bottom: 0px;
+}
+
 #iemp_layout_container .three-cols-layout {
-  width: 100%;
-  height: 100%;
-  border-collapse: collapse;
-  margin-left: 0px;
-  margin-top: 0px;
-  margin-right: 0px;
-  margin-bottom: 0px;
-}
+    width: 100%;
+    height: 100%;
+    border-collapse: collapse;
+    margin-left: 0px;
+    margin-top: 0px;
+    margin-right: 0px;
+    margin-bottom: 0px;
+}
+
 #iemp_layout_container .three-cols-column.three-cols-left {
-  width: 215px;
-  background-color: #f5f5f5;
+    width: 215px;
+    background-color: #f5f5f5;
 }
+
 .accordion_parent {
-  position: relative;
-  width: 220px;
-  background-color: #f5f5f5;
+    position: relative;
+    width: 220px;
+    background-color: #f5f5f5;
 }
+
 .openo-accordion-resizable-handle {
-  z-index: 1!important;
-  cursor: e-resize;
-  width: 7px;
-  right: -5px;
-  top: 0;
-  height: 100%;
-  position: absolute;
-  font-size: .1px;
-  display: block;
-}
+    z-index: 1 !important;
+    cursor: e-resize;
+    width: 7px;
+    right: -5px;
+    top: 0;
+    height: 100%;
+    position: absolute;
+    font-size: .1px;
+    display: block;
+}
+
 .openoAccordian_accordionmenu {
-  width: 100%;
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  line-height: 17px;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+    line-height: 17px;
 }
+
 .openoAccordian_accordionmenu li {
-  min-width: 75px;
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  color: #000;
-  clear: both;
-}
+    min-width: 75px;
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+    color: #000;
+    clear: both;
+}
+
 .openo_accordion_ui-icon-collapse, .openo_accordion_ui-icon-expand {
-  display: block;
-  float: left;
-  margin-bottom: -1px;
-  border-bottom: 1px solid #e5e5e5;
-  cursor: pointer;
-  width: 13px;
-  padding-top: 26px;
+    display: block;
+    float: left;
+    margin-bottom: -1px;
+    border-bottom: 1px solid #e5e5e5;
+    cursor: pointer;
+    width: 13px;
+    padding-top: 26px;
 }
+
 .openo_accordion_ui-icon-expand {
-  background: url(../images/collapse_arrow.png) right 20px no-repeat;
-  margin-top: 8px;
+    background: url(../images/collapse_arrow.png) right 20px no-repeat;
+    margin-top: 8px;
 }
-.openo_accordion_ui-icon-expand.current{
-  background: url(../images/expand_arrow.png) right 20px no-repeat;
+
+.openo_accordion_ui-icon-expand.current {
+    background: url(../images/expand_arrow.png) right 20px no-repeat;
 }
+
 .openoAccordian_showHideArrow_hide, .openoAccordian_showHideArrow_show {
-  display: block;
-  position: absolute;
-  right: 0;
-  top: 4px;
-  width: 18px;
-  height: 41px;
-  cursor: pointer;
-  background-color: #f5f5f5;
+    display: block;
+    position: absolute;
+    right: 0;
+    top: 4px;
+    width: 18px;
+    height: 41px;
+    cursor: pointer;
+    background-color: #f5f5f5;
 }
+
 .openoAccordian_showHideArrow_hide {
-  background-image: url(../images/openo.png);
-  background-position: -7px 0!important;
-  border-collapse: separate;
-  /*box-shadow: inset -1px 0 0 #e5e5e5;*/
+    background-image: url(../images/openo.png);
+    background-position: -7px 0 !important;
+    border-collapse: separate;
+    /*box-shadow: inset -1px 0 0 #e5e5e5;*/
 }
+
 a.header.opened, a.header.closed {
-  font-size: 16px;
-  padding-top: 24px;
-  padding-bottom: 25px;
-  color: #999999;
+    font-size: 16px;
+    padding-top: 24px;
+    padding-bottom: 25px;
+    color: #999999;
 }
+
 .openoAccordian_accordionmenu .closed, .openoAccordian_accordionmenu .opened {
-  padding-right: 10px;
-  background-position: 98% 50%;
-  background-repeat: no-repeat;
+    padding-right: 10px;
+    background-position: 98% 50%;
+    background-repeat: no-repeat;
 }
+
 .openoAccordian_accordionmenu li a {
-  padding: 11px 10px 12px;
-  color: #333333;
-  margin-right: 1px;
-  margin-top: -1px;
-  text-align: left!important;
-  font-family: "Microsoft Yahei",SimSun,Arial,Tahoma;
-  font-size: 14px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-  border-top: 1px solid #e5e5e5;
-  border-bottom: 1px solid #e5e5e5;
-  /*height: 19px;*/
-}
+    padding: 11px 10px 12px;
+    color: #333333;
+    margin-right: 1px;
+    margin-top: -1px;
+    text-align: left !important;
+    font-family: "Microsoft Yahei", SimSun, Arial, Tahoma;
+    font-size: 14px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    border-top: 1px solid #e5e5e5;
+    border-bottom: 1px solid #e5e5e5;
+    /*height: 19px;*/
+}
+
 .openoAccordian_accordionmenu ul {
-  margin: 0;
-  padding: 0;
-  overflow: hidden;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
 }
+
 .openoAccordian_accordionmenu a {
-  display: block;
-  text-decoration: none;
+    display: block;
+    text-decoration: none;
 }
+
 a {
-  color: #428bca;
-  text-decoration: none;
-  background: 0 0;
+    color: #428bca;
+    text-decoration: none;
+    background: 0 0;
 }
-.bar{
+
+.bar {
     height: 834px;
     width: 18px;
     background: #f8f8f8;
     display: none;
 }
-.bar span{
+
+.bar span {
     width: 13px;
     height: 34px;
     background-image: url(../images/openo.png);
-  background-position: -39px 0!important;
-  display: block;
-  /*margin-top: -430px;*/
+    background-position: -39px 0 !important;
+    display: block;
+    /*margin-top: -430px;*/
 }
-#accordionmenuid_ul_0_0_brAppTopMenuID_UL li{
+
+#accordionmenuid_ul_0_0_brAppTopMenuID_UL li {
     cursor: pointer;
 }
-#puer_base_openo{
+
+#puer_base_openo {
     border: 1px solid #ddd;
 }
+
 .openo_accordion_selected {
-  margin-left: 0;
-  margin-right: 0;
-  background: #fafafa;
-  border-left: 3px solid #4ac9ff!important;
-  box-shadow: none;
-  position: relative;
-}
-a:hover{
-    color: #4ac9ff!important;
-}
+    margin-left: 0;
+    margin-right: 0;
+    background: #fafafa;
+    border-left: 3px solid #4ac9ff !important;
+    box-shadow: none;
+    position: relative;
+}
+
+a:hover {
+    color: #4ac9ff !important;
+}
+
 .openoAccordian_accordionmenu li.openo_accordion_selected a {
-  position: relative;
-  left: -3px;
-  color: #009ae7;
+    position: relative;
+    left: -3px;
+    color: #009ae7;
 }
+
 .openo-accordion-resizable-handle {
-  z-index: 1!important;
-  cursor: e-resize;
-  width: 7px;
-  right: -5px;
-  top: 0;
-  height: 100%;
-  position: absolute;
-  font-size: .1px;
-  display: block;
-}
+    z-index: 1 !important;
+    cursor: e-resize;
+    width: 7px;
+    right: -5px;
+    top: 0;
+    height: 100%;
+    position: absolute;
+    font-size: .1px;
+    display: block;
+}
+
 #iframeContainer iframe {
-  width: 100%;
-  height: 100%;
-  border: 0;
+    width: 100%;
+    height: 100%;
+    border: 0;
 }
+
 #accordionContent, #iframeContainer {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  width: 100%;
-  height: 100%;
+    margin: 0;
+    padding: 0;
+    border: 0;
+    width: 100%;
+    height: 100%;
 }
+
 .openoAccordian_showHideArrow_show {
-  background-image: url(../images/openo.png);
-  background-position: -39px 0!important;
-  box-shadow: inset 1px 0 0 #e5e5e5,inset -1px 0 0 #e5e5e5;
+    background-image: url(../images/openo.png);
+    background-position: -39px 0 !important;
+    box-shadow: inset 1px 0 0 #e5e5e5, inset -1px 0 0 #e5e5e5;
 }
\ No newline at end of file
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/css/VMMain.css b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/css/VMMain.css
index 8d1db5ae..25653069 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/css/VMMain.css
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/css/VMMain.css
@@ -1,56 +1,65 @@
-body{
+body {
     font-family: '微软雅黑';
     font-size: 12px;
     color: #333;
     background: #fafafa;
 }
-button{
+
+button {
     outline: none;
 }
-ul,li{
+
+ul, li {
     list-style: none;
-    padding:0;
-    margin:0;
+    padding: 0;
+    margin: 0;
 }
-.titleFont{
+
+.titleFont {
     font-size: 16px;
 }
-.separator-line{
+
+.separator-line {
     height: 1px;
     width: 100%;
-    border:1px solid #ddd;
+    border: 1px solid #ddd;
     margin: 6px 0 15px 0;
 }
-.uploadBtn{
+
+.uploadBtn {
     overflow: hidden;
 }
+
 .creat-btn {
-	padding: 0 14px;
-	height: 24px;
+    padding: 0 14px;
+    height: 24px;
     float: left;
     cursor: pointer;
     text-decoration: none;
     outline: 0;
     border: 1px solid #d3d3d3;
     text-align: center;
-    box-shadow: 0 1px 1px rgba(0,0,0,.05);
+    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
     background: #fafafa;
-    background: -moz-linear-gradient(top,#fff,#fafafa);
-    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fafafa));
-    background: -webkit-linear-gradient(top,#fff,#fafafa);
-    background: linear-gradient(to bottom,#fff,#fafafa);
+    background: -moz-linear-gradient(top, #fff, #fafafa);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #fafafa));
+    background: -webkit-linear-gradient(top, #fff, #fafafa);
+    background: linear-gradient(to bottom, #fff, #fafafa);
     border-radius: 6px;
     background: #fff url(../images/add.png) no-repeat 5px center;
     padding-left: 20px;
 }
+
 .creat-btn:hover {
-	color: #009ae7;	
-	border: 1px solid #4AC9FF
+    color: #009ae7;
+    border: 1px solid #4AC9FF
 }
+
 .creat-btn:active {
-	color: #000;	
-	border: 1px solid #4AC9FF
+    color: #000;
+    border: 1px solid #4AC9FF
 }
+
 /*.creat-btn{
     background: #fff url(../image/add.png) no-repeat 5px center;
     border: 1px solid #ddd;
@@ -61,110 +70,130 @@ ul,li{
     color: #fff;
     border:1px solid #428bca;
 }*/
-.search{
+.search {
     width: 310px;
     height: 30px;
-    float:right;
+    float: right;
 }
-.search-text{
+
+.search-text {
     width: 250px;
     float: left;
     margin-right: 6px;
 }
-.search-btn{
+
+.search-btn {
     height: 30px;
     background: #fff;
     border: 1px solid #ddd;
     float: left;
 }
-#ict_virtualApplication_table_div{
+
+#ict_virtualApplication_table_div {
     margin-top: 15px;
 }
-.table>thead>tr.active>th{
-    border: 1px solid #ddd!important;
+
+.table > thead > tr.active > th {
+    border: 1px solid #ddd !important;
     border-bottom: 0;
     background: #f0f0f0;
 }
+
 /*.table tbody tr:hover{
     background: #e6fbe0!important;
 }*/
-.table tbody tr:last-child{
+.table tbody tr:last-child {
     border-bottom: 1px solid #ddd;
 }
-.table-btn{
+
+.table-btn {
     border: 1px solid #ccc;
     border-radius: 3px;
 }
-.delete-btn{
+
+.delete-btn {
     background: url(../image/delete.png) no-repeat;
     width: 16px;
     height: 16px;
     border: none;
 }
-.detail-btn{
+
+.detail-btn {
     background: url(../image/openo.png) no-repeat -343px -283px;
     width: 16px;
     height: 16px;
     border: none;
 }
-.detail-btn.current{
-    background-position: -7px -314px; 
+
+.detail-btn.current {
+    background-position: -7px -314px;
 }
-.detail{
+
+.detail {
     height: 200px;
     border: 1px solid #ddd;
     margin-top: 60px;
 }
 
-.detail-top ul{
+.detail-top ul {
     height: 50px;
     line-height: 50px;
     border-bottom: 1px solid #ddd;
     padding-left: 0px;
-     background: #fafafa;
+    background: #fafafa;
 }
-.detail-top ul li{
-    float:left;
+
+.detail-top ul li {
+    float: left;
     width: 120px;
     text-align: center;
     border-right: 1px solid #ddd;
     cursor: pointer;
 }
-.detail-top ul li.current{
+
+.detail-top ul li.current {
     background: #fff;
 }
-.vmapp-margin{
+
+.vmapp-margin {
     margin-bottom: 10px;
 }
-.control-label .required{
+
+.control-label .required {
     color: #e02222;
     font-size: 12px;
     padding-left: 2px;
 }
-.form-group .control-label{
+
+.form-group .control-label {
     font-size: 12px;
     font-weight: 400;
 }
-legend{
+
+legend {
     font-size: 12px;
     font-weight: bold;
 }
-.pageGro{
+
+.pageGro {
     width: 250px;
     float: right;
 }
-.pageUp,.pageDown,.pageList,.pageList li{
+
+.pageUp, .pageDown, .pageList, .pageList li {
     float: left;
     cursor: pointer;
 }
-.pageUp,.pageDown{
+
+.pageUp, .pageDown {
     width: 60px;
     height: 30px;
     border: 1px solid #ddd;
     text-align: center;
     line-height: 30px;
 }
-.pageList li{
+
+.pageList li {
     width: 30px;
     height: 30px;
     border: 1px solid #ddd;
@@ -172,466 +201,543 @@ legend{
     line-height: 30px;
     border-left: none;
 }
-.pageList li.active{
+
+.pageList li.active {
     background: #428bca;
     color: #fff;
     border-color: #428bca;
 }
-.pageDown{
+
+.pageDown {
     border-left: none;
 }
-.headerLinkP{
+
+.headerLinkP {
     padding-top: 17px;
 }
-.headerLinkP span{
+
+.headerLinkP span {
     font-size: 12px;
     color: #666;
-    font-weight: normal!important;
+    font-weight: normal !important;
 }
-label{
-    font-weight: normal!important;
+
+label {
+    font-weight: normal !important;
 }
+
 table.userform tbody tr td {
-  display: table-cell;
-  padding-right: 10px;
-  padding-top: 10px;
-  font-size: 12px;
-  color: #333;
+    display: table-cell;
+    padding-right: 10px;
+    padding-top: 10px;
+    font-size: 12px;
+    color: #333;
 }
-.table th,.table td{
-    padding-top: 3px!important;
-    padding-bottom: 3px!important;
+
+.table th, .table td {
+    padding-top: 3px !important;
+    padding-bottom: 3px !important;
 }
+
 .openoBrowseButton_element {
-  display: table;
+    display: table;
 }
+
 .openo {
-  font-family: "Microsoft Yahei",SimSun,Arial,Tahoma;
-  font-size: 12px;
-  color: #000;
+    font-family: "Microsoft Yahei", SimSun, Arial, Tahoma;
+    font-size: 12px;
+    color: #000;
 }
+
 .openoBrowseButton_input {
-  width: 198px;
-  position: relative;
-  border: 1px solid #c3c3c3!important;
-  height: 26px;
-  background-color: #f3f3f3;
-  border-radius: 4px 0 0 4px;
-  border-right: none;
-  padding: 0;
+    width: 198px;
+    position: relative;
+    border: 1px solid #c3c3c3 !important;
+    height: 26px;
+    background-color: #f3f3f3;
+    border-radius: 4px 0 0 4px;
+    border-right: none;
+    padding: 0;
 }
+
 .buttonClassDefault, .buttonClassDefault:active {
-  cursor: pointer;
-  background-image: url(../images/openo.png);
-  background-position: -154px -7px!important;
+    cursor: pointer;
+    background-image: url(../images/openo.png);
+    background-position: -154px -7px !important;
 }
+
 .openoBrowseButton_button {
-  width: 27px;
-  border: 0;
-  float: right;
-  position: relative;
-  height: 26px;
-  right: 0;
-  top: 0;
-  border-radius: 0 4px 4px 0;
-  border-right: 1px solid #c3c3c3;
-  border-left: none;
+    width: 27px;
+    border: 0;
+    float: right;
+    position: relative;
+    height: 26px;
+    right: 0;
+    top: 0;
+    border-radius: 0 4px 4px 0;
+    border-right: 1px solid #c3c3c3;
+    border-left: none;
 }
+
 .openo .openo-input, .openo.openo-input {
-  outline: 0;
-  border: 1px solid #c3c3c3;
-  box-shadow: 1px 1px #f6f6f6 inset;
-  background-color: #fff;
-  height: 26px;
+    outline: 0;
+    border: 1px solid #c3c3c3;
+    box-shadow: 1px 1px #f6f6f6 inset;
+    background-color: #fff;
+    height: 26px;
 }
+
 .openoInput_openoDefaultText {
-  padding: 0 0 0 6px;
-  border-radius: 4px;
-  color: #000;
-  display: inline-block;
-  outline: 0;
-  box-shadow: 1px 1px #f6f6f6 inset;
-  font-size: 12px;
-  background: #fff;
+    padding: 0 0 0 6px;
+    border-radius: 4px;
+    color: #000;
+    display: inline-block;
+    outline: 0;
+    box-shadow: 1px 1px #f6f6f6 inset;
+    font-size: 12px;
+    background: #fff;
 }
+
 div.openo-select {
-  border: 1px solid #c3c3c3;
-  border-radius: 4px;
-  background: url(../images/arrow-down-enable.png) right no-repeat #fff;
-  line-height: 24px;
-  padding-left: 3px;
-  display: block;
-}
-div.openo-select>input.openo-select-input {
-  border: none;
-  outline: 0;
-  line-height: 21px;
-  height: 21px;
-  padding-left: 3px;
-  border-right: solid 1px #c3c3c3;
+    border: 1px solid #c3c3c3;
+    border-radius: 4px;
+    background: url(../images/arrow-down-enable.png) right no-repeat #fff;
+    line-height: 24px;
+    padding-left: 3px;
+    display: block;
+}
+
+div.openo-select > input.openo-select-input {
+    border: none;
+    outline: 0;
+    line-height: 21px;
+    height: 21px;
+    padding-left: 3px;
+    border-right: solid 1px #c3c3c3;
 }
+
 .openo .openo-ellipsis, .openo.openo-ellipsis {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
 }
+
 a.openoButton_buttonClass, a.openoButton_buttonDisableClass, div.openoButton_buttonClass, div.openoButton_buttonDisableClass {
-  height: 26px;
-  float: left;
-  cursor: pointer;
-  text-decoration: none;
-  outline: 0;
-  border: 1px solid #d3d3d3;
-  text-align: center;
-  box-shadow: 0 1px 1px rgba(0,0,0,.05);
-  background: #fafafa;
-  background: -moz-linear-gradient(top,#fff,#fafafa);
-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fafafa));
-  background: -webkit-linear-gradient(top,#fff,#fafafa);
-  background: linear-gradient(to bottom,#fff,#fafafa);
-  border-radius: 6px;
-}
-.openoButton_buttonInnerClass{
-      padding: 0 19px;
-      border-radius: 6px;
+    height: 26px;
+    float: left;
+    cursor: pointer;
+    text-decoration: none;
+    outline: 0;
+    border: 1px solid #d3d3d3;
+    text-align: center;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
+    background: #fafafa;
+    background: -moz-linear-gradient(top, #fff, #fafafa);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #fafafa));
+    background: -webkit-linear-gradient(top, #fff, #fafafa);
+    background: linear-gradient(to bottom, #fff, #fafafa);
+    border-radius: 6px;
+}
+
+.openoButton_buttonInnerClass {
+    padding: 0 19px;
+    border-radius: 6px;
 }
+
 .openoButton_buttonCenterText {
-  color: #000;
-  line-height: 24px;
-  white-space: nowrap;
-  width: auto!important;
+    color: #000;
+    line-height: 24px;
+    white-space: nowrap;
+    width: auto !important;
 }
+
 .userHeader {
-  clear: left;
-  overflow: hidden;
-  margin-bottom: 10px;
-  padding: 10px 10px 0px 0px;
+    clear: left;
+    overflow: hidden;
+    margin-bottom: 10px;
+    padding: 10px 10px 0px 0px;
 }
+
 .openoButton_buttonGroupClass {
-  display: inline;
+    display: inline;
 }
+
 .openoButton_buttonGroupClass div.openoButton_buttonClass_parent:first-child {
-  margin-left: 0;
+    margin-left: 0;
 }
+
 .openoButton_buttonLeftImg {
-  margin-right: 5px;
+    margin-right: 5px;
 }
+
 .openoButton_buttonLeftImg, .openoButton_buttonRightImg {
-  display: inline-block;
-  vertical-align: top;
-  width: 16px;
-  height: 16px;
-  margin-top: 4px;
+    display: inline-block;
+    vertical-align: top;
+    width: 16px;
+    height: 16px;
+    margin-top: 4px;
 }
+
 .openo-table-pagination-wrapper {
-  height: 37px;
+    height: 37px;
 }
+
 .openo-pagination {
-  display: block;
-  float: left;
-  overflow: hidden;
-  padding: 5px 0 0;
-  margin-top: 8px;
+    display: block;
+    float: left;
+    overflow: hidden;
+    padding: 5px 0 0;
+    margin-top: 8px;
 }
+
 .openoPagination_openoPaginationLengthOptions:not(msie8) {
-  line-height: 24px;
+    line-height: 24px;
 }
+
 .openoPagination_openoPaginationLengthOptions {
-  white-space: normal;
-  height: 24px;
-  float: left;
-  outline: 0;
-  line-height: 20px;
-  margin: 0 5px;
+    white-space: normal;
+    height: 24px;
+    float: left;
+    outline: 0;
+    line-height: 20px;
+    margin: 0 5px;
 }
+
 .openo-pagination-select {
-  height: 26px;
-  line-height: 22px;
-  text-align: center;
-  margin-right: -2px;
-  border: 1px solid #e0e0e0;
-  border-radius: 5px 0 0 5px;
-  padding: 1px;
+    height: 26px;
+    line-height: 22px;
+    text-align: center;
+    margin-right: -2px;
+    border: 1px solid #e0e0e0;
+    border-radius: 5px 0 0 5px;
+    padding: 1px;
 }
+
 .openoPagination_openoPaginationLengthOptions span {
-  background-color: #fff!important;
+    background-color: #fff !important;
 }
+
 .openo-pagination-theme a, .openo-pagination-theme span {
-  float: left;
-  color: #666;
-  font: 12px Lucida Grande,Verdana,Arial,Helvetica,sans-serif;
-  line-height: 24px;
-  font-weight: 400;
-  text-align: center;
-  border: 1px solid #e0e0e0;
-  text-decoration: none!important;
-  padding: 0 7px;
-  border-radius: 3px;
-  background: #fff;
+    float: left;
+    color: #666;
+    font: 12px Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
+    line-height: 24px;
+    font-weight: 400;
+    text-align: center;
+    border: 1px solid #e0e0e0;
+    text-decoration: none !important;
+    padding: 0 7px;
+    border-radius: 3px;
+    background: #fff;
 }
+
 .openo-pagination-selectspan {
-  background: url(../images/ideo_default_select.png) left no-repeat!important;
-  float: right!important;
-  width: 26px;
-  height: 26px;
-  cursor: pointer;
+    background: url(../images/ideo_default_select.png) left no-repeat !important;
+    float: right !important;
+    width: 26px;
+    height: 26px;
+    cursor: pointer;
 }
+
 .openo-pagination-theme label {
-  padding-top: 6px;
-  vertical-align: middle;
-  margin-right: 20px;
-  margin-top: -1px;
-  float: left;
-  display: inline-block;
-  height: 20px;
-  font: 12px Lucida Grande,Verdana,Arial,Helvetica,sans-serif;
+    padding-top: 6px;
+    vertical-align: middle;
+    margin-right: 20px;
+    margin-top: -1px;
+    float: left;
+    display: inline-block;
+    height: 20px;
+    font: 12px Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
 }
+
 .openo-pagination li, .openo-pagination ul {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  float: left;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    float: left;
 }
+
 dd, dl, dt, li {
-  color: #000;
+    color: #000;
 }
+
 .openo-pagination-theme a, .openo-pagination-theme span.current {
-  margin: 0 5px 0 0;
+    margin: 0 5px 0 0;
 }
+
 .openo .openo-disabled, .openo.openo-disabled {
-  border-color: #c3c3c3!important;
-  color: #666!important;
-  opacity: .3;
-  filter: alpha(opacity=30);
+    border-color: #c3c3c3 !important;
+    color: #666 !important;
+    opacity: .3;
+    filter: alpha(opacity=30);
 }
+
 .openo-pagination-theme .prev {
-  background: 0 0;
-  float: left;
+    background: 0 0;
+    float: left;
 }
+
 .openo-pagination-theme .current {
-  text-decoration: none!important;
-  float: left;
-  padding-left: 6px;
-  height: 24px;
-  color: #fff;
-  display: inline;
-  border-color: #00adf5;
-  background: #4ad2ff;
+    text-decoration: none !important;
+    float: left;
+    padding-left: 6px;
+    height: 24px;
+    color: #fff;
+    display: inline;
+    border-color: #00adf5;
+    background: #4ad2ff;
 }
+
 .openo-pagination-theme a, .openo-pagination-theme span {
-  float: left;
-  color: #666;
-  font: 12px Lucida Grande,Verdana,Arial,Helvetica,sans-serif;
-  line-height: 24px;
-  font-weight: 400;
-  text-align: center;
-  border: 1px solid #e0e0e0;
-  text-decoration: none!important;
-  padding: 0 7px;
-  border-radius: 3px;
-  background: #fff;
+    float: left;
+    color: #666;
+    font: 12px Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
+    line-height: 24px;
+    font-weight: 400;
+    text-align: center;
+    border: 1px solid #e0e0e0;
+    text-decoration: none !important;
+    padding: 0 7px;
+    border-radius: 3px;
+    background: #fff;
 }
+
 .openo-pagination-theme .prev.openo-disabled:before {
-  background: url(../images/page_left_disabled.png) 50% 45% no-repeat;
+    background: url(../images/page_left_disabled.png) 50% 45% no-repeat;
 }
+
 .openo-pagination-theme .prev.openo-disabled:before {
-  background: url(../images/page_left_disabled.png) 50% 45% no-repeat;
+    background: url(../images/page_left_disabled.png) 50% 45% no-repeat;
 }
+
 .openo-pagination-theme .prev:before {
-  background: url(../images/page_l.png) 50% 45% no-repeat;
+    background: url(../images/page_l.png) 50% 45% no-repeat;
 }
+
 .openo-pagination-theme .next:after, .openo-pagination-theme .prev:before {
-  display: inline-block;
-  content: "";
-  vertical-align: middle;
-  width: 10px;
-  height: 24px;
+    display: inline-block;
+    content: "";
+    vertical-align: middle;
+    width: 10px;
+    height: 24px;
 }
+
 .openo-pagination-theme .prev:before {
-  background: url(../images/page_l.png) 50% 45% no-repeat;
+    background: url(../images/page_l.png) 50% 45% no-repeat;
 }
+
 .openo-pagination-theme .next:after, .openo-pagination-theme .prev:before {
-  display: inline-block;
-  content: "";
-  vertical-align: middle;
-  width: 10px;
-  height: 24px;
+    display: inline-block;
+    content: "";
+    vertical-align: middle;
+    width: 10px;
+    height: 24px;
 }
+
 pagination ul {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  float: left;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    float: left;
 }
+
 .openo-pagination li, .openo-pagination ul {
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  float: left;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    float: left;
 }
+
 .openoPagination_gototext {
-  background: #FFF;
-  outline: 0;
-  width: 29px;
-  float: left;
-  height: 26px;
-  line-height: 24px;
-  border-radius: 4px;
-  border: 1px solid #c3c3c3;
-  padding: 0 0 0 5px;
-  margin: 0;
-  color: #666;
-  min-width: 50px;
+    background: #FFF;
+    outline: 0;
+    width: 29px;
+    float: left;
+    height: 26px;
+    line-height: 24px;
+    border-radius: 4px;
+    border: 1px solid #c3c3c3;
+    padding: 0 0 0 5px;
+    margin: 0;
+    color: #666;
+    min-width: 50px;
 }
+
 .openoPagination_gotoimage {
-  width: 29px;
-  height: 26px;
-  line-height: 26px;
-  background-color: #FFF;
-  background-image: url(/portal/themes/default/components/openo/images/openo.png);
-  padding-left: 21px;
-  float: left;
-  margin-left: 5px;
-  border: 1px solid #e0e0e0;
-  border-radius: 4px;
-  box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  background-position: -184px -181px!important;
+    width: 29px;
+    height: 26px;
+    line-height: 26px;
+    background-color: #FFF;
+    background-image: url(/portal/themes/default/components/openo/images/openo.png);
+    padding-left: 21px;
+    float: left;
+    margin-left: 5px;
+    border: 1px solid #e0e0e0;
+    border-radius: 4px;
+    box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    background-position: -184px -181px !important;
 }
+
 .openo-pagination-theme .ellipse {
-  float: left;
-  margin-left: -8px;
-  margin-right: -4px;
-  background: 0 0;
-  border: none;
-  border-radius: 0;
-  box-shadow: none;
-  font-weight: 700;
-  cursor: default;
+    float: left;
+    margin-left: -8px;
+    margin-right: -4px;
+    background: 0 0;
+    border: none;
+    border-radius: 0;
+    box-shadow: none;
+    font-weight: 700;
+    cursor: default;
 }
+
 .openo.openo-disabled {
-  border-color: #c3c3c3!important;
-  color: #666!important;
-  opacity: .3;
-  filter: alpha(opacity=30);
+    border-color: #c3c3c3 !important;
+    color: #666 !important;
+    opacity: .3;
+    filter: alpha(opacity=30);
 }
+
 .openo-pagination-theme .prev {
-  background: 0 0;
-  float: left;
+    background: 0 0;
+    float: left;
 }
+
 .openo-pagination-theme .current {
-  text-decoration: none!important;
-  float: left;
-  padding-left: 6px;
-  height: 26px;
-  color: #fff;
-  display: inline;
-  /*border-color: #00adf5;
-  background: #4ad2ff;*/
+    text-decoration: none !important;
+    float: left;
+    padding-left: 6px;
+    height: 26px;
+    color: #fff;
+    display: inline;
+    /*border-color: #00adf5;
+    background: #4ad2ff;*/
     border: 1px solid #e0e0e0;
 }
+
 .openo-pagination-theme .next:after {
-  background: url(../images/page_r.png) 50% 45% no-repeat;
+    background: url(../images/page_r.png) 50% 45% no-repeat;
 }
+
 .openoButton_buttonGroupClass div.openoButton_buttonClass_parent, .openoButton_buttonRightImg {
-  margin-left: 5px;
+    margin-left: 5px;
 }
 
 html, body {
-  height: 99%;
-  width: 98%;
+    height: 99%;
+    width: 98%;
 }
+
 .cotentBody {
-  padding: 0px 20px 0px 20px;
+    padding: 0px 20px 0px 20px;
 }
 
 div.openoButton_buttonClass:hover {
-  border: 1px solid #4ac9ff;
+    border: 1px solid #4ac9ff;
 }
+
 div.openoButton_button_default:hover .openoButton_buttonCenterText {
-  color: #009ae7;
+    color: #009ae7;
 }
+
 .header_lineimg {
-  height: 1px;
-  width: 100%;
-  margin-top: 17px;
+    height: 1px;
+    width: 100%;
+    margin-top: 17px;
 }
+
 .openo.openo-hide {
-  display: none;
+    display: none;
 }
+
 div.openo-select-popup-container {
-  position: absolute;
-  border: 1px solid #4ac9ff;
-  border-top: none;
-  border-radius: 0 0 4px 4px;
-  max-height: 202px;
-  overflow-y: auto;
-  background-color: #fff;
-  z-index: 880;
-}
-div.openo-select-popup-container>div.openo-select-item {
-  display: block;
+    position: absolute;
+    border: 1px solid #4ac9ff;
+    border-top: none;
+    border-radius: 0 0 4px 4px;
+    max-height: 202px;
+    overflow-y: auto;
+    background-color: #fff;
+    z-index: 880;
+}
+
+div.openo-select-popup-container > div.openo-select-item {
+    display: block;
 }
+
 .openo .openo-ellipsis, .openo.openo-ellipsis {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
 }
-div.openo-select-popup-container>div.openo-select-item>label {
-  padding-top: 3px;
-  padding-bottom: 3px;
-  line-height: 20px;
+
+div.openo-select-popup-container > div.openo-select-item > label {
+    padding-top: 3px;
+    padding-bottom: 3px;
+    line-height: 20px;
 }
+
 .openo .openo-ellipsis, .openo.openo-ellipsis {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
 }
+
 .openo-select-item label {
-  margin-left: 4px;
-  margin-right: 4px;
-  white-space: nowrap;
+    margin-left: 4px;
+    margin-right: 4px;
+    white-space: nowrap;
 }
-div.openo-select-popup-container>div.openo-select-item.openo-item-selected, div.openo-select-popup-container>div.openo-select-item:hover {
-  background-color: #f1f1f1;
-  color: #008fd6;
+
+div.openo-select-popup-container > div.openo-select-item.openo-item-selected, div.openo-select-popup-container > div.openo-select-item:hover {
+    background-color: #f1f1f1;
+    color: #008fd6;
 }
+
 div.openo-select.openo-focus {
-  border: 1px solid #4ac9ff;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom-color: #ddd;
+    border: 1px solid #4ac9ff;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-color: #ddd;
 }
+
 .openo-pagination-theme a:hover {
-  border-color: #4ac9ff;
-  cursor: pointer;
+    border-color: #4ac9ff;
+    cursor: pointer;
 }
-.SDBtn{
-     background: #fff; 
-     color: #333; 
-     border: 1px solid #ddd;
+
+.SDBtn {
+    background: #fff;
+    color: #333;
+    border: 1px solid #ddd;
 }
-.SDBtn:hover{
-    color: #009ae7;	
-	border: 1px solid #4AC9FF
+
+.SDBtn:hover {
+    color: #009ae7;
+    border: 1px solid #4AC9FF
 }
+
 table tbody tr.even:hover td, table tbody tr.odd:hover td {
-  background-color: #e6fbe0;
+    background-color: #e6fbe0;
 }
+
 table tr.openoTable_row_selected td {
-  background: #e8f8fe!important;
-  border-bottom: 1px solid #e8e8e8!important;
+    background: #e8f8fe !important;
+    border-bottom: 1px solid #e8e8e8 !important;
 }
-.modal-body{
-    padding: 0!important;
+
+.modal-body {
+    padding: 0 !important;
 }
-.form-control{
-    height: 26px!important;
+
+.form-control {
+    height: 26px !important;
 }
+
 .form-group .control-label {
-  margin-left: 20px;
+    margin-left: 20px;
 }
 
 .form-horizontal .control-label {
-  text-align: left;
+    text-align: left;
 }
\ No newline at end of file
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/css/resmgr.css b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/css/resmgr.css
index 6163952f..e79d125a 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/css/resmgr.css
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/css/resmgr.css
@@ -1,20 +1,24 @@
-fieldset{    width: 680px;    }
+fieldset {
+    width: 680px;
+}
 
-legend{    margin-left: 8px;    }
+legend {
+    margin-left: 8px;
+}
 
-.item{
+.item {
     height: 56px;
     line-height: 36px;
     margin: 10px;
 }
 
-.item .item-label{
+.item .item-label {
     float: left;
     width: 80px;
     text-align: right;
 }
 
-.item-text{
+.item-text {
     float: left;
     width: 244px;
     height: 16px;
@@ -24,7 +28,7 @@ legend{    margin-left: 8px;    }
     overflow: hidden;
 }
 
-.item-select{
+.item-select {
     float: left;
     height: 34px;
     border: 1px solid #ccc;
@@ -33,19 +37,19 @@ legend{    margin-left: 8px;    }
     padding: 6px 0px;
 }
 
-.item-submit{
+.item-submit {
     margin-left: 88px;
 }
 
-input.error{
+input.error {
     border: 1px solid #E6594E;
 }
 
-input.highlight{
+input.highlight {
     border: 1px solid #7abd54;
 }
 
-label.error,label.tip{
+label.error, label.tip {
     float: left;
     height: 32px;
     line-height: 32px;
@@ -57,12 +61,12 @@ label.error,label.tip{
     background: url('error.png') no-repeat left center;
 }
 
-label.tip{
+label.tip {
     color: #aaa;
     background: url('tip.png') no-repeat left center;
 }
 
-label.valid{
+label.valid {
     background: url('valid.png') no-repeat left center;
     width: 32px;
 }
\ No newline at end of file
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/datacenter.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/datacenter.html
index cac3a83c..451d2f4c 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/datacenter.html
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/datacenter.html
@@ -1,339 +1,346 @@
-
 <!DOCTYPE html>
 <html>
 <head>
-<head lang="en">
-<meta charset="UTF-8">
-<title></title>
-<link href="css/bootstrap.min.css" rel="stylesheet" />
-<link href="css/VMMain.css" rel="stylesheet" />
-<link href="css/bootstrap-table.min.css" rel="stylesheet" />
+    <head lang="en">
+        <meta charset="UTF-8">
+        <title></title>
+        <link href="css/bootstrap.min.css" rel="stylesheet"/>
+        <link href="css/VMMain.css" rel="stylesheet"/>
+        <link href="css/bootstrap-table.min.css" rel="stylesheet"/>
 
-<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
-<script type="text/javascript" src="js/bootstrap.min.js"></script>
-<script type="text/javascript" src="js/bootstrap-table.min.js"></script>
-<script type="text/javascript" src="js/bootbox.min.js"></script>
-<script type="text/javascript" src="js/jquery.validate.min.js"></script>
+        <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
+        <script type="text/javascript" src="js/bootstrap.min.js"></script>
+        <script type="text/javascript" src="js/bootstrap-table.min.js"></script>
+        <script type="text/javascript" src="js/bootbox.min.js"></script>
+        <script type="text/javascript" src="js/jquery.validate.min.js"></script>
 
-<script type="text/javascript" src="js/datacenter.js"></script>
+        <script type="text/javascript" src="js/datacenter.js"></script>
 
-<style type="text/css">
-</style>
-<script type="text/javascript">
-	$(document).ready(function() {
-		/* var jsondata = [{
-			"id": "123",
-			"name": "China",
-			"status": "active",
-			"country": "China",
-           "location": "Xi'an",
-           "serviceName": "Cloud serviceName",
-			"cpu": "23/106",
-			"memory": "18000/1922222222",
-			"hardDisk":"2188/39999999"
-          }];
+        <style type="text/css">
+        </style>
+        <script type="text/javascript">
+            $(document).ready(function () {
+                /* var jsondata = [{
+                 "id": "123",
+                 "name": "China",
+                 "status": "active",
+                 "country": "China",
+                 "location": "Xi'an",
+                 "serviceName": "Cloud serviceName",
+                 "cpu": "23/106",
+                 "memory": "18000/1922222222",
+                 "hardDisk":"2188/39999999"
+                 }];
 
-		$('#Datacenter_table').bootstrapTable({
-		//Assigning example data to table
-			data: jsondata
-		}); */
-		
-		loadDatacenterData();
-		loadNetWorkData();
-		loadPortData();
-		loadHostData();
-		fillCountryData();
-		fillVimNameData();
-	});
+                 $('#Datacenter_table').bootstrapTable({
+                 //Assigning example data to table
+                 data: jsondata
+                 }); */
 
-	function operateFormatter(value, row, index) {
-		return [ '<img class="DatacenterDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />' ]
-				.join('');
+                loadDatacenterData();
+                loadNetWorkData();
+                loadPortData();
+                loadHostData();
+                fillCountryData();
+                fillVimNameData();
+            });
 
-	}
-	window.operateEvents = {
-		'click .DatacenterDeleteImg' : function(e, value, row, index) {
-			deleteDatacenter(row.id);
-			console.log(value, row, index);
-		}
-	};
-	
-	
-</script>
-</head>
+            function operateFormatter(value, row, index) {
+                return ['<img class="DatacenterDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />']
+                        .join('');
+
+            }
+            window.operateEvents = {
+                'click .DatacenterDeleteImg': function (e, value, row, index) {
+                    deleteDatacenter(row.id);
+                    console.log(value, row, index);
+                }
+            };
+
+
+        </script>
+    </head>
 <body id="open_base_site_cotentBody" class="cotentBody ng-scope">
-	
-	<ul class="nav nav-tabs" id="dcTab"> 
-      <li class="active"><a href="#compute">Compute</a></li> 
-      <li><a href="#network">Network</a></li> 
-      <li><a href="#port">Port</a></li> 
-      <li><a href="#host">Host</a></li> 
-    </ul> 
-       
-    <script> 
-      $(function () { 
+
+<ul class="nav nav-tabs" id="dcTab">
+    <li class="active"><a href="#compute">Compute</a></li>
+    <li><a href="#network">Network</a></li>
+    <li><a href="#port">Port</a></li>
+    <li><a href="#host">Host</a></li>
+</ul>
+
+<script>
+    $(function () {
         $('#dcTab a:first').tab('show');//show init tab 
-      
-        $('#dcTab a').click(function (e) { 
-          e.preventDefault();//prevent the  link
-          $(this).tab('show');//show content
-        }) 
-      }) 
-    </script>
-<div class="tab-content"> 
 
-	<div id="host" class="tab-pane">
-	<!--  host table area -->
-	<hr>
-			<div class="row-fluid" data-name="table_zone">
-				<div id='host_table_div'>
-					<div>
-						<div class="top">
-							<table id="host_table" data-pagination="true" data-page-size="5"
-								data-pagination-first-text="First"
-								data-pagination-pre-text="Previous"
-								data-pagination-next-text="Next" data-pagination-last-text="Last">
-								<thead>
-									<tr class="active">
-										<th data-field="id" data-sortable="true">Id</th>
-										<th data-field="name" data-sortable="true">Name</th>
-										<th data-field="cpu" data-sortable="true">Cpu</th>
-										<th data-field="memory" data-sortable="true">Memory</th>
-										<th data-field="disk" data-sortable="true">HardDisk</th>
-									</tr>
-								</thead>
-							</table>
-						</div>
-					</div>
-				</div>
-			</div>
-	</div>
-	
-	<div id="port" class="tab-pane">
-	<hr>
-	<!--  port table area -->
-			<div class="row-fluid" data-name="table_zone">
-				<div id='port_table_div'>
-					<div>
-						<div class="top">
-							<table id="port_table" data-pagination="true" data-page-size="5"
-								data-pagination-first-text="First"
-								data-pagination-pre-text="Previous"
-								data-pagination-next-text="Next" data-pagination-last-text="Last">
-								<thead>
-									<tr class="active">
-										<th data-field="id" data-sortable="true">Id</th>
-										<th data-field="name" data-sortable="true">Name</th>
-										<th data-field="networkId" data-sortable="true">NetworkID</th>
-										<th data-field="status" data-sortable="true">Status</th>
-									</tr>
-								</thead>
-							</table>
-						</div>
-					</div>
-				</div>
-			</div>
-	</div>
-	
-	<div id="network" class="tab-pane">
-	<hr>
-		<!--  network table area -->
-			<div class="row-fluid" data-name="table_zone">
-				<div id='network_table_div'>
-					<div>
-						<div class="top">
-							<table id="network_table" data-pagination="true" data-page-size="5"
-								data-pagination-first-text="First"
-								data-pagination-pre-text="Previous"
-								data-pagination-next-text="Next" data-pagination-last-text="Last">
-								<thead>
-									<tr class="active">
-										<th data-field="id" data-sortable="true">Id</th>
-										<th data-field="name" data-sortable="true">Name</th>
-										<th data-field="id" data-sortable="true">NetworkID</th>
-										<th data-field="provider:segmentation_id" data-sortable="true">VLanID</th>
-										<th data-field="provider:physical_network" data-sortable="true">physicalNet</th>
-										<th data-field="provider:network_type" data-sortable="true">type</th>
-										<th data-field="vimName" data-sortable="true">ServiceName</th>
-										<th data-field="status" data-sortable="true">status</th>
-									</tr>
-								</thead>
-							</table>
-						</div>
-					</div>
-				</div>
-			</div>
-	</div>
-	<div id="compute" class="tab-pane active" >  
-		<div class="container-fluid ms-controller">
-	<!-- button area -->
-			<div class="uploadBtn">
-				<div id="open_base_tpL_userHeader" class="userHeader">
-					<div id="open_base_tpL_buttonGroup"
-						class="openoButton_buttonGroupClass">
-						<div
-							class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default"
-							tabindex="0" id="false" text="res.brApp_ui_res_btn_create"
-							icon-url="./images/add.png" cls="defaultbutton" click="clickAdd"
-							style="display: inline-block; padding-left: 0px; padding-right: 0px;">
-							<div
-								class="openoButton_buttonInnerClass openo-corner-all openoButton_Image"
-								id="false_button">
+        $('#dcTab a').click(function (e) {
+            e.preventDefault();//prevent the  link
+            $(this).tab('show');//show content
+        })
+    })
+</script>
+<div class="tab-content">
+
+    <div id="host" class="tab-pane">
+        <!--  host table area -->
+        <hr>
+        <div class="row-fluid" data-name="table_zone">
+            <div id='host_table_div'>
+                <div>
+                    <div class="top">
+                        <table id="host_table" data-pagination="true" data-page-size="5"
+                               data-pagination-first-text="First"
+                               data-pagination-pre-text="Previous"
+                               data-pagination-next-text="Next" data-pagination-last-text="Last">
+                            <thead>
+                            <tr class="active">
+                                <th data-field="id" data-sortable="true">Id</th>
+                                <th data-field="name" data-sortable="true">Name</th>
+                                <th data-field="cpu" data-sortable="true">Cpu</th>
+                                <th data-field="memory" data-sortable="true">Memory</th>
+                                <th data-field="disk" data-sortable="true">HardDisk</th>
+                            </tr>
+                            </thead>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div id="port" class="tab-pane">
+        <hr>
+        <!--  port table area -->
+        <div class="row-fluid" data-name="table_zone">
+            <div id='port_table_div'>
+                <div>
+                    <div class="top">
+                        <table id="port_table" data-pagination="true" data-page-size="5"
+                               data-pagination-first-text="First"
+                               data-pagination-pre-text="Previous"
+                               data-pagination-next-text="Next" data-pagination-last-text="Last">
+                            <thead>
+                            <tr class="active">
+                                <th data-field="id" data-sortable="true">Id</th>
+                                <th data-field="name" data-sortable="true">Name</th>
+                                <th data-field="networkId" data-sortable="true">NetworkID</th>
+                                <th data-field="status" data-sortable="true">Status</th>
+                            </tr>
+                            </thead>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div id="network" class="tab-pane">
+        <hr>
+        <!--  network table area -->
+        <div class="row-fluid" data-name="table_zone">
+            <div id='network_table_div'>
+                <div>
+                    <div class="top">
+                        <table id="network_table" data-pagination="true" data-page-size="5"
+                               data-pagination-first-text="First"
+                               data-pagination-pre-text="Previous"
+                               data-pagination-next-text="Next" data-pagination-last-text="Last">
+                            <thead>
+                            <tr class="active">
+                                <th data-field="id" data-sortable="true">Id</th>
+                                <th data-field="name" data-sortable="true">Name</th>
+                                <th data-field="id" data-sortable="true">NetworkID</th>
+                                <th data-field="provider:segmentation_id" data-sortable="true">VLanID</th>
+                                <th data-field="provider:physical_network" data-sortable="true">physicalNet</th>
+                                <th data-field="provider:network_type" data-sortable="true">type</th>
+                                <th data-field="vimName" data-sortable="true">ServiceName</th>
+                                <th data-field="status" data-sortable="true">status</th>
+                            </tr>
+                            </thead>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div id="compute" class="tab-pane active">
+        <div class="container-fluid ms-controller">
+            <!-- button area -->
+            <div class="uploadBtn">
+                <div id="open_base_tpL_userHeader" class="userHeader">
+                    <div id="open_base_tpL_buttonGroup"
+                         class="openoButton_buttonGroupClass">
+                        <div
+                                class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default"
+                                tabindex="0" id="false" text="res.brApp_ui_res_btn_create"
+                                icon-url="./images/add.png" cls="defaultbutton" click="clickAdd"
+                                style="display: inline-block; padding-left: 0px; padding-right: 0px;">
+                            <div
+                                    class="openoButton_buttonInnerClass openo-corner-all openoButton_Image"
+                                    id="false_button">
 								<span class="openo-widget-button-image openoButton_buttonLeftImg"
-									style="background-image: url(images/add.png);"></span><span
-									class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Create Datacenter</span><span
-									class="openo-widget-button-image openoButton_buttonImgDefault"></span>
-							</div>
-						</div>
-	
-	
-						<div
-							class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass undefined openoButton_button_default"
-							tabindex="0" id="meEdit" text="res.brApp_ui_res_btn_edit"
-							display="false" style="display: none;">
-							<div class="openoButton_buttonInnerClass openo-corner-all"
-								id="meEdit_button">
+                                      style="background-image: url(images/add.png);"></span><span
+                                    class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Create Datacenter</span><span
+                                    class="openo-widget-button-image openoButton_buttonImgDefault"></span>
+                            </div>
+                        </div>
+
+
+                        <div
+                                class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass undefined openoButton_button_default"
+                                tabindex="0" id="meEdit" text="res.brApp_ui_res_btn_edit"
+                                display="false" style="display: none;">
+                            <div class="openoButton_buttonInnerClass openo-corner-all"
+                                 id="meEdit_button">
 								<span
-									class="openo-widget-button-image openoButton_buttonImgDefault"></span><span
-									class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Edit</span><span
-									class="openo-widget-button-image openoButton_buttonImgDefault"></span>
-							</div>
-						</div>
-	
-					</div>
-				</div>
-			</div>
-			<!--  compute table area -->
-			<div class="row-fluid" data-name="table_zone">
-				<div id='ict_virtualApplication_table_div'>
-					<div>
-						<div class="top">
-							<table id="Datacenter_table" data-pagination="true" data-page-size="5"
-								data-pagination-first-text="First"
-								data-pagination-pre-text="Previous"
-								data-pagination-next-text="Next" data-pagination-last-text="Last">
-								<thead>
-									<tr class="active">
-										<th data-field="id" data-sortable="true">Id</th>
-										<th data-field="name" data-sortable="true">Name</th>
-										<th data-field="status" data-sortable="true">Status</th>
-										<th data-field="country" data-sortable="true">Country</th>
-										<th data-field="location" data-sortable="true">Location</th>
-										<th data-field="vimName" data-sortable="true">ServiceName</th>
-										<th data-field="cpu" data-sortable="true">Cpu(Cores)</th>
-										<th data-field="memory" data-sortable="true">Memory(MB)</th>
-										<th data-field="hardDisk" data-sortable="true">HardDisk(GB)</th>
-										<th align="center" data-formatter="operateFormatter"
-											data-events="operateEvents">Action</th>
-									</tr>
-								</thead>
-							</table>
-						</div>
-					</div>
-				</div>
-			</div>
-			<!-- modal dialog area -->
-			<div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"
-				aria-labelledby="myModalLabel" aria-hidden="false">
-				<div class="modal-dialog">
-					<div class="modal-content">
-						<div class="content">
-							<div class="modal-header">
-								<button type="button" class="close" data-dismiss="modal"
-									aria-hidden="true">×</button>
-								<h4 class="modal-title" id="myModalLabel">
-									<span>Create Datacenter</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">
-										</ul>
-										<div class="tab-content">
-											<div class="tab-pane active" id="basicTab">
-												<div class="form-group" style="display:none;">
-													<label class="col-sm-3 control-label"> <span>Id</span>
-													</label>
-													<div class="col-sm-7">
-														<input type="text" id="id" name="id"
-															class="form-control" placeholder="id" />
-													</div>
-												</div>
-												<div class="form-group">
-													<label class="col-sm-3 control-label"> <span>Name</span>
-														<span class="required">*</span>
-													</label>
-													<div class="col-sm-7">
-														<input type="text" id="name" name="name"
-															class="form-control" placeholder="Name" />
-													</div>
-												</div>
-												<div class="form-group">
-													<label class="col-sm-3 control-label"> <span>Country</span>
-														<span class="required">*</span>
-													</label>
-													<div class="col-sm-7">
-														<select class="form-control" style ="padding-top: 0px;padding-bottom: 0px;" id="country" name="country">
-															<option value="">--select--</option>
-														</select>
-													</div>
-												</div>
-												<div class="form-group">
-													<label class="col-sm-3 control-label"> <span>Location</span>
-														<span class="required">*</span>
-													</label>
-													<div class="col-sm-7">
-														<select class="form-control" style ="padding-top: 0px;padding-bottom: 0px;" id="location" name="location">
-															<option value="">--select--</option>
-														</select>
-													</div>
-												</div>
-												<div class="form-group">
-													<label class="col-sm-3 control-label"> <span>ServiceName</span>
-														<span class="required">*</span>
-													</label>
-													<div class="col-sm-7">
-														<select class="form-control" style ="padding-top: 0px;padding-bottom: 0px;" id="vimName" name="vimName">
-															<option value="">--select--</option>
-														</select>
-													</div>
-												</div>
-											
-												<div class="form-group">
-													<label class="col-sm-3 control-label"> 
-													<span>Avaliable Res:</span>
-														CPU(Cores):<br>
-														Memory:<br>
-														HardDisk:
-													</label>
-													<div class="col-sm-7">
-														
-													</div>
-												</div>
-											</div>
-	
-	
-										</div>
-									</div>
-									<div class="modal-footer">
-										<button type="button" class="btn SDBtn" data-dismiss="modal"
-											aria-hidden="true" id="createDatacenter">
-											<span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>
-										</button>
-										<button type="button" class="btn button-previous SDBtn">
-											<span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>
-										</button>
-	
-									</div>
-								</div>
-							</form>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
+                                        class="openo-widget-button-image openoButton_buttonImgDefault"></span><span
+                                    class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Edit</span><span
+                                    class="openo-widget-button-image openoButton_buttonImgDefault"></span>
+                            </div>
+                        </div>
+
+                    </div>
+                </div>
+            </div>
+            <!--  compute table area -->
+            <div class="row-fluid" data-name="table_zone">
+                <div id='ict_virtualApplication_table_div'>
+                    <div>
+                        <div class="top">
+                            <table id="Datacenter_table" data-pagination="true" data-page-size="5"
+                                   data-pagination-first-text="First"
+                                   data-pagination-pre-text="Previous"
+                                   data-pagination-next-text="Next" data-pagination-last-text="Last">
+                                <thead>
+                                <tr class="active">
+                                    <th data-field="id" data-sortable="true">Id</th>
+                                    <th data-field="name" data-sortable="true">Name</th>
+                                    <th data-field="status" data-sortable="true">Status</th>
+                                    <th data-field="country" data-sortable="true">Country</th>
+                                    <th data-field="location" data-sortable="true">Location</th>
+                                    <th data-field="vimName" data-sortable="true">ServiceName</th>
+                                    <th data-field="cpu" data-sortable="true">Cpu(Cores)</th>
+                                    <th data-field="memory" data-sortable="true">Memory(MB)</th>
+                                    <th data-field="hardDisk" data-sortable="true">HardDisk(GB)</th>
+                                    <th align="center" data-formatter="operateFormatter"
+                                        data-events="operateEvents">Action
+                                    </th>
+                                </tr>
+                                </thead>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- modal dialog area -->
+            <div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"
+                 aria-labelledby="myModalLabel" aria-hidden="false">
+                <div class="modal-dialog">
+                    <div class="modal-content">
+                        <div class="content">
+                            <div class="modal-header">
+                                <button type="button" class="close" data-dismiss="modal"
+                                        aria-hidden="true">×
+                                </button>
+                                <h4 class="modal-title" id="myModalLabel">
+                                    <span>Create Datacenter</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">
+                                        </ul>
+                                        <div class="tab-content">
+                                            <div class="tab-pane active" id="basicTab">
+                                                <div class="form-group" style="display:none;">
+                                                    <label class="col-sm-3 control-label"> <span>Id</span>
+                                                    </label>
+                                                    <div class="col-sm-7">
+                                                        <input type="text" id="id" name="id"
+                                                               class="form-control" placeholder="id"/>
+                                                    </div>
+                                                </div>
+                                                <div class="form-group">
+                                                    <label class="col-sm-3 control-label"> <span>Name</span>
+                                                        <span class="required">*</span>
+                                                    </label>
+                                                    <div class="col-sm-7">
+                                                        <input type="text" id="name" name="name"
+                                                               class="form-control" placeholder="Name"/>
+                                                    </div>
+                                                </div>
+                                                <div class="form-group">
+                                                    <label class="col-sm-3 control-label"> <span>Country</span>
+                                                        <span class="required">*</span>
+                                                    </label>
+                                                    <div class="col-sm-7">
+                                                        <select class="form-control"
+                                                                style="padding-top: 0px;padding-bottom: 0px;"
+                                                                id="country" name="country">
+                                                            <option value="">--select--</option>
+                                                        </select>
+                                                    </div>
+                                                </div>
+                                                <div class="form-group">
+                                                    <label class="col-sm-3 control-label"> <span>Location</span>
+                                                        <span class="required">*</span>
+                                                    </label>
+                                                    <div class="col-sm-7">
+                                                        <select class="form-control"
+                                                                style="padding-top: 0px;padding-bottom: 0px;"
+                                                                id="location" name="location">
+                                                            <option value="">--select--</option>
+                                                        </select>
+                                                    </div>
+                                                </div>
+                                                <div class="form-group">
+                                                    <label class="col-sm-3 control-label"> <span>ServiceName</span>
+                                                        <span class="required">*</span>
+                                                    </label>
+                                                    <div class="col-sm-7">
+                                                        <select class="form-control"
+                                                                style="padding-top: 0px;padding-bottom: 0px;"
+                                                                id="vimName" name="vimName">
+                                                            <option value="">--select--</option>
+                                                        </select>
+                                                    </div>
+                                                </div>
+
+                                                <div class="form-group">
+                                                    <label class="col-sm-3 control-label">
+                                                        <span>Avaliable Res:</span>
+                                                        CPU(Cores):<br>
+                                                        Memory:<br>
+                                                        HardDisk:
+                                                    </label>
+                                                    <div class="col-sm-7">
+
+                                                    </div>
+                                                </div>
+                                            </div>
+
+
+                                        </div>
+                                    </div>
+                                    <div class="modal-footer">
+                                        <button type="button" class="btn SDBtn" data-dismiss="modal"
+                                                aria-hidden="true" id="createDatacenter">
+                                            <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>
+                                        </button>
+                                        <button type="button" class="btn button-previous SDBtn">
+                                            <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>
+                                        </button>
+
+                                    </div>
+                                </div>
+                            </form>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
 </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/html/index.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/html/index.html
index c4009b77..300a4470 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/html/index.html
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/html/index.html
@@ -18,14 +18,14 @@
 <html>
 
 <head>
-<title>Test</title>
-<script src="/component/thirdparty/jquery/jquery-3.1.0.min.js" type="text/javascript"></script>
-<script src="/resmgr/js/SendMsg.js" type="text/javascript"></script>
+    <title>Test</title>
+    <script src="/component/thirdparty/jquery/jquery-3.1.0.min.js" type="text/javascript"></script>
+    <script src="/resmgr/js/SendMsg.js" type="text/javascript"></script>
 </head>
 
 <body>Loading...
 <script type="text/javascript">
-	window.location.href = "resmgr/resource.html"
+    window.location.href = "resmgr/resource.html"
 </script>
 </body>
 
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/SendMsg.js b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/SendMsg.js
index b898d6ad..e42c0333 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/SendMsg.js
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/SendMsg.js
@@ -1,20 +1,20 @@
 var sendMsg = {
-	get : "get",
-	post : "post"
+    get: "get",
+    post: "post"
 }
 
 function request(url, requestType, data, success, error, async) {
-	var setting = {
-		url : url,
-		async : async ? async : false,
-		type : requestType,
-		dataType : "json",
-		contentType : 'application/json;charset=UTF-8',
-		data : data,
-		success : success,
-		error : error
-	}
+    var setting = {
+        url: url,
+        async: async ? async : false,
+        type: requestType,
+        dataType: "json",
+        contentType: 'application/json;charset=UTF-8',
+        data: data,
+        success: success,
+        error: error
+    }
 
-	$.ajax(setting);
+    $.ajax(setting);
 
 }
\ No newline at end of file
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/datacenter.js b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/datacenter.js
index 44b464e3..e3ff681a 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/datacenter.js
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/datacenter.js
@@ -1,247 +1,246 @@
-function hideFirstCol(){
+function hideFirstCol() {
 //	$('table tr').find('th:eq(0)').hide();
 //	$('table tr').find('td:eq(0)').hide();
 }
 
 function deleteDatacenter(objectId) {
-	var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/datacenters/"+ objectId;
-	$.ajax({
-		type : "DELETE",
-		url : requestUrl,
-		contentType : "application/json",
-		success : function(jsonobj) {
-			$('#Datacenter_table').bootstrapTable('remove', {
-				field : 'id',
-				values : [ objectId ]
-			});
-			bootbox.alert("Delete  successfull !!!");
-		},
-		error : function(xhr, ajaxOptions, thrownError) {
-			bootbox.alert("Error on deleting data: " + xhr.responseText);
-		}
-	});
+    var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/datacenters/" + objectId;
+    $.ajax({
+        type: "DELETE",
+        url: requestUrl,
+        contentType: "application/json",
+        success: function (jsonobj) {
+            $('#Datacenter_table').bootstrapTable('remove', {
+                field: 'id',
+                values: [objectId]
+            });
+            bootbox.alert("Delete  successfull !!!");
+        },
+        error: function (xhr, ajaxOptions, thrownError) {
+            bootbox.alert("Error on deleting data: " + xhr.responseText);
+        }
+    });
 }
 
 function loadDatacenterData() {
-	var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/datacenters";
-	$.ajax({
-		type : "GET",
-		url : requestUrl,
-		contentType : "application/json",
-		success : function(jsonobj) {
-			$.each(jsonobj.datacenters,function(n,v){
-                v.cpu= "used:"+v.usedCPU+"<br>total:"+v.totalCPU;
-                v.memory="used:"+v.usedMemory+"<br>total:"+v.totalMemory;
-                v.hardDisk="used:"+v.usedDisk+"<br>total:"+v.totalDisk;
+    var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/datacenters";
+    $.ajax({
+        type: "GET",
+        url: requestUrl,
+        contentType: "application/json",
+        success: function (jsonobj) {
+            $.each(jsonobj.datacenters, function (n, v) {
+                v.cpu = "used:" + v.usedCPU + "<br>total:" + v.totalCPU;
+                v.memory = "used:" + v.usedMemory + "<br>total:" + v.totalMemory;
+                v.hardDisk = "used:" + v.usedDisk + "<br>total:" + v.totalDisk;
+            });
+            $('#Datacenter_table').bootstrapTable({
+                data: jsonobj.datacenters
             });
-			$('#Datacenter_table').bootstrapTable({
-				data : jsonobj.datacenters
-			});
-			$('#Datacenter_table').bootstrapTable('refresh');
-			hideFirstCol();
-		},
-		error : function(xhr, ajaxOptions, thrownError) {
-			bootbox.alert("Error on getting site data : " + xhr.responseText);
-		}
-	});
+            $('#Datacenter_table').bootstrapTable('refresh');
+            hideFirstCol();
+        },
+        error: function (xhr, ajaxOptions, thrownError) {
+            bootbox.alert("Error on getting site data : " + xhr.responseText);
+        }
+    });
 }
 function loadNetWorkData() {
-	var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/networks";
-	$.ajax({
-		type : "GET",
-		url : requestUrl,
-		contentType : "application/json",
-		success : function(jsonobj) {
-			$('#network_table').bootstrapTable({
-				data : jsonobj.networks
-			});
-		},
-		error : function(xhr, ajaxOptions, thrownError) {
-			bootbox.alert("Error on getting site data : " + xhr.responseText);
-		}
-	});
+    var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/networks";
+    $.ajax({
+        type: "GET",
+        url: requestUrl,
+        contentType: "application/json",
+        success: function (jsonobj) {
+            $('#network_table').bootstrapTable({
+                data: jsonobj.networks
+            });
+        },
+        error: function (xhr, ajaxOptions, thrownError) {
+            bootbox.alert("Error on getting site data : " + xhr.responseText);
+        }
+    });
 }
 function loadPortData() {
-	var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/ports";
-	$.ajax({
-		type : "GET",
-		url : requestUrl,
-		contentType : "application/json",
-		success : function(jsonobj) {
-			$('#port_table').bootstrapTable({
-				data : jsonobj.ports
-			});
-		},
-		error : function(xhr, ajaxOptions, thrownError) {
-			bootbox.alert("Error on getting site data : " + xhr.responseText);
-		}
-	});
+    var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/ports";
+    $.ajax({
+        type: "GET",
+        url: requestUrl,
+        contentType: "application/json",
+        success: function (jsonobj) {
+            $('#port_table').bootstrapTable({
+                data: jsonobj.ports
+            });
+        },
+        error: function (xhr, ajaxOptions, thrownError) {
+            bootbox.alert("Error on getting site data : " + xhr.responseText);
+        }
+    });
 }
 function loadHostData() {
-	var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/hosts";
-	$.ajax({
-		type : "GET",
-		url : requestUrl,
-		contentType : "application/json",
-		success : function(jsonobj) {
-			$('#host_table').bootstrapTable({
-				data : jsonobj.hosts
-			});
-		},
-		error : function(xhr, ajaxOptions, thrownError) {
-			bootbox.alert("Error on getting site data : " + xhr.responseText);
-		}
-	});
+    var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/hosts";
+    $.ajax({
+        type: "GET",
+        url: requestUrl,
+        contentType: "application/json",
+        success: function (jsonobj) {
+            $('#host_table').bootstrapTable({
+                data: jsonobj.hosts
+            });
+        },
+        error: function (xhr, ajaxOptions, thrownError) {
+            bootbox.alert("Error on getting site data : " + xhr.responseText);
+        }
+    });
 }
 
 
 function fillCountryData() {
-	
-	var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/locations/country";
-	var htmlContent = "";
-	$.ajax({
-		type : "GET",
-		url : requestUrl,
-		contentType : "application/json",
-		success : function(jsonobj) {
-			var str = jsonobj.data.replace('[','').replace(']','').split(',')
-			$.each(str,function(n,v){
-				htmlContent += "<option value='"+v+"'>"+v+"</option>";
-		        $("#country").html(htmlContent);
-                
-			 });
-		},
-		error : function(xhr, ajaxOptions, thrownError) {
-			bootbox.alert("Error on getting country data : " + xhr.responseText);
-		}
-	});
+
+    var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/locations/country";
+    var htmlContent = "";
+    $.ajax({
+        type: "GET",
+        url: requestUrl,
+        contentType: "application/json",
+        success: function (jsonobj) {
+            var str = jsonobj.data.replace('[', '').replace(']', '').split(',')
+            $.each(str, function (n, v) {
+                htmlContent += "<option value='" + v + "'>" + v + "</option>";
+                $("#country").html(htmlContent);
+
+            });
+        },
+        error: function (xhr, ajaxOptions, thrownError) {
+            bootbox.alert("Error on getting country data : " + xhr.responseText);
+        }
+    });
 }
 
 function fillVimNameData() {
-	
-	var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/locations/cloudservice";
-	var htmlContent = "";
-	$.ajax({
-		type : "GET",
-		url : requestUrl,
-		contentType : "application/json",
-		success : function(jsonobj) {
-			var str = jsonobj.data.replace('[','').replace(']','').split(',')
-			$.each(str,function(n,v){
-				htmlContent += "<option value='"+v+"'>"+v+"</option>";
-		        $("#vimName").html(htmlContent);
-                
+
+    var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/locations/cloudservice";
+    var htmlContent = "";
+    $.ajax({
+        type: "GET",
+        url: requestUrl,
+        contentType: "application/json",
+        success: function (jsonobj) {
+            var str = jsonobj.data.replace('[', '').replace(']', '').split(',')
+            $.each(str, function (n, v) {
+                htmlContent += "<option value='" + v + "'>" + v + "</option>";
+                $("#vimName").html(htmlContent);
+
             });
-		},
-		error : function(xhr, ajaxOptions, thrownError) {
-			bootbox.alert("Error on getting country data : " + xhr.responseText);
-		}
-	});
+        },
+        error: function (xhr, ajaxOptions, thrownError) {
+            bootbox.alert("Error on getting country data : " + xhr.responseText);
+        }
+    });
 }
 
 
-$(function() {
-	 $("#vmAppForm").validate({
-	        rules: {
-	   country: "required",
-	   location: "required",
-	   lantitude: "required",
-	   longitude: "required"
-		   }
-	    });
-	 
-	$('.close,.button-previous').click(function() {
-		$('#vmAppDialog').removeClass('in').css('display', 'none');
-	});
-	$('.detail-top ul li').click(function() {
-		$(this).addClass('current').siblings().removeClass('current');
-	});
-	$('.basic').click(function() {
-		$('#flavorTab').css('display', 'none');
-	});
-
-	$('.table tbody tr').click(
-			function() {
-				$(this).addClass('openoTable_row_selected').siblings()
-						.removeClass('openoTable_row_selected');
-			});
-	$('.table tr:odd').addClass('active');
-	$('#false').click(function() {
-		$('#vmAppForm')[0].reset();
-		$('#vmAppDialog').addClass('in').css({
-			'display' : 'block'
-		});
-	});
-	$('.close,.button-previous').click(function() {
-		$('#vmAppDialog').removeClass('in').css('display', 'none');
-	});
-	
-	$.fn.serializeObject = function() {
-		var o = {};
-		var a = this.serializeArray();
-		$.each(a, function() {
-			if (o[this.name] !== undefined) {
-				if (!o[this.name].push) {
-					o[this.name] = [ o[this.name] ];
-				}
-				o[this.name].push(this.value || '');
-			} else {
-				o[this.name] = this.value || '';
-			}
-		});
-		return o;
-	};
-	$('#createDatacenter')
-			.click(
-					function() {
-						
-						
-						var formData = JSON.stringify($("#vmAppForm").serializeObject());
-						var jsonobj = JSON.parse(formData);
-						var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/datacenters";
-						$.ajax({
-							type : "POST",
-							url : requestUrl,
-							contentType : "application/json",
-							dataType : "json",
-							data : formData,
-							success : function(jsonResp) {
-								loadDatacenterData();
-								bootbox.alert(jsonResp.msg);
-								$('#vmAppDialog').removeClass('in').css({
-									'display' : 'none'
-								});
-							},
-							error : function(xhr, ajaxOptions, thrownError) {
-								bootbox.alert("Error on page : " + xhr.responseText);
-							}
-						});
-					});
-
-	$('#country').change(function(){ 
-		var country = $(this).children('option:selected').val(); 
-		var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/locations/locationbycountry?country="+country;
-		
-		var htmlContent = "<option value=''>--select--</option>";
-		$.ajax({
-			type : "GET",
-			url : requestUrl,
-			contentType : "application/json",
-			success : function(jsonobj) {
-					$.each(jsonobj.data,function(n,v){
-						htmlContent += "<option value='"+v+"'>"+v+"</option>";
-				        $("#location").html(htmlContent);
-		                
-		            });
-				
-			},
-			error : function(xhr, ajaxOptions, thrownError) {
-				bootbox.alert("Error on getting location data : " + xhr.responseText);
-			}
-		});
-		
-	}) 
-	
-	
+$(function () {
+    $("#vmAppForm").validate({
+        rules: {
+            country: "required",
+            location: "required",
+            lantitude: "required",
+            longitude: "required"
+        }
+    });
+
+    $('.close,.button-previous').click(function () {
+        $('#vmAppDialog').removeClass('in').css('display', 'none');
+    });
+    $('.detail-top ul li').click(function () {
+        $(this).addClass('current').siblings().removeClass('current');
+    });
+    $('.basic').click(function () {
+        $('#flavorTab').css('display', 'none');
+    });
+
+    $('.table tbody tr').click(
+        function () {
+            $(this).addClass('openoTable_row_selected').siblings()
+                .removeClass('openoTable_row_selected');
+        });
+    $('.table tr:odd').addClass('active');
+    $('#false').click(function () {
+        $('#vmAppForm')[0].reset();
+        $('#vmAppDialog').addClass('in').css({
+            'display': 'block'
+        });
+    });
+    $('.close,.button-previous').click(function () {
+        $('#vmAppDialog').removeClass('in').css('display', 'none');
+    });
+
+    $.fn.serializeObject = function () {
+        var o = {};
+        var a = this.serializeArray();
+        $.each(a, function () {
+            if (o[this.name] !== undefined) {
+                if (!o[this.name].push) {
+                    o[this.name] = [o[this.name]];
+                }
+                o[this.name].push(this.value || '');
+            } else {
+                o[this.name] = this.value || '';
+            }
+        });
+        return o;
+    };
+    $('#createDatacenter')
+        .click(
+            function () {
+
+
+                var formData = JSON.stringify($("#vmAppForm").serializeObject());
+                var jsonobj = JSON.parse(formData);
+                var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/datacenters";
+                $.ajax({
+                    type: "POST",
+                    url: requestUrl,
+                    contentType: "application/json",
+                    dataType: "json",
+                    data: formData,
+                    success: function (jsonResp) {
+                        loadDatacenterData();
+                        bootbox.alert(jsonResp.msg);
+                        $('#vmAppDialog').removeClass('in').css({
+                            'display': 'none'
+                        });
+                    },
+                    error: function (xhr, ajaxOptions, thrownError) {
+                        bootbox.alert("Error on page : " + xhr.responseText);
+                    }
+                });
+            });
+
+    $('#country').change(function () {
+        var country = $(this).children('option:selected').val();
+        var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/locations/locationbycountry?country=" + country;
+
+        var htmlContent = "<option value=''>--select--</option>";
+        $.ajax({
+            type: "GET",
+            url: requestUrl,
+            contentType: "application/json",
+            success: function (jsonobj) {
+                $.each(jsonobj.data, function (n, v) {
+                    htmlContent += "<option value='" + v + "'>" + v + "</option>";
+                    $("#location").html(htmlContent);
+
+                });
+
+            },
+            error: function (xhr, ajaxOptions, thrownError) {
+                bootbox.alert("Error on getting location data : " + xhr.responseText);
+            }
+        });
+
+    })
+
 
 })
\ No newline at end of file
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/resmgr.js b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/resmgr.js
index 24804131..a0ad9921 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/resmgr.js
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/resmgr.js
@@ -1,202 +1,198 @@
-function hideFirstCol(){
+function hideFirstCol() {
 //	$('table tr').find('th:eq(0)').hide();
 //	$('table tr').find('td:eq(0)').hide();
 }
 function deleteLocation(objectId) {
-	var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/locations/"+ objectId;
-	$.ajax({
-		type : "DELETE",
-		url : requestUrl,
-		contentType : "application/json",
-		success : function(jsonobj) {
-			$('#location_table').bootstrapTable('remove', {
-				field : 'id',
-				values : [ objectId ]
-			});
-			bootbox.alert("Delete  successfull !!!");
-		},
-		error : function(xhr, ajaxOptions, thrownError) {
-			bootbox.alert("Error on deleting data: " + xhr.responseText);
-		}
-	});
+    var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/locations/" + objectId;
+    $.ajax({
+        type: "DELETE",
+        url: requestUrl,
+        contentType: "application/json",
+        success: function (jsonobj) {
+            $('#location_table').bootstrapTable('remove', {
+                field: 'id',
+                values: [objectId]
+            });
+            bootbox.alert("Delete  successfull !!!");
+        },
+        error: function (xhr, ajaxOptions, thrownError) {
+            bootbox.alert("Error on deleting data: " + xhr.responseText);
+        }
+    });
 }
 
 function editLocation(row) {
-	$('#vmAppDialog').addClass('in').css({
-		'display' : 'block'
-	});
-	$('#id').val(row.id);
-	$('#country').val(row.country);
-	$('#location').val(row.location);
-	$('#description').val(row.description);
-	$('#latitude').val(row.latitude);
-	$('#longitude').val(row.longitude);
+    $('#vmAppDialog').addClass('in').css({
+        'display': 'block'
+    });
+    $('#id').val(row.id);
+    $('#country').val(row.country);
+    $('#location').val(row.location);
+    $('#description').val(row.description);
+    $('#latitude').val(row.latitude);
+    $('#longitude').val(row.longitude);
 }
 
 function loadLocationData() {
-	var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/locations";
-	$.ajax({
-		type : "GET",
-		url : requestUrl,
-		contentType : "application/json",
-		success : function(jsonobj) {
-			$('#location_table').bootstrapTable({
-				pageSize: 50,
-				striped: true,
-				data : jsonobj.locations
-			});
-			$('#location_table').bootstrapTable('refresh');
-			
-		},
-		error : function(xhr, ajaxOptions, thrownError) {
-			bootbox.alert("Error on getting site data : " + xhr.responseText);
-		}
-	});
-	
+    var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/locations";
+    $.ajax({
+        type: "GET",
+        url: requestUrl,
+        contentType: "application/json",
+        success: function (jsonobj) {
+            $('#location_table').bootstrapTable({
+                pageSize: 50,
+                striped: true,
+                data: jsonobj.locations
+            });
+            $('#location_table').bootstrapTable('refresh');
+
+        },
+        error: function (xhr, ajaxOptions, thrownError) {
+            bootbox.alert("Error on getting site data : " + xhr.responseText);
+        }
+    });
+
 }
 
-$(function() {
-	 $("#vmAppForm").validate({
-	        rules: {
-	   country: "required",
-	   location: "required",
-	   latitude: {
-		      required: true,
-		      number: true
-		    },
-	   longitude: {
-		      required: true,
-		      number: true
-		    }
-		   }
-	    });
-	 
-	$('.close,.button-previous').click(function() {
-		$('#vmAppDialog').removeClass('in').css('display', 'none');
-	});
-	$('.detail-top ul li').click(function() {
-		$(this).addClass('current').siblings().removeClass('current');
-	});
-	$('.para').click(function() {
-		if ($('#serviceTemplateName').val() == '') {
-			alert('Please choose the service templet！');
-			$('#flavorTab').css('display', 'none');
-		} else {
-			$('#flavorTab').css('display', 'block');
-		}
-		$('#basicTab').css('display', 'block');
-	});
-	$('.basic').click(function() {
-		$('#flavorTab').css('display', 'none');
-	});
-
-	$('.table tbody tr').click(
-			function() {
-				$(this).addClass('openoTable_row_selected').siblings()
-						.removeClass('openoTable_row_selected');
-			});
-	$('.table tr:odd').addClass('active');
-	$('#false').click(function() {
-		$('#vmAppForm')[0].reset();
-		$('#vmAppDialog').addClass('in').css({
-			'display' : 'block'
-		});
-	});
-	$('.close,.button-previous').click(function() {
-		$('#vmAppDialog').removeClass('in').css('display', 'none');
-	});
-	$('#filterTpLogicalType').click(
-			function() {
-				$('#filterTpLogicalType_select_popupcontainer').toggleClass(
-						'openo-hide');
-				$('#filterTpLogicalType').toggleClass('openo-focus');
-				var oLeft = $('#open_base_tpL_td6').offset().left;
-				var oTop = $('#open_base_tpL_td6').offset().top;
-				var oHeight = $('#open_base_tpL_td6').height();
-				$('#filterTpLogicalType_select_popupcontainer').css({
-					'left' : oLeft,
-					'top' : oTop + oHeight + 10
-				});
-			});
-	$('div.openo-select-popup-container>div.openo-select-item>label').click(
-			function() {
-				var Lvalue = $(this).html();
-				$('#filterTpLogicalType_select_input').attr('value', Lvalue);
-				$('#filterTpLogicalType_select_popupcontainer').addClass(
-						'openo-hide');
-				$('#filterTpLogicalType').removeClass('openo-focus');
-			});
-	$.fn.serializeObject = function() {
-		var o = {};
-		var a = this.serializeArray();
-		$.each(a, function() {
-			if (o[this.name] !== undefined) {
-				if (!o[this.name].push) {
-					o[this.name] = [ o[this.name] ];
-				}
-				o[this.name].push(this.value || '');
-			} else {
-				o[this.name] = this.value || '';
-			}
-		});
-		return o;
-	};
-	$('#createLocation')
-			.click(
-					
-					function() {
-						var formData = JSON.stringify($("#vmAppForm").serializeObject());
-						var jsonobj = JSON.parse(formData);
-						var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/locations";
-						var requestUrl_query = "/resmgr/rest/openoapi/resmgr/v1/locations";
-						if($('#id').val().length === 0){//create
-
-							
-							$.ajax({
-								type : "POST",
-								url : requestUrl,
-								contentType : "application/json",
-								dataType : "json",
-								data : formData,
-								success : function(jsonResp) {
-									loadLocationData();
-									bootbox.alert(jsonResp.msg);
-									$('#vmAppDialog').removeClass('in').css({
-										'display' : 'none'
-									});
-									
-								},
-								error : function(xhr, ajaxOptions, thrownError) {
-									bootbox.alert("Error on page : " + xhr.responseText);
-								}
-							});
-						}else{//put
-
-							
-							$.ajax({
-								type : "PUT",
-								url : requestUrl,
-								contentType : "application/json",
-								dataType : "json",
-								data : formData,
-								success : function(jsonResp) {
-									loadLocationData();
-									bootbox.alert(jsonResp.msg);
-									$('#vmAppDialog').removeClass('in').css({
-										'display' : 'none'
-									});
-									
-								},
-								error : function(xhr, ajaxOptions, thrownError) {
-									bootbox.alert("Error on page : " + xhr.responseText);
-								}
-							});
-						}
-						
-					});
-					
-
-	
-	
+$(function () {
+    $("#vmAppForm").validate({
+        rules: {
+            country: "required",
+            location: "required",
+            latitude: {
+                required: true,
+                number: true
+            },
+            longitude: {
+                required: true,
+                number: true
+            }
+        }
+    });
+
+    $('.close,.button-previous').click(function () {
+        $('#vmAppDialog').removeClass('in').css('display', 'none');
+    });
+    $('.detail-top ul li').click(function () {
+        $(this).addClass('current').siblings().removeClass('current');
+    });
+    $('.para').click(function () {
+        if ($('#serviceTemplateName').val() == '') {
+            alert('Please choose the service templet！');
+            $('#flavorTab').css('display', 'none');
+        } else {
+            $('#flavorTab').css('display', 'block');
+        }
+        $('#basicTab').css('display', 'block');
+    });
+    $('.basic').click(function () {
+        $('#flavorTab').css('display', 'none');
+    });
+
+    $('.table tbody tr').click(
+        function () {
+            $(this).addClass('openoTable_row_selected').siblings()
+                .removeClass('openoTable_row_selected');
+        });
+    $('.table tr:odd').addClass('active');
+    $('#false').click(function () {
+        $('#vmAppForm')[0].reset();
+        $('#vmAppDialog').addClass('in').css({
+            'display': 'block'
+        });
+    });
+    $('.close,.button-previous').click(function () {
+        $('#vmAppDialog').removeClass('in').css('display', 'none');
+    });
+    $('#filterTpLogicalType').click(
+        function () {
+            $('#filterTpLogicalType_select_popupcontainer').toggleClass(
+                'openo-hide');
+            $('#filterTpLogicalType').toggleClass('openo-focus');
+            var oLeft = $('#open_base_tpL_td6').offset().left;
+            var oTop = $('#open_base_tpL_td6').offset().top;
+            var oHeight = $('#open_base_tpL_td6').height();
+            $('#filterTpLogicalType_select_popupcontainer').css({
+                'left': oLeft,
+                'top': oTop + oHeight + 10
+            });
+        });
+    $('div.openo-select-popup-container>div.openo-select-item>label').click(
+        function () {
+            var Lvalue = $(this).html();
+            $('#filterTpLogicalType_select_input').attr('value', Lvalue);
+            $('#filterTpLogicalType_select_popupcontainer').addClass(
+                'openo-hide');
+            $('#filterTpLogicalType').removeClass('openo-focus');
+        });
+    $.fn.serializeObject = function () {
+        var o = {};
+        var a = this.serializeArray();
+        $.each(a, function () {
+            if (o[this.name] !== undefined) {
+                if (!o[this.name].push) {
+                    o[this.name] = [o[this.name]];
+                }
+                o[this.name].push(this.value || '');
+            } else {
+                o[this.name] = this.value || '';
+            }
+        });
+        return o;
+    };
+    $('#createLocation')
+        .click(
+            function () {
+                var formData = JSON.stringify($("#vmAppForm").serializeObject());
+                var jsonobj = JSON.parse(formData);
+                var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/locations";
+                var requestUrl_query = "/resmgr/rest/openoapi/resmgr/v1/locations";
+                if ($('#id').val().length === 0) {//create
+
+
+                    $.ajax({
+                        type: "POST",
+                        url: requestUrl,
+                        contentType: "application/json",
+                        dataType: "json",
+                        data: formData,
+                        success: function (jsonResp) {
+                            loadLocationData();
+                            bootbox.alert(jsonResp.msg);
+                            $('#vmAppDialog').removeClass('in').css({
+                                'display': 'none'
+                            });
+
+                        },
+                        error: function (xhr, ajaxOptions, thrownError) {
+                            bootbox.alert("Error on page : " + xhr.responseText);
+                        }
+                    });
+                } else {//put
+
+
+                    $.ajax({
+                        type: "PUT",
+                        url: requestUrl,
+                        contentType: "application/json",
+                        dataType: "json",
+                        data: formData,
+                        success: function (jsonResp) {
+                            loadLocationData();
+                            bootbox.alert(jsonResp.msg);
+                            $('#vmAppDialog').removeClass('in').css({
+                                'display': 'none'
+                            });
+
+                        },
+                        error: function (xhr, ajaxOptions, thrownError) {
+                            bootbox.alert("Error on page : " + xhr.responseText);
+                        }
+                    });
+                }
+
+            });
+
 
 })
\ No newline at end of file
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/validateset.js b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/validateset.js
index 5b44be87..d6e47d27 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/validateset.js
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/validateset.js
@@ -1,28 +1,28 @@
-$(function(){
-	$.validator.setDefaults({
-	    onkeyup: null,
-	    success: function(label){
-	        label.text('').addClass('valid');
-	    },
-	    onfocusin: function( element ) {
-	        this.lastActive = element;
-	        this.addWrapper(this.errorsFor(element)).hide();
-	        var tip = $(element).attr('tip');
-	        if(tip && $(element).parent().children(".tip").length === 0){
-	            $(element).parent().append("<label class='tip'>" + tip + "</label>");
-	        }
-	        $(element).addClass('highlight');
-	        if ( this.settings.focusCleanup ) {
-	            if ( this.settings.unhighlight ) {
-	                this.settings.unhighlight.call( this, element, this.settings.errorClass, this.settings.validClass );
-	            }
-	            this.hideThese( this.errorsFor( element ) );
-	        }
-	    },
-	    onfocusout: function( element ) {
-	        $(element).parent().children(".tip").remove();
-	        $(element).removeClass('highlight');
-	        this.element( element );
-	    }
-	});
+$(function () {
+    $.validator.setDefaults({
+        onkeyup: null,
+        success: function (label) {
+            label.text('').addClass('valid');
+        },
+        onfocusin: function (element) {
+            this.lastActive = element;
+            this.addWrapper(this.errorsFor(element)).hide();
+            var tip = $(element).attr('tip');
+            if (tip && $(element).parent().children(".tip").length === 0) {
+                $(element).parent().append("<label class='tip'>" + tip + "</label>");
+            }
+            $(element).addClass('highlight');
+            if (this.settings.focusCleanup) {
+                if (this.settings.unhighlight) {
+                    this.settings.unhighlight.call(this, element, this.settings.errorClass, this.settings.validClass);
+                }
+                this.hideThese(this.errorsFor(element));
+            }
+        },
+        onfocusout: function (element) {
+            $(element).parent().children(".tip").remove();
+            $(element).removeClass('highlight');
+            this.element(element);
+        }
+    });
 });
\ No newline at end of file
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/vim.js b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/vim.js
index 1a406f9c..6de43718 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/vim.js
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/vim.js
@@ -1,79 +1,79 @@
 function loadVimData() {
-	var requestUrl = "/resmgr/rest/v1/resmanage/vim/vimInfo";
-	$.ajax({
-		type : "GET",
-		url : requestUrl,
-		contentType : "application/json",
-		success : function(jsonobj) {
-			printCharts(jsonobj.data[0].used.cpu,
-					jsonobj.data[0].total.cpu,jsonobj.data[0].used.memory,jsonobj.data[0].total.memory,jsonobj.data[0].used.disk,jsonobj.data[0].total.disk);
+    var requestUrl = "/resmgr/rest/v1/resmanage/vim/vimInfo";
+    $.ajax({
+        type: "GET",
+        url: requestUrl,
+        contentType: "application/json",
+        success: function (jsonobj) {
+            printCharts(jsonobj.data[0].used.cpu,
+                jsonobj.data[0].total.cpu, jsonobj.data[0].used.memory, jsonobj.data[0].total.memory, jsonobj.data[0].used.disk, jsonobj.data[0].total.disk);
 
-		},
-		error : function(xhr, ajaxOptions, thrownError) {
-			bootbox.alert("Error on getting data (here display the test data) : " + xhr.responseText);
-			printCharts(11,12,21,22,31,32);
-		}
-	});
+        },
+        error: function (xhr, ajaxOptions, thrownError) {
+            bootbox.alert("Error on getting data (here display the test data) : " + xhr.responseText);
+            printCharts(11, 12, 21, 22, 31, 32);
+        }
+    });
 }
-function printCharts(v11,v12,v21,v22,v31,v32){
-	var cpuChart = new Chart($("#cpuChart"), {
-		type : 'doughnut',
-		data : {
-			labels : ["used", "available" ],
-			datasets : [ {
-				data : [v11,v12],
-				backgroundColor : ["#FFCE56","#36A2EB"],
-				hoverBackgroundColor : ["#FFCE56","#36A2EB"]
-			} ]
-		},
-		options : {
-			animation:{
-		        animateScale:true,
-		        animateRotate:true
-		       
-		    }
-		}
-	});
-	var memoryChart = new Chart($("#memoryChart"), {
-		type : 'doughnut',
-		data : {
-			labels : [ "used", "available"],
-			datasets : [ {
-				data : [v21,v22],
-				backgroundColor : [ "#FF6384", "#36A2EB"],
-				hoverBackgroundColor : [ "#FF6384", "#36A2EB"]
-			} ]
-		},
-		options : {
-		
-			animation:{
-		        animateScale:true,
-		        animateRotate:true
-		       
-		    }
-		}
-	});
-	var diskChart = new Chart($("#diskChart"), {
-		type : 'doughnut',
-		data : {
-			labels : [ "used", "available"],
-			datasets : [ {
-				data : [v31,v32],
-				backgroundColor : [ "#FF6384",  "green" ],
-				hoverBackgroundColor : [ "#FF6384", "green" ]
-			} ]
-		},
-		options : {
-			animation:{
-		        animateScale:true,
-		        animateRotate:true
-		       
-		    }
-		}
-	});
+function printCharts(v11, v12, v21, v22, v31, v32) {
+    var cpuChart = new Chart($("#cpuChart"), {
+        type: 'doughnut',
+        data: {
+            labels: ["used", "available"],
+            datasets: [{
+                data: [v11, v12],
+                backgroundColor: ["#FFCE56", "#36A2EB"],
+                hoverBackgroundColor: ["#FFCE56", "#36A2EB"]
+            }]
+        },
+        options: {
+            animation: {
+                animateScale: true,
+                animateRotate: true
+
+            }
+        }
+    });
+    var memoryChart = new Chart($("#memoryChart"), {
+        type: 'doughnut',
+        data: {
+            labels: ["used", "available"],
+            datasets: [{
+                data: [v21, v22],
+                backgroundColor: ["#FF6384", "#36A2EB"],
+                hoverBackgroundColor: ["#FF6384", "#36A2EB"]
+            }]
+        },
+        options: {
+
+            animation: {
+                animateScale: true,
+                animateRotate: true
+
+            }
+        }
+    });
+    var diskChart = new Chart($("#diskChart"), {
+        type: 'doughnut',
+        data: {
+            labels: ["used", "available"],
+            datasets: [{
+                data: [v31, v32],
+                backgroundColor: ["#FF6384", "green"],
+                hoverBackgroundColor: ["#FF6384", "green"]
+            }]
+        },
+        options: {
+            animation: {
+                animateScale: true,
+                animateRotate: true
+
+            }
+        }
+    });
 }
 
-$(function() {
-	loadVimData();
-	
+$(function () {
+    loadVimData();
+
 })
\ No newline at end of file
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/location.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/location.html
index b51c16a1..187bee32 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/location.html
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/location.html
@@ -1,261 +1,262 @@
-
 <!DOCTYPE html>
 <html>
 <head>
-<head lang="en">
-<meta charset="UTF-8">
-<title></title>
-<link href="css/bootstrap.min.css" rel="stylesheet" />
-<link href="css/VMMain.css" rel="stylesheet" />
-<link href="css/resmgr.css" rel="stylesheet" />
-<link href="css/bootstrap-table.min.css" rel="stylesheet" />
+    <head lang="en">
+        <meta charset="UTF-8">
+        <title></title>
+        <link href="css/bootstrap.min.css" rel="stylesheet"/>
+        <link href="css/VMMain.css" rel="stylesheet"/>
+        <link href="css/resmgr.css" rel="stylesheet"/>
+        <link href="css/bootstrap-table.min.css" rel="stylesheet"/>
+
+        <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
+        <script type="text/javascript" src="js/bootstrap.min.js"></script>
+        <script type="text/javascript" src="js/bootstrap-table.min.js"></script>
+        <script type="text/javascript" src="js/bootbox.min.js"></script>
+        <script type="text/javascript" src="js/jquery.validate.min.js"></script>
+        <script type="text/javascript" src="js/validateset.js"></script>
+
+        <script type="text/javascript" src="js/resmgr.js"></script>
+
+        <style type="text/css">
+        </style>
+        <script type="text/javascript">
+            $(document).ready(function () {
+                /* 		var jsondata = [{
+                 "id": "123",
+                 "country": "China",
+                 "location": "Xi'an",
+                 "description": "description",
+                 "latitude": "23",
+                 "longitude": "180"
+                 },{
+                 "id": "1234",
+                 "country": "Americaxx",
+                 "location": "addressXXXxx",
+                 "description": "xxxxx",
+                 "latitude": "xxxx",
+                 "longitude": "xxxx"
+                 }];
 
-<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
-<script type="text/javascript" src="js/bootstrap.min.js"></script>
-<script type="text/javascript" src="js/bootstrap-table.min.js"></script>
-<script type="text/javascript" src="js/bootbox.min.js"></script>
-<script type="text/javascript" src="js/jquery.validate.min.js"></script>
-<script type="text/javascript" src="js/validateset.js"></script>
+                 $('#location_table').bootstrapTable({
+                 //Assigning example data to table
+                 data: jsondata
+                 }); */
 
-<script type="text/javascript" src="js/resmgr.js"></script>
+                loadLocationData();
+            });
 
-<style type="text/css">
-</style>
-<script type="text/javascript">
-	$(document).ready(function() {
-/* 		var jsondata = [{
-			"id": "123",
-			"country": "China",
-           "location": "Xi'an",
-           "description": "description",
-			"latitude": "23",
-			"longitude": "180"
-          },{
-        	  "id": "1234",
-        	  "country": "Americaxx",
-            "location": "addressXXXxx",
-            "description": "xxxxx",
- 			"latitude": "xxxx",
- 			"longitude": "xxxx"
-           }];
+            function operateFormatter(value, row, index) {
+                return ['<img class="locationEditImg" src="images/edit.png" href="javascript:void(0)" style="cursor: pointer" name="edit" title="Edit" />&nbsp;&nbsp;&nbsp;&nbsp;<img class="locationDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />']
+                        .join('');
 
-		$('#location_table').bootstrapTable({
-		//Assigning example data to table
-			data: jsondata
-		}); */
-		
-		loadLocationData();
-	});
+            }
+            window.operateEvents = {
+                'click .locationDeleteImg': function (e, value, row, index) {
+                    deleteLocation(row.id);
+                    console.log(value, row, index);
+                },
+                'click .locationEditImg': function (e, value, row, index) {
+                    editLocation(row);
+                    console.log(value, row, index);
+                }
+            };
 
-	function operateFormatter(value, row, index) {
-		return [ '<img class="locationEditImg" src="images/edit.png" href="javascript:void(0)" style="cursor: pointer" name="edit" title="Edit" />&nbsp;&nbsp;&nbsp;&nbsp;<img class="locationDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />' ]
-				.join('');
 
-	}
-	window.operateEvents = {
-		'click .locationDeleteImg' : function(e, value, row, index) {
-			deleteLocation(row.id);
-			console.log(value, row, index);
-		},
-		'click .locationEditImg' : function(e, value, row, index) {
-			editLocation(row);
-			console.log(value, row, index);
-		}
-	};
-	
-	
-</script>
-</head>
+        </script>
+    </head>
 <body id="open_base_site_cotentBody" class="cotentBody ng-scope">
-	<div class="container-fluid ms-controller">
-<!-- button area -->
-		<div class="uploadBtn">
-			<div id="open_base_tpL_userHeader" class="userHeader">
-				<div id="open_base_tpL_buttonGroup"
-					class="openoButton_buttonGroupClass">
-					<div
-						class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default"
-						tabindex="0" id="false" text="res.brApp_ui_res_btn_create"
-						icon-url="./images/add.png" cls="defaultbutton" click="clickAdd"
-						style="display: inline-block; padding-left: 0px; padding-right: 0px;">
-						<div
-							class="openoButton_buttonInnerClass openo-corner-all openoButton_Image"
-							id="false_button">
+<div class="container-fluid ms-controller">
+    <!-- button area -->
+    <div class="uploadBtn">
+        <div id="open_base_tpL_userHeader" class="userHeader">
+            <div id="open_base_tpL_buttonGroup"
+                 class="openoButton_buttonGroupClass">
+                <div
+                        class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default"
+                        tabindex="0" id="false" text="res.brApp_ui_res_btn_create"
+                        icon-url="./images/add.png" cls="defaultbutton" click="clickAdd"
+                        style="display: inline-block; padding-left: 0px; padding-right: 0px;">
+                    <div
+                            class="openoButton_buttonInnerClass openo-corner-all openoButton_Image"
+                            id="false_button">
 							<span class="openo-widget-button-image openoButton_buttonLeftImg"
-								style="background-image: url(images/add.png);"></span><span
-								class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Add Location</span><span
-								class="openo-widget-button-image openoButton_buttonImgDefault"></span>
-						</div>
-					</div>
+                                  style="background-image: url(images/add.png);"></span><span
+                            class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Add Location</span><span
+                            class="openo-widget-button-image openoButton_buttonImgDefault"></span>
+                    </div>
+                </div>
 
 
-					<div
-						class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass undefined openoButton_button_default"
-						tabindex="0" id="meEdit" text="res.brApp_ui_res_btn_edit"
-						display="false" style="display: none;">
-						<div class="openoButton_buttonInnerClass openo-corner-all"
-							id="meEdit_button">
+                <div
+                        class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass undefined openoButton_button_default"
+                        tabindex="0" id="meEdit" text="res.brApp_ui_res_btn_edit"
+                        display="false" style="display: none;">
+                    <div class="openoButton_buttonInnerClass openo-corner-all"
+                         id="meEdit_button">
 							<span
-								class="openo-widget-button-image openoButton_buttonImgDefault"></span><span
-								class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Edit</span><span
-								class="openo-widget-button-image openoButton_buttonImgDefault"></span>
-						</div>
-					</div>
+                                    class="openo-widget-button-image openoButton_buttonImgDefault"></span><span
+                            class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Edit</span><span
+                            class="openo-widget-button-image openoButton_buttonImgDefault"></span>
+                    </div>
+                </div>
 
-				</div>
-			</div>
-		</div>
-		<!-- table area -->
-		<div class="row-fluid" data-name="table_zone">
-			<div id='ict_virtualApplication_table_div'>
-				<div>
-					<div class="top">
-						<table id="location_table" data-pagination="true" data-page-size="5"
-							data-pagination-first-text="First"
-							data-pagination-pre-text="Previous"
-							data-pagination-next-text="Next" data-pagination-last-text="Last">
-							<thead>
-								<tr class="active">
-									<th data-field="id" data-sortable="true">Id</th>
-									<th data-field="country" data-sortable="true">Country</th>
-									<th data-field="location" data-sortable="true">Location</th>
-									<th data-field="description" data-sortable="true">Description</th>
-									<th data-field="latitude" data-sortable="true">Latitude</th>
-									<th data-field="longitude" data-sortable="true">Longitude</th>
-									<th align="center" data-formatter="operateFormatter"
-										data-events="operateEvents">Action</th>
-								</tr>
-							</thead>
-						</table>
-					</div>
-				</div>
-			</div>
-		</div>
-		<!-- modal dialog area -->
-		<div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"
-			aria-labelledby="myModalLabel" aria-hidden="false">
-			<div class="modal-dialog">
-				<div class="modal-content">
-					<div class="content">
-						<div class="modal-header">
-							<button type="button" class="close" data-dismiss="modal"
-								aria-hidden="true">×</button>
-							<h4 class="modal-title" id="myModalLabel">
-								<span>Add Location</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">
-									</ul>
-									<div class="tab-content">
-										<div class="tab-pane active" id="basicTab">
-											<div class="form-group" style="display:none;">
-												<label class="col-sm-3 control-label"> <span>Id</span>
-												</label>
-												<div class="col-sm-7">
-													<input type="text" id="id" name="id"
-														class="form-control" placeholder="id" />
-												</div>
-											</div>
-											<div class="form-group">
-												<label class="col-sm-3 control-label"> <span>Country</span>
-													<span class="required">*</span>
-												</label>
-												<div class="col-sm-7">
-													<input type="text" id="country" name="country"
-														class="form-control" placeholder="Country" />
-												</div>
-											</div>
-											<div class="form-group">
-												<label class="col-sm-3 control-label"> <span>Location</span>
-													<span class="required">*</span>
-												</label>
-												<div class="col-sm-7">
-													<input type="text" id="location" name="location"
-														class="form-control" placeholder="Location" />
-												</div>
-											</div>
-											<div class="form-group">
-												<label class="col-sm-3 control-label"> <span>Latitude</span>
-													<span class="required">*</span>
-												</label>
-												<div class="col-sm-7">
-													<input type="text" id="latitude" name="latitude"
-														class="form-control" placeholder="Latitude" />
-												</div>
-											</div>
-											<div class="form-group">
-												<label class="col-sm-3 control-label"> <span>Longitude</span>
-													<span class="required">*</span>
-												</label>
-												<div class="col-sm-7">
-													<input type="text" id="longitude" name="longitude"
-														class="form-control" placeholder="Longitude" />
-												</div>
-											</div>
-											<div class="form-group">
-												<label class="col-sm-3 control-label"> <span>Description</span>
-													&nbsp;&nbsp;
-												</label>
-												<div class="col-sm-7">
-													<input type="text" id="description" name="description"
-														class="form-control" placeholder="Description" />
-												</div>
-											</div>
-										</div>
+            </div>
+        </div>
+    </div>
+    <!-- table area -->
+    <div class="row-fluid" data-name="table_zone">
+        <div id='ict_virtualApplication_table_div'>
+            <div>
+                <div class="top">
+                    <table id="location_table" data-pagination="true" data-page-size="5"
+                           data-pagination-first-text="First"
+                           data-pagination-pre-text="Previous"
+                           data-pagination-next-text="Next" data-pagination-last-text="Last">
+                        <thead>
+                        <tr class="active">
+                            <th data-field="id" data-sortable="true">Id</th>
+                            <th data-field="country" data-sortable="true">Country</th>
+                            <th data-field="location" data-sortable="true">Location</th>
+                            <th data-field="description" data-sortable="true">Description</th>
+                            <th data-field="latitude" data-sortable="true">Latitude</th>
+                            <th data-field="longitude" data-sortable="true">Longitude</th>
+                            <th align="center" data-formatter="operateFormatter"
+                                data-events="operateEvents">Action
+                            </th>
+                        </tr>
+                        </thead>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- modal dialog area -->
+    <div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"
+         aria-labelledby="myModalLabel" aria-hidden="false">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="content">
+                    <div class="modal-header">
+                        <button type="button" class="close" data-dismiss="modal"
+                                aria-hidden="true">×
+                        </button>
+                        <h4 class="modal-title" id="myModalLabel">
+                            <span>Add Location</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">
+                                </ul>
+                                <div class="tab-content">
+                                    <div class="tab-pane active" id="basicTab">
+                                        <div class="form-group" style="display:none;">
+                                            <label class="col-sm-3 control-label"> <span>Id</span>
+                                            </label>
+                                            <div class="col-sm-7">
+                                                <input type="text" id="id" name="id"
+                                                       class="form-control" placeholder="id"/>
+                                            </div>
+                                        </div>
+                                        <div class="form-group">
+                                            <label class="col-sm-3 control-label"> <span>Country</span>
+                                                <span class="required">*</span>
+                                            </label>
+                                            <div class="col-sm-7">
+                                                <input type="text" id="country" name="country"
+                                                       class="form-control" placeholder="Country"/>
+                                            </div>
+                                        </div>
+                                        <div class="form-group">
+                                            <label class="col-sm-3 control-label"> <span>Location</span>
+                                                <span class="required">*</span>
+                                            </label>
+                                            <div class="col-sm-7">
+                                                <input type="text" id="location" name="location"
+                                                       class="form-control" placeholder="Location"/>
+                                            </div>
+                                        </div>
+                                        <div class="form-group">
+                                            <label class="col-sm-3 control-label"> <span>Latitude</span>
+                                                <span class="required">*</span>
+                                            </label>
+                                            <div class="col-sm-7">
+                                                <input type="text" id="latitude" name="latitude"
+                                                       class="form-control" placeholder="Latitude"/>
+                                            </div>
+                                        </div>
+                                        <div class="form-group">
+                                            <label class="col-sm-3 control-label"> <span>Longitude</span>
+                                                <span class="required">*</span>
+                                            </label>
+                                            <div class="col-sm-7">
+                                                <input type="text" id="longitude" name="longitude"
+                                                       class="form-control" placeholder="Longitude"/>
+                                            </div>
+                                        </div>
+                                        <div class="form-group">
+                                            <label class="col-sm-3 control-label"> <span>Description</span>
+                                                &nbsp;&nbsp;
+                                            </label>
+                                            <div class="col-sm-7">
+                                                <input type="text" id="description" name="description"
+                                                       class="form-control" placeholder="Description"/>
+                                            </div>
+                                        </div>
+                                    </div>
 
 
-									</div>
-								</div>
-								<div class="modal-footer">
-									<button type="button" class="btn SDBtn" data-dismiss="modal"
-										aria-hidden="true" id="createLocation">
-										<span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>
-									</button>
-									<button type="button" class="btn button-previous SDBtn">
-										<span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>
-									</button>
+                                </div>
+                            </div>
+                            <div class="modal-footer">
+                                <button type="button" class="btn SDBtn" data-dismiss="modal"
+                                        aria-hidden="true" id="createLocation">
+                                    <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>
+                                </button>
+                                <button type="button" class="btn button-previous SDBtn">
+                                    <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>
+                                </button>
 
-								</div>
-							</div>
-						</form>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
 
 <!-- others -->
-	<div id="filterTpLogicalType_select_popupcontainer"
-		class="openo openo-select-popup-container openo-hide"
-		style="width: 155px; max-height: 130px; left: 628px; top: 104px; z-index: 1761;">
-		<div class="openo-select-item openo-ellipsis  "
-			id="filterTpLogicalType_openo-select-id_0">
-			<label class="openo-ellipsis openo-select-blank-item"
-				style="width: 100%; display: block; height: 20px;"></label>
-		</div>
-		<div class="openo-select-item openo-ellipsis  "
-			id="filterTpLogicalType_openo-select-id_1">
-			<label class="openo-ellipsis "
-				style="width: 100%; display: block; height: 20px;">ETH</label>
-		</div>
-		<div class="openo-select-item openo-ellipsis  "
-			id="filterTpLogicalType_openo-select-id_2">
-			<label class="openo-ellipsis "
-				style="width: 100%; display: block; height: 20px;" title="POS">POS</label>
-		</div>
-		<div class="openo-select-item openo-ellipsis  "
-			id="filterTpLogicalType_openo-select-id_3">
-			<label class="openo-ellipsis "
-				style="width: 100%; display: block; height: 20px;">Trunk</label>
-		</div>
-		<div class="openo-select-item openo-ellipsis  "
-			id="filterTpLogicalType_openo-select-id_4">
-			<label class="openo-ellipsis "
-				style="width: 100%; display: block; height: 20px;">Loopback</label>
-		</div>
-	</div>
+<div id="filterTpLogicalType_select_popupcontainer"
+     class="openo openo-select-popup-container openo-hide"
+     style="width: 155px; max-height: 130px; left: 628px; top: 104px; z-index: 1761;">
+    <div class="openo-select-item openo-ellipsis  "
+         id="filterTpLogicalType_openo-select-id_0">
+        <label class="openo-ellipsis openo-select-blank-item"
+               style="width: 100%; display: block; height: 20px;"></label>
+    </div>
+    <div class="openo-select-item openo-ellipsis  "
+         id="filterTpLogicalType_openo-select-id_1">
+        <label class="openo-ellipsis "
+               style="width: 100%; display: block; height: 20px;">ETH</label>
+    </div>
+    <div class="openo-select-item openo-ellipsis  "
+         id="filterTpLogicalType_openo-select-id_2">
+        <label class="openo-ellipsis "
+               style="width: 100%; display: block; height: 20px;" title="POS">POS</label>
+    </div>
+    <div class="openo-select-item openo-ellipsis  "
+         id="filterTpLogicalType_openo-select-id_3">
+        <label class="openo-ellipsis "
+               style="width: 100%; display: block; height: 20px;">Trunk</label>
+    </div>
+    <div class="openo-select-item openo-ellipsis  "
+         id="filterTpLogicalType_openo-select-id_4">
+        <label class="openo-ellipsis "
+               style="width: 100%; display: block; height: 20px;">Loopback</label>
+    </div>
+</div>
 </body>
 </html>
\ No newline at end of file
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/resource.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/resource.html
index 702061ae..116990d8 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/resource.html
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/resource.html
@@ -1,59 +1,59 @@
 <!doctype html>
 <html>
 <head>
-<meta charset="utf-8">
-<title></title>
-	<link href="css/bootstrap.min.css" rel="stylesheet" />
-	<link href="css/RMain.css" rel="stylesheet" />
+    <meta charset="utf-8">
+    <title></title>
+    <link href="css/bootstrap.min.css" rel="stylesheet"/>
+    <link href="css/RMain.css" rel="stylesheet"/>
     <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
     <script type="text/javascript" src="js/bootstrap.min.js"></script>
 </head>
 <script type="text/javascript">
-    $(function(){
-        $('.openo_accordion_ui-icon-expand,.header').click(function(){
+    $(function () {
+        $('.openo_accordion_ui-icon-expand,.header').click(function () {
             $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL').slideToggle(500);
             $('.openo_accordion_ui-icon-expand').toggleClass('current')
         });
-        $('.openoAccordian_showHideArrow_hide').click(function(){
+        $('.openoAccordian_showHideArrow_hide').click(function () {
             // $('#open_base_openo').css('margin-left','-200px');
             // $('#open_base_openo').css('display','none');
             // $('.bar').css('display','block');
-            if($('#accordionmenuid').width() >= 200){
+            if ($('#accordionmenuid').width() >= 200) {
                 $('#accordionmenuid').width('18px');
-                $('.openo_accordion_ui-icon-expand,.header,#accordionmenuid_ul_0_0_brAppTopMenuID_UL li a').css('display','none');
-                $('#accordionmenuid_arrow').attr('classname','openoAccordian_showHideArrow_show');
-                $('#iframeContainer').css('width','1284px');                
-            }else if($('#accordionmenuid').width() == 18){
+                $('.openo_accordion_ui-icon-expand,.header,#accordionmenuid_ul_0_0_brAppTopMenuID_UL li a').css('display', 'none');
+                $('#accordionmenuid_arrow').attr('classname', 'openoAccordian_showHideArrow_show');
+                $('#iframeContainer').css('width', '1284px');
+            } else if ($('#accordionmenuid').width() == 18) {
                 $('#accordionmenuid').width('220px');
-                $('.openo_accordion_ui-icon-expand,.header,#accordionmenuid_ul_0_0_brAppTopMenuID_UL li a').css('display','block');
-                $('#accordionmenuid_arrow').attr('classname','openoAccordian_showHideArrow_hide');
-                $('#iframeContainer').css('width','1063px');
+                $('.openo_accordion_ui-icon-expand,.header,#accordionmenuid_ul_0_0_brAppTopMenuID_UL li a').css('display', 'block');
+                $('#accordionmenuid_arrow').attr('classname', 'openoAccordian_showHideArrow_hide');
+                $('#iframeContainer').css('width', '1063px');
             }
-            
+
         });
-        $('.bar span').click(function(){
-            $('#open_base_openo').css('display','block');
-            $('.bar').css('display','none');
-             $('#iframeContainer').css('width','1063px');
+        $('.bar span').click(function () {
+            $('#open_base_openo').css('display', 'block');
+            $('.bar').css('display', 'none');
+            $('#iframeContainer').css('width', '1063px');
         });
-        $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL li').click(function(){
+        $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL li').click(function () {
             $(this).addClass('openo_accordion_selected').siblings().removeClass('openo_accordion_selected');
         });
-        $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_0_brAppSiteMenuID').click(function(){
-            $('#accordionContent').attr('src','location.html');
+        $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_0_brAppSiteMenuID').click(function () {
+            $('#accordionContent').attr('src', 'location.html');
         });
-        $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_1_brAppMeMenuID').click(function(){
-            $('#accordionContent').attr('src','vim.html');
+        $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_1_brAppMeMenuID').click(function () {
+            $('#accordionContent').attr('src', 'vim.html');
         });
-        $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_2_brAppTpMenuID').click(function(){
-            $('#accordionContent').attr('src','datacenter.html');
+        $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_2_brAppTpMenuID').click(function () {
+            $('#accordionContent').attr('src', 'datacenter.html');
         });
-        
-        $('#accordionContent').attr('src','location.html');
+
+        $('#accordionContent').attr('src', 'location.html');
     })
 </script>
 <body>
-    <div id="febDiv" style="overflow: hidden;">
+<div id="febDiv" style="overflow: hidden;">
     <div id="open_base_feb">
         <!--use for store menu come from feb service, maybe just a temple plan-->
         <div id="app">
@@ -66,28 +66,38 @@
                             <span></span>
                         </td>
                         <td id="open_base_openo" class="three-cols-column three-cols-left">
-                            <div id="accordionmenuid" allow-resize="true" dataset="dataArr" height="resHeight" listeners="callBacklisteners" resize-callback="resizehandler" current-select="currentselect" click="clickHandler" class="ng-isolate-scope accordion_parent openo_accordion_main_menu" style="height: 870px;">
+                            <div id="accordionmenuid" allow-resize="true" dataset="dataArr" height="resHeight"
+                                 listeners="callBacklisteners" resize-callback="resizehandler"
+                                 current-select="currentselect" click="clickHandler"
+                                 class="ng-isolate-scope accordion_parent openo_accordion_main_menu"
+                                 style="height: 870px;">
                                 <div class="openo-accordion-resizable-handle" style="cursor: auto;"></div>
                                 <ul id="accordionmenuid_ul" class="openoAccordian_accordionmenu">
                                     <li id="accordionmenuid_ul_0_0_brAppTopMenuID" nodeid="brAppTopMenuID">
-                                        <span class="openo_accordion_ui-icon-expand" style="padding-left: 20px; height: 60px;cursor: pointer;"></span>
-                                        <span class="openoAccordian_showHideArrow_hide" id="accordionmenuid_arrow" style="cursor: pointer;"></span>
-                                        <a title="brApp" class="header opened" style="padding-left: 10px; cursor: pointer;">Resource</a>
+                                        <span class="openo_accordion_ui-icon-expand"
+                                              style="padding-left: 20px; height: 60px;cursor: pointer;"></span>
+                                        <span class="openoAccordian_showHideArrow_hide" id="accordionmenuid_arrow"
+                                              style="cursor: pointer;"></span>
+                                        <a title="brApp" class="header opened"
+                                           style="padding-left: 10px; cursor: pointer;">Resource</a>
                                         <ul id="accordionmenuid_ul_0_0_brAppTopMenuID_UL">
-                                            <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_0_brAppSiteMenuID" nodeid="brAppSiteMenuID" class="" style="display: list-item;">
+                                            <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_0_brAppSiteMenuID"
+                                                nodeid="brAppSiteMenuID" class="" style="display: list-item;">
                                                 <a title="点击访问站点" class="" style="padding-left: 62px;">Location</a>
-											</li>
-                                            <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_1_brAppMeMenuID" nodeid="brAppMeMenuID" style="display: list-item;">
-                                                    <a title="点击访问网元" style="padding-left: 62px;">Vim</a>
                                             </li>
-                                            <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_2_brAppTpMenuID" nodeid="brAppTpMenuID" style="display: list-item;">
-                                                    <a title="点击访问端口" style="padding-left: 62px;">DataCenter</a>
+                                            <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_1_brAppMeMenuID"
+                                                nodeid="brAppMeMenuID" style="display: list-item;">
+                                                <a title="点击访问网元" style="padding-left: 62px;">Vim</a>
+                                            </li>
+                                            <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_2_brAppTpMenuID"
+                                                nodeid="brAppTpMenuID" style="display: list-item;">
+                                                <a title="点击访问端口" style="padding-left: 62px;">DataCenter</a>
                                             </li>
-                                           
+
                                         </ul>
                                     </li>
                                 </ul>
-							</div>
+                            </div>
                         </td>
                         <td id="open_base_iframe" class="three-cols-column three-cols-center" style="padding: 0px;">
 
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/vim.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/vim.html
index 31879e18..d4697da3 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/vim.html
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/vim.html
@@ -1,52 +1,52 @@
-
 <!DOCTYPE html>
 <html>
 <head>
-<head lang="en">
-<meta charset="UTF-8">
-<title></title>
-<link href="css/bootstrap.min.css" rel="stylesheet" />
-<link href="css/VMMain.css" rel="stylesheet" />
-<link href="css/bootstrap-table.min.css" rel="stylesheet" />
-
-<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
-<script type="text/javascript" src="js/bootstrap.min.js"></script>
-<script type="text/javascript" src="js/bootstrap-table.min.js"></script>
-<script type="text/javascript" src="js/bootbox.min.js"></script>
-<script type="text/javascript" src="js/jquery.validate.min.js"></script>
-<script type="text/javascript" src="js/chart.min.js"></script>
-
-<script type="text/javascript" src="js/vim.js"></script>
-
-<style type="text/css">
-</style>
-
-</head>
+    <head lang="en">
+        <meta charset="UTF-8">
+        <title></title>
+        <link href="css/bootstrap.min.css" rel="stylesheet"/>
+        <link href="css/VMMain.css" rel="stylesheet"/>
+        <link href="css/bootstrap-table.min.css" rel="stylesheet"/>
+
+        <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
+        <script type="text/javascript" src="js/bootstrap.min.js"></script>
+        <script type="text/javascript" src="js/bootstrap-table.min.js"></script>
+        <script type="text/javascript" src="js/bootbox.min.js"></script>
+        <script type="text/javascript" src="js/jquery.validate.min.js"></script>
+        <script type="text/javascript" src="js/chart.min.js"></script>
+
+        <script type="text/javascript" src="js/vim.js"></script>
+
+        <style type="text/css">
+        </style>
+
+    </head>
 <body id="open_base_site_cotentBody" class="cotentBody ng-scope">
 
-	<div class="container-fluid ms-controller">
-	<br>
-	<div style="font-size:18px">resource using status:</div>
-	<hr>
-		<!-- chart area -->
-		<div style="width:30%;float: left;text-align:center;display: inline">
-			<canvas id="cpuChart" ></canvas><br>
-			<label style="font-size:14px;">Cpu status</label>
-		</div>
-		<div style="width:30%;float: left;text-align:center;display: inline">
-			<canvas id="memoryChart" ></canvas>
-			<br>
-			<label style="font-size:14px;">Memory status</label>
-		</div>
-		<div style="width:30%;float: left;text-align:center;display: inline">
-			<canvas id="diskChart" ></canvas><br>
-			<label style="font-size:14px;">Disk status</label>
-		</div>
-		<script type="text/javascript">
-
-
-			
-		</script>
-	</div>
+<div class="container-fluid ms-controller">
+    <br>
+    <div style="font-size:18px">resource using status:</div>
+    <hr>
+    <!-- chart area -->
+    <div style="width:30%;float: left;text-align:center;display: inline">
+        <canvas id="cpuChart"></canvas>
+        <br>
+        <label style="font-size:14px;">Cpu status</label>
+    </div>
+    <div style="width:30%;float: left;text-align:center;display: inline">
+        <canvas id="memoryChart"></canvas>
+        <br>
+        <label style="font-size:14px;">Memory status</label>
+    </div>
+    <div style="width:30%;float: left;text-align:center;display: inline">
+        <canvas id="diskChart"></canvas>
+        <br>
+        <label style="font-size:14px;">Disk status</label>
+    </div>
+    <script type="text/javascript">
+
+
+    </script>
+</div>
 </body>
 </html>
\ No newline at end of file
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/css/RMain.css b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/css/RMain.css
new file mode 100644
index 00000000..0a74032c
--- /dev/null
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/css/RMain.css
@@ -0,0 +1,239 @@
+/* Copyright 2016, Huawei Technologies Co., Ltd.

+ *

+ * 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.

+ */

+

+#iemp_layout_container {

+    padding: 0px;

+    margin: 1px auto;

+    width: 100%;

+    height: 100%;

+}

+

+#iemp_layout_container .three-cols-layout {

+    width: 100%;

+    height: 100%;

+    border-collapse: collapse;

+    margin-left: 0px;

+    margin-top: 0px;

+    margin-right: 0px;

+    margin-bottom: 0px;

+}

+

+#iemp_layout_container .three-cols-layout {

+    width: 100%;

+    height: 100%;

+    border-collapse: collapse;

+    margin-left: 0px;

+    margin-top: 0px;

+    margin-right: 0px;

+    margin-bottom: 0px;

+}

+

+#iemp_layout_container .three-cols-column.three-cols-left {

+    width: 215px;

+    background-color: #f5f5f5;

+}

+

+.accordion_parent {

+    position: relative;

+    width: 220px;

+    background-color: #f5f5f5;

+}

+

+.openo-accordion-resizable-handle {

+    z-index: 1 !important;

+    cursor: e-resize;

+    width: 7px;

+    right: -5px;

+    top: 0;

+    height: 100%;

+    position: absolute;

+    font-size: .1px;

+    display: block;

+}

+

+.openoAccordian_accordionmenu {

+    width: 100%;

+    margin: 0;

+    padding: 0;

+    list-style-type: none;

+    line-height: 17px;

+}

+

+.openoAccordian_accordionmenu li {

+    min-width: 75px;

+    margin: 0;

+    padding: 0;

+    list-style-type: none;

+    color: #000;

+    clear: both;

+}

+

+.openo_accordion_ui-icon-collapse, .openo_accordion_ui-icon-expand {

+    display: block;

+    float: left;

+    margin-bottom: -1px;

+    border-bottom: 1px solid #e5e5e5;

+    cursor: pointer;

+    width: 13px;

+    padding-top: 26px;

+}

+

+.openo_accordion_ui-icon-expand {

+    background: url(../images/collapse_arrow.png) right 20px no-repeat;

+    margin-top: 8px;

+}

+

+.openo_accordion_ui-icon-expand.current {

+    background: url(../images/expand_arrow.png) right 20px no-repeat;

+}

+

+.openoAccordian_showHideArrow_hide, .openoAccordian_showHideArrow_show {

+    display: block;

+    position: absolute;

+    right: 0;

+    top: 4px;

+    width: 18px;

+    height: 41px;

+    cursor: pointer;

+    background-color: #f5f5f5;

+}

+

+.openoAccordian_showHideArrow_hide {

+    background-image: url(../images/openo.png);

+    background-position: -7px 0 !important;

+    border-collapse: separate;

+    /*box-shadow: inset -1px 0 0 #e5e5e5;*/

+}

+

+a.header.opened, a.header.closed {

+    font-size: 16px;

+    padding-top: 24px;

+    padding-bottom: 25px;

+    color: #999999;

+}

+

+.openoAccordian_accordionmenu .closed, .openoAccordian_accordionmenu .opened {

+    padding-right: 10px;

+    background-position: 98% 50%;

+    background-repeat: no-repeat;

+}

+

+.openoAccordian_accordionmenu li a {

+    padding: 11px 10px 12px;

+    color: #333333;

+    margin-right: 1px;

+    margin-top: -1px;

+    text-align: left !important;

+    font-family: "Microsoft Yahei", SimSun, Arial, Tahoma;

+    font-size: 14px;

+    text-overflow: ellipsis;

+    white-space: nowrap;

+    overflow: hidden;

+    border-top: 1px solid #e5e5e5;

+    border-bottom: 1px solid #e5e5e5;

+    /*height: 19px;*/

+}

+

+.openoAccordian_accordionmenu ul {

+    margin: 0;

+    padding: 0;

+    overflow: hidden;

+}

+

+.openoAccordian_accordionmenu a {

+    display: block;

+    text-decoration: none;

+}

+

+a {

+    color: #428bca;

+    text-decoration: none;

+    background: 0 0;

+}

+

+.bar {

+    height: 834px;

+    width: 18px;

+    background: #f8f8f8;

+    display: none;

+}

+

+.bar span {

+    width: 13px;

+    height: 34px;

+    background-image: url(../images/openo.png);

+    background-position: -39px 0 !important;

+    display: block;

+    /*margin-top: -430px;*/

+}

+

+#accordionmenuid_ul_0_0_brAppTopMenuID_UL li {

+    cursor: pointer;

+}

+

+#puer_base_openo {

+    border: 1px solid #ddd;

+}

+

+.openo_accordion_selected {

+    margin-left: 0;

+    margin-right: 0;

+    background: #fafafa;

+    border-left: 3px solid #4ac9ff !important;

+    box-shadow: none;

+    position: relative;

+}

+

+a:hover {

+    color: #4ac9ff !important;

+}

+

+.openoAccordian_accordionmenu li.openo_accordion_selected a {

+    position: relative;

+    left: -3px;

+    color: #009ae7;

+}

+

+.openo-accordion-resizable-handle {

+    z-index: 1 !important;

+    cursor: e-resize;

+    width: 7px;

+    right: -5px;

+    top: 0;

+    height: 100%;

+    position: absolute;

+    font-size: .1px;

+    display: block;

+}

+

+#iframeContainer iframe {

+    width: 100%;

+    height: 100%;

+    border: 0;

+}

+

+#accordionContent, #iframeContainer {

+    margin: 0;

+    padding: 0;

+    border: 0;

+    width: 100%;

+    height: 100%;

+}

+

+.openoAccordian_showHideArrow_show {

+    background-image: url(../images/openo.png);

+    background-position: -39px 0 !important;

+    box-shadow: inset 1px 0 0 #e5e5e5, inset -1px 0 0 #e5e5e5;

+}
\ No newline at end of file
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/css/VMMain.css b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/css/VMMain.css
new file mode 100644
index 00000000..a1c08668
--- /dev/null
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/css/VMMain.css
@@ -0,0 +1,758 @@
+/* Copyright 2016, Huawei Technologies Co., Ltd.

+ *

+ * 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: '微软雅黑';

+    font-size: 12px;

+    color: #333;

+    background: #fafafa;

+}

+

+button {

+    outline: none;

+}

+

+ul, li {

+    list-style: none;

+    padding: 0;

+    margin: 0;

+}

+

+.titleFont {

+    font-size: 16px;

+}

+

+.separator-line {

+    height: 1px;

+    width: 100%;

+    border: 1px solid #ddd;

+    margin: 6px 0 15px 0;

+}

+

+.uploadBtn {

+    overflow: hidden;

+}

+

+.creat-btn {

+    padding: 0 14px;

+    height: 24px;

+    float: left;

+    cursor: pointer;

+    text-decoration: none;

+    outline: 0;

+    border: 1px solid #d3d3d3;

+    text-align: center;

+    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

+    background: #fafafa;

+    background: -moz-linear-gradient(top, #fff, #fafafa);

+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #fafafa));

+    background: -webkit-linear-gradient(top, #fff, #fafafa);

+    background: linear-gradient(to bottom, #fff, #fafafa);

+    border-radius: 6px;

+    background: #fff url(../images/add.png) no-repeat 5px center;

+    padding-left: 20px;

+}

+

+.creat-btn:hover {

+    color: #009ae7;

+    border: 1px solid #4AC9FF

+}

+

+.creat-btn:active {

+    color: #000;

+    border: 1px solid #4AC9FF

+}

+

+/*.creat-btn{

+    background: #fff url(../image/add.png) no-repeat 5px center;

+    border: 1px solid #ddd;

+    float: left;

+}

+.creat-btn:hover{

+    background: #428bca;

+    color: #fff;

+    border:1px solid #428bca;

+}*/

+.search {

+    width: 310px;

+    height: 30px;

+    float: right;

+}

+

+.search-text {

+    width: 250px;

+    float: left;

+    margin-right: 6px;

+}

+

+.search-btn {

+    height: 30px;

+    background: #fff;

+    border: 1px solid #ddd;

+    float: left;

+}

+

+#ict_virtualApplication_table_div {

+    margin-top: 15px;

+}

+

+.table > thead > tr.active > th {

+    border: 1px solid #ddd !important;

+    border-bottom: 0;

+    background: #f0f0f0;

+}

+

+/*.table tbody tr:hover{

+    background: #e6fbe0!important;

+}*/

+.table tbody tr:last-child {

+    border-bottom: 1px solid #ddd;

+}

+

+.table-btn {

+    border: 1px solid #ccc;

+    border-radius: 3px;

+}

+

+.delete-btn {

+    background: url(../image/delete.png) no-repeat;

+    width: 16px;

+    height: 16px;

+    border: none;

+}

+

+.detail-btn {

+    background: url(../image/openo.png) no-repeat -343px -283px;

+    width: 16px;

+    height: 16px;

+    border: none;

+}

+

+.detail-btn.current {

+    background-position: -7px -314px;

+}

+

+.detail {

+    height: 200px;

+    border: 1px solid #ddd;

+    margin-top: 60px;

+}

+

+.detail-top ul {

+    height: 50px;

+    line-height: 50px;

+    border-bottom: 1px solid #ddd;

+    padding-left: 0px;

+    background: #fafafa;

+}

+

+.detail-top ul li {

+    float: left;

+    width: 120px;

+    text-align: center;

+    border-right: 1px solid #ddd;

+    cursor: pointer;

+}

+

+.detail-top ul li.current {

+    background: #fff;

+}

+

+.vmapp-margin {

+    margin-bottom: 10px;

+}

+

+.control-label .required {

+    color: #e02222;

+    font-size: 12px;

+    padding-left: 2px;

+}

+

+.form-group .control-label {

+    font-size: 12px;

+    font-weight: 400;

+}

+

+legend {

+    font-size: 12px;

+    font-weight: bold;

+}

+

+.pageGro {

+    width: 250px;

+    float: right;

+}

+

+.pageUp, .pageDown, .pageList, .pageList li {

+    float: left;

+    cursor: pointer;

+}

+

+.pageUp, .pageDown {

+    width: 60px;

+    height: 30px;

+    border: 1px solid #ddd;

+    text-align: center;

+    line-height: 30px;

+}

+

+.pageList li {

+    width: 30px;

+    height: 30px;

+    border: 1px solid #ddd;

+    text-align: center;

+    line-height: 30px;

+    border-left: none;

+}

+

+.pageList li.active {

+    background: #428bca;

+    color: #fff;

+    border-color: #428bca;

+}

+

+.pageDown {

+    border-left: none;

+}

+

+.headerLinkP {

+    padding-top: 17px;

+}

+

+.headerLinkP span {

+    font-size: 12px;

+    color: #666;

+    font-weight: normal !important;

+}

+

+label {

+    font-weight: normal !important;

+}

+

+table.userform tbody tr td {

+    display: table-cell;

+    padding-right: 10px;

+    padding-top: 10px;

+    font-size: 12px;

+    color: #333;

+}

+

+.table th, .table td {

+    padding-top: 3px !important;

+    padding-bottom: 3px !important;

+}

+

+.openoBrowseButton_element {

+    display: table;

+}

+

+.openo {

+    font-family: "Microsoft Yahei", SimSun, Arial, Tahoma;

+    font-size: 12px;

+    color: #000;

+}

+

+.openoBrowseButton_input {

+    width: 198px;

+    position: relative;

+    border: 1px solid #c3c3c3 !important;

+    height: 26px;

+    background-color: #f3f3f3;

+    border-radius: 4px 0 0 4px;

+    border-right: none;

+    padding: 0;

+}

+

+.buttonClassDefault, .buttonClassDefault:active {

+    cursor: pointer;

+    background-image: url(../images/openo.png);

+    background-position: -154px -7px !important;

+}

+

+.openoBrowseButton_button {

+    width: 27px;

+    border: 0;

+    float: right;

+    position: relative;

+    height: 26px;

+    right: 0;

+    top: 0;

+    border-radius: 0 4px 4px 0;

+    border-right: 1px solid #c3c3c3;

+    border-left: none;

+}

+

+.openo .openo-input, .openo.openo-input {

+    outline: 0;

+    border: 1px solid #c3c3c3;

+    box-shadow: 1px 1px #f6f6f6 inset;

+    background-color: #fff;

+    height: 26px;

+}

+

+.openoInput_openoDefaultText {

+    padding: 0 0 0 6px;

+    border-radius: 4px;

+    color: #000;

+    display: inline-block;

+    outline: 0;

+    box-shadow: 1px 1px #f6f6f6 inset;

+    font-size: 12px;

+    background: #fff;

+}

+

+div.openo-select {

+    border: 1px solid #c3c3c3;

+    border-radius: 4px;

+    background: url(../images/arrow-down-enable.png) right no-repeat #fff;

+    line-height: 24px;

+    padding-left: 3px;

+    display: block;

+}

+

+div.openo-select > input.openo-select-input {

+    border: none;

+    outline: 0;

+    line-height: 21px;

+    height: 21px;

+    padding-left: 3px;

+    border-right: solid 1px #c3c3c3;

+}

+

+.openo .openo-ellipsis, .openo.openo-ellipsis {

+    overflow: hidden;

+    white-space: nowrap;

+    text-overflow: ellipsis;

+}

+

+a.openoButton_buttonClass, a.openoButton_buttonDisableClass, div.openoButton_buttonClass, div.openoButton_buttonDisableClass {

+    height: 26px;

+    float: left;

+    cursor: pointer;

+    text-decoration: none;

+    outline: 0;

+    border: 1px solid #d3d3d3;

+    text-align: center;

+    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

+    background: #fafafa;

+    background: -moz-linear-gradient(top, #fff, #fafafa);

+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #fafafa));

+    background: -webkit-linear-gradient(top, #fff, #fafafa);

+    background: linear-gradient(to bottom, #fff, #fafafa);

+    border-radius: 6px;

+}

+

+.openoButton_buttonInnerClass {

+    padding: 0 19px;

+    border-radius: 6px;

+}

+

+.openoButton_buttonCenterText {

+    color: #000;

+    line-height: 24px;

+    white-space: nowrap;

+    width: auto !important;

+}

+

+.userHeader {

+    clear: left;

+    overflow: hidden;

+    margin-bottom: 10px;

+    padding: 10px 10px 0px 0px;

+}

+

+.openoButton_buttonGroupClass {

+    display: inline;

+}

+

+.openoButton_buttonGroupClass div.openoButton_buttonClass_parent:first-child {

+    margin-left: 0;

+}

+

+.openoButton_buttonLeftImg {

+    margin-right: 5px;

+}

+

+.openoButton_buttonLeftImg, .openoButton_buttonRightImg {

+    display: inline-block;

+    vertical-align: top;

+    width: 16px;

+    height: 16px;

+    margin-top: 4px;

+}

+

+.openo-table-pagination-wrapper {

+    height: 37px;

+}

+

+.openo-pagination {

+    display: block;

+    float: left;

+    overflow: hidden;

+    padding: 5px 0 0;

+    margin-top: 8px;

+}

+

+.openoPagination_openoPaginationLengthOptions:not(msie8) {

+    line-height: 24px;

+}

+

+.openoPagination_openoPaginationLengthOptions {

+    white-space: normal;

+    height: 24px;

+    float: left;

+    outline: 0;

+    line-height: 20px;

+    margin: 0 5px;

+}

+

+.openo-pagination-select {

+    height: 26px;

+    line-height: 22px;

+    text-align: center;

+    margin-right: -2px;

+    border: 1px solid #e0e0e0;

+    border-radius: 5px 0 0 5px;

+    padding: 1px;

+}

+

+.openoPagination_openoPaginationLengthOptions span {

+    background-color: #fff !important;

+}

+

+.openo-pagination-theme a, .openo-pagination-theme span {

+    float: left;

+    color: #666;

+    font: 12px Lucida Grande, Verdana, Arial, Helvetica, sans-serif;

+    line-height: 24px;

+    font-weight: 400;

+    text-align: center;

+    border: 1px solid #e0e0e0;

+    text-decoration: none !important;

+    padding: 0 7px;

+    border-radius: 3px;

+    background: #fff;

+}

+

+.openo-pagination-selectspan {

+    background: url(../images/ideo_default_select.png) left no-repeat !important;

+    float: right !important;

+    width: 26px;

+    height: 26px;

+    cursor: pointer;

+}

+

+.openo-pagination-theme label {

+    padding-top: 6px;

+    vertical-align: middle;

+    margin-right: 20px;

+    margin-top: -1px;

+    float: left;

+    display: inline-block;

+    height: 20px;

+    font: 12px Lucida Grande, Verdana, Arial, Helvetica, sans-serif;

+}

+

+.openo-pagination li, .openo-pagination ul {

+    list-style: none;

+    padding: 0;

+    margin: 0;

+    float: left;

+}

+

+dd, dl, dt, li {

+    color: #000;

+}

+

+.openo-pagination-theme a, .openo-pagination-theme span.current {

+    margin: 0 5px 0 0;

+}

+

+.openo .openo-disabled, .openo.openo-disabled {

+    border-color: #c3c3c3 !important;

+    color: #666 !important;

+    opacity: .3;

+    filter: alpha(opacity=30);

+}

+

+.openo-pagination-theme .prev {

+    background: 0 0;

+    float: left;

+}

+

+.openo-pagination-theme .current {

+    text-decoration: none !important;

+    float: left;

+    padding-left: 6px;

+    height: 24px;

+    color: #fff;

+    display: inline;

+    border-color: #00adf5;

+    background: #4ad2ff;

+}

+

+.openo-pagination-theme a, .openo-pagination-theme span {

+    float: left;

+    color: #666;

+    font: 12px Lucida Grande, Verdana, Arial, Helvetica, sans-serif;

+    line-height: 24px;

+    font-weight: 400;

+    text-align: center;

+    border: 1px solid #e0e0e0;

+    text-decoration: none !important;

+    padding: 0 7px;

+    border-radius: 3px;

+    background: #fff;

+}

+

+.openo-pagination-theme .prev.openo-disabled:before {

+    background: url(../images/page_left_disabled.png) 50% 45% no-repeat;

+}

+

+.openo-pagination-theme .prev.openo-disabled:before {

+    background: url(../images/page_left_disabled.png) 50% 45% no-repeat;

+}

+

+.openo-pagination-theme .prev:before {

+    background: url(../images/page_l.png) 50% 45% no-repeat;

+}

+

+.openo-pagination-theme .next:after, .openo-pagination-theme .prev:before {

+    display: inline-block;

+    content: "";

+    vertical-align: middle;

+    width: 10px;

+    height: 24px;

+}

+

+.openo-pagination-theme .prev:before {

+    background: url(../images/page_l.png) 50% 45% no-repeat;

+}

+

+.openo-pagination-theme .next:after, .openo-pagination-theme .prev:before {

+    display: inline-block;

+    content: "";

+    vertical-align: middle;

+    width: 10px;

+    height: 24px;

+}

+

+pagination ul {

+    list-style: none;

+    padding: 0;

+    margin: 0;

+    float: left;

+}

+

+.openo-pagination li, .openo-pagination ul {

+    list-style: none;

+    padding: 0;

+    margin: 0;

+    float: left;

+}

+

+.openoPagination_gototext {

+    background: #FFF;

+    outline: 0;

+    width: 29px;

+    float: left;

+    height: 26px;

+    line-height: 24px;

+    border-radius: 4px;

+    border: 1px solid #c3c3c3;

+    padding: 0 0 0 5px;

+    margin: 0;

+    color: #666;

+    min-width: 50px;

+}

+

+.openoPagination_gotoimage {

+    width: 29px;

+    height: 26px;

+    line-height: 26px;

+    background-color: #FFF;

+    background-image: url(/portal/themes/default/components/openo/images/openo.png);

+    padding-left: 21px;

+    float: left;

+    margin-left: 5px;

+    border: 1px solid #e0e0e0;

+    border-radius: 4px;

+    box-sizing: border-box;

+    -moz-box-sizing: border-box;

+    background-position: -184px -181px !important;

+}

+

+.openo-pagination-theme .ellipse {

+    float: left;

+    margin-left: -8px;

+    margin-right: -4px;

+    background: 0 0;

+    border: none;

+    border-radius: 0;

+    box-shadow: none;

+    font-weight: 700;

+    cursor: default;

+}

+

+.openo.openo-disabled {

+    border-color: #c3c3c3 !important;

+    color: #666 !important;

+    opacity: .3;

+    filter: alpha(opacity=30);

+}

+

+.openo-pagination-theme .prev {

+    background: 0 0;

+    float: left;

+}

+

+.openo-pagination-theme .current {

+    text-decoration: none !important;

+    float: left;

+    padding-left: 6px;

+    height: 26px;

+    color: #fff;

+    display: inline;

+    /*border-color: #00adf5;

+    background: #4ad2ff;*/

+    border: 1px solid #e0e0e0;

+}

+

+.openo-pagination-theme .next:after {

+    background: url(../images/page_r.png) 50% 45% no-repeat;

+}

+

+.openoButton_buttonGroupClass div.openoButton_buttonClass_parent, .openoButton_buttonRightImg {

+    margin-left: 5px;

+}

+

+html, body {

+    height: 99%;

+    width: 98%;

+}

+

+.cotentBody {

+    padding: 0px 20px 0px 20px;

+}

+

+div.openoButton_buttonClass:hover {

+    border: 1px solid #4ac9ff;

+}

+

+div.openoButton_button_default:hover .openoButton_buttonCenterText {

+    color: #009ae7;

+}

+

+.header_lineimg {

+    height: 1px;

+    width: 100%;

+    margin-top: 17px;

+}

+

+.openo.openo-hide {

+    display: none;

+}

+

+div.openo-select-popup-container {

+    position: absolute;

+    border: 1px solid #4ac9ff;

+    border-top: none;

+    border-radius: 0 0 4px 4px;

+    max-height: 202px;

+    overflow-y: auto;

+    background-color: #fff;

+    z-index: 880;

+}

+

+div.openo-select-popup-container > div.openo-select-item {

+    display: block;

+}

+

+.openo .openo-ellipsis, .openo.openo-ellipsis {

+    overflow: hidden;

+    white-space: nowrap;

+    text-overflow: ellipsis;

+}

+

+div.openo-select-popup-container > div.openo-select-item > label {

+    padding-top: 3px;

+    padding-bottom: 3px;

+    line-height: 20px;

+}

+

+.openo .openo-ellipsis, .openo.openo-ellipsis {

+    overflow: hidden;

+    white-space: nowrap;

+    text-overflow: ellipsis;

+}

+

+.openo-select-item label {

+    margin-left: 4px;

+    margin-right: 4px;

+    white-space: nowrap;

+}

+

+div.openo-select-popup-container > div.openo-select-item.openo-item-selected, div.openo-select-popup-container > div.openo-select-item:hover {

+    background-color: #f1f1f1;

+    color: #008fd6;

+}

+

+div.openo-select.openo-focus {

+    border: 1px solid #4ac9ff;

+    border-bottom-left-radius: 0;

+    border-bottom-right-radius: 0;

+    border-bottom-color: #ddd;

+}

+

+.openo-pagination-theme a:hover {

+    border-color: #4ac9ff;

+    cursor: pointer;

+}

+

+.SDBtn {

+    background: #fff;

+    color: #333;

+    border: 1px solid #ddd;

+}

+

+.SDBtn:hover {

+    color: #009ae7;

+    border: 1px solid #4AC9FF

+}

+

+table tbody tr.even:hover td, table tbody tr.odd:hover td {

+    background-color: #e6fbe0;

+}

+

+table tr.openoTable_row_selected td {

+    background: #e8f8fe !important;

+    border-bottom: 1px solid #e8e8e8 !important;

+}

+

+.modal-body {

+    padding: 0 !important;

+}

+

+.form-control {

+    height: 26px !important;

+}

+

+.form-group .control-label {

+    margin-left: 20px;

+}

+

+.form-horizontal .control-label {

+    text-align: left;

+}
\ No newline at end of file
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/css/bootstrap-table.min.css b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/css/bootstrap-table.min.css
index d72d0655..d72d0655 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/css/bootstrap-table.min.css
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/css/bootstrap-table.min.css
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/css/bootstrap.min.css b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/css/bootstrap.min.css
index 679272d2..679272d2 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/css/bootstrap.min.css
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/css/bootstrap.min.css
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/License.txt b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/License.txt
index 8e698ecb..8e698ecb 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/License.txt
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/License.txt
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/add.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/add.png
index d1f82993..d1f82993 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/add.png
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/add.png
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/arrow-down-enable.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/arrow-down-enable.png
index dc8ddbe6..dc8ddbe6 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/arrow-down-enable.png
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/arrow-down-enable.png
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/collapse_arrow.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/collapse_arrow.png
index 8830741a..8830741a 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/collapse_arrow.png
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/collapse_arrow.png
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/delete.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/delete.png
index 737f8797..737f8797 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/delete.png
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/delete.png
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/edit.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/edit.png
index 68d76257..68d76257 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/edit.png
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/edit.png
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/expand_arrow.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/expand_arrow.png
index f8935e1f..f8935e1f 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/expand_arrow.png
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/expand_arrow.png
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/ideo_default_select.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/ideo_default_select.png
index 50c3a251..50c3a251 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/ideo_default_select.png
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/ideo_default_select.png
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/import.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/import.png
index 8cfc5256..8cfc5256 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/import.png
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/import.png
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/line.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/line.png
index 9d340a8d..9d340a8d 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/line.png
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/line.png
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/loading-spinner-grey.gif b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/loading-spinner-grey.gif
index 6d614d3d..6d614d3d 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/loading-spinner-grey.gif
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/loading-spinner-grey.gif
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/openo.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/openo.png
index 328b7353..328b7353 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/openo.png
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/openo.png
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/page_l.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/page_l.png
index e8b98c7c..e8b98c7c 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/page_l.png
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/page_l.png
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/page_left_disabled.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/page_left_disabled.png
index f72a90bd..f72a90bd 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/page_left_disabled.png
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/page_left_disabled.png
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/page_r.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/page_r.png
index 2e637eee..2e637eee 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/page_r.png
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/page_r.png
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/sort_asc.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/sort_asc.png
index a88d7975..a88d7975 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/sort_asc.png
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/sort_asc.png
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/sort_both.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/sort_both.png
index 18670406..18670406 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/sort_both.png
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/sort_both.png
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/sort_desc.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/sort_desc.png
index def071ed..def071ed 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/sort_desc.png
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/sort_desc.png
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/js/bootstrap-table.min.js b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/js/bootstrap-table.min.js
index aa8e6854..aa8e6854 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/js/bootstrap-table.min.js
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/js/bootstrap-table.min.js
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/js/bootstrap.min.js b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/js/bootstrap.min.js
index b04a0e82..b04a0e82 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/js/bootstrap.min.js
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/js/bootstrap.min.js
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/js/brs.js b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/js/brs.js
new file mode 100644
index 00000000..90489c5b
--- /dev/null
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/js/brs.js
@@ -0,0 +1,342 @@
+/* Copyright 2016, Huawei Technologies Co., Ltd.

+ *

+ * 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.

+ */

+

+$('.siteDeleteImg').click(function () {

+    var data = $(this).parent().parent().parent().find('td:last').find('div:last').html();

+    alert(data);

+    var jsonObj = JSON.parse(data);

+    for (var i = 0; i < jsonObj.length; i++) {

+        var obj = jsonObj[i];

+        var rowData = [obj.tpName, obj.peName, obj.vlanId, obj.siteCidr, obj.ip];

+        $('#underlayTpDataTable').DataTable();

+        $('#underlayTpDataTable').dataTable().fnAddData(rowData);

+    }

+});

+

+

+function deleteSite(objectId) {

+    var requestUrl = "/openoapi/sdnobrs/v1/sites/" + objectId;

+    $

+        .ajax({

+            type: "DELETE",

+            url: requestUrl,

+            contentType: "application/json",

+            success: function (jsonobj) {

+                $('#site').bootstrapTable('remove', {

+                    field: 'id',

+                    values: [objectId]

+                });

+                alert("Delete Site successfull !!!");

+            },

+            error: function (xhr, ajaxOptions, thrownError) {

+                alert("Error on deleting site: " + xhr.responseText);

+            }

+        });

+}

+function deleteLink(objectId) {

+    var requestUrl = "/openoapi/sdnobrs/v1/topological-links/" + objectId;

+    $

+        .ajax({

+            type: "DELETE",

+            url: requestUrl,

+            contentType: "application/json",

+            success: function (jsonobj) {

+                $('#link').bootstrapTable('remove', {

+                    field: 'id',

+                    values: [objectId]

+                });

+                alert("Delete Link successfull !!!");

+            },

+            error: function (xhr, ajaxOptions, thrownError) {

+                alert("Error on deleting link : " + xhr.responseText);

+            }

+        });

+}

+

+function deleteNe(objectId) {

+    var requestUrl = "/openoapi/sdnobrs/v1/managed-elements/" + objectId;

+    $

+        .ajax({

+            type: "DELETE",

+            url: requestUrl,

+            contentType: "application/json",

+            success: function (jsonobj) {

+                $('#ne').bootstrapTable('remove', {

+                    field: 'id',

+                    values: [objectId]

+                });

+                alert("Delete NE successfull !!!");

+            },

+            error: function (xhr, ajaxOptions, thrownError) {

+                alert("Error on deleting ne : " + xhr.responseText);

+            }

+        });

+}

+

+function deletePort(objectId) {

+    var requestUrl = "/openoapi/sdnobrs/v1/logical-termination-points/" + objectId;

+    $

+        .ajax({

+            type: "DELETE",

+            url: requestUrl,

+            contentType: "application/json",

+            success: function (jsonobj) {

+                $('#port').bootstrapTable('remove', {

+                    field: 'id',

+                    values: [objectId]

+                });

+                alert("Delete Port successfull !!!");

+            },

+            error: function (xhr, ajaxOptions, thrownError) {

+                alert("Error on deleting port : " + xhr.responseText);

+            }

+        });

+}

+function loadSiteData() {

+    var requestUrl = "/openoapi/sdnobrs/v1/sites";

+    $

+        .ajax({

+            type: "GET",

+            url: requestUrl,

+            contentType: "application/json",

+            success: function (jsonobj) {

+                $('#site').bootstrapTable({

+                    data: jsonobj.sites

+                });

+            },

+            error: function (xhr, ajaxOptions, thrownError) {

+                alert("Error on getting site data : " + xhr.responseText);

+            }

+        });

+}

+function loadLinkData() {

+    var requestUrl = "/openoapi/sdnobrs/v1/topological-links";

+    $

+        .ajax({

+            type: "GET",

+            url: requestUrl,

+            contentType: "application/json",

+            success: function (jsonobj) {

+                $('#link').bootstrapTable({

+                    data: jsonobj.topologicalLinks

+                });

+            },

+            error: function (xhr, ajaxOptions, thrownError) {

+                alert("Error on getting link data : " + xhr.responseText);

+            }

+        });

+}

+function loadNeData() {

+    var requestUrl = "/openoapi/sdnobrs/v1/managed-elements";

+    $

+        .ajax({

+            type: "GET",

+            url: requestUrl,

+            contentType: "application/json",

+            success: function (jsonobj) {

+                $('#ne').bootstrapTable({

+                    data: jsonobj.managedElements

+                });

+            },

+            error: function (xhr, ajaxOptions, thrownError) {

+                alert("Error on getting ne data : " + xhr.responseText);

+            }

+        });

+}

+function loadPortData() {

+    var requestUrl = "/openoapi/sdnobrs/v1/logical-termination-points";

+    $

+        .ajax({

+            type: "GET",

+            url: requestUrl,

+            contentType: "application/json",

+            success: function (jsonobj) {

+                $('#port').bootstrapTable({

+                    data: jsonobj.logicalTerminationPoints

+                });

+            },

+            error: function (xhr, ajaxOptions, thrownError) {

+                alert("Error on getting port data : " + xhr.responseText);

+            }

+        });

+}

+$(function () {

+    $('.creat-btn').click(function () {

+        $('#vmAppDialog').addClass('in').css({'display': 'block'});

+

+    });

+    $('.close,.button-previous').click(function () {

+        $('#vmAppDialog').removeClass('in').css('display', 'none');

+    });

+    $('.detail-top ul li').click(function () {

+        $(this).addClass('current').siblings().removeClass('current');

+    });

+    $('.para').click(function () {

+        if ($('#serviceTemplateName').val() == '') {

+            alert('Please choose the service templet！');

+            $('#flavorTab').css('display', 'none');

+        } else {

+            $('#flavorTab').css('display', 'block');

+        }

+        $('#basicTab').css('display', 'block');

+    });

+    $('.basic').click(function () {

+        $('#flavorTab').css('display', 'none');

+    });

+

+    $('.table tbody tr').click(function () {

+        $(this).addClass('openoTable_row_selected').siblings().removeClass('openoTable_row_selected');

+    });

+    $('.table tr:odd').addClass('active');

+    $('#false').click(function () {

+        $('#vmAppDialog').addClass('in').css({'display': 'block'});

+    });

+    $('.close,.button-previous').click(function () {

+        $('#vmAppDialog').removeClass('in').css('display', 'none');

+    });

+    $('#filterTpLogicalType').click(function () {

+        $('#filterTpLogicalType_select_popupcontainer').toggleClass('openo-hide');

+        $('#filterTpLogicalType').toggleClass('openo-focus');

+        var oLeft = $('#open_base_tpL_td6').offset().left;

+        var oTop = $('#open_base_tpL_td6').offset().top;

+        var oHeight = $('#open_base_tpL_td6').height();

+        $('#filterTpLogicalType_select_popupcontainer').css({'left': oLeft, 'top': oTop + oHeight + 10});

+    });

+    $('div.openo-select-popup-container>div.openo-select-item>label').click(function () {

+        var Lvalue = $(this).html();

+        $('#filterTpLogicalType_select_input').attr('value', Lvalue);

+        $('#filterTpLogicalType_select_popupcontainer').addClass('openo-hide');

+        $('#filterTpLogicalType').removeClass('openo-focus');

+    });

+    $.fn.serializeObject = function () {

+        var o = {};

+        var a = this.serializeArray();

+        $.each(a, function () {

+            if (o[this.name] !== undefined) {

+                if (!o[this.name].push) {

+                    o[this.name] = [o[this.name]];

+                }

+                o[this.name].push(this.value || '');

+            } else {

+                o[this.name] = this.value || '';

+            }

+        });

+        return o;

+    };

+    $('#createSite').click(function () {

+        var formData = JSON.stringify($("#vmAppForm").serializeObject());

+        var jsonobj = JSON.parse(formData);

+        var newJson = {"site": jsonobj};

+        formData = JSON.stringify(newJson);

+        var requestUrl = "/openoapi/sdnobrs/v1/sites";

+        $

+            .ajax({

+                type: "POST",

+                url: requestUrl,

+                contentType: "application/json",

+                dataType: "json",

+                data: formData,

+                success: function (jsonResp) {

+                    alert("Site saved successfully!!!");

+                    jsonobj["id"] = jsonResp.site.id;

+                    $('#site').bootstrapTable("append", jsonobj);

+                    $('#vmAppDialog').removeClass('in').css('display', 'none');

+                },

+                error: function (xhr, ajaxOptions, thrownError) {

+                    alert("Error on page : " + xhr.responseText);

+                }

+            });

+    });

+

+    $('#createNe').click(function () {

+        var formData = JSON.stringify($("#neForm").serializeObject());

+        var jsonobj = JSON.parse(formData);

+        var newJson = {"managedElement": jsonobj};

+        formData = JSON.stringify(newJson);

+        var requestUrl = "/openoapi/sdnobrs/v1/managed-elements";

+        $

+            .ajax({

+                type: "POST",

+                url: requestUrl,

+                contentType: "application/json",

+                dataType: "json",

+                data: formData,

+                success: function (jsonResp) {

+                    alert("NE saved successfully!!!");

+                    jsonobj["id"] = jsonResp.managedElement.id;

+                    $('#ne').bootstrapTable("append", jsonobj);

+                    $('#vmAppDialog').removeClass('in').css('display', 'none');

+

+                },

+                error: function (xhr, ajaxOptions, thrownError) {

+                    alert("Error on page : " + xhr.responseText);

+                }

+            });

+    });

+

+    $('#createPort').click(function () {

+        var formData = JSON.stringify($("#portForm").serializeObject());

+        var jsonobj = JSON.parse(formData);

+        var newJson = {"logicalTerminationPoint": jsonobj};

+        formData = JSON.stringify(newJson);

+        var requestUrl = "/openoapi/sdnobrs/v1/logical-termination-points";

+        $

+            .ajax({

+                type: "POST",

+                url: requestUrl,

+                contentType: "application/json",

+                dataType: "json",

+                data: formData,

+                success: function (jsonResp) {

+                    alert("Port saved successfully!!!");

+                    //TODO : hide model data window.

+                    jsonobj["id"] = jsonResp.logicalTerminationPoint.id;

+                    $('#port').bootstrapTable("append", jsonobj);

+                    $('#vmAppDialog').removeClass('in').css('display', 'none');

+

+                },

+                error: function (xhr, ajaxOptions, thrownError) {

+                    alert("Error on page : " + xhr.responseText);

+                }

+            });

+    });

+

+    $('#createLink').click(function () {

+        var formData = JSON.stringify($("#linkForm").serializeObject());

+        var jsonobj = JSON.parse(formData);

+        var newJson = {"topologicalLink": jsonobj};

+        formData = JSON.stringify(newJson);

+        var requestUrl = "/openoapi/sdnobrs/v1/topological-links";

+        $

+            .ajax({

+                type: "POST",

+                url: requestUrl,

+                contentType: "application/json",

+                dataType: "json",

+                data: formData,

+                success: function (jsonResp) {

+                    alert("Link saved successfully!!!");

+                    jsonobj["id"] = jsonResp.topologicalLink.id;

+                    $('#link').bootstrapTable("append", jsonobj);

+                    $('#vmAppDialog').removeClass('in').css('display', 'none');

+

+                },

+                error: function (xhr, ajaxOptions, thrownError) {

+                    alert("Error on page : " + xhr.responseText);

+                }

+            });

+    });

+

+})
\ No newline at end of file
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/js/jquery-1.11.2.min.js b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/js/jquery-1.11.2.min.js
index e6a051d0..e6a051d0 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/js/jquery-1.11.2.min.js
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/js/jquery-1.11.2.min.js
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/link.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/link.html
new file mode 100644
index 00000000..64458cd5
--- /dev/null
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/link.html
@@ -0,0 +1,351 @@
+<!--

+

+    Copyright 2016, Huawei Technologies Co., Ltd.

+

+    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="css/bootstrap.min.css" rel="stylesheet"/>

+        <link href="css/VMMain.css" rel="stylesheet"/>

+        <link href="css/bootstrap-table.min.css" rel="stylesheet"/>

+        <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>

+        <script type="text/javascript" src="js/bootstrap.min.js"></script>

+        <script type="text/javascript" src="js/brs.js"></script>

+        <script type="text/javascript" src="js/bootstrap-table.min.js"></script>

+        <script type="text/javascript">

+            $(document).ready(function () {

+

+

+                var jsondata = loadLinkData();

+

+                $('#link').bootstrapTable({

+                    //Assigning data to table

+                    data: jsondata

+                });

+            });

+            function operateFormatter(value, row, index) {

+                return [

+                    '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'

+                ].join('');

+

+            }

+            window.operateEvents = {

+                'click .siteDeleteImg': function (e, value, row, index) {

+                    // TO DO ajex call for delete

+                    deleteLink(row.id);

+                    console.log(value, row, index);

+                }

+            };

+        </script>

+    </head>

+<body id="open_base_site_cotentBody" class="cotentBody ng-scope">

+<div class="container-fluid ms-controller">

+

+    <div class="uploadBtn">

+        <div id="open_base_tpL_userHeader" class="userHeader">

+            <div id="open_base_tpL_buttonGroup" class="openoButton_buttonGroupClass">

+                <div class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default"

+                     tabindex="0" id="false" text="res.brApp_ui_res_btn_create" icon-url="./images/add.png"

+                     cls="defaultbutton" click="clickAdd"

+                     style="display: inline-block; padding-left: 0px; padding-right: 0px;">

+                    <div class="openoButton_buttonInnerClass openo-corner-all openoButton_Image" id="false_button"><span

+                            class="openo-widget-button-image openoButton_buttonLeftImg"

+                            style="background-image: url(images/add.png);"></span><span

+                            class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Create</span><span

+                            class="openo-widget-button-image openoButton_buttonImgDefault"></span></div>

+                </div>

+

+            </div>

+        </div>

+    </div>

+

+    <div class="row-fluid" data-name="table_zone">

+        <div id='ict_virtualApplication_table_div'>

+            <div>

+                <div class="top">

+                    <table id="link" data-pagination="true" data-page-size="5" data-pagination-first-text="First"

+                           data-pagination-pre-text="Previous" data-pagination-next-text="Next"

+                           data-pagination-last-text="Last">

+                        <thead id="link" class="openo-table-thead">

+                        <tr class="active">

+                            <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                                data-field="name" data-sortable="true">

+                                <div class="openo-table-th-border"></div>

+                                <div class="DataTables_sort_wrapper openo-ellipsis ">

+											<span id="linkName_sorticon"

+                                                  class="openo-table-th-sorticon overflow_elip openoTable_sortable leftHeaderAlign  openo-table-disable-element ">Name

+                                            </span>

+                                </div>

+                            </th>

+                            <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                                data-field="logicalType" data-sortable="true">

+                                <div class="openo-table-th-border"></div>

+                                <div class="DataTables_sort_wrapper openo-ellipsis ">

+							                <span id="link_aEnd_sorticon"

+                                                  class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Type

+                                            </span>

+                                </div>

+                            </th>

+                            <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                                data-field="layerRate" data-sortable="true">

+                                <div class="openo-table-th-border"></div>

+                                <div class="DataTables_sort_wrapper openo-ellipsis ">

+							                <span id="link_layerRate_sorticon"

+                                                  class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Layer Rate

+                                            </span>

+                                </div>

+                            </th>

+                            <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                                data-field="aEnd" data-sortable="true">

+                                <div class="openo-table-th-border"></div>

+                                <div class="DataTables_sort_wrapper openo-ellipsis ">

+							                <span id="link_aEnd_sorticon"

+                                                  class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Source Port

+                                            </span>

+                                </div>

+                            </th>

+                            <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                                data-field="zEnd" data-sortable="true">

+                                <div class="openo-table-th-border"></div>

+                                <div class="DataTables_sort_wrapper openo-ellipsis ">

+							                <span id="link_zEnd_sorticon"

+                                                  class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Sink Port

+                                            </span>

+                                </div>

+                            </th>

+

+                            <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                                data-field="aEndME" data-sortable="true">

+                                <div class="openo-table-th-border"></div>

+                                <div class="DataTables_sort_wrapper openo-ellipsis ">

+							                <span id="link_source_sorticon"

+                                                  class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Source NE

+                                            </span>

+                                </div>

+                            </th>

+                            <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                                data-field="zEndME" data-sortable="true">

+                                <div class="openo-table-th-border"></div>

+                                <div class="DataTables_sort_wrapper openo-ellipsis ">

+							                <span id="link_source_sorticon"

+                                                  class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Sink NE

+                                            </span>

+                                </div>

+                            </th>

+                            <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                                data-field="adminState" data-sortable="true">

+                                <div class="openo-table-th-border"></div>

+                                <div class="DataTables_sort_wrapper openo-ellipsis ">

+							                <span id="link_adminState_sorticon"

+                                                  class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Admin State

+                                            </span>

+                                </div>

+                            </th>

+                            <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                                data-field="operState" data-sortable="true">

+                                <div class="openo-table-th-border"></div>

+                                <div class="DataTables_sort_wrapper openo-ellipsis ">

+							                <span id="link_operState_sorticon"

+                                                  class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Operating State

+                                            </span>

+                                </div>

+                            </th>

+                            <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                                data-field="siteType" align="center" data-formatter="operateFormatter"

+                                data-events="operateEvents">

+                                <div class="openo-table-th-border"></div>

+                                <div class="DataTables_sort_wrapper openo-ellipsis ">

+							                <span id="link_latency_sorticon"

+                                                  class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Actions

+                                            </span>

+                                </div>

+                            </th>

+                        </tr>

+                        </thead>

+                        <tbody>

+                        <!-- <tr style="display: none;">

+                            <td colspan="7" style="text-align: center;">NULL</td>

+                        </tr>

+                        <tr class="odd  openo-table-tr openo-table-disable-element" data-rowid="0" data-tableid="siteTable">

+                            <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor    " data-colid="siteName" data-tableid="siteTable">

+                                <div class="openo-table-disable-element overflow_elip leftDataAlign">

+                                    <a class="openo-table-disable-element hyperLinkRow" href="javascript:void(0)" id="siteTable_0_siteName_link">Link1</a></div>

+                            </td>

+                            <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

+                                <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">Type</div>

+                            </td>

+                            <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

+                                <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">15</div>

+                            </td>

+                            <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

+                                <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">8080</div>

+                            </td>

+                            <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

+                                <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">1234</div>

+                            </td>

+                            <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

+                                <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">NE</div>

+                            </td>

+                            <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

+                                <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">UP</div>

+                            </td>

+                            <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

+                                <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">UP</div>

+                            </td>

+                            <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteOperation" data-tableid="siteTable">

+                                <div class="openo-table-disable-element overflow_elip leftDataAlign openo-table-custom-el" id="siteTable_0_siteOperation_custom_el">

+                                <div>

+                                    <img src="images/delete.png" href="javascript:void(0)" onclick="deleteLink('this')"  opertype="siteDelete" style="cursor: pointer" title="Delete" id="bac4ff3c-d693-4f54-86cd-25af1ea22f59" rowid="0/">

+                                </div></div>

+                            </td>

+                        </tr> -->

+                        </tbody>

+                    </table>

+                </div>

+            </div>

+        </div>

+    </div>

+    <!-- <div id="tpListopenotable_pagination_wrapper" class="openo-table-pagination-wrapper" style="display: block;"><div class="pagination-container openo-pagination-theme openo-pagination"><div class="openoPagination_openoPaginationLengthOptions" id="tpListopenotable_wrapper_div"><input readonly="true" class="openo-pagination-select openopaginationselect" value="" id="tpListopenotable_wrapper_input" actualval="20" style="width: 32px;"><span class="openo-pagination-selectspan openopaginationselectspan" id="tpListopenotable_wrapper_trigger"></span></div><label style="display: block;float:left;">Total records: 23</label><li class="active"><span class="current prev openo-disabled" id="tpListopenotable_wrapper_prev">&nbsp;</span></li><ul><li class="active"><span class="current" id="tpListopenotable_wrapper_page_link_1">1</span></li><li><a class="page-link" id="tpListopenotable_wrapper_page_link_2">2</a></li><li><a class="page-link" id="tpListopenotable_wrapper_page_link_3">3</a></li><li><a class="page-link next" id="tpListopenotable_wrapper_next">&nbsp;</a></li></ul></div></div> -->

+

+    <div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"

+         aria-labelledby="myModalLabel" aria-hidden="false">

+        <div class="modal-dialog">

+            <div class="modal-content">

+                <div class="content">

+                    <div class="modal-header">

+                        <button type="button" class="close" data-dismiss="modal"

+                                aria-hidden="true">×

+                        </button>

+                        <h4 class="modal-title" id="myModalLabel">

+                            <span>Create</span>

+                        </h4>

+                    </div>

+                    <form class="form-horizontal" role="form" id="linkForm">

+                        <div id="wizard">

+                            <div class="modal-body">

+                                <ul class="nav nav-pills nav-justified vmapp-margin">

+                                </ul>

+                                <div class="tab-content">

+                                    <div class="tab-pane active" id="basicTab">

+                                        <div class="form-group" ms-class="has-error:vmAppDialog.name==''">

+                                            <label class="col-sm-3 control-label">

+                                                <span>Name</span>

+                                                <span class="required">*</span>

+                                            </label>

+                                            <div class="col-sm-7">

+                                                <input type="text" id="name" name="name" class="form-control"/>

+                                            </div>

+                                        </div>

+                                        <div class="form-group">

+                                            <label class="col-sm-3 control-label">

+                                                <span>Type</span>

+                                            </label>

+                                            <div class="col-sm-7">

+                                                <select class="form-control"

+                                                        style="padding-top: 0px;padding-bottom: 0px;" id="logicalType"

+                                                        name="logicalType">

+                                                    <option value="fiberLink">Fiber Link</option>

+                                                    <option value="l2Link">L2 Link</option>

+                                                    <option value="ipLink">IP Link</option>

+                                                    <option value="electricalLink">Electrical Link</option>

+                                                </select>

+                                            </div>

+                                        </div>

+                                        <div class="form-group" ms-class="has-error:vmAppDialog.name==''">

+                                            <label class="col-sm-3 control-label">

+                                                <span>Layer Rate</span>

+                                            </label>

+                                            <div class="col-sm-7">

+                                                <input type="text" id="layerRate" name="layerRate"

+                                                       class="form-control"/>

+                                            </div>

+                                        </div>

+

+

+                                        <div class="form-group" ms-class="has-error:vmAppDialog.name==''">

+                                            <label class="col-sm-3 control-label">

+                                                <span>Source Port</span>

+                                            </label>

+                                            <div class="col-sm-7">

+                                                <input type="text" id="aEnd" name="aEnd" class="form-control"/>

+                                            </div>

+                                        </div>

+                                        <div class="form-group" ms-class="has-error:vmAppDialog.name==''">

+                                            <label class="col-sm-3 control-label">

+                                                <span>Sink Port</span>

+                                            </label>

+                                            <div class="col-sm-7">

+                                                <input type="text" id="zEnd" name="zEnd" class="form-control"/>

+                                            </div>

+                                        </div>

+                                        <div class="form-group" ms-class="has-error:vmAppDialog.name==''">

+                                            <label class="col-sm-3 control-label">

+                                                <span>Source NE</span>

+                                            </label>

+                                            <div class="col-sm-7">

+                                                <input type="text" id="aEndMe" name="aEndME" class="form-control"/>

+                                            </div>

+                                        </div>

+                                        <div class="form-group" ms-class="has-error:vmAppDialog.name==''">

+                                            <label class="col-sm-3 control-label">

+                                                <span>Sink NE</span>

+                                            </label>

+                                            <div class="col-sm-7">

+                                                <input type="text" id="zEndMe" name="zEndME" class="form-control"/>

+                                            </div>

+                                        </div>

+                                    </div>

+                                </div>

+                            </div>

+                            <div class="modal-footer">

+                                <button type="button" class="btn SDBtn" data-dismiss="modal" aria-hidden="true"

+                                        id="createLink">

+                                    <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>

+                                </button>

+                                <button type="button" class="btn button-previous SDBtn">

+                                    <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>

+                                </button>

+

+                            </div>

+                        </div>

+                    </form>

+                </div>

+            </div>

+        </div>

+    </div>

+</div>

+<div id="filterTpLogicalType_select_popupcontainer" class="openo openo-select-popup-container openo-hide"

+     style="width: 155px; max-height: 130px; left: 628px; top: 104px; z-index: 1761;">

+    <div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_0"><label

+            class="openo-ellipsis openo-select-blank-item" style="width: 100%; display: block; height: 20px;"></label>

+    </div>

+    <div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_1"><label

+            class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">ETH</label></div>

+    <div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_2"><label

+            class="openo-ellipsis " style="width: 100%; display: block; height: 20px;" title="POS">POS</label></div>

+    <div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_3"><label

+            class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Trunk</label></div>

+    <div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_4"><label

+            class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Loopback</label></div>

+</div>

+

+

+</body>

+</html>
\ No newline at end of file
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/ne.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/ne.html
new file mode 100644
index 00000000..56e2aa78
--- /dev/null
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/ne.html
@@ -0,0 +1,340 @@
+<!--

+

+    Copyright 2016, Huawei Technologies Co., Ltd.

+

+    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="css/bootstrap.min.css" rel="stylesheet"/>

+        <link href="css/VMMain.css" rel="stylesheet"/>

+        <link href="css/bootstrap-table.min.css" rel="stylesheet"/>

+        <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>

+        <script type="text/javascript" src="js/bootstrap.min.js"></script>

+        <script type="text/javascript" src="js/brs.js"></script>

+        <script type="text/javascript" src="js/bootstrap-table.min.js"></script>

+        <script type="text/javascript">

+            $(document).ready(function () {

+                var jsondata = [];

+                jsondata = loadNeData();

+                $('#ne').bootstrapTable({

+                    //Assigning data to table

+                    data: jsondata

+                });

+

+            });

+            function operateFormatter(value, row, index) {

+                return [

+                    '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'

+                ].join('');

+

+            }

+            window.operateEvents = {

+                'click .siteDeleteImg': function (e, value, row, index) {

+                    // TO DO ajex call for delete

+                    var result = deleteNe(row.id, row);

+                }

+            };

+

+        </script>

+    </head>

+<body id="open_base_site_cotentBody" class="cotentBody ng-scope">

+<div class="container-fluid ms-controller">

+

+

+    <div class="uploadBtn">

+        <div id="open_base_tpL_userHeader" class="userHeader">

+            <div id="open_base_tpL_buttonGroup" class="openoButton_buttonGroupClass">

+                <div class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default"

+                     tabindex="0" id="false" text="res.brApp_ui_res_btn_create" icon-url="./images/add.png"

+                     cls="defaultbutton" click="clickAdd"

+                     style="display: inline-block; padding-left: 0px; padding-right: 0px;">

+                    <div class="openoButton_buttonInnerClass openo-corner-all openoButton_Image" id="false_button"><span

+                            class="openo-widget-button-image openoButton_buttonLeftImg"

+                            style="background-image: url(images/add.png);"></span><span

+                            class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Create</span><span

+                            class="openo-widget-button-image openoButton_buttonImgDefault"></span></div>

+                </div>

+            </div>

+        </div>

+    </div>

+

+    <div class="row-fluid" data-name="table_zone">

+        <div id='ict_virtualApplication_table_div'>

+            <div>

+                <div class="top">

+                    <table id="ne" data-row-style="rowStyle" data-pagination="true" data-page-size="5"

+                           data-pagination-first-text="First" data-pagination-pre-text="Previous"

+                           data-pagination-next-text="Next" data-pagination-last-text="Last">

+                        <thead class="openo-table-thead">

+                        <tr class="active">

+                            <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                                data-field="name" data-sortable="true">

+                                <div class="openo-table-th-border"></div>

+                                <div class="DataTables_sort_wrapper openo-ellipsis ">

+											<span class="openo-table-th-sorticon overflow_elip openoTable_sortable leftHeaderAlign  openo-table-disable-element ">Name

+                                            </span>

+                                </div>

+                            </th>

+                            <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                                data-field="version" data-sortable="true">

+                                <div class="openo-table-th-border"></div>

+                                <div class="DataTables_sort_wrapper openo-ellipsis ">

+							                <span id="ne_isVersion_sorticon"

+                                                  class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Version

+                                            </span>

+                                </div>

+                            </th>

+                            <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                                data-field="productName" data-sortable="true">

+                                <div class="openo-table-th-border"></div>

+                                <div class="DataTables_sort_wrapper openo-ellipsis ">

+							                <span id="neproductName_sorticon"

+                                                  class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Product Name

+                                            </span>

+                                </div>

+                            </th>

+                            <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                                data-field="ipAddress" data-sortable="true">

+                                <div class="openo-table-th-border"></div>

+                                <div class="DataTables_sort_wrapper openo-ellipsis ">

+							                <span id="ne_ipAddress_sorticon"

+                                                  class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">IP Address

+                                            </span>

+                                </div>

+                            </th>

+                            <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                                data-field="neRole" data-sortable="true">

+                                <div class="openo-table-th-border"></div>

+                                <div class="DataTables_sort_wrapper openo-ellipsis ">

+							                <span id="ne_neRole_sorticon"

+                                                  class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element0">NE Role

+                                            </span>

+                                </div>

+                            </th>

+                            <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                                data-field="adminState">

+                                <div class="openo-table-th-border"></div>

+                                <div class="DataTables_sort_wrapper openo-ellipsis ">

+							                <span id="ne_adminState_sorticon"

+                                                  class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Admin State

+                                            </span>

+                                </div>

+                            </th>

+                            <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                                data-field="operState" data-sortable="true">

+                                <div class="openo-table-th-border"></div>

+                                <div class="DataTables_sort_wrapper openo-ellipsis ">

+							                <span id="ne_operState_sorticon"

+                                                  class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Operating State

+                                            </span>

+                                </div>

+                            </th>

+                            <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                                align="center" data-formatter="operateFormatter" data-events="operateEvents">

+                                <div class="openo-table-th-border"></div>

+                                <div class="DataTables_sort_wrapper openo-ellipsis ">

+							                <span id="ne_nativeID_sorticon"

+                                                  class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Actions

+                                            </span>

+                                </div>

+                            </th>

+                        </tr>

+                        </thead>

+                        <!-- <tbody>

+                            <tr style="display: none;">

+                                <td colspan="7" style="text-align: center;">NULL</td>

+                            </tr>

+                            <tr class="odd  openo-table-tr openo-table-disable-element" data-rowid="0" data-tableid="siteTable">

+                                <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor    " data-colid="siteName" data-tableid="siteTable">

+                                    <div class="openo-table-disable-element overflow_elip leftDataAlign">

+                                        <a class="openo-table-disable-element hyperLinkRow" href="javascript:void(0)" id="siteTable_0_siteName_link">NE</a></div>

+                                </td>

+                                <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

+                                    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">1.1</div>

+                                </td>

+                                <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

+                                    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">SDN</div>

+                                </td>

+                                <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

+                                    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">192.168.100.102</div>

+                                </td>

+                                <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

+                                    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">Role</div>

+                                </td>

+                                <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

+                                    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">Admin</div>

+                                </td>

+                                <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

+                                    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">UP</div>

+                                </td>

+                                <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteOperation" data-tableid="siteTable">

+                                    <div class="openo-table-disable-element overflow_elip leftDataAlign openo-table-custom-el" id="siteTable_0_siteOperation_custom_el">

+                                        <div>

+                                        <img src="images/delete.png" href="javascript:void(0)" onclick="deleteNe('this');" opertype="siteDelete" style="cursor: pointer" title="Delete" id="bac4ff3c-d693-4f54-86cd-25af1ea22f59" rowid="0/">

+                                        </div>

+                                    </div>

+                                </td>

+                            </tr>

+                            <tr class="even  openo-table-tr openo-table-disable-element" data-rowid="0" data-tableid="siteTable">

+                                <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor    " data-colid="siteName" data-tableid="siteTable">

+                                    <div class="openo-table-disable-element overflow_elip leftDataAlign">

+                                        <a class="openo-table-disable-element hyperLinkRow" href="javascript:void(0)" id="siteTable_0_siteName_link">NE</a></div>

+                                </td>

+                                <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

+                                    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">1.1</div>

+                                </td>

+                                <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

+                                    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">SDN</div>

+                                </td>

+                                <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

+                                    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">192.168.100.102</div>

+                                </td>

+                                <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

+                                    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">Role</div>

+                                </td>

+                                <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

+                                    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">Admin</div>

+                                </td>

+                                <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

+                                    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">UP</div>

+                                </td>

+                                <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteOperation" data-tableid="siteTable">

+                                    <div class="openo-table-disable-element overflow_elip leftDataAlign openo-table-custom-el" id="siteTable_0_siteOperation_custom_el">

+                                        <div>

+                                        <img src="images/delete.png" href="javascript:void(0)" onclick="deleteNe('this');" opertype="siteDelete" style="cursor: pointer" title="Delete" id="bac4ff3c-d693-4f54-86cd-25af1ea22f59" rowid="0/">

+                                        </div>

+                                    </div>

+                                </td>

+                            </tr>

+                        </tbody> -->

+                    </table>

+                </div>

+            </div>

+        </div>

+    </div>

+    <!-- <div id="tpListopenotable_pagination_wrapper" class="openo-table-pagination-wrapper" style="display: block;"><div class="pagination-container openo-pagination-theme openo-pagination"><div class="openoPagination_openoPaginationLengthOptions" id="tpListopenotable_wrapper_div"><input readonly="true" class="openo-pagination-select openopaginationselect" value="" id="tpListopenotable_wrapper_input" actualval="20" style="width: 32px;"><span class="openo-pagination-selectspan openopaginationselectspan" id="tpListopenotable_wrapper_trigger"></span></div><label style="display: block;float:left;">Total records: 23</label><li class="active"><span class="current prev openo-disabled" id="tpListopenotable_wrapper_prev">&nbsp;</span></li><ul><li class="active"><span class="current" id="tpListopenotable_wrapper_page_link_1">1</span></li><li><a class="page-link" id="tpListopenotable_wrapper_page_link_2">2</a></li><li><a class="page-link" id="tpListopenotable_wrapper_page_link_3">3</a></li><li><a class="page-link next" id="tpListopenotable_wrapper_next">&nbsp;</a></li></ul></div></div> -->

+

+    <div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"

+         aria-labelledby="myModalLabel" aria-hidden="false">

+        <div class="modal-dialog">

+            <div class="modal-content">

+                <div class="content">

+                    <div class="modal-header">

+                        <button type="button" class="close" data-dismiss="modal"

+                                aria-hidden="true">×

+                        </button>

+                        <h4 class="modal-title" id="myModalLabel">

+                            <span>Create</span>

+                        </h4>

+                    </div>

+                    <form class="form-horizontal" role="form" id="neForm">

+                        <div id="wizard">

+                            <div class="modal-body">

+                                <ul class="nav nav-pills nav-justified vmapp-margin">

+

+                                </ul>

+                                <div class="tab-content">

+                                    <div class="tab-pane active" id="basicTab">

+                                        <div class="form-group" ms-class="has-error:vmAppDialog.name==''">

+                                            <label class="col-sm-3 control-label">

+                                                <span>Name</span>

+                                                <span class="required">*</span>

+                                            </label>

+                                            <div class="col-sm-7">

+                                                <input type="text" id="name" name="name" class="form-control"

+                                                       placeholder="Name"/>

+                                            </div>

+                                        </div>

+                                        <div class="form-group" ms-class="has-error:vmAppDialog.name==''">

+                                            <label class="col-sm-3 control-label">

+                                                <span>Version</span>

+                                                <span class="required">*</span>

+                                            </label>

+                                            <div class="col-sm-7">

+                                                <input type="text" id="version" name="version" class="form-control"

+                                                       placeholder="1.1"/>

+                                            </div>

+                                        </div>

+                                        <div class="form-group">

+                                            <label class="col-sm-3 control-label">

+                                                <span>Product Name</span>&nbsp;&nbsp;&nbsp;

+                                            </label>

+                                            <div class="col-sm-7">

+                                                <input type="text" id="productName" name="productName"

+                                                       class="form-control" placeholder="Product Name"/>

+                                            </div>

+                                        </div>

+                                        <div class="form-group">

+                                            <label class="col-sm-3 control-label">

+                                                <span>IP Address</span>&nbsp;&nbsp;&nbsp;

+                                            </label>

+                                            <div class="col-sm-7">

+                                                <input type="text" id="ipAddress" name="ipAddress" class="form-control"

+                                                       placeholder="255.255.255.255"/>

+                                            </div>

+                                        </div>

+                                        <!-- TODO : check for valid neRole

+                                        <div class="form-group">

+                                            <label class="col-sm-3 control-label">

+                                                <span>NE Role</span>&nbsp;&nbsp;&nbsp;

+                                            </label>

+                                             <div class="col-sm-7">

+                                                <input type="text" id="neRole" name="neRole" class="form-control" placeholder="Role"/>

+                                            </div>

+                                        </div>

+                                        -->

+                                    </div>

+                                </div>

+                            </div>

+                            <div class="modal-footer">

+                                <button type="button" class="btn SDBtn" data-dismiss="modal" aria-hidden="true"

+                                        id="createNe">

+                                    <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>

+                                </button>

+                                <button type="button" class="btn button-previous SDBtn">

+                                    <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>

+                                </button>

+

+                            </div>

+                        </div>

+                    </form>

+                </div>

+            </div>

+        </div>

+    </div>

+</div>

+<div id="filterTpLogicalType_select_popupcontainer" class="openo openo-select-popup-container openo-hide"

+     style="width: 155px; max-height: 130px; left: 628px; top: 104px; z-index: 1761;">

+    <div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_0"><label

+            class="openo-ellipsis openo-select-blank-item" style="width: 100%; display: block; height: 20px;"></label>

+    </div>

+    <div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_1"><label

+            class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">ETH</label></div>

+    <div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_2"><label

+            class="openo-ellipsis " style="width: 100%; display: block; height: 20px;" title="POS">POS</label></div>

+    <div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_3"><label

+            class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Trunk</label></div>

+    <div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_4"><label

+            class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Loopback</label></div>

+</div>

+

+

+</body>

+</html>
\ No newline at end of file
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/port.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/port.html
new file mode 100644
index 00000000..73358cce
--- /dev/null
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/port.html
@@ -0,0 +1,351 @@
+<!--

+

+    Copyright 2016, Huawei Technologies Co., Ltd.

+

+    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="css/bootstrap.min.css" rel="stylesheet"/>

+        <link href="css/VMMain.css" rel="stylesheet"/>

+        <link href="css/bootstrap-table.min.css" rel="stylesheet"/>

+        <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>

+        <script type="text/javascript" src="js/bootstrap.min.js"></script>

+        <script type="text/javascript" src="js/brs.js"></script>

+        <script type="text/javascript" src="js/bootstrap-table.min.js"></script>

+        <script type="text/javascript">

+            $(document).ready(function () {

+

+                var jsondata = [];

+                jsondata = loadPortData();

+

+                $('#port').bootstrapTable({

+                    //Assigning data to table

+                    data: jsondata

+                });

+            });

+            function operateFormatter(value, row, index) {

+                return [

+                    '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'

+                ].join('');

+

+            }

+            window.operateEvents = {

+                'click .siteDeleteImg': function (e, value, row, index) {

+

+                    deletePort(row.id);

+                    console.log(value, row, index);

+                }

+            };

+        </script>

+    </head>

+<body id="open_base_site_cotentBody" class="cotentBody ng-scope">

+

+

+<div class="uploadBtn">

+    <div id="open_base_tpL_userHeader" class="userHeader">

+        <div id="open_base_tpL_buttonGroup" class="openoButton_buttonGroupClass">

+            <div class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default"

+                 tabindex="0" id="false" text="res.brApp_ui_res_btn_create" icon-url="./images/add.png"

+                 cls="defaultbutton" click="clickAdd"

+                 style="display: inline-block; padding-left: 0px; padding-right: 0px;">

+                <div class="openoButton_buttonInnerClass openo-corner-all openoButton_Image" id="false_button"><span

+                        class="openo-widget-button-image openoButton_buttonLeftImg"

+                        style="background-image: url(images/add.png);"></span><span

+                        class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Create</span><span

+                        class="openo-widget-button-image openoButton_buttonImgDefault"></span></div>

+            </div>

+        </div>

+    </div>

+</div>

+

+<div class="row-fluid" data-name="table_zone">

+    <div id='ict_virtualApplication_table_div'>

+        <div>

+            <div class="top">

+                <table id="port" data-pagination="true" data-page-size="5" data-pagination-first-text="First"

+                       data-pagination-pre-text="Previous" data-pagination-next-text="Next"

+                       data-pagination-last-text="Last">

+                    <thead id="portTable_thead" class="openo-table-thead">

+                    <tr class="active">

+                        <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                            data-field="name" data-sortable="true">

+                            <div class="openo-table-th-border"></div>

+                            <div class="DataTables_sort_wrapper openo-ellipsis ">

+											<span id="portName_sorticon"

+                                                  class="openo-table-th-sorticon overflow_elip openoTable_sortable leftHeaderAlign  openo-table-disable-element ">Name

+                                             </span>

+                            </div>

+                        </th>

+                        <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                            data-field="meID" data-sortable="true">

+                            <div class="openo-table-th-border"></div>

+                            <div class="DataTables_sort_wrapper openo-ellipsis ">

+							                <span id="portmeID_sorticon"

+                                                  class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">ME

+                                            </span>

+                            </div>

+                        </th>

+                        <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                            data-field="logicalType" data-sortable="true">

+                            <div class="openo-table-th-border"></div>

+                            <div class="DataTables_sort_wrapper openo-ellipsis ">

+							                <span id="portLogicalType_sorticon"

+                                                  class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Type

+                                            </span>

+                            </div>

+                        </th>

+                        <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                            data-field="layerRate" data-sortable="true">

+                            <div class="openo-table-th-border"></div>

+                            <div class="DataTables_sort_wrapper openo-ellipsis ">

+							                <span id="portLayerRate_sorticon"

+                                                  class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Layer Rate

+                                            </span>

+                            </div>

+                        </th>

+                        <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                            data-field="isEdgePoint" data-sortable="true">

+                            <div class="openo-table-th-border"></div>

+                            <div class="DataTables_sort_wrapper openo-ellipsis ">

+							                <span id="portIsEdgePoint_sorticon"

+                                                  class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Edge Point

+                                            </span>

+                            </div>

+                        </th>

+                        <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                            data-field="portIndex" data-sortable="true">

+                            <div class="openo-table-th-border"></div>

+                            <div class="DataTables_sort_wrapper openo-ellipsis ">

+							                <span id="portIndex_sorticon"

+                                                  class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Port Index

+                                            </span>

+                            </div>

+                        </th>

+                        <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                            data-field="ipAddress" data-sortable="true">

+                            <div class="openo-table-th-border"></div>

+                            <div class="DataTables_sort_wrapper openo-ellipsis ">

+							                <span id="portIpAddress_sorticon"

+                                                  class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">IP Address

+                                            </span>

+                            </div>

+                        </th>

+                        <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                            data-field="adminState" data-sortable="true">

+                            <div class="openo-table-th-border"></div>

+                            <div class="DataTables_sort_wrapper openo-ellipsis ">

+							                <span id="portAdminState_sorticon"

+                                                  class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Admin State

+                                            </span>

+                            </div>

+                        </th>

+                        <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                            data-field="operState" data-sortable="true">

+                            <div class="openo-table-th-border"></div>

+                            <div class="DataTables_sort_wrapper openo-ellipsis ">

+							                <span id="portOperState_sorticon"

+                                                  class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Operating State

+                                            </span>

+                            </div>

+                        </th>

+                        <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign"

+                            align="center" data-formatter="operateFormatter" data-events="operateEvents">

+                            <div class="openo-table-th-border"></div>

+                            <div class="DataTables_sort_wrapper openo-ellipsis ">

+                                <span id="portAction_sorticon"

+                                      class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Action</span>

+                            </div>

+                        </th>

+                    </tr>

+                    </thead>

+                    <!-- <tbody>

+                        <tr style="display: none;">

+                            <td colspan="7" style="text-align: center;">NULL</td>

+                        </tr>

+                        <tr class="odd  openo-table-tr openo-table-disable-element" data-rowid="0" data-tableid="siteTable">

+                            <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteName" data-tableid="siteTable">

+                                <div class="openo-table-disable-element overflow_elip leftDataAlign">

+                                    <a class="openo-table-disable-element hyperLinkRow" href="javascript:void(0)" id="siteTable_0_portName_link"></a>Port1</div>

+                            </td>

+                            <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >ME</div>

+                            </td>

+                            <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >Type</div>

+                            </td>

+                            <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >12</div>

+                            </td>

+                            <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >Edge</div>

+                            </td>

+                            <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >12345</div>

+                            </td>

+                            <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >255.255.255.123</div>

+                            </td>

+                            <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >UP</div>

+                            </td>

+                            <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >UP</div>

+                            </td>

+                            <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteOperation" data-tableid="siteTable">

+                                <div class="openo-table-disable-element overflow_elip leftDataAlign openo-table-custom-el" id="siteTable_0_siteOperation_custom_el">

+                                    <div>

+                                        <img src="images/delete.png" href="javascript:void(0)" onclick="deletePort('this');" opertype="siteDelete" style="cursor: pointer" title="Delete" id="bac4ff3c-d693-4f54-86cd-25af1ea22f59" rowid="0/">

+                                    </div>

+                                </div>

+                            </td>

+                        </tr>

+                    </tbody> -->

+                </table>

+            </div>

+        </div>

+    </div>

+</div>

+<!-- <div id="tpListopenotable_pagination_wrapper" class="openo-table-pagination-wrapper" style="display: block;"><div class="pagination-container openo-pagination-theme openo-pagination"><div class="openoPagination_openoPaginationLengthOptions" id="tpListopenotable_wrapper_div"><input readonly="true" class="openo-pagination-select openopaginationselect" value="" id="tpListopenotable_wrapper_input" actualval="20" style="width: 32px;"><span class="openo-pagination-selectspan openopaginationselectspan" id="tpListopenotable_wrapper_trigger"></span></div><label style="display: block;float:left;">Total records: 23</label><li class="active"><span class="current prev openo-disabled" id="tpListopenotable_wrapper_prev">&nbsp;</span></li><ul><li class="active"><span class="current" id="tpListopenotable_wrapper_page_link_1">1</span></li><li><a class="page-link" id="tpListopenotable_wrapper_page_link_2">2</a></li><li><a class="page-link" id="tpListopenotable_wrapper_page_link_3">3</a></li><li><a class="page-link next" id="tpListopenotable_wrapper_next">&nbsp;</a></li></ul></div></div> -->

+

+<div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"

+     aria-labelledby="myModalLabel" aria-hidden="false">

+    <div class="modal-dialog">

+        <div class="modal-content">

+            <div class="content">

+                <div class="modal-header">

+                    <button type="button" class="close" data-dismiss="modal"

+                            aria-hidden="true">×

+                    </button>

+                    <h4 class="modal-title" id="myModalLabel">

+                        <span>Create</span>

+                    </h4>

+                </div>

+                <form class="form-horizontal" role="form" id="portForm">

+                    <div id="wizard">

+                        <div class="modal-body">

+                            <ul class="nav nav-pills nav-justified vmapp-margin">

+                            </ul>

+                            <div class="tab-content">

+                                <div class="tab-pane active" id="basicTab">

+                                    <div class="form-group" ms-class="has-error:vmAppDialog.name==''">

+                                        <label class="col-sm-3 control-label">

+                                            <span>Name</span>

+                                            <span class="required">*</span>

+                                        </label>

+                                        <div class="col-sm-7">

+                                            <input type="text" id="name" name="name" class="form-control"

+                                                   placeholder="Name"/>

+                                        </div>

+                                    </div>

+                                    <div class="form-group" ms-class="has-error:vmAppDialog.name==''">

+                                        <label class="col-sm-3 control-label">

+                                            <span>ME</span>

+                                        </label>

+                                        <div class="col-sm-7">

+                                            <input type="text" id="meID" name="meID" class="form-control"

+                                                   placeholder="ME"/>

+                                        </div>

+                                    </div>

+                                    <div class="form-group">

+                                        <label class="col-sm-3 control-label">

+                                            <span>Type</span>

+                                        </label>

+                                        <div class="col-sm-7">

+                                            <select class="form-control" style="padding-top: 0px;padding-bottom: 0px;"

+                                                    id="logicalType"

+                                                    name="logicalType">

+                                                <option value="ETH">ETH</option>

+                                                <option value="POS">POS</option>

+                                                <option value="Trunk">Trunk</option>

+                                                <option value="Loopback">Loopback</option>

+                                            </select>

+                                        </div>

+                                    </div>

+                                    <div class="form-group" ms-class="has-error:vmAppDialog.name==''">

+                                        <label class="col-sm-3 control-label">

+                                            <span>Layer Rate</span>

+                                        </label>

+                                        <div class="col-sm-7">

+                                            <input type="text" id="layerRate" name="layerRate" class="form-control"

+                                                   placeholder="Layer Rate"/>

+                                        </div>

+                                    </div>

+                                    <div class="form-group">

+                                        <label class="col-sm-3 control-label">

+                                            <span>Edge Point</span>

+                                        </label>

+                                        <div class="col-sm-7">

+                                            <select class="form-control" style="padding-top: 0px;padding-bottom: 0px;"

+                                                    id="isEdgePoint"

+                                                    name="isEdgePoint">

+                                                <option value="true">True</option>

+                                                <option value="false">False</option>

+                                            </select>

+                                        </div>

+                                    </div>

+                                    <div class="form-group" ms-class="has-error:vmAppDialog.name==''">

+                                        <label class="col-sm-3 control-label">

+                                            <span>Port Index</span>

+                                        </label>

+                                        <div class="col-sm-7">

+                                            <input type="text" id="portIndex" name="portIndex" class="form-control"

+                                                   placeholder="Port Index"/>

+                                        </div>

+                                    </div>

+

+                                    <div class="form-group">

+                                        <label class="col-sm-3 control-label">

+                                            <span>IP Address</span>&nbsp;&nbsp;&nbsp;

+                                        </label>

+                                        <div class="col-sm-7">

+                                            <input type="text" id="ipAddress" name="ipAddress" class="form-control"

+                                                   placeholder="255.255.255.255"/>

+                                        </div>

+                                    </div>

+                                </div>

+                            </div>

+                        </div>

+                        <div class="modal-footer">

+                            <button type="button" class="btn SDBtn" data-dismiss="modal" aria-hidden="true"

+                                    id="createPort">

+                                <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>

+                            </button>

+                            <button type="button" class="btn button-previous SDBtn">

+                                <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>

+                            </button>

+

+                        </div>

+                    </div>

+                </form>

+            </div>

+        </div>

+    </div>

+</div>

+</div>

+<div id="filterTpLogicalType_select_popupcontainer" class="openo openo-select-popup-container openo-hide"

+     style="width: 155px; max-height: 130px; left: 628px; top: 104px; z-index: 1761;">

+    <div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_0"><label

+            class="openo-ellipsis openo-select-blank-item" style="width: 100%; display: block; height: 20px;"></label>

+    </div>

+    <div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_1"><label

+            class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">ETH</label></div>

+    <div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_2"><label

+            class="openo-ellipsis " style="width: 100%; display: block; height: 20px;" title="POS">POS</label></div>

+    <div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_3"><label

+            class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Trunk</label></div>

+    <div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_4"><label

+            class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Loopback</label></div>

+</div>

+

+

+</body>

+</html>
\ No newline at end of file
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/resource.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/resource.html
index 06ddae83..0625f70c 100644
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/resource.html
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/resource.html
@@ -19,61 +19,61 @@
 <!doctype html>

 <html>

 <head>

-<meta charset="utf-8">

-<title></title>

-	<link href="css/bootstrap.min.css" rel="stylesheet" />

-	<link href="css/RMain.css" rel="stylesheet" />

+    <meta charset="utf-8">

+    <title></title>

+    <link href="css/bootstrap.min.css" rel="stylesheet"/>

+    <link href="css/RMain.css" rel="stylesheet"/>

     <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>

     <script type="text/javascript" src="js/bootstrap.min.js"></script>

 </head>

 <script type="text/javascript">

-    $(function(){

-        $('.openo_accordion_ui-icon-expand,.header').click(function(){

+    $(function () {

+        $('.openo_accordion_ui-icon-expand,.header').click(function () {

             $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL').slideToggle(500);

             $('.openo_accordion_ui-icon-expand').toggleClass('current')

         });

-        $('.openoAccordian_showHideArrow_hide').click(function(){

+        $('.openoAccordian_showHideArrow_hide').click(function () {

             // $('#open_base_openo').css('margin-left','-200px');

             // $('#open_base_openo').css('display','none');

             // $('.bar').css('display','block');

-            if($('#accordionmenuid').width() >= 200){

+            if ($('#accordionmenuid').width() >= 200) {

                 $('#accordionmenuid').width('18px');

-                $('.openo_accordion_ui-icon-expand,.header,#accordionmenuid_ul_0_0_brAppTopMenuID_UL li a').css('display','none');

-                $('#accordionmenuid_arrow').attr('classname','openoAccordian_showHideArrow_show');

-                $('#iframeContainer').css('width','1284px');                

-            }else if($('#accordionmenuid').width() == 18){

+                $('.openo_accordion_ui-icon-expand,.header,#accordionmenuid_ul_0_0_brAppTopMenuID_UL li a').css('display', 'none');

+                $('#accordionmenuid_arrow').attr('classname', 'openoAccordian_showHideArrow_show');

+                $('#iframeContainer').css('width', '1284px');

+            } else if ($('#accordionmenuid').width() == 18) {

                 $('#accordionmenuid').width('220px');

-                $('.openo_accordion_ui-icon-expand,.header,#accordionmenuid_ul_0_0_brAppTopMenuID_UL li a').css('display','block');

-                $('#accordionmenuid_arrow').attr('classname','openoAccordian_showHideArrow_hide');

-                $('#iframeContainer').css('width','1063px');

+                $('.openo_accordion_ui-icon-expand,.header,#accordionmenuid_ul_0_0_brAppTopMenuID_UL li a').css('display', 'block');

+                $('#accordionmenuid_arrow').attr('classname', 'openoAccordian_showHideArrow_hide');

+                $('#iframeContainer').css('width', '1063px');

             }

-            

+

         });

-        $('.bar span').click(function(){

-            $('#open_base_openo').css('display','block');

-            $('.bar').css('display','none');

-             $('#iframeContainer').css('width','1063px');

+        $('.bar span').click(function () {

+            $('#open_base_openo').css('display', 'block');

+            $('.bar').css('display', 'none');

+            $('#iframeContainer').css('width', '1063px');

         });

-        $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL li').click(function(){

+        $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL li').click(function () {

             $(this).addClass('openo_accordion_selected').siblings().removeClass('openo_accordion_selected');

         });

-        $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_0_brAppSiteMenuID').click(function(){

-            $('#accordionContent').attr('src','site.html');

+        $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_0_brAppSiteMenuID').click(function () {

+            $('#accordionContent').attr('src', 'site.html');

         });

-        $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_1_brAppMeMenuID').click(function(){

-            $('#accordionContent').attr('src','ne.html');

+        $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_1_brAppMeMenuID').click(function () {

+            $('#accordionContent').attr('src', 'ne.html');

         });

-        $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_2_brAppTpMenuID').click(function(){

-            $('#accordionContent').attr('src','port.html');

+        $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_2_brAppTpMenuID').click(function () {

+            $('#accordionContent').attr('src', 'port.html');

         });

-        $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_3_brAppTlMenuID').click(function(){

-            $('#accordionContent').attr('src','link.html');

+        $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_3_brAppTlMenuID').click(function () {

+            $('#accordionContent').attr('src', 'link.html');

         });

-        

+

     })

 </script>

 <body>

-    <div id="febDiv" style="overflow: hidden;">

+<div id="febDiv" style="overflow: hidden;">

     <div id="open_base_feb">

         <!--use for store menu come from feb service, maybe just a temple plan-->

         <div id="app">

@@ -86,30 +86,41 @@
                             <span></span>

                         </td>

                         <td id="open_base_openo" class="three-cols-column three-cols-left">

-                            <div id="accordionmenuid" allow-resize="true" dataset="dataArr" height="resHeight" listeners="callBacklisteners" resize-callback="resizehandler" current-select="currentselect" click="clickHandler" class="ng-isolate-scope accordion_parent openo_accordion_main_menu" style="height: 870px;">

+                            <div id="accordionmenuid" allow-resize="true" dataset="dataArr" height="resHeight"

+                                 listeners="callBacklisteners" resize-callback="resizehandler"

+                                 current-select="currentselect" click="clickHandler"

+                                 class="ng-isolate-scope accordion_parent openo_accordion_main_menu"

+                                 style="height: 870px;">

                                 <div class="openo-accordion-resizable-handle" style="cursor: auto;"></div>

                                 <ul id="accordionmenuid_ul" class="openoAccordian_accordionmenu">

                                     <li id="accordionmenuid_ul_0_0_brAppTopMenuID" nodeid="brAppTopMenuID">

-                                        <span class="openo_accordion_ui-icon-expand" style="padding-left: 20px; height: 60px;cursor: pointer;"></span>

-                                        <span class="openoAccordian_showHideArrow_hide" id="accordionmenuid_arrow" style="cursor: pointer;"></span>

-                                        <a title="brApp" class="header opened" style="padding-left: 10px; cursor: pointer;">Resource</a>

+                                        <span class="openo_accordion_ui-icon-expand"

+                                              style="padding-left: 20px; height: 60px;cursor: pointer;"></span>

+                                        <span class="openoAccordian_showHideArrow_hide" id="accordionmenuid_arrow"

+                                              style="cursor: pointer;"></span>

+                                        <a title="brApp" class="header opened"

+                                           style="padding-left: 10px; cursor: pointer;">Resource</a>

                                         <ul id="accordionmenuid_ul_0_0_brAppTopMenuID_UL">

-                                            <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_0_brAppSiteMenuID" nodeid="brAppSiteMenuID" class="" style="display: list-item;">

+                                            <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_0_brAppSiteMenuID"

+                                                nodeid="brAppSiteMenuID" class="" style="display: list-item;">

                                                 <a title="Site" class="" style="padding-left: 62px;">Site</a>

-											</li>

-                                            <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_1_brAppMeMenuID" nodeid="brAppMeMenuID" style="display: list-item;">

-                                                    <a title="NE" style="padding-left: 62px;">NE</a>

                                             </li>

-                                            <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_2_brAppTpMenuID" nodeid="brAppTpMenuID" style="display: list-item;">

-                                                    <a title="Port" style="padding-left: 62px;">Port</a>

+                                            <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_1_brAppMeMenuID"

+                                                nodeid="brAppMeMenuID" style="display: list-item;">

+                                                <a title="NE" style="padding-left: 62px;">NE</a>

                                             </li>

-                                            <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_3_brAppTlMenuID" nodeid="brAppTlMenuID" style="display: list-item;">

-                                                    <a title="Link" style="padding-left: 62px;">Link</a>

+                                            <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_2_brAppTpMenuID"

+                                                nodeid="brAppTpMenuID" style="display: list-item;">

+                                                <a title="Port" style="padding-left: 62px;">Port</a>

+                                            </li>

+                                            <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_3_brAppTlMenuID"

+                                                nodeid="brAppTlMenuID" style="display: list-item;">

+                                                <a title="Link" style="padding-left: 62px;">Link</a>

                                             </li>

                                         </ul>

                                     </li>

                                 </ul>

-							</div>

+                            </div>

                         </td>

                         <td id="open_base_iframe" class="three-cols-column three-cols-center" style="padding: 0px;">

 

diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/site.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/site.html
new file mode 100644
index 00000000..ef05aa5a
--- /dev/null
+++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/site.html
@@ -0,0 +1,229 @@
+<!--

+

+    Copyright 2016, Huawei Technologies Co., Ltd.

+

+    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="css/bootstrap.min.css" rel="stylesheet"/>

+        <link href="css/VMMain.css" rel="stylesheet"/>

+        <link href="css/bootstrap-table.min.css" rel="stylesheet"/>

+        <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>

+        <script type="text/javascript" src="js/bootstrap.min.js"></script>

+        <script type="text/javascript" src="js/brs.js"></script>

+        <script type="text/javascript" src="js/bootstrap-table.min.js"></script>

+

+        <style type="text/css">

+        </style>

+        <script type="text/javascript">

+            $(document).ready(function () {

+

+                var jsondata = [];

+                jsondata = loadSiteData();

+                $('#site').bootstrapTable({

+                    //Assigning data to table

+                    data: jsondata

+                });

+

+

+            });

+

+            function operateFormatter(value, row, index) {

+                return [

+                    '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'

+                ].join('');

+

+            }

+            window.operateEvents = {

+                'click .siteDeleteImg': function (e, value, row, index) {

+                    // TO DO ajex call for delete

+                    deleteSite(row.id);

+                    console.log(value, row, index);

+                }

+            };

+        </script>

+    </head>

+<body id="open_base_site_cotentBody" class="cotentBody ng-scope">

+<div class="container-fluid ms-controller">

+

+    <div class="uploadBtn">

+        <div id="open_base_tpL_userHeader" class="userHeader">

+            <div id="open_base_tpL_buttonGroup" class="openoButton_buttonGroupClass">

+                <div class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default"

+                     tabindex="0" id="false" text="res.brApp_ui_res_btn_create" icon-url="./images/add.png"

+                     cls="defaultbutton" click="clickAdd"

+                     style="display: inline-block; padding-left: 0px; padding-right: 0px;">

+                    <div class="openoButton_buttonInnerClass openo-corner-all openoButton_Image" id="false_button"><span

+                            class="openo-widget-button-image openoButton_buttonLeftImg"

+                            style="background-image: url(images/add.png);"></span><span

+                            class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Create</span><span

+                            class="openo-widget-button-image openoButton_buttonImgDefault"></span></div>

+                </div>

+

+

+                <div class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass undefined openoButton_button_default"

+                     tabindex="0" id="meEdit" text="res.brApp_ui_res_btn_edit" display="false" style="display: none;">

+                    <div class="openoButton_buttonInnerClass openo-corner-all" id="meEdit_button"><span

+                            class="openo-widget-button-image openoButton_buttonImgDefault"></span><span

+                            class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Edit</span><span

+                            class="openo-widget-button-image openoButton_buttonImgDefault"></span></div>

+                </div>

+

+            </div>

+        </div>

+    </div>

+

+    <div class="row-fluid" data-name="table_zone">

+        <div id='ict_virtualApplication_table_div'>

+            <div>

+                <div class="top">

+                    <table id="site"

+                           data-pagination="true" data-page-size="5" data-pagination-first-text="First"

+                           data-pagination-pre-text="Previous" data-pagination-next-text="Next"

+                           data-pagination-last-text="Last">

+                        <thead>

+                        <tr class="active">

+                            <th data-field="name" data-sortable="true">Name</th>

+                            <th data-field="type" data-sortable="true">Type</th>

+                            <th data-field="tenantID" data-sortable="true">Tenant Name</th>

+                            <th data-field="tenantSiteIDs" data-sortable="true">Tenant Site</th>

+                            <th data-field="location" data-sortable="true">Location</th>

+

+                            <th align="center" data-formatter="operateFormatter" data-events="operateEvents">Action</th>

+                        </tr>

+                        </thead>

+                    </table>

+                </div>

+            </div>

+        </div>

+    </div>

+    <!-- <div id="tpListopenotable_pagination_wrapper" class="openo-table-pagination-wrapper" style="display: block;"><div class="pagination-container openo-pagination-theme openo-pagination"><div class="openoPagination_openoPaginationLengthOptions" id="tpListopenotable_wrapper_div"><input readonly="true" class="openo-pagination-select openopaginationselect" value="" id="tpListopenotable_wrapper_input" actualval="20" style="width: 32px;"><span class="openo-pagination-selectspan openopaginationselectspan" id="tpListopenotable_wrapper_trigger"></span></div><label style="display: block;float:left;">Total records: 23</label><li class="active"><span class="current prev openo-disabled" id="tpListopenotable_wrapper_prev">&nbsp;</span></li><ul><li class="active"><span class="current" id="tpListopenotable_wrapper_page_link_1">1</span></li><li><a class="page-link" id="tpListopenotable_wrapper_page_link_2">2</a></li><li><a class="page-link" id="tpListopenotable_wrapper_page_link_3">3</a></li><li><a class="page-link next" id="tpListopenotable_wrapper_next">&nbsp;</a></li></ul></div></div> -->

+

+    <div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"

+         aria-labelledby="myModalLabel" aria-hidden="false">

+        <div class="modal-dialog">

+            <div class="modal-content">

+                <div class="content">

+                    <div class="modal-header">

+                        <button type="button" class="close" data-dismiss="modal"

+                                aria-hidden="true">×

+                        </button>

+                        <h4 class="modal-title" id="myModalLabel">

+                            <span>Create</span>

+                        </h4>

+                    </div>

+                    <form class="form-horizontal" role="form" id="vmAppForm">

+                        <div id="wizard">

+                            <div class="modal-body">

+                                <ul class="nav nav-pills nav-justified vmapp-margin">

+                                </ul>

+                                <div class="tab-content">

+                                    <div class="tab-pane active" id="basicTab">

+                                        <div class="form-group" ms-class="has-error:vmAppDialog.name==''">

+                                            <label class="col-sm-3 control-label">

+                                                <span>Name</span>

+                                                <span class="required">*</span>

+                                            </label>

+                                            <div class="col-sm-7">

+                                                <input type="text" id="name" name="name" class="form-control"

+                                                       placeholder="Name"/>

+                                            </div>

+                                        </div>

+                                        <div class="form-group">

+                                            <label class="col-sm-3 control-label">

+                                                <span>Type</span>&nbsp;&nbsp;&nbsp;

+                                            </label>

+

+                                            <div class="col-sm-7">

+                                                <select class="form-control"

+                                                        style="padding-top: 0px;padding-bottom: 0px;" id="type"

+                                                        name="type">

+                                                    <option value="network_site">Network</option>

+                                                    <option value="tenant_site">Tenant</option>

+                                                </select>

+                                            </div>

+                                        </div>

+                                        <!--  TODO: these field are ignored as of now

+                                        <div class="form-group">

+                                            <label class="col-sm-3 control-label">

+                                                <span>Tenant Name</span>&nbsp;&nbsp;&nbsp;

+                                            </label>

+                                             <div class="col-sm-7">

+                                                <input type="text" id="tenantName" name="tenantName" class="form-control" placeholder="Banglore"/>

+                                            </div>

+                                        </div>

+                                        <div class="form-group">

+                                            <label class="col-sm-3 control-label">

+                                                <span>Tenant Site</span>&nbsp;&nbsp;&nbsp;

+                                            </label>

+                                             <div class="col-sm-7">

+                                                <input type="text" id="tenantSite" name="tenantSite" class="form-control" placeholder="Banglore"/>

+                                            </div>

+                                        </div>

+                                        -->

+                                        <div class="form-group">

+                                            <label class="col-sm-3 control-label">

+                                                <span>Location</span>&nbsp;&nbsp;&nbsp;

+                                            </label>

+                                            <div class="col-sm-7">

+                                                <input type="text" id="location" name="location" class="form-control"

+                                                       placeholder="Banglore"/>

+                                            </div>

+                                        </div>

+                                    </div>

+

+

+                                </div>

+                            </div>

+                            <div class="modal-footer">

+                                <button type="button" class="btn SDBtn" data-dismiss="modal" aria-hidden="true"

+                                        id="createSite">

+                                    <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>

+                                </button>

+                                <button type="button" class="btn button-previous SDBtn">

+                                    <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>

+                                </button>

+

+                            </div>

+                        </div>

+                    </form>

+                </div>

+            </div>

+        </div>

+    </div>

+</div>

+<div id="filterTpLogicalType_select_popupcontainer" class="openo openo-select-popup-container openo-hide"

+     style="width: 155px; max-height: 130px; left: 628px; top: 104px; z-index: 1761;">

+    <div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_0"><label

+            class="openo-ellipsis openo-select-blank-item" style="width: 100%; display: block; height: 20px;"></label>

+    </div>

+    <div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_1"><label

+            class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">ETH</label></div>

+    <div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_2"><label

+            class="openo-ellipsis " style="width: 100%; display: block; height: 20px;" title="POS">POS</label></div>

+    <div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_3"><label

+            class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Trunk</label></div>

+    <div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_4"><label

+            class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Loopback</label></div>

+</div>

+

+

+</body>

+</html>
\ No newline at end of file
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/css/RMain.css b/openo-portal/portal-resmgr/src/main/webapp/resmgr/css/RMain.css
deleted file mode 100644
index 1b8488aa..00000000
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/css/RMain.css
+++ /dev/null
@@ -1,211 +0,0 @@
-/* Copyright 2016, Huawei Technologies Co., Ltd.

- *

- * 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.

- */

-

-

-#iemp_layout_container {

-  padding: 0px;

-  margin: 1px auto;

-  width: 100%;

-  height: 100%;

-}

-#iemp_layout_container .three-cols-layout {

-  width: 100%;

-  height: 100%;

-  border-collapse: collapse;

-  margin-left: 0px;

-  margin-top: 0px;

-  margin-right: 0px;

-  margin-bottom: 0px;

-}

-#iemp_layout_container .three-cols-layout {

-  width: 100%;

-  height: 100%;

-  border-collapse: collapse;

-  margin-left: 0px;

-  margin-top: 0px;

-  margin-right: 0px;

-  margin-bottom: 0px;

-}

-#iemp_layout_container .three-cols-column.three-cols-left {

-  width: 215px;

-  background-color: #f5f5f5;

-}

-.accordion_parent {

-  position: relative;

-  width: 220px;

-  background-color: #f5f5f5;

-}

-.openo-accordion-resizable-handle {

-  z-index: 1!important;

-  cursor: e-resize;

-  width: 7px;

-  right: -5px;

-  top: 0;

-  height: 100%;

-  position: absolute;

-  font-size: .1px;

-  display: block;

-}

-.openoAccordian_accordionmenu {

-  width: 100%;

-  margin: 0;

-  padding: 0;

-  list-style-type: none;

-  line-height: 17px;

-}

-.openoAccordian_accordionmenu li {

-  min-width: 75px;

-  margin: 0;

-  padding: 0;

-  list-style-type: none;

-  color: #000;

-  clear: both;

-}

-.openo_accordion_ui-icon-collapse, .openo_accordion_ui-icon-expand {

-  display: block;

-  float: left;

-  margin-bottom: -1px;

-  border-bottom: 1px solid #e5e5e5;

-  cursor: pointer;

-  width: 13px;

-  padding-top: 26px;

-}

-.openo_accordion_ui-icon-expand {

-  background: url(../images/collapse_arrow.png) right 20px no-repeat;

-  margin-top: 8px;

-}

-.openo_accordion_ui-icon-expand.current{

-  background: url(../images/expand_arrow.png) right 20px no-repeat;

-}

-.openoAccordian_showHideArrow_hide, .openoAccordian_showHideArrow_show {

-  display: block;

-  position: absolute;

-  right: 0;

-  top: 4px;

-  width: 18px;

-  height: 41px;

-  cursor: pointer;

-  background-color: #f5f5f5;

-}

-.openoAccordian_showHideArrow_hide {

-  background-image: url(../images/openo.png);

-  background-position: -7px 0!important;

-  border-collapse: separate;

-  /*box-shadow: inset -1px 0 0 #e5e5e5;*/

-}

-a.header.opened, a.header.closed {

-  font-size: 16px;

-  padding-top: 24px;

-  padding-bottom: 25px;

-  color: #999999;

-}

-.openoAccordian_accordionmenu .closed, .openoAccordian_accordionmenu .opened {

-  padding-right: 10px;

-  background-position: 98% 50%;

-  background-repeat: no-repeat;

-}

-.openoAccordian_accordionmenu li a {

-  padding: 11px 10px 12px;

-  color: #333333;

-  margin-right: 1px;

-  margin-top: -1px;

-  text-align: left!important;

-  font-family: "Microsoft Yahei",SimSun,Arial,Tahoma;

-  font-size: 14px;

-  text-overflow: ellipsis;

-  white-space: nowrap;

-  overflow: hidden;

-  border-top: 1px solid #e5e5e5;

-  border-bottom: 1px solid #e5e5e5;

-  /*height: 19px;*/

-}

-.openoAccordian_accordionmenu ul {

-  margin: 0;

-  padding: 0;

-  overflow: hidden;

-}

-.openoAccordian_accordionmenu a {

-  display: block;

-  text-decoration: none;

-}

-a {

-  color: #428bca;

-  text-decoration: none;

-  background: 0 0;

-}

-.bar{

-    height: 834px;

-    width: 18px;

-    background: #f8f8f8;

-    display: none;

-}

-.bar span{

-    width: 13px;

-    height: 34px;

-    background-image: url(../images/openo.png);

-  background-position: -39px 0!important;

-  display: block;

-  /*margin-top: -430px;*/

-}

-#accordionmenuid_ul_0_0_brAppTopMenuID_UL li{

-    cursor: pointer;

-}

-#puer_base_openo{

-    border: 1px solid #ddd;

-}

-.openo_accordion_selected {

-  margin-left: 0;

-  margin-right: 0;

-  background: #fafafa;

-  border-left: 3px solid #4ac9ff!important;

-  box-shadow: none;

-  position: relative;

-}

-a:hover{

-    color: #4ac9ff!important;

-}

-.openoAccordian_accordionmenu li.openo_accordion_selected a {

-  position: relative;

-  left: -3px;

-  color: #009ae7;

-}

-.openo-accordion-resizable-handle {

-  z-index: 1!important;

-  cursor: e-resize;

-  width: 7px;

-  right: -5px;

-  top: 0;

-  height: 100%;

-  position: absolute;

-  font-size: .1px;

-  display: block;

-}

-#iframeContainer iframe {

-  width: 100%;

-  height: 100%;

-  border: 0;

-}

-#accordionContent, #iframeContainer {

-  margin: 0;

-  padding: 0;

-  border: 0;

-  width: 100%;

-  height: 100%;

-}

-.openoAccordian_showHideArrow_show {

-  background-image: url(../images/openo.png);

-  background-position: -39px 0!important;

-  box-shadow: inset 1px 0 0 #e5e5e5,inset -1px 0 0 #e5e5e5;

-}
\ No newline at end of file
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/css/VMMain.css b/openo-portal/portal-resmgr/src/main/webapp/resmgr/css/VMMain.css
deleted file mode 100644
index e625e907..00000000
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/css/VMMain.css
+++ /dev/null
@@ -1,653 +0,0 @@
-/* Copyright 2016, Huawei Technologies Co., Ltd.

- *

- * 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: '微软雅黑';

-    font-size: 12px;

-    color: #333;

-    background: #fafafa;

-}

-button{

-    outline: none;

-}

-ul,li{

-    list-style: none;

-    padding:0;

-    margin:0;

-}

-.titleFont{

-    font-size: 16px;

-}

-.separator-line{

-    height: 1px;

-    width: 100%;

-    border:1px solid #ddd;

-    margin: 6px 0 15px 0;

-}

-.uploadBtn{

-    overflow: hidden;

-}

-.creat-btn {

-	padding: 0 14px;

-	height: 24px;

-    float: left;

-    cursor: pointer;

-    text-decoration: none;

-    outline: 0;

-    border: 1px solid #d3d3d3;

-    text-align: center;

-    box-shadow: 0 1px 1px rgba(0,0,0,.05);

-    background: #fafafa;

-    background: -moz-linear-gradient(top,#fff,#fafafa);

-    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fafafa));

-    background: -webkit-linear-gradient(top,#fff,#fafafa);

-    background: linear-gradient(to bottom,#fff,#fafafa);

-    border-radius: 6px;

-    background: #fff url(../images/add.png) no-repeat 5px center;

-    padding-left: 20px;

-}

-.creat-btn:hover {

-	color: #009ae7;	

-	border: 1px solid #4AC9FF

-}

-.creat-btn:active {

-	color: #000;	

-	border: 1px solid #4AC9FF

-}

-/*.creat-btn{

-    background: #fff url(../image/add.png) no-repeat 5px center;

-    border: 1px solid #ddd;

-    float: left;

-}

-.creat-btn:hover{

-    background: #428bca;

-    color: #fff;

-    border:1px solid #428bca;

-}*/

-.search{

-    width: 310px;

-    height: 30px;

-    float:right;

-}

-.search-text{

-    width: 250px;

-    float: left;

-    margin-right: 6px;

-}

-.search-btn{

-    height: 30px;

-    background: #fff;

-    border: 1px solid #ddd;

-    float: left;

-}

-#ict_virtualApplication_table_div{

-    margin-top: 15px;

-}

-.table>thead>tr.active>th{

-    border: 1px solid #ddd!important;

-    border-bottom: 0;

-    background: #f0f0f0;

-}

-/*.table tbody tr:hover{

-    background: #e6fbe0!important;

-}*/

-.table tbody tr:last-child{

-    border-bottom: 1px solid #ddd;

-}

-.table-btn{

-    border: 1px solid #ccc;

-    border-radius: 3px;

-}

-.delete-btn{

-    background: url(../image/delete.png) no-repeat;

-    width: 16px;

-    height: 16px;

-    border: none;

-}

-.detail-btn{

-    background: url(../image/openo.png) no-repeat -343px -283px;

-    width: 16px;

-    height: 16px;

-    border: none;

-}

-.detail-btn.current{

-    background-position: -7px -314px; 

-}

-.detail{

-    height: 200px;

-    border: 1px solid #ddd;

-    margin-top: 60px;

-}

-

-.detail-top ul{

-    height: 50px;

-    line-height: 50px;

-    border-bottom: 1px solid #ddd;

-    padding-left: 0px;

-     background: #fafafa;

-}

-.detail-top ul li{

-    float:left;

-    width: 120px;

-    text-align: center;

-    border-right: 1px solid #ddd;

-    cursor: pointer;

-}

-.detail-top ul li.current{

-    background: #fff;

-}

-.vmapp-margin{

-    margin-bottom: 10px;

-}

-.control-label .required{

-    color: #e02222;

-    font-size: 12px;

-    padding-left: 2px;

-}

-.form-group .control-label{

-    font-size: 12px;

-    font-weight: 400;

-}

-legend{

-    font-size: 12px;

-    font-weight: bold;

-}

-.pageGro{

-    width: 250px;

-    float: right;

-}

-.pageUp,.pageDown,.pageList,.pageList li{

-    float: left;

-    cursor: pointer;

-}

-.pageUp,.pageDown{

-    width: 60px;

-    height: 30px;

-    border: 1px solid #ddd;

-    text-align: center;

-    line-height: 30px;

-}

-.pageList li{

-    width: 30px;

-    height: 30px;

-    border: 1px solid #ddd;

-    text-align: center;

-    line-height: 30px;

-    border-left: none;

-}

-.pageList li.active{

-    background: #428bca;

-    color: #fff;

-    border-color: #428bca;

-}

-.pageDown{

-    border-left: none;

-}

-.headerLinkP{

-    padding-top: 17px;

-}

-.headerLinkP span{

-    font-size: 12px;

-    color: #666;

-    font-weight: normal!important;

-}

-label{

-    font-weight: normal!important;

-}

-table.userform tbody tr td {

-  display: table-cell;

-  padding-right: 10px;

-  padding-top: 10px;

-  font-size: 12px;

-  color: #333;

-}

-.table th,.table td{

-    padding-top: 3px!important;

-    padding-bottom: 3px!important;

-}

-.openoBrowseButton_element {

-  display: table;

-}

-.openo {

-  font-family: "Microsoft Yahei",SimSun,Arial,Tahoma;

-  font-size: 12px;

-  color: #000;

-}

-.openoBrowseButton_input {

-  width: 198px;

-  position: relative;

-  border: 1px solid #c3c3c3!important;

-  height: 26px;

-  background-color: #f3f3f3;

-  border-radius: 4px 0 0 4px;

-  border-right: none;

-  padding: 0;

-}

-.buttonClassDefault, .buttonClassDefault:active {

-  cursor: pointer;

-  background-image: url(../images/openo.png);

-  background-position: -154px -7px!important;

-}

-.openoBrowseButton_button {

-  width: 27px;

-  border: 0;

-  float: right;

-  position: relative;

-  height: 26px;

-  right: 0;

-  top: 0;

-  border-radius: 0 4px 4px 0;

-  border-right: 1px solid #c3c3c3;

-  border-left: none;

-}

-.openo .openo-input, .openo.openo-input {

-  outline: 0;

-  border: 1px solid #c3c3c3;

-  box-shadow: 1px 1px #f6f6f6 inset;

-  background-color: #fff;

-  height: 26px;

-}

-.openoInput_openoDefaultText {

-  padding: 0 0 0 6px;

-  border-radius: 4px;

-  color: #000;

-  display: inline-block;

-  outline: 0;

-  box-shadow: 1px 1px #f6f6f6 inset;

-  font-size: 12px;

-  background: #fff;

-}

-div.openo-select {

-  border: 1px solid #c3c3c3;

-  border-radius: 4px;

-  background: url(../images/arrow-down-enable.png) right no-repeat #fff;

-  line-height: 24px;

-  padding-left: 3px;

-  display: block;

-}

-div.openo-select>input.openo-select-input {

-  border: none;

-  outline: 0;

-  line-height: 21px;

-  height: 21px;

-  padding-left: 3px;

-  border-right: solid 1px #c3c3c3;

-}

-.openo .openo-ellipsis, .openo.openo-ellipsis {

-  overflow: hidden;

-  white-space: nowrap;

-  text-overflow: ellipsis;

-}

-a.openoButton_buttonClass, a.openoButton_buttonDisableClass, div.openoButton_buttonClass, div.openoButton_buttonDisableClass {

-  height: 26px;

-  float: left;

-  cursor: pointer;

-  text-decoration: none;

-  outline: 0;

-  border: 1px solid #d3d3d3;

-  text-align: center;

-  box-shadow: 0 1px 1px rgba(0,0,0,.05);

-  background: #fafafa;

-  background: -moz-linear-gradient(top,#fff,#fafafa);

-  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fafafa));

-  background: -webkit-linear-gradient(top,#fff,#fafafa);

-  background: linear-gradient(to bottom,#fff,#fafafa);

-  border-radius: 6px;

-}

-.openoButton_buttonInnerClass{

-      padding: 0 19px;

-      border-radius: 6px;

-}

-.openoButton_buttonCenterText {

-  color: #000;

-  line-height: 24px;

-  white-space: nowrap;

-  width: auto!important;

-}

-.userHeader {

-  clear: left;

-  overflow: hidden;

-  margin-bottom: 10px;

-  padding: 10px 10px 0px 0px;

-}

-.openoButton_buttonGroupClass {

-  display: inline;

-}

-.openoButton_buttonGroupClass div.openoButton_buttonClass_parent:first-child {

-  margin-left: 0;

-}

-.openoButton_buttonLeftImg {

-  margin-right: 5px;

-}

-.openoButton_buttonLeftImg, .openoButton_buttonRightImg {

-  display: inline-block;

-  vertical-align: top;

-  width: 16px;

-  height: 16px;

-  margin-top: 4px;

-}

-.openo-table-pagination-wrapper {

-  height: 37px;

-}

-.openo-pagination {

-  display: block;

-  float: left;

-  overflow: hidden;

-  padding: 5px 0 0;

-  margin-top: 8px;

-}

-.openoPagination_openoPaginationLengthOptions:not(msie8) {

-  line-height: 24px;

-}

-.openoPagination_openoPaginationLengthOptions {

-  white-space: normal;

-  height: 24px;

-  float: left;

-  outline: 0;

-  line-height: 20px;

-  margin: 0 5px;

-}

-.openo-pagination-select {

-  height: 26px;

-  line-height: 22px;

-  text-align: center;

-  margin-right: -2px;

-  border: 1px solid #e0e0e0;

-  border-radius: 5px 0 0 5px;

-  padding: 1px;

-}

-.openoPagination_openoPaginationLengthOptions span {

-  background-color: #fff!important;

-}

-.openo-pagination-theme a, .openo-pagination-theme span {

-  float: left;

-  color: #666;

-  font: 12px Lucida Grande,Verdana,Arial,Helvetica,sans-serif;

-  line-height: 24px;

-  font-weight: 400;

-  text-align: center;

-  border: 1px solid #e0e0e0;

-  text-decoration: none!important;

-  padding: 0 7px;

-  border-radius: 3px;

-  background: #fff;

-}

-.openo-pagination-selectspan {

-  background: url(../images/ideo_default_select.png) left no-repeat!important;

-  float: right!important;

-  width: 26px;

-  height: 26px;

-  cursor: pointer;

-}

-.openo-pagination-theme label {

-  padding-top: 6px;

-  vertical-align: middle;

-  margin-right: 20px;

-  margin-top: -1px;

-  float: left;

-  display: inline-block;

-  height: 20px;

-  font: 12px Lucida Grande,Verdana,Arial,Helvetica,sans-serif;

-}

-.openo-pagination li, .openo-pagination ul {

-  list-style: none;

-  padding: 0;

-  margin: 0;

-  float: left;

-}

-dd, dl, dt, li {

-  color: #000;

-}

-.openo-pagination-theme a, .openo-pagination-theme span.current {

-  margin: 0 5px 0 0;

-}

-.openo .openo-disabled, .openo.openo-disabled {

-  border-color: #c3c3c3!important;

-  color: #666!important;

-  opacity: .3;

-  filter: alpha(opacity=30);

-}

-.openo-pagination-theme .prev {

-  background: 0 0;

-  float: left;

-}

-.openo-pagination-theme .current {

-  text-decoration: none!important;

-  float: left;

-  padding-left: 6px;

-  height: 24px;

-  color: #fff;

-  display: inline;

-  border-color: #00adf5;

-  background: #4ad2ff;

-}

-.openo-pagination-theme a, .openo-pagination-theme span {

-  float: left;

-  color: #666;

-  font: 12px Lucida Grande,Verdana,Arial,Helvetica,sans-serif;

-  line-height: 24px;

-  font-weight: 400;

-  text-align: center;

-  border: 1px solid #e0e0e0;

-  text-decoration: none!important;

-  padding: 0 7px;

-  border-radius: 3px;

-  background: #fff;

-}

-.openo-pagination-theme .prev.openo-disabled:before {

-  background: url(../images/page_left_disabled.png) 50% 45% no-repeat;

-}

-.openo-pagination-theme .prev.openo-disabled:before {

-  background: url(../images/page_left_disabled.png) 50% 45% no-repeat;

-}

-.openo-pagination-theme .prev:before {

-  background: url(../images/page_l.png) 50% 45% no-repeat;

-}

-.openo-pagination-theme .next:after, .openo-pagination-theme .prev:before {

-  display: inline-block;

-  content: "";

-  vertical-align: middle;

-  width: 10px;

-  height: 24px;

-}

-.openo-pagination-theme .prev:before {

-  background: url(../images/page_l.png) 50% 45% no-repeat;

-}

-.openo-pagination-theme .next:after, .openo-pagination-theme .prev:before {

-  display: inline-block;

-  content: "";

-  vertical-align: middle;

-  width: 10px;

-  height: 24px;

-}

-pagination ul {

-  list-style: none;

-  padding: 0;

-  margin: 0;

-  float: left;

-}

-.openo-pagination li, .openo-pagination ul {

-  list-style: none;

-  padding: 0;

-  margin: 0;

-  float: left;

-}

-.openoPagination_gototext {

-  background: #FFF;

-  outline: 0;

-  width: 29px;

-  float: left;

-  height: 26px;

-  line-height: 24px;

-  border-radius: 4px;

-  border: 1px solid #c3c3c3;

-  padding: 0 0 0 5px;

-  margin: 0;

-  color: #666;

-  min-width: 50px;

-}

-.openoPagination_gotoimage {

-  width: 29px;

-  height: 26px;

-  line-height: 26px;

-  background-color: #FFF;

-  background-image: url(/portal/themes/default/components/openo/images/openo.png);

-  padding-left: 21px;

-  float: left;

-  margin-left: 5px;

-  border: 1px solid #e0e0e0;

-  border-radius: 4px;

-  box-sizing: border-box;

-  -moz-box-sizing: border-box;

-  background-position: -184px -181px!important;

-}

-.openo-pagination-theme .ellipse {

-  float: left;

-  margin-left: -8px;

-  margin-right: -4px;

-  background: 0 0;

-  border: none;

-  border-radius: 0;

-  box-shadow: none;

-  font-weight: 700;

-  cursor: default;

-}

-.openo.openo-disabled {

-  border-color: #c3c3c3!important;

-  color: #666!important;

-  opacity: .3;

-  filter: alpha(opacity=30);

-}

-.openo-pagination-theme .prev {

-  background: 0 0;

-  float: left;

-}

-.openo-pagination-theme .current {

-  text-decoration: none!important;

-  float: left;

-  padding-left: 6px;

-  height: 26px;

-  color: #fff;

-  display: inline;

-  /*border-color: #00adf5;

-  background: #4ad2ff;*/

-    border: 1px solid #e0e0e0;

-}

-.openo-pagination-theme .next:after {

-  background: url(../images/page_r.png) 50% 45% no-repeat;

-}

-.openoButton_buttonGroupClass div.openoButton_buttonClass_parent, .openoButton_buttonRightImg {

-  margin-left: 5px;

-}

-

-html, body {

-  height: 99%;

-  width: 98%;

-}

-.cotentBody {

-  padding: 0px 20px 0px 20px;

-}

-

-div.openoButton_buttonClass:hover {

-  border: 1px solid #4ac9ff;

-}

-div.openoButton_button_default:hover .openoButton_buttonCenterText {

-  color: #009ae7;

-}

-.header_lineimg {

-  height: 1px;

-  width: 100%;

-  margin-top: 17px;

-}

-.openo.openo-hide {

-  display: none;

-}

-div.openo-select-popup-container {

-  position: absolute;

-  border: 1px solid #4ac9ff;

-  border-top: none;

-  border-radius: 0 0 4px 4px;

-  max-height: 202px;

-  overflow-y: auto;

-  background-color: #fff;

-  z-index: 880;

-}

-div.openo-select-popup-container>div.openo-select-item {

-  display: block;

-}

-.openo .openo-ellipsis, .openo.openo-ellipsis {

-  overflow: hidden;

-  white-space: nowrap;

-  text-overflow: ellipsis;

-}

-div.openo-select-popup-container>div.openo-select-item>label {

-  padding-top: 3px;

-  padding-bottom: 3px;

-  line-height: 20px;

-}

-.openo .openo-ellipsis, .openo.openo-ellipsis {

-  overflow: hidden;

-  white-space: nowrap;

-  text-overflow: ellipsis;

-}

-.openo-select-item label {

-  margin-left: 4px;

-  margin-right: 4px;

-  white-space: nowrap;

-}

-div.openo-select-popup-container>div.openo-select-item.openo-item-selected, div.openo-select-popup-container>div.openo-select-item:hover {

-  background-color: #f1f1f1;

-  color: #008fd6;

-}

-div.openo-select.openo-focus {

-  border: 1px solid #4ac9ff;

-  border-bottom-left-radius: 0;

-  border-bottom-right-radius: 0;

-  border-bottom-color: #ddd;

-}

-.openo-pagination-theme a:hover {

-  border-color: #4ac9ff;

-  cursor: pointer;

-}

-.SDBtn{

-     background: #fff; 

-     color: #333; 

-     border: 1px solid #ddd;

-}

-.SDBtn:hover{

-    color: #009ae7;	

-	border: 1px solid #4AC9FF

-}

-table tbody tr.even:hover td, table tbody tr.odd:hover td {

-  background-color: #e6fbe0;

-}

-table tr.openoTable_row_selected td {

-  background: #e8f8fe!important;

-  border-bottom: 1px solid #e8e8e8!important;

-}

-.modal-body{

-    padding: 0!important;

-}

-.form-control{

-    height: 26px!important;

-}

-.form-group .control-label {

-  margin-left: 20px;

-}

-

-.form-horizontal .control-label {

-  text-align: left;

-}
\ No newline at end of file
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/js/brs.js b/openo-portal/portal-resmgr/src/main/webapp/resmgr/js/brs.js
deleted file mode 100644
index 83d213c3..00000000
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/js/brs.js
+++ /dev/null
@@ -1,342 +0,0 @@
-/* Copyright 2016, Huawei Technologies Co., Ltd.

- *

- * 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.

- */

- 

-$('.siteDeleteImg').click(function(){

-	var data = $(this).parent().parent().parent().find('td:last').find('div:last').html();

-	alert(data);

-	var jsonObj = JSON.parse(data);

-	for(var i = 0; i < jsonObj.length; i++) {

-	    var obj = jsonObj[i];

-		var rowData = [obj.tpName,obj.peName,obj.vlanId,obj.siteCidr,obj.ip];

-		$('#underlayTpDataTable').DataTable();

-		$('#underlayTpDataTable').dataTable().fnAddData(rowData);

-	}

-});

-

-

-function deleteSite(objectId){

-	var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/sites/"+objectId;

-		        $

-				.ajax({

-					type : "DELETE",

-					url : requestUrl,

-					contentType : "application/json",

-					success : function(jsonobj) {

-						$('#site').bootstrapTable('remove', {

-		                    field: 'id',

-		                    values: [objectId]

-		                });

-						alert("Delete Site successfull !!!");

-					},

-					error : function(xhr, ajaxOptions, thrownError) {

-						alert("Error on deleting site: " + xhr.responseText); 	

-					}

-				});

-}

-function deleteLink(objectId){

-	var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/topological-links/"+objectId;

-		        $

-				.ajax({

-					type : "DELETE",

-					url : requestUrl,

-					contentType : "application/json",

-					success : function(jsonobj) {

-						$('#link').bootstrapTable('remove', {

-		                    field: 'id',

-		                    values: [objectId]

-		                });

-						alert("Delete Link successfull !!!");

-					},

-					error : function(xhr, ajaxOptions, thrownError) {

-						alert("Error on deleting link : " + xhr.responseText); 	

-					}

-				});

-}

-

-function deleteNe(objectId){

-	var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/managed-elements/"+objectId;

-		        $

-				.ajax({

-					type : "DELETE",

-					url : requestUrl,

-					contentType : "application/json",

-					success : function(jsonobj) {

-						$('#ne').bootstrapTable('remove', {

-		                    field: 'id',

-		                    values: [objectId]

-		                });

-						alert("Delete NE successfull !!!");

-					},

-					error : function(xhr, ajaxOptions, thrownError) {

-						alert("Error on deleting ne : " + xhr.responseText); 	

-					}

-				});

-}

-

-function deletePort(objectId){

-	var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/logical-termination-points/"+objectId;

-		        $

-				.ajax({

-					type : "DELETE",

-					url : requestUrl,

-					contentType : "application/json",

-					success : function(jsonobj) {

-						$('#port').bootstrapTable('remove', {

-		                    field: 'id',

-		                    values: [objectId]

-		                });

-						alert("Delete Port successfull !!!");

-					},

-					error : function(xhr, ajaxOptions, thrownError) {

-						alert("Error on deleting port : " + xhr.responseText); 	

-					}

-				});

-}

-function loadSiteData(){

-	var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/sites";

-		        $

-				.ajax({

-					type : "GET",

-					url : requestUrl,

-					contentType : "application/json",

-					success : function(jsonobj) {

-						$('#site').bootstrapTable({

-			                data: jsonobj.sites

-		                });

-					},

-					error : function(xhr, ajaxOptions, thrownError) {

-						alert("Error on getting site data : " + xhr.responseText); 	

-					}

-				});

-}

-function loadLinkData(){

-	var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/topological-links";

-		        $

-				.ajax({

-					type : "GET",

-					url : requestUrl,

-					contentType : "application/json",

-					success : function(jsonobj) {

-						$('#link').bootstrapTable({

-			                data: jsonobj.topologicalLinks

-		                });

-					},

-					error : function(xhr, ajaxOptions, thrownError) {

-						alert("Error on getting link data : " + xhr.responseText); 	

-					}

-				});

-}

-function loadNeData(){

-	var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/managed-elements";

-		        $

-				.ajax({

-					type : "GET",

-					url : requestUrl,

-					contentType : "application/json",

-					success : function(jsonobj) {

-						$('#ne').bootstrapTable({

-			                data: jsonobj.managedElements

-		                });

-					},

-					error : function(xhr, ajaxOptions, thrownError) {

-						alert("Error on getting ne data : " + xhr.responseText); 	

-					}

-				});

-}

-function loadPortData(){

-	var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/logical-termination-points";

-		        $

-				.ajax({

-					type : "GET",

-					url : requestUrl,

-					contentType : "application/json",

-					success : function(jsonobj) {

-						$('#port').bootstrapTable({

-		                 data: jsonobj.logicalTerminationPoints

-		                });

-					},

-					error : function(xhr, ajaxOptions, thrownError) {

-						alert("Error on getting port data : " + xhr.responseText); 	

-					}

-				});

-}

-$(function(){

-			$('.creat-btn').click(function(){

-				$('#vmAppDialog').addClass('in').css({'display':'block'});

-				

-			});

-			$('.close,.button-previous').click(function(){

-				$('#vmAppDialog').removeClass('in').css('display','none');

-			});

-			$('.detail-top ul li').click(function(){

-				$(this).addClass('current').siblings().removeClass('current');

-			});

-			$('.para').click(function(){				

-				if($('#serviceTemplateName').val() == ''){

-					alert('Please choose the service templet！');

-					$('#flavorTab').css('display','none');

-				}else{

-					$('#flavorTab').css('display','block');

-				}

-				$('#basicTab').css('display','block');

-			});

-			$('.basic').click(function(){

-				$('#flavorTab').css('display','none');

-			});

-			

-			$('.table tbody tr').click(function(){

-				$(this).addClass('openoTable_row_selected').siblings().removeClass('openoTable_row_selected');

-			});

-			$('.table tr:odd').addClass('active');

-			$('#false').click(function(){

-				$('#vmAppDialog').addClass('in').css({'display':'block'});

-			});

-			$('.close,.button-previous').click(function(){

-				$('#vmAppDialog').removeClass('in').css('display','none');

-			});

-			$('#filterTpLogicalType').click(function(){

-				$('#filterTpLogicalType_select_popupcontainer').toggleClass('openo-hide');

-				$('#filterTpLogicalType').toggleClass('openo-focus');

-				var oLeft = $('#open_base_tpL_td6').offset().left;

-			var oTop = $('#open_base_tpL_td6').offset().top;

-			var oHeight = $('#open_base_tpL_td6').height();

-			$('#filterTpLogicalType_select_popupcontainer').css({'left':oLeft,'top':oTop + oHeight + 10});

-			});

-			$('div.openo-select-popup-container>div.openo-select-item>label').click(function(){

-				var Lvalue = $(this).html();

-				$('#filterTpLogicalType_select_input').attr('value',Lvalue);

-				$('#filterTpLogicalType_select_popupcontainer').addClass('openo-hide');

-				$('#filterTpLogicalType').removeClass('openo-focus');

-			});

-			$.fn.serializeObject = function() {

-				var o = {};

-				var a = this.serializeArray();

-				$.each(a, function() {

-					if (o[this.name] !== undefined) {

-						if (!o[this.name].push) {

-							o[this.name] = [ o[this.name] ];

-						}

-					o[this.name].push(this.value || '');

-					} else {

-						o[this.name] = this.value || '';

-					}

-				});

-			return o;

-			};

-			$('#createSite').click(function(){

-				var formData = JSON.stringify($("#vmAppForm").serializeObject());

-		        var jsonobj = JSON.parse(formData);

-		        var newJson = {"site": jsonobj};

-		        formData = JSON.stringify(newJson);

-		        var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/sites";

-		        $

-				.ajax({

-					type : "POST",

-					url : requestUrl,

-					contentType : "application/json",

-					dataType : "json",

-					data : formData,

-					success : function(jsonResp) {

-						alert("Site saved successfully!!!");

-						jsonobj["id"]= jsonResp.site.id;

-						$('#site').bootstrapTable("append", jsonobj);

-						$('#vmAppDialog').removeClass('in').css('display','none');

-					},

-					error : function(xhr, ajaxOptions, thrownError) {

-						alert("Error on page : " + xhr.responseText); 	

-					}

-				});

-			});

-			

-			$('#createNe').click(function(){

-				var formData = JSON.stringify($("#neForm").serializeObject());

-				var jsonobj = JSON.parse(formData);

-		        var newJson = {"managedElement": jsonobj};

-		        formData = JSON.stringify(newJson);

-		        var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/managed-elements";

-		        $

-				.ajax({

-					type : "POST",

-					url : requestUrl,

-					contentType : "application/json",

-					dataType : "json",

-					data : formData,

-					success : function(jsonResp) {

-						alert("NE saved successfully!!!");

-						jsonobj["id"]= jsonResp.managedElement.id;

-						$('#ne').bootstrapTable("append", jsonobj);

-						$('#vmAppDialog').removeClass('in').css('display','none');

-

-					},

-					error : function(xhr, ajaxOptions, thrownError) {

-						alert("Error on page : " + xhr.responseText); 	

-					}

-				});

-			});

-			

-			$('#createPort').click(function(){

-				var formData = JSON.stringify($("#portForm").serializeObject());

-				var jsonobj = JSON.parse(formData);

-		        var newJson = {"logicalTerminationPoint": jsonobj};

-		        formData = JSON.stringify(newJson);

-		        var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/logical-termination-points";

-		        $

-				.ajax({

-					type : "POST",

-					url : requestUrl,

-					contentType : "application/json",

-					dataType : "json",

-					data : formData,

-					success : function(jsonResp) {

-						alert("Port saved successfully!!!");

-						//TODO : hide model data window.

-						jsonobj["id"]= jsonResp.logicalTerminationPoint.id;

-						$('#port').bootstrapTable("append", jsonobj);

-						$('#vmAppDialog').removeClass('in').css('display','none');

-

-					},

-					error : function(xhr, ajaxOptions, thrownError) {

-						alert("Error on page : " + xhr.responseText); 	

-					}

-				});

-			});

-			

-			$('#createLink').click(function(){

-				var formData = JSON.stringify($("#linkForm").serializeObject());

-				var jsonobj = JSON.parse(formData);

-		        var newJson = {"topologicalLink": jsonobj};

-		        formData = JSON.stringify(newJson);

-		        var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/topological-links";

-		        $

-				.ajax({

-					type : "POST",

-					url : requestUrl,

-					contentType : "application/json",

-					dataType : "json",

-					data : formData,

-					success : function(jsonResp) {

-						alert("Link saved successfully!!!");

-						jsonobj["id"]= jsonResp.topologicalLink.id;

-						$('#link').bootstrapTable("append", jsonobj);

-						$('#vmAppDialog').removeClass('in').css('display','none');

-						

-					},

-					error : function(xhr, ajaxOptions, thrownError) {

-						alert("Error on page : " + xhr.responseText); 	

-					}

-				});

-			});

-			

-		})
\ No newline at end of file
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/link.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr/link.html
deleted file mode 100644
index ee24edae..00000000
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/link.html
+++ /dev/null
@@ -1,303 +0,0 @@
-<!--

-

-    Copyright 2016, Huawei Technologies Co., Ltd.

-

-    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="css/bootstrap.min.css" rel="stylesheet" />

-	<link href="css/VMMain.css" rel="stylesheet" />

-	<link href="css/bootstrap-table.min.css" rel="stylesheet" />

-    <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>

-    <script type="text/javascript" src="js/bootstrap.min.js"></script>

-    <script type="text/javascript" src="js/brs.js"></script>

-    <script type="text/javascript" src="js/bootstrap-table.min.js"></script>	

-	<script type="text/javascript">

-	$(document).ready(function() {

-      

-  

-		var jsondata =  loadLinkData();

-

-		$('#link').bootstrapTable({

-		//Assigning data to table

-			data: jsondata

-		});

-    });

-	function operateFormatter(value, row, index) {

-        return [

-            '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'

-        ].join('');

-        

-    }

-	 window.operateEvents = {

-         'click .siteDeleteImg': function (e, value, row, index) {

-             // TO DO ajex call for delete

-			 deleteLink(row.id);

-             console.log(value, row, index);

-         }

-     };

-	</script>

-</head>

-<body id="open_base_site_cotentBody" class="cotentBody ng-scope">

-	<div class="container-fluid ms-controller">

-		

-		<div class="uploadBtn">

-			<div id="open_base_tpL_userHeader" class="userHeader">

-            <div id="open_base_tpL_buttonGroup" class="openoButton_buttonGroupClass">

-                <div class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default" tabindex="0" id="false" text="res.brApp_ui_res_btn_create" icon-url="./images/add.png" cls="defaultbutton" click="clickAdd" style="display: inline-block; padding-left: 0px; padding-right: 0px;"><div class="openoButton_buttonInnerClass openo-corner-all openoButton_Image" id="false_button"><span class="openo-widget-button-image openoButton_buttonLeftImg" style="background-image: url(images/add.png);"></span><span class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Create</span><span class="openo-widget-button-image openoButton_buttonImgDefault"></span></div></div>

-

-            </div>

-        </div>

-		</div>

-		

-		<div class="row-fluid" data-name="table_zone">

-			<div id='ict_virtualApplication_table_div'>

-                <div>

-                    <div class="top">

-                        <table id="link" data-pagination="true" data-page-size="5" data-pagination-first-text="First" data-pagination-pre-text="Previous" data-pagination-next-text="Next" data-pagination-last-text="Last">

-                            <thead id="link" class="openo-table-thead">

-								<tr class="active">

-									<th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" data-field="name"data-sortable="true">

-										<div class="openo-table-th-border"></div>

-										<div class="DataTables_sort_wrapper openo-ellipsis ">

-											<span id="linkName_sorticon" class="openo-table-th-sorticon overflow_elip openoTable_sortable leftHeaderAlign  openo-table-disable-element ">Name

-                                            </span>

-					                    </div>

-					                </th>

-					                <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" data-field="logicalType" data-sortable="true">

-						                <div class="openo-table-th-border"></div>

-						                <div class="DataTables_sort_wrapper openo-ellipsis ">

-							                <span id="link_aEnd_sorticon" class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Type

-                                            </span>

-										</div>

-									</th>

-					                <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" data-field="layerRate" data-sortable="true">

-						                <div class="openo-table-th-border"></div>

-						                <div class="DataTables_sort_wrapper openo-ellipsis ">

-							                <span id="link_layerRate_sorticon" class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Layer Rate

-                                            </span>

-										</div>

-									</th>

-									<th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" data-field="aEnd" data-sortable="true">

-						                <div class="openo-table-th-border"></div>

-						                <div class="DataTables_sort_wrapper openo-ellipsis ">

-							                <span id="link_aEnd_sorticon" class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Source Port

-                                            </span>

-										</div>

-									</th>

-									<th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" data-field="zEnd" data-sortable="true">

-						                <div class="openo-table-th-border"></div>

-						                <div class="DataTables_sort_wrapper openo-ellipsis ">

-							                <span id="link_zEnd_sorticon" class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Sink Port

-                                            </span>

-										</div>

-									</th>

-									

-									<th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" data-field="aEndME" data-sortable="true">

-						                <div class="openo-table-th-border"></div>

-						                <div class="DataTables_sort_wrapper openo-ellipsis ">

-							                <span id="link_source_sorticon" class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Source NE

-                                            </span>

-										</div>

-									</th>

-									<th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" data-field="zEndME" data-sortable="true">

-						                <div class="openo-table-th-border"></div>

-						                <div class="DataTables_sort_wrapper openo-ellipsis ">

-							                <span id="link_source_sorticon" class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Sink NE

-                                            </span>

-										</div>

-									</th>

-									<th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" data-field="adminState" data-sortable="true">

-						                <div class="openo-table-th-border"></div>

-						                <div class="DataTables_sort_wrapper openo-ellipsis ">

-							                <span id="link_adminState_sorticon" class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Admin State

-                                            </span>

-										</div>

-									</th>

-									<th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" data-field="operState" data-sortable="true">

-						                <div class="openo-table-th-border"></div>

-						                <div class="DataTables_sort_wrapper openo-ellipsis ">

-							                <span id="link_operState_sorticon" class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Operating State

-                                            </span>

-										</div>

-									</th>

-									<th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" data-field="siteType" align="center" data-formatter = "operateFormatter" data-events="operateEvents">

-						                <div class="openo-table-th-border"></div>

-						                <div class="DataTables_sort_wrapper openo-ellipsis ">

-							                <span id="link_latency_sorticon" class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Actions

-                                            </span>

-										</div>

-									</th>

-					            </tr>

-							</thead>

-							<tbody>

-								<!-- <tr style="display: none;">

-									<td colspan="7" style="text-align: center;">NULL</td>

-								</tr>

-								<tr class="odd  openo-table-tr openo-table-disable-element" data-rowid="0" data-tableid="siteTable">

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor    " data-colid="siteName" data-tableid="siteTable">

-										<div class="openo-table-disable-element overflow_elip leftDataAlign">

-											<a class="openo-table-disable-element hyperLinkRow" href="javascript:void(0)" id="siteTable_0_siteName_link">Link1</a></div>

-									</td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

-									    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">Type</div>

-                                    </td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

-									    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">15</div>

-                                    </td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

-									    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">8080</div>

-                                    </td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

-									    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">1234</div>

-                                    </td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

-									    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">NE</div>

-                                    </td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

-									    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">UP</div>

-                                    </td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

-									    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">UP</div>

-                                    </td>

-                                    <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteOperation" data-tableid="siteTable">

-                                        <div class="openo-table-disable-element overflow_elip leftDataAlign openo-table-custom-el" id="siteTable_0_siteOperation_custom_el">

-										<div>

-											<img src="images/delete.png" href="javascript:void(0)" onclick="deleteLink('this')"  opertype="siteDelete" style="cursor: pointer" title="Delete" id="bac4ff3c-d693-4f54-86cd-25af1ea22f59" rowid="0/">

-										</div></div>

-									</td>

-								</tr> -->

-							</tbody>

-                        </table>

-                    </div>

-                </div>

-            </div>

-		</div>

-		<!-- <div id="tpListopenotable_pagination_wrapper" class="openo-table-pagination-wrapper" style="display: block;"><div class="pagination-container openo-pagination-theme openo-pagination"><div class="openoPagination_openoPaginationLengthOptions" id="tpListopenotable_wrapper_div"><input readonly="true" class="openo-pagination-select openopaginationselect" value="" id="tpListopenotable_wrapper_input" actualval="20" style="width: 32px;"><span class="openo-pagination-selectspan openopaginationselectspan" id="tpListopenotable_wrapper_trigger"></span></div><label style="display: block;float:left;">Total records: 23</label><li class="active"><span class="current prev openo-disabled" id="tpListopenotable_wrapper_prev">&nbsp;</span></li><ul><li class="active"><span class="current" id="tpListopenotable_wrapper_page_link_1">1</span></li><li><a class="page-link" id="tpListopenotable_wrapper_page_link_2">2</a></li><li><a class="page-link" id="tpListopenotable_wrapper_page_link_3">3</a></li><li><a class="page-link next" id="tpListopenotable_wrapper_next">&nbsp;</a></li></ul></div></div> -->

-

-		<div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"

-				aria-labelledby="myModalLabel" aria-hidden="false">

-				<div class="modal-dialog">

-					<div class="modal-content">						

-						<div class="content">

-							<div class="modal-header">

-								<button type="button" class="close" data-dismiss="modal" 

-					               aria-hidden="true">×

-					            </button>

-								<h4 class="modal-title" id="myModalLabel">

-					               <span>Create</span>

-					            </h4>

-							</div>

-							<form class="form-horizontal" role="form" id="linkForm">

-							<div id="wizard">

-							<div class="modal-body">							

-								<ul class="nav nav-pills nav-justified vmapp-margin">

-								</ul>

-								<div class="tab-content">

-									<div class="tab-pane active" id="basicTab">

-										<div class="form-group" ms-class="has-error:vmAppDialog.name==''">

-											<label class="col-sm-3 control-label">

-												<span>Name</span>

-												<span class="required">*</span>

-											</label>

-											<div class="col-sm-7">

-												<input type="text" id="name" name="name" class="form-control"/> 

-											</div>

-										</div>

-										<div class="form-group">

-											<label class="col-sm-3 control-label">

-												<span>Type</span>

-											</label>

-										 	<div class="col-sm-7">

-												<select class="form-control" style ="padding-top: 0px;padding-bottom: 0px;" id="logicalType" 

-												        name="logicalType">

-													<option value="fiberLink">Fiber Link</option>

-													<option value="l2Link">L2 Link</option>

-													<option value="ipLink">IP Link</option>

-													<option value="electricalLink">Electrical Link</option>

-												</select>

-											</div>

-										</div>

-										<div class="form-group" ms-class="has-error:vmAppDialog.name==''">

-											<label class="col-sm-3 control-label">

-												<span>Layer Rate</span>

-											</label>

-											<div class="col-sm-7">

-												<input type="text" id="layerRate" name="layerRate" class="form-control"/> 

-											</div>

-										</div>

-										

-										

-										<div class="form-group" ms-class="has-error:vmAppDialog.name==''">

-											<label class="col-sm-3 control-label">

-												<span>Source Port</span>

-											</label>

-											<div class="col-sm-7">

-												<input type="text" id="aEnd" name="aEnd" class="form-control"/> 

-											</div>

-										</div>

-										<div class="form-group" ms-class="has-error:vmAppDialog.name==''">

-											<label class="col-sm-3 control-label">

-												<span>Sink Port</span>

-											</label>

-											<div class="col-sm-7">

-												<input type="text" id="zEnd" name="zEnd" class="form-control"/> 

-											</div>

-										</div>

-										<div class="form-group" ms-class="has-error:vmAppDialog.name==''">

-											<label class="col-sm-3 control-label">

-												<span>Source NE</span>

-											</label>

-											<div class="col-sm-7">

-												<input type="text" id="aEndMe" name="aEndME" class="form-control"/> 

-											</div>

-										</div>

-										<div class="form-group" ms-class="has-error:vmAppDialog.name==''">

-											<label class="col-sm-3 control-label">

-												<span>Sink NE</span>

-											</label>

-											<div class="col-sm-7">

-												<input type="text" id="zEndMe" name="zEndME" class="form-control"/> 

-											</div>

-										</div>

-									</div>									

-								</div>

-							</div>

-							<div class="modal-footer">							

-								<button type="button" class="btn SDBtn" data-dismiss="modal" aria-hidden="true" id="createLink">

-									<span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>

-								</button>							

-								<button type="button" class="btn button-previous SDBtn">

-									<span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>

-								</button>

-								

-							</div>

-						</div>				

-						</form>

-					</div>

-				</div>

-			</div>

-		</div>

-	</div>

-	<div id="filterTpLogicalType_select_popupcontainer" class="openo openo-select-popup-container openo-hide" style="width: 155px; max-height: 130px; left: 628px; top: 104px; z-index: 1761;"><div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_0"><label class="openo-ellipsis openo-select-blank-item" style="width: 100%; display: block; height: 20px;"></label></div><div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_1"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">ETH</label></div><div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_2"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;" title="POS">POS</label></div><div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_3"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Trunk</label></div><div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_4"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Loopback</label></div></div>

-

-

-</body>

-</html>
\ No newline at end of file
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/ne.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr/ne.html
deleted file mode 100644
index 301cb75a..00000000
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/ne.html
+++ /dev/null
@@ -1,295 +0,0 @@
-<!--

-

-    Copyright 2016, Huawei Technologies Co., Ltd.

-

-    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="css/bootstrap.min.css" rel="stylesheet" />

-	<link href="css/VMMain.css" rel="stylesheet" />

-	<link href="css/bootstrap-table.min.css" rel="stylesheet" />

-    <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>	

-    <script type="text/javascript" src="js/bootstrap.min.js"></script>	

-	<script type="text/javascript" src="js/brs.js"></script>

-	<script type="text/javascript" src="js/bootstrap-table.min.js"></script>

-	<script type="text/javascript">

-	$(document).ready(function() {

-		var jsondata = [];

-		jsondata = loadNeData();

-		$('#ne').bootstrapTable({

-		//Assigning data to table

-		data: jsondata

-		});

-       

-    });	

-	function operateFormatter(value, row, index) {

-        return [

-            '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'

-        ].join('');

-        

-    }

-	 window.operateEvents = {

-         'click .siteDeleteImg': function (e, value, row, index) {

-             // TO DO ajex call for delete

-			 var result = deleteNe(row.id, row);

-         }

-     };

-	 

-	</script>

-</head>

-<body id="open_base_site_cotentBody" class="cotentBody ng-scope">

-	<div class="container-fluid ms-controller">

-		

-

-			<div class="uploadBtn">

-			<div id="open_base_tpL_userHeader" class="userHeader">

-            <div id="open_base_tpL_buttonGroup" class="openoButton_buttonGroupClass">

-                <div class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default" tabindex="0" id="false" text="res.brApp_ui_res_btn_create" icon-url="./images/add.png" cls="defaultbutton" click="clickAdd" style="display: inline-block; padding-left: 0px; padding-right: 0px;"><div class="openoButton_buttonInnerClass openo-corner-all openoButton_Image" id="false_button"><span class="openo-widget-button-image openoButton_buttonLeftImg" style="background-image: url(images/add.png);"></span><span class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Create</span><span class="openo-widget-button-image openoButton_buttonImgDefault"></span></div></div>

-            </div>

-        </div>

-		</div>

-		

-		<div class="row-fluid" data-name="table_zone">

-			<div id='ict_virtualApplication_table_div'>

-                <div>

-                    <div class="top">

-                        <table id="ne" data-row-style="rowStyle" data-pagination="true" data-page-size="5" data-pagination-first-text="First" data-pagination-pre-text="Previous" data-pagination-next-text="Next" data-pagination-last-text="Last">

-                            <thead class="openo-table-thead">

-								<tr class="active">

-									<th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" data-field="name" data-sortable="true">

-										<div class="openo-table-th-border"></div>

-										<div class="DataTables_sort_wrapper openo-ellipsis ">

-											<span class="openo-table-th-sorticon overflow_elip openoTable_sortable leftHeaderAlign  openo-table-disable-element ">Name

-                                            </span>

-					                    </div>

-					                </th>

-					                <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" data-field="version" data-sortable="true">

-						                <div class="openo-table-th-border"></div>

-						                <div class="DataTables_sort_wrapper openo-ellipsis ">

-							                <span id="ne_isVersion_sorticon" class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Version

-                                            </span>

-										</div>

-								    </th>

-								    <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" data-field="productName" data-sortable="true">

-						                <div class="openo-table-th-border"></div>

-						                <div class="DataTables_sort_wrapper openo-ellipsis ">

-							                <span id="neproductName_sorticon" class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Product Name

-                                            </span>

-										</div>

-								    </th>

-									<th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" data-field="ipAddress" data-sortable="true">

-						                <div class="openo-table-th-border"></div>

-						                <div class="DataTables_sort_wrapper openo-ellipsis ">

-							                <span id="ne_ipAddress_sorticon" class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">IP Address

-                                            </span>

-										</div>

-								    </th>									

-									<th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" data-field="neRole" data-sortable="true">

-						                <div class="openo-table-th-border"></div>

-						                <div class="DataTables_sort_wrapper openo-ellipsis ">

-							                <span id="ne_neRole_sorticon" class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element0" >NE Role

-                                            </span>

-										</div>

-								    </th>

-									<th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" data-field="adminState" >

-						                <div class="openo-table-th-border"></div>

-						                <div class="DataTables_sort_wrapper openo-ellipsis ">

-							                <span id="ne_adminState_sorticon" class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Admin State

-                                            </span>

-										</div>

-								    </th>

-									<th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" data-field="operState" data-sortable="true">

-						                <div class="openo-table-th-border"></div>

-						                <div class="DataTables_sort_wrapper openo-ellipsis ">

-							                <span id="ne_operState_sorticon" class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Operating State

-                                            </span>

-										</div>

-								    </th>

-									<th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" align="center" data-formatter = "operateFormatter" data-events="operateEvents" >

-						                <div class="openo-table-th-border"></div>

-						                <div class="DataTables_sort_wrapper openo-ellipsis ">

-							                <span id="ne_nativeID_sorticon" class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Actions

-                                            </span>

-										</div>

-								    </th>

-					            </tr></thead>

-							<!-- <tbody>

-								<tr style="display: none;">

-									<td colspan="7" style="text-align: center;">NULL</td>

-								</tr>

-								<tr class="odd  openo-table-tr openo-table-disable-element" data-rowid="0" data-tableid="siteTable">

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor    " data-colid="siteName" data-tableid="siteTable">

-										<div class="openo-table-disable-element overflow_elip leftDataAlign">

-											<a class="openo-table-disable-element hyperLinkRow" href="javascript:void(0)" id="siteTable_0_siteName_link">NE</a></div>

-									</td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

-									    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">1.1</div>

-                                    </td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

-									    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">SDN</div>

-                                    </td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

-									    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">192.168.100.102</div>

-                                    </td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

-									    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">Role</div>

-                                    </td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

-									    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">Admin</div>

-                                    </td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

-									    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">UP</div>

-                                    </td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteOperation" data-tableid="siteTable">

-                                        <div class="openo-table-disable-element overflow_elip leftDataAlign openo-table-custom-el" id="siteTable_0_siteOperation_custom_el">

-										    <div>

-										    <img src="images/delete.png" href="javascript:void(0)" onclick="deleteNe('this');" opertype="siteDelete" style="cursor: pointer" title="Delete" id="bac4ff3c-d693-4f54-86cd-25af1ea22f59" rowid="0/">

-										    </div>

-										</div>

-									</td>

-								</tr>

-								<tr class="even  openo-table-tr openo-table-disable-element" data-rowid="0" data-tableid="siteTable">

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor    " data-colid="siteName" data-tableid="siteTable">

-										<div class="openo-table-disable-element overflow_elip leftDataAlign">

-											<a class="openo-table-disable-element hyperLinkRow" href="javascript:void(0)" id="siteTable_0_siteName_link">NE</a></div>

-									</td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

-									    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">1.1</div>

-                                    </td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

-									    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">SDN</div>

-                                    </td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

-									    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">192.168.100.102</div>

-                                    </td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

-									    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">Role</div>

-                                    </td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

-									    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">Admin</div>

-                                    </td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">

-									    <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">UP</div>

-                                    </td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteOperation" data-tableid="siteTable">

-                                        <div class="openo-table-disable-element overflow_elip leftDataAlign openo-table-custom-el" id="siteTable_0_siteOperation_custom_el">

-										    <div>

-										    <img src="images/delete.png" href="javascript:void(0)" onclick="deleteNe('this');" opertype="siteDelete" style="cursor: pointer" title="Delete" id="bac4ff3c-d693-4f54-86cd-25af1ea22f59" rowid="0/">

-										    </div>

-										</div>

-									</td>

-								</tr>

-							</tbody> -->

-                        </table>

-                    </div>

-                </div>

-            </div>

-		</div>

-		<!-- <div id="tpListopenotable_pagination_wrapper" class="openo-table-pagination-wrapper" style="display: block;"><div class="pagination-container openo-pagination-theme openo-pagination"><div class="openoPagination_openoPaginationLengthOptions" id="tpListopenotable_wrapper_div"><input readonly="true" class="openo-pagination-select openopaginationselect" value="" id="tpListopenotable_wrapper_input" actualval="20" style="width: 32px;"><span class="openo-pagination-selectspan openopaginationselectspan" id="tpListopenotable_wrapper_trigger"></span></div><label style="display: block;float:left;">Total records: 23</label><li class="active"><span class="current prev openo-disabled" id="tpListopenotable_wrapper_prev">&nbsp;</span></li><ul><li class="active"><span class="current" id="tpListopenotable_wrapper_page_link_1">1</span></li><li><a class="page-link" id="tpListopenotable_wrapper_page_link_2">2</a></li><li><a class="page-link" id="tpListopenotable_wrapper_page_link_3">3</a></li><li><a class="page-link next" id="tpListopenotable_wrapper_next">&nbsp;</a></li></ul></div></div> -->

-

-		<div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"

-				aria-labelledby="myModalLabel" aria-hidden="false">

-				<div class="modal-dialog">

-					<div class="modal-content">						

-						<div class="content">

-							<div class="modal-header">

-								<button type="button" class="close" data-dismiss="modal" 

-					               aria-hidden="true">×

-					            </button>

-								<h4 class="modal-title" id="myModalLabel">

-					               <span>Create</span>

-					            </h4>

-							</div>

-							<form class="form-horizontal" role="form" id="neForm">

-							<div id="wizard">

-							<div class="modal-body">							

-								<ul class="nav nav-pills nav-justified vmapp-margin">

-									

-								</ul>

-								<div class="tab-content">

-									<div class="tab-pane active" id="basicTab">

-										<div class="form-group" ms-class="has-error:vmAppDialog.name==''">

-											<label class="col-sm-3 control-label">

-												<span>Name</span>

-												<span class="required">*</span>

-											</label>

-											<div class="col-sm-7">

-												<input type="text" id="name" name="name" class="form-control" placeholder="Name"/> 

-											</div>

-										</div>

-										<div class="form-group" ms-class="has-error:vmAppDialog.name==''">

-											<label class="col-sm-3 control-label">

-												<span>Version</span>

-												<span class="required">*</span>

-											</label>

-											<div class="col-sm-7">

-												<input type="text" id="version" name="version" class="form-control" placeholder="1.1"/> 

-											</div>

-										</div>

-										<div class="form-group">

-											<label class="col-sm-3 control-label">

-												<span>Product Name</span>&nbsp;&nbsp;&nbsp;

-											</label>

-										 	<div class="col-sm-7">

-												<input type="text" id="productName" name="productName" class="form-control" placeholder="Product Name"/>

-											</div>

-										</div>

-										<div class="form-group">

-											<label class="col-sm-3 control-label">

-												<span>IP Address</span>&nbsp;&nbsp;&nbsp;

-											</label>

-										 	<div class="col-sm-7">

-												<input type="text" id="ipAddress" name="ipAddress" class="form-control" placeholder="255.255.255.255"/>

-											</div>

-										</div>

-										<!-- TODO : check for valid neRole									

-										<div class="form-group">

-											<label class="col-sm-3 control-label">

-												<span>NE Role</span>&nbsp;&nbsp;&nbsp;

-											</label>

-										 	<div class="col-sm-7">

-												<input type="text" id="neRole" name="neRole" class="form-control" placeholder="Role"/>

-											</div>

-										</div>

-										-->

-									</div>									

-								</div>

-							</div>

-							<div class="modal-footer">							

-								<button type="button" class="btn SDBtn" data-dismiss="modal" aria-hidden="true" id="createNe">

-									<span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>

-								</button>							

-								<button type="button" class="btn button-previous SDBtn">

-									<span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>

-								</button>

-								

-							</div>

-						</div>				

-						</form>

-					</div>

-				</div>

-			</div>

-		</div>

-	</div>

-	<div id="filterTpLogicalType_select_popupcontainer" class="openo openo-select-popup-container openo-hide" style="width: 155px; max-height: 130px; left: 628px; top: 104px; z-index: 1761;"><div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_0"><label class="openo-ellipsis openo-select-blank-item" style="width: 100%; display: block; height: 20px;"></label></div><div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_1"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">ETH</label></div><div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_2"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;" title="POS">POS</label></div><div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_3"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Trunk</label></div><div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_4"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Loopback</label></div></div>

-

-

-</body>

-</html>
\ No newline at end of file
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/port.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr/port.html
deleted file mode 100644
index e47b30d5..00000000
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/port.html
+++ /dev/null
@@ -1,299 +0,0 @@
-<!--

-

-    Copyright 2016, Huawei Technologies Co., Ltd.

-

-    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="css/bootstrap.min.css" rel="stylesheet" />

-	<link href="css/VMMain.css" rel="stylesheet" />

-	<link href="css/bootstrap-table.min.css" rel="stylesheet" />

-	<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>

-    <script type="text/javascript" src="js/bootstrap.min.js"></script>	

-	<script type="text/javascript" src="js/brs.js"></script>

-	<script type="text/javascript" src="js/bootstrap-table.min.js"></script>

-	<script type="text/javascript">

-	$(document).ready(function() {

-       

-       var jsondata = [];

-	   jsondata = loadPortData();

-

-		$('#port').bootstrapTable({

-		//Assigning data to table

-		data: jsondata

-		});

-    });

-	function operateFormatter(value, row, index) {

-        return [

-            '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'

-        ].join('');

-        

-    }

-	 window.operateEvents = {

-         'click .siteDeleteImg': function (e, value, row, index) {

-             

-			 deletePort(row.id);

-             console.log(value, row, index);

-         }

-     };

-	</script>

-</head>

-<body id="open_base_site_cotentBody" class="cotentBody ng-scope">

-	

-	

-		<div class="uploadBtn">

-			<div id="open_base_tpL_userHeader" class="userHeader">

-            <div id="open_base_tpL_buttonGroup" class="openoButton_buttonGroupClass">

-                <div class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default" tabindex="0" id="false" text="res.brApp_ui_res_btn_create" icon-url="./images/add.png" cls="defaultbutton" click="clickAdd" style="display: inline-block; padding-left: 0px; padding-right: 0px;"><div class="openoButton_buttonInnerClass openo-corner-all openoButton_Image" id="false_button"><span class="openo-widget-button-image openoButton_buttonLeftImg" style="background-image: url(images/add.png);"></span><span class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Create</span><span class="openo-widget-button-image openoButton_buttonImgDefault"></span></div></div>

-            </div>

-        </div>

-		</div>

-		

-		<div class="row-fluid" data-name="table_zone">

-			<div id='ict_virtualApplication_table_div'>

-                <div>

-                    <div class="top">

-                        <table id="port" data-pagination="true" data-page-size="5" data-pagination-first-text="First" data-pagination-pre-text="Previous" data-pagination-next-text="Next" data-pagination-last-text="Last">

-                            <thead id="portTable_thead" class="openo-table-thead">

-								<tr class="active">

-									<th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" data-field="name" data-sortable="true">

-										<div class="openo-table-th-border"></div>

-										<div class="DataTables_sort_wrapper openo-ellipsis ">

-											<span id="portName_sorticon" class="openo-table-th-sorticon overflow_elip openoTable_sortable leftHeaderAlign  openo-table-disable-element ">Name

-                                             </span>

-					                    </div>

-					                </th>

-					                <th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" data-field="meID" data-sortable="true">

-						                <div class="openo-table-th-border"></div>

-						                <div class="DataTables_sort_wrapper openo-ellipsis ">

-							                <span id="portmeID_sorticon" class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">ME

-                                            </span>

-										</div>

-									</th>

-									<th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" data-field="logicalType" data-sortable="true">

-						                <div class="openo-table-th-border"></div>

-						                <div class="DataTables_sort_wrapper openo-ellipsis ">

-							                <span id="portLogicalType_sorticon" class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Type

-                                            </span>

-										</div>

-									</th>

-									<th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" data-field="layerRate" data-sortable="true">

-						                <div class="openo-table-th-border"></div>

-						                <div class="DataTables_sort_wrapper openo-ellipsis ">

-							                <span id="portLayerRate_sorticon" class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Layer Rate

-                                            </span>

-										</div>

-									</th>

-									<th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" data-field="isEdgePoint" data-sortable="true">

-						                <div class="openo-table-th-border"></div>

-						                <div class="DataTables_sort_wrapper openo-ellipsis ">

-							                <span id="portIsEdgePoint_sorticon" class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Edge Point

-                                            </span>

-										</div>

-									</th>

-									<th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" data-field="portIndex" data-sortable="true">

-						                <div class="openo-table-th-border"></div>

-						                <div class="DataTables_sort_wrapper openo-ellipsis ">

-							                <span id="portIndex_sorticon" class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Port Index

-                                            </span>

-										</div>

-									</th>

-									<th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" data-field="ipAddress" data-sortable="true">

-						                <div class="openo-table-th-border"></div>

-						                <div class="DataTables_sort_wrapper openo-ellipsis ">

-							                <span id="portIpAddress_sorticon" class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">IP Address

-                                            </span>

-										</div>

-									</th>

-									<th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" data-field="adminState" data-sortable="true">

-						                <div class="openo-table-th-border"></div>

-						                <div class="DataTables_sort_wrapper openo-ellipsis ">

-							                <span id="portAdminState_sorticon" class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Admin State

-                                            </span>

-										</div>

-									</th>

-									<th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" data-field="operState" data-sortable="true">

-						                <div class="openo-table-th-border"></div>

-						                <div class="DataTables_sort_wrapper openo-ellipsis ">

-							                <span id="portOperState_sorticon" class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Operating State

-                                            </span>

-										</div>

-									</th>

-									<th class="openo-table-state-default openo-table-th openo-table-disable-element  leftHeaderAlign" align="center" data-formatter = "operateFormatter" data-events="operateEvents">

-						                <div class="openo-table-th-border"></div>

-						                <div class="DataTables_sort_wrapper openo-ellipsis ">

-							                <span id="portAction_sorticon" class="openo-table-th-sorticon overflow_elip  leftHeaderAlign  openo-table-disable-element ">Action</span>

-										</div>

-									</th>

-					            </tr>

-						    </thead>

-							<!-- <tbody>

-								<tr style="display: none;">

-									<td colspan="7" style="text-align: center;">NULL</td>

-								</tr>

-								<tr class="odd  openo-table-tr openo-table-disable-element" data-rowid="0" data-tableid="siteTable">

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteName" data-tableid="siteTable">

-										<div class="openo-table-disable-element overflow_elip leftDataAlign">

-											<a class="openo-table-disable-element hyperLinkRow" href="javascript:void(0)" id="siteTable_0_portName_link"></a>Port1</div>

-									</td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >ME</div>

-                                    </td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >Type</div>

-                                    </td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >12</div>

-                                    </td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >Edge</div>

-                                    </td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >12345</div>

-                                    </td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >255.255.255.123</div>

-                                    </td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >UP</div>

-                                    </td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >UP</div>

-                                    </td>

-									<td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteOperation" data-tableid="siteTable">

-                                        <div class="openo-table-disable-element overflow_elip leftDataAlign openo-table-custom-el" id="siteTable_0_siteOperation_custom_el">

-										    <div>

-										    	<img src="images/delete.png" href="javascript:void(0)" onclick="deletePort('this');" opertype="siteDelete" style="cursor: pointer" title="Delete" id="bac4ff3c-d693-4f54-86cd-25af1ea22f59" rowid="0/">

-											</div>

-										</div>

-									</td>

-								</tr>

-							</tbody> -->

-                        </table>

-                    </div>

-                </div>

-            </div>

-		</div>

-		<!-- <div id="tpListopenotable_pagination_wrapper" class="openo-table-pagination-wrapper" style="display: block;"><div class="pagination-container openo-pagination-theme openo-pagination"><div class="openoPagination_openoPaginationLengthOptions" id="tpListopenotable_wrapper_div"><input readonly="true" class="openo-pagination-select openopaginationselect" value="" id="tpListopenotable_wrapper_input" actualval="20" style="width: 32px;"><span class="openo-pagination-selectspan openopaginationselectspan" id="tpListopenotable_wrapper_trigger"></span></div><label style="display: block;float:left;">Total records: 23</label><li class="active"><span class="current prev openo-disabled" id="tpListopenotable_wrapper_prev">&nbsp;</span></li><ul><li class="active"><span class="current" id="tpListopenotable_wrapper_page_link_1">1</span></li><li><a class="page-link" id="tpListopenotable_wrapper_page_link_2">2</a></li><li><a class="page-link" id="tpListopenotable_wrapper_page_link_3">3</a></li><li><a class="page-link next" id="tpListopenotable_wrapper_next">&nbsp;</a></li></ul></div></div> -->

-

-		<div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"

-				aria-labelledby="myModalLabel" aria-hidden="false">

-				<div class="modal-dialog">

-					<div class="modal-content">						

-						<div class="content">

-							<div class="modal-header">

-								<button type="button" class="close" data-dismiss="modal" 

-					               aria-hidden="true">×

-					            </button>

-								<h4 class="modal-title" id="myModalLabel">

-					               <span>Create</span>

-					            </h4>

-							</div>

-							<form class="form-horizontal" role="form" id="portForm">

-							<div id="wizard">

-							<div class="modal-body">							

-								<ul class="nav nav-pills nav-justified vmapp-margin">

-								</ul>

-								<div class="tab-content">

-									<div class="tab-pane active" id="basicTab">

-										<div class="form-group" ms-class="has-error:vmAppDialog.name==''">

-											<label class="col-sm-3 control-label">

-												<span>Name</span>

-												<span class="required">*</span>

-											</label>

-											<div class="col-sm-7">

-												<input type="text" id="name" name="name" class="form-control" placeholder="Name"/> 

-											</div>

-										</div>

-										<div class="form-group" ms-class="has-error:vmAppDialog.name==''">

-											<label class="col-sm-3 control-label">

-												<span>ME</span>

-											</label>

-											<div class="col-sm-7">

-												<input type="text" id="meID" name="meID" class="form-control" placeholder="ME"/> 

-											</div>

-										</div>

-										<div class="form-group">

-											<label class="col-sm-3 control-label">

-												<span>Type</span>												

-											</label>

-										 	<div class="col-sm-7">

-												<select class="form-control" style ="padding-top: 0px;padding-bottom: 0px;" id="logicalType" 

-												        name="logicalType">

-													<option value="ETH">ETH</option>

-													<option value="POS">POS</option>

-													<option value="Trunk">Trunk</option>

-													<option value="Loopback">Loopback</option>

-												</select>

-											</div>

-										</div>

-										<div class="form-group" ms-class="has-error:vmAppDialog.name==''">

-											<label class="col-sm-3 control-label">

-												<span>Layer Rate</span>

-											</label>

-											<div class="col-sm-7">

-												<input type="text" id="layerRate" name="layerRate" class="form-control" placeholder="Layer Rate"/> 

-											</div>

-										</div>

-										<div class="form-group">

-											<label class="col-sm-3 control-label">

-												<span>Edge Point</span>												

-											</label>

-										 	<div class="col-sm-7">

-												<select class="form-control" style ="padding-top: 0px;padding-bottom: 0px;" id="isEdgePoint" 

-												        name="isEdgePoint">

-													<option value="true">True</option>

-													<option value="false">False</option>

-												</select>

-											</div>

-										</div>

-										<div class="form-group" ms-class="has-error:vmAppDialog.name==''">

-											<label class="col-sm-3 control-label">

-												<span>Port Index</span>

-											</label>

-											<div class="col-sm-7">

-												<input type="text" id="portIndex" name="portIndex" class="form-control" placeholder="Port Index"/> 

-											</div>

-										</div>

-										

-										<div class="form-group">

-											<label class="col-sm-3 control-label">

-												<span>IP Address</span>&nbsp;&nbsp;&nbsp;

-											</label>

-										 	<div class="col-sm-7">

-												<input type="text" id="ipAddress" name="ipAddress" class="form-control" placeholder="255.255.255.255"/>

-											</div>

-										</div>

-									</div>

-								</div>

-							</div>

-							<div class="modal-footer">							

-								<button type="button" class="btn SDBtn" data-dismiss="modal" aria-hidden="true" id="createPort">

-									<span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>

-								</button>							

-								<button type="button" class="btn button-previous SDBtn">

-									<span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>

-								</button>

-								

-							</div>

-						</div>				

-						</form>

-					</div>

-				</div>

-			</div>

-		</div>

-	</div>

-	<div id="filterTpLogicalType_select_popupcontainer" class="openo openo-select-popup-container openo-hide" style="width: 155px; max-height: 130px; left: 628px; top: 104px; z-index: 1761;"><div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_0"><label class="openo-ellipsis openo-select-blank-item" style="width: 100%; display: block; height: 20px;"></label></div><div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_1"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">ETH</label></div><div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_2"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;" title="POS">POS</label></div><div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_3"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Trunk</label></div><div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_4"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Loopback</label></div></div>

-

-

-</body>

-</html>
\ No newline at end of file
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/site.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr/site.html
deleted file mode 100644
index 9cb3e50d..00000000
--- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/site.html
+++ /dev/null
@@ -1,195 +0,0 @@
-<!--

-

-    Copyright 2016, Huawei Technologies Co., Ltd.

-

-    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="css/bootstrap.min.css" rel="stylesheet" />

-	<link href="css/VMMain.css" rel="stylesheet" />

-	<link href="css/bootstrap-table.min.css" rel="stylesheet" />

-	<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>	

-    <script type="text/javascript" src="js/bootstrap.min.js"></script>

-    <script type="text/javascript" src="js/brs.js"></script>	

-    <script type="text/javascript" src="js/bootstrap-table.min.js"></script>

-    

-	<style type="text/css">

-	</style>

-	<script type="text/javascript">

-	$(document).ready(function() {

-		

-		var jsondata = [];

-		jsondata = loadSiteData();

-		$('#site').bootstrapTable({

-            //Assigning data to table

-            data: jsondata

-        });

-		

-       

-    });

-	

-	function operateFormatter(value, row, index) {

-        return [

-            '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'

-        ].join('');

-        

-    }

-	 window.operateEvents = {

-         'click .siteDeleteImg': function (e, value, row, index) {

-             // TO DO ajex call for delete

-			 deleteSite(row.id);

-             console.log(value, row, index);

-         }

-     };

-	</script>

-</head>

-<body id="open_base_site_cotentBody" class="cotentBody ng-scope">

-	<div class="container-fluid ms-controller">

-		

-	<div class="uploadBtn">

-			<div id="open_base_tpL_userHeader" class="userHeader">

-            <div id="open_base_tpL_buttonGroup" class="openoButton_buttonGroupClass">

-                <div class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default" tabindex="0" id="false" text="res.brApp_ui_res_btn_create" icon-url="./images/add.png" cls="defaultbutton" click="clickAdd" style="display: inline-block; padding-left: 0px; padding-right: 0px;"><div class="openoButton_buttonInnerClass openo-corner-all openoButton_Image" id="false_button"><span class="openo-widget-button-image openoButton_buttonLeftImg" style="background-image: url(images/add.png);"></span><span class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Create</span><span class="openo-widget-button-image openoButton_buttonImgDefault"></span></div></div>

-

-

-                <div class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass undefined openoButton_button_default" tabindex="0" id="meEdit" text="res.brApp_ui_res_btn_edit" display="false" style="display: none;"><div class="openoButton_buttonInnerClass openo-corner-all" id="meEdit_button"><span class="openo-widget-button-image openoButton_buttonImgDefault"></span><span class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Edit</span><span class="openo-widget-button-image openoButton_buttonImgDefault"></span></div></div>

-

-            </div>

-        </div>

-	</div>

-		

-		<div class="row-fluid" data-name="table_zone">

-			<div id='ict_virtualApplication_table_div'>

-                <div>

-                    <div class="top">

-                        <table id="site"

-                        	data-pagination="true" data-page-size="5" data-pagination-first-text="First" data-pagination-pre-text="Previous" data-pagination-next-text="Next" data-pagination-last-text="Last">

-                             <thead>

-					            <tr class="active" >

-					                <th data-field="name"  data-sortable="true">Name</th>

-					                <th data-field="type" data-sortable="true">Type</th>

-					                <th data-field="tenantID" data-sortable="true">Tenant Name</th>

-					                <th data-field="tenantSiteIDs" data-sortable="true">Tenant Site</th>

-					                <th data-field="location" data-sortable="true">Location</th>

-					                

-					                <th align="center" data-formatter = "operateFormatter" data-events="operateEvents">Action</th>

-					            </tr>

-					            </thead>

-                        </table>

-                    </div>

-                </div>	

-            </div>

-		</div>

-		<!-- <div id="tpListopenotable_pagination_wrapper" class="openo-table-pagination-wrapper" style="display: block;"><div class="pagination-container openo-pagination-theme openo-pagination"><div class="openoPagination_openoPaginationLengthOptions" id="tpListopenotable_wrapper_div"><input readonly="true" class="openo-pagination-select openopaginationselect" value="" id="tpListopenotable_wrapper_input" actualval="20" style="width: 32px;"><span class="openo-pagination-selectspan openopaginationselectspan" id="tpListopenotable_wrapper_trigger"></span></div><label style="display: block;float:left;">Total records: 23</label><li class="active"><span class="current prev openo-disabled" id="tpListopenotable_wrapper_prev">&nbsp;</span></li><ul><li class="active"><span class="current" id="tpListopenotable_wrapper_page_link_1">1</span></li><li><a class="page-link" id="tpListopenotable_wrapper_page_link_2">2</a></li><li><a class="page-link" id="tpListopenotable_wrapper_page_link_3">3</a></li><li><a class="page-link next" id="tpListopenotable_wrapper_next">&nbsp;</a></li></ul></div></div> -->

-

-		<div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"

-				aria-labelledby="myModalLabel" aria-hidden="false">

-				<div class="modal-dialog">

-					<div class="modal-content">						

-						<div class="content">

-							<div class="modal-header">

-								<button type="button" class="close" data-dismiss="modal" 

-					               aria-hidden="true">×

-					            </button>

-								<h4 class="modal-title" id="myModalLabel">

-					               <span>Create</span>

-					            </h4>

-							</div>

-							<form class="form-horizontal" role="form" id="vmAppForm">

-							<div id="wizard">

-							<div class="modal-body">							

-								<ul class="nav nav-pills nav-justified vmapp-margin">

-								</ul>

-								<div class="tab-content">

-									<div class="tab-pane active" id="basicTab">

-										<div class="form-group" ms-class="has-error:vmAppDialog.name==''">

-											<label class="col-sm-3 control-label">

-												<span>Name</span>

-												<span class="required">*</span>

-											</label>

-											<div class="col-sm-7">

-												<input type="text" id="name" name="name" class="form-control" placeholder="Name"/> 

-											</div>

-										</div>

-										<div class="form-group">

-											<label class="col-sm-3 control-label">

-												<span>Type</span>&nbsp;&nbsp;&nbsp;

-											</label>

-										 	

-											<div class="col-sm-7">

-												<select class="form-control" style ="padding-top: 0px;padding-bottom: 0px;" id="type" 

-												        name="type">

-													<option value="network_site">Network</option>

-													<option value="tenant_site">Tenant</option>

-												</select>

-											</div>

-										</div>

-										<!--  TODO: these field are ignored as of now

-										<div class="form-group">

-											<label class="col-sm-3 control-label">

-												<span>Tenant Name</span>&nbsp;&nbsp;&nbsp;

-											</label>

-										 	<div class="col-sm-7">

-												<input type="text" id="tenantName" name="tenantName" class="form-control" placeholder="Banglore"/>

-											</div>

-										</div>

-										<div class="form-group">

-											<label class="col-sm-3 control-label">

-												<span>Tenant Site</span>&nbsp;&nbsp;&nbsp;

-											</label>

-										 	<div class="col-sm-7">

-												<input type="text" id="tenantSite" name="tenantSite" class="form-control" placeholder="Banglore"/>

-											</div>

-										</div>

-										-->

-										<div class="form-group">

-											<label class="col-sm-3 control-label">

-												<span>Location</span>&nbsp;&nbsp;&nbsp;

-											</label>

-										 	<div class="col-sm-7">

-												<input type="text" id="location" name="location" class="form-control" placeholder="Banglore"/>

-											</div>

-										</div>

-									</div>

-									

-									

-								</div>

-							</div>

-							<div class="modal-footer">							

-								<button type="button" class="btn SDBtn" data-dismiss="modal" aria-hidden="true" id="createSite">

-									<span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>

-								</button>							

-								<button type="button" class="btn button-previous SDBtn">

-									<span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>

-								</button>

-								

-							</div>

-						</div>				

-						</form>

-					</div>

-				</div>

-			</div>

-		</div>

-	</div>

-	<div id="filterTpLogicalType_select_popupcontainer" class="openo openo-select-popup-container openo-hide" style="width: 155px; max-height: 130px; left: 628px; top: 104px; z-index: 1761;"><div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_0"><label class="openo-ellipsis openo-select-blank-item" style="width: 100%; display: block; height: 20px;"></label></div><div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_1"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">ETH</label></div><div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_2"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;" title="POS">POS</label></div><div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_3"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Trunk</label></div><div class="openo-select-item openo-ellipsis  " id="filterTpLogicalType_openo-select-id_4"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Loopback</label></div></div>

-

-

-</body>

-</html>
\ No newline at end of file