limitations under the License.
-->
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
- <parent>
- <groupId>org.openo.gso.gui</groupId>
- <artifactId>openo-portal</artifactId>
- <version>1.0.0-SNAPSHOT</version>
- </parent>
-
- <modelVersion>4.0.0</modelVersion>
- <artifactId>portal-resmgr</artifactId>
- <version>1.0.0-SNAPSHOT</version>
- <packaging>war</packaging>
+<project xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://maven.apache.org/POM/4.0.0"
+ xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+ <parent>
+ <groupId>org.openo.gso.gui</groupId>
+ <artifactId>openo-portal</artifactId>
+ <version>1.0.0-SNAPSHOT</version>
+ </parent>
+ <modelVersion>4.0.0</modelVersion>
+ <artifactId>portal-resmgr</artifactId>
+ <version>1.0.0-SNAPSHOT</version>
+ <packaging>pom</packaging>
+<!--
<build>
<plugins>
<plugin>
</configuration>
</plugin>
</plugins>
- </build>
+ </build> -->
</project>
#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
-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;
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;
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
-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;
overflow: hidden;
}
-.item-select{
+.item-select {
float: left;
height: 34px;
border: 1px solid #ccc;
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;
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
-
<!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>
-
-
- 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
<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>
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
-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
-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
-$(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
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
-
<!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" /> <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" /> <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">
- 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;">
- 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>
- 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>
-
- </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>
+
+ </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
<!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">
<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;">
-
<!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
--- /dev/null
+/* Copyright 2016, Huawei Technologies Co., Ltd.\r
+ *\r
+ * Licensed under the Apache License, Version 2.0 (the "License");\r
+ * you may not use this file except in compliance with the License.\r
+ * You may obtain a copy of the License at\r
+ *\r
+ * http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ */\r
+\r
+#iemp_layout_container {\r
+ padding: 0px;\r
+ margin: 1px auto;\r
+ width: 100%;\r
+ height: 100%;\r
+}\r
+\r
+#iemp_layout_container .three-cols-layout {\r
+ width: 100%;\r
+ height: 100%;\r
+ border-collapse: collapse;\r
+ margin-left: 0px;\r
+ margin-top: 0px;\r
+ margin-right: 0px;\r
+ margin-bottom: 0px;\r
+}\r
+\r
+#iemp_layout_container .three-cols-layout {\r
+ width: 100%;\r
+ height: 100%;\r
+ border-collapse: collapse;\r
+ margin-left: 0px;\r
+ margin-top: 0px;\r
+ margin-right: 0px;\r
+ margin-bottom: 0px;\r
+}\r
+\r
+#iemp_layout_container .three-cols-column.three-cols-left {\r
+ width: 215px;\r
+ background-color: #f5f5f5;\r
+}\r
+\r
+.accordion_parent {\r
+ position: relative;\r
+ width: 220px;\r
+ background-color: #f5f5f5;\r
+}\r
+\r
+.openo-accordion-resizable-handle {\r
+ z-index: 1 !important;\r
+ cursor: e-resize;\r
+ width: 7px;\r
+ right: -5px;\r
+ top: 0;\r
+ height: 100%;\r
+ position: absolute;\r
+ font-size: .1px;\r
+ display: block;\r
+}\r
+\r
+.openoAccordian_accordionmenu {\r
+ width: 100%;\r
+ margin: 0;\r
+ padding: 0;\r
+ list-style-type: none;\r
+ line-height: 17px;\r
+}\r
+\r
+.openoAccordian_accordionmenu li {\r
+ min-width: 75px;\r
+ margin: 0;\r
+ padding: 0;\r
+ list-style-type: none;\r
+ color: #000;\r
+ clear: both;\r
+}\r
+\r
+.openo_accordion_ui-icon-collapse, .openo_accordion_ui-icon-expand {\r
+ display: block;\r
+ float: left;\r
+ margin-bottom: -1px;\r
+ border-bottom: 1px solid #e5e5e5;\r
+ cursor: pointer;\r
+ width: 13px;\r
+ padding-top: 26px;\r
+}\r
+\r
+.openo_accordion_ui-icon-expand {\r
+ background: url(../images/collapse_arrow.png) right 20px no-repeat;\r
+ margin-top: 8px;\r
+}\r
+\r
+.openo_accordion_ui-icon-expand.current {\r
+ background: url(../images/expand_arrow.png) right 20px no-repeat;\r
+}\r
+\r
+.openoAccordian_showHideArrow_hide, .openoAccordian_showHideArrow_show {\r
+ display: block;\r
+ position: absolute;\r
+ right: 0;\r
+ top: 4px;\r
+ width: 18px;\r
+ height: 41px;\r
+ cursor: pointer;\r
+ background-color: #f5f5f5;\r
+}\r
+\r
+.openoAccordian_showHideArrow_hide {\r
+ background-image: url(../images/openo.png);\r
+ background-position: -7px 0 !important;\r
+ border-collapse: separate;\r
+ /*box-shadow: inset -1px 0 0 #e5e5e5;*/\r
+}\r
+\r
+a.header.opened, a.header.closed {\r
+ font-size: 16px;\r
+ padding-top: 24px;\r
+ padding-bottom: 25px;\r
+ color: #999999;\r
+}\r
+\r
+.openoAccordian_accordionmenu .closed, .openoAccordian_accordionmenu .opened {\r
+ padding-right: 10px;\r
+ background-position: 98% 50%;\r
+ background-repeat: no-repeat;\r
+}\r
+\r
+.openoAccordian_accordionmenu li a {\r
+ padding: 11px 10px 12px;\r
+ color: #333333;\r
+ margin-right: 1px;\r
+ margin-top: -1px;\r
+ text-align: left !important;\r
+ font-family: "Microsoft Yahei", SimSun, Arial, Tahoma;\r
+ font-size: 14px;\r
+ text-overflow: ellipsis;\r
+ white-space: nowrap;\r
+ overflow: hidden;\r
+ border-top: 1px solid #e5e5e5;\r
+ border-bottom: 1px solid #e5e5e5;\r
+ /*height: 19px;*/\r
+}\r
+\r
+.openoAccordian_accordionmenu ul {\r
+ margin: 0;\r
+ padding: 0;\r
+ overflow: hidden;\r
+}\r
+\r
+.openoAccordian_accordionmenu a {\r
+ display: block;\r
+ text-decoration: none;\r
+}\r
+\r
+a {\r
+ color: #428bca;\r
+ text-decoration: none;\r
+ background: 0 0;\r
+}\r
+\r
+.bar {\r
+ height: 834px;\r
+ width: 18px;\r
+ background: #f8f8f8;\r
+ display: none;\r
+}\r
+\r
+.bar span {\r
+ width: 13px;\r
+ height: 34px;\r
+ background-image: url(../images/openo.png);\r
+ background-position: -39px 0 !important;\r
+ display: block;\r
+ /*margin-top: -430px;*/\r
+}\r
+\r
+#accordionmenuid_ul_0_0_brAppTopMenuID_UL li {\r
+ cursor: pointer;\r
+}\r
+\r
+#puer_base_openo {\r
+ border: 1px solid #ddd;\r
+}\r
+\r
+.openo_accordion_selected {\r
+ margin-left: 0;\r
+ margin-right: 0;\r
+ background: #fafafa;\r
+ border-left: 3px solid #4ac9ff !important;\r
+ box-shadow: none;\r
+ position: relative;\r
+}\r
+\r
+a:hover {\r
+ color: #4ac9ff !important;\r
+}\r
+\r
+.openoAccordian_accordionmenu li.openo_accordion_selected a {\r
+ position: relative;\r
+ left: -3px;\r
+ color: #009ae7;\r
+}\r
+\r
+.openo-accordion-resizable-handle {\r
+ z-index: 1 !important;\r
+ cursor: e-resize;\r
+ width: 7px;\r
+ right: -5px;\r
+ top: 0;\r
+ height: 100%;\r
+ position: absolute;\r
+ font-size: .1px;\r
+ display: block;\r
+}\r
+\r
+#iframeContainer iframe {\r
+ width: 100%;\r
+ height: 100%;\r
+ border: 0;\r
+}\r
+\r
+#accordionContent, #iframeContainer {\r
+ margin: 0;\r
+ padding: 0;\r
+ border: 0;\r
+ width: 100%;\r
+ height: 100%;\r
+}\r
+\r
+.openoAccordian_showHideArrow_show {\r
+ background-image: url(../images/openo.png);\r
+ background-position: -39px 0 !important;\r
+ box-shadow: inset 1px 0 0 #e5e5e5, inset -1px 0 0 #e5e5e5;\r
+}
\ No newline at end of file
--- /dev/null
+/* Copyright 2016, Huawei Technologies Co., Ltd.\r
+ *\r
+ * Licensed under the Apache License, Version 2.0 (the "License");\r
+ * you may not use this file except in compliance with the License.\r
+ * You may obtain a copy of the License at\r
+ *\r
+ * http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ */\r
+\r
+body {\r
+ font-family: '微软雅黑';\r
+ font-size: 12px;\r
+ color: #333;\r
+ background: #fafafa;\r
+}\r
+\r
+button {\r
+ outline: none;\r
+}\r
+\r
+ul, li {\r
+ list-style: none;\r
+ padding: 0;\r
+ margin: 0;\r
+}\r
+\r
+.titleFont {\r
+ font-size: 16px;\r
+}\r
+\r
+.separator-line {\r
+ height: 1px;\r
+ width: 100%;\r
+ border: 1px solid #ddd;\r
+ margin: 6px 0 15px 0;\r
+}\r
+\r
+.uploadBtn {\r
+ overflow: hidden;\r
+}\r
+\r
+.creat-btn {\r
+ padding: 0 14px;\r
+ height: 24px;\r
+ float: left;\r
+ cursor: pointer;\r
+ text-decoration: none;\r
+ outline: 0;\r
+ border: 1px solid #d3d3d3;\r
+ text-align: center;\r
+ box-shadow: 0 1px 1px rgba(0, 0, 0, .05);\r
+ background: #fafafa;\r
+ background: -moz-linear-gradient(top, #fff, #fafafa);\r
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #fafafa));\r
+ background: -webkit-linear-gradient(top, #fff, #fafafa);\r
+ background: linear-gradient(to bottom, #fff, #fafafa);\r
+ border-radius: 6px;\r
+ background: #fff url(../images/add.png) no-repeat 5px center;\r
+ padding-left: 20px;\r
+}\r
+\r
+.creat-btn:hover {\r
+ color: #009ae7;\r
+ border: 1px solid #4AC9FF\r
+}\r
+\r
+.creat-btn:active {\r
+ color: #000;\r
+ border: 1px solid #4AC9FF\r
+}\r
+\r
+/*.creat-btn{\r
+ background: #fff url(../image/add.png) no-repeat 5px center;\r
+ border: 1px solid #ddd;\r
+ float: left;\r
+}\r
+.creat-btn:hover{\r
+ background: #428bca;\r
+ color: #fff;\r
+ border:1px solid #428bca;\r
+}*/\r
+.search {\r
+ width: 310px;\r
+ height: 30px;\r
+ float: right;\r
+}\r
+\r
+.search-text {\r
+ width: 250px;\r
+ float: left;\r
+ margin-right: 6px;\r
+}\r
+\r
+.search-btn {\r
+ height: 30px;\r
+ background: #fff;\r
+ border: 1px solid #ddd;\r
+ float: left;\r
+}\r
+\r
+#ict_virtualApplication_table_div {\r
+ margin-top: 15px;\r
+}\r
+\r
+.table > thead > tr.active > th {\r
+ border: 1px solid #ddd !important;\r
+ border-bottom: 0;\r
+ background: #f0f0f0;\r
+}\r
+\r
+/*.table tbody tr:hover{\r
+ background: #e6fbe0!important;\r
+}*/\r
+.table tbody tr:last-child {\r
+ border-bottom: 1px solid #ddd;\r
+}\r
+\r
+.table-btn {\r
+ border: 1px solid #ccc;\r
+ border-radius: 3px;\r
+}\r
+\r
+.delete-btn {\r
+ background: url(../image/delete.png) no-repeat;\r
+ width: 16px;\r
+ height: 16px;\r
+ border: none;\r
+}\r
+\r
+.detail-btn {\r
+ background: url(../image/openo.png) no-repeat -343px -283px;\r
+ width: 16px;\r
+ height: 16px;\r
+ border: none;\r
+}\r
+\r
+.detail-btn.current {\r
+ background-position: -7px -314px;\r
+}\r
+\r
+.detail {\r
+ height: 200px;\r
+ border: 1px solid #ddd;\r
+ margin-top: 60px;\r
+}\r
+\r
+.detail-top ul {\r
+ height: 50px;\r
+ line-height: 50px;\r
+ border-bottom: 1px solid #ddd;\r
+ padding-left: 0px;\r
+ background: #fafafa;\r
+}\r
+\r
+.detail-top ul li {\r
+ float: left;\r
+ width: 120px;\r
+ text-align: center;\r
+ border-right: 1px solid #ddd;\r
+ cursor: pointer;\r
+}\r
+\r
+.detail-top ul li.current {\r
+ background: #fff;\r
+}\r
+\r
+.vmapp-margin {\r
+ margin-bottom: 10px;\r
+}\r
+\r
+.control-label .required {\r
+ color: #e02222;\r
+ font-size: 12px;\r
+ padding-left: 2px;\r
+}\r
+\r
+.form-group .control-label {\r
+ font-size: 12px;\r
+ font-weight: 400;\r
+}\r
+\r
+legend {\r
+ font-size: 12px;\r
+ font-weight: bold;\r
+}\r
+\r
+.pageGro {\r
+ width: 250px;\r
+ float: right;\r
+}\r
+\r
+.pageUp, .pageDown, .pageList, .pageList li {\r
+ float: left;\r
+ cursor: pointer;\r
+}\r
+\r
+.pageUp, .pageDown {\r
+ width: 60px;\r
+ height: 30px;\r
+ border: 1px solid #ddd;\r
+ text-align: center;\r
+ line-height: 30px;\r
+}\r
+\r
+.pageList li {\r
+ width: 30px;\r
+ height: 30px;\r
+ border: 1px solid #ddd;\r
+ text-align: center;\r
+ line-height: 30px;\r
+ border-left: none;\r
+}\r
+\r
+.pageList li.active {\r
+ background: #428bca;\r
+ color: #fff;\r
+ border-color: #428bca;\r
+}\r
+\r
+.pageDown {\r
+ border-left: none;\r
+}\r
+\r
+.headerLinkP {\r
+ padding-top: 17px;\r
+}\r
+\r
+.headerLinkP span {\r
+ font-size: 12px;\r
+ color: #666;\r
+ font-weight: normal !important;\r
+}\r
+\r
+label {\r
+ font-weight: normal !important;\r
+}\r
+\r
+table.userform tbody tr td {\r
+ display: table-cell;\r
+ padding-right: 10px;\r
+ padding-top: 10px;\r
+ font-size: 12px;\r
+ color: #333;\r
+}\r
+\r
+.table th, .table td {\r
+ padding-top: 3px !important;\r
+ padding-bottom: 3px !important;\r
+}\r
+\r
+.openoBrowseButton_element {\r
+ display: table;\r
+}\r
+\r
+.openo {\r
+ font-family: "Microsoft Yahei", SimSun, Arial, Tahoma;\r
+ font-size: 12px;\r
+ color: #000;\r
+}\r
+\r
+.openoBrowseButton_input {\r
+ width: 198px;\r
+ position: relative;\r
+ border: 1px solid #c3c3c3 !important;\r
+ height: 26px;\r
+ background-color: #f3f3f3;\r
+ border-radius: 4px 0 0 4px;\r
+ border-right: none;\r
+ padding: 0;\r
+}\r
+\r
+.buttonClassDefault, .buttonClassDefault:active {\r
+ cursor: pointer;\r
+ background-image: url(../images/openo.png);\r
+ background-position: -154px -7px !important;\r
+}\r
+\r
+.openoBrowseButton_button {\r
+ width: 27px;\r
+ border: 0;\r
+ float: right;\r
+ position: relative;\r
+ height: 26px;\r
+ right: 0;\r
+ top: 0;\r
+ border-radius: 0 4px 4px 0;\r
+ border-right: 1px solid #c3c3c3;\r
+ border-left: none;\r
+}\r
+\r
+.openo .openo-input, .openo.openo-input {\r
+ outline: 0;\r
+ border: 1px solid #c3c3c3;\r
+ box-shadow: 1px 1px #f6f6f6 inset;\r
+ background-color: #fff;\r
+ height: 26px;\r
+}\r
+\r
+.openoInput_openoDefaultText {\r
+ padding: 0 0 0 6px;\r
+ border-radius: 4px;\r
+ color: #000;\r
+ display: inline-block;\r
+ outline: 0;\r
+ box-shadow: 1px 1px #f6f6f6 inset;\r
+ font-size: 12px;\r
+ background: #fff;\r
+}\r
+\r
+div.openo-select {\r
+ border: 1px solid #c3c3c3;\r
+ border-radius: 4px;\r
+ background: url(../images/arrow-down-enable.png) right no-repeat #fff;\r
+ line-height: 24px;\r
+ padding-left: 3px;\r
+ display: block;\r
+}\r
+\r
+div.openo-select > input.openo-select-input {\r
+ border: none;\r
+ outline: 0;\r
+ line-height: 21px;\r
+ height: 21px;\r
+ padding-left: 3px;\r
+ border-right: solid 1px #c3c3c3;\r
+}\r
+\r
+.openo .openo-ellipsis, .openo.openo-ellipsis {\r
+ overflow: hidden;\r
+ white-space: nowrap;\r
+ text-overflow: ellipsis;\r
+}\r
+\r
+a.openoButton_buttonClass, a.openoButton_buttonDisableClass, div.openoButton_buttonClass, div.openoButton_buttonDisableClass {\r
+ height: 26px;\r
+ float: left;\r
+ cursor: pointer;\r
+ text-decoration: none;\r
+ outline: 0;\r
+ border: 1px solid #d3d3d3;\r
+ text-align: center;\r
+ box-shadow: 0 1px 1px rgba(0, 0, 0, .05);\r
+ background: #fafafa;\r
+ background: -moz-linear-gradient(top, #fff, #fafafa);\r
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #fafafa));\r
+ background: -webkit-linear-gradient(top, #fff, #fafafa);\r
+ background: linear-gradient(to bottom, #fff, #fafafa);\r
+ border-radius: 6px;\r
+}\r
+\r
+.openoButton_buttonInnerClass {\r
+ padding: 0 19px;\r
+ border-radius: 6px;\r
+}\r
+\r
+.openoButton_buttonCenterText {\r
+ color: #000;\r
+ line-height: 24px;\r
+ white-space: nowrap;\r
+ width: auto !important;\r
+}\r
+\r
+.userHeader {\r
+ clear: left;\r
+ overflow: hidden;\r
+ margin-bottom: 10px;\r
+ padding: 10px 10px 0px 0px;\r
+}\r
+\r
+.openoButton_buttonGroupClass {\r
+ display: inline;\r
+}\r
+\r
+.openoButton_buttonGroupClass div.openoButton_buttonClass_parent:first-child {\r
+ margin-left: 0;\r
+}\r
+\r
+.openoButton_buttonLeftImg {\r
+ margin-right: 5px;\r
+}\r
+\r
+.openoButton_buttonLeftImg, .openoButton_buttonRightImg {\r
+ display: inline-block;\r
+ vertical-align: top;\r
+ width: 16px;\r
+ height: 16px;\r
+ margin-top: 4px;\r
+}\r
+\r
+.openo-table-pagination-wrapper {\r
+ height: 37px;\r
+}\r
+\r
+.openo-pagination {\r
+ display: block;\r
+ float: left;\r
+ overflow: hidden;\r
+ padding: 5px 0 0;\r
+ margin-top: 8px;\r
+}\r
+\r
+.openoPagination_openoPaginationLengthOptions:not(msie8) {\r
+ line-height: 24px;\r
+}\r
+\r
+.openoPagination_openoPaginationLengthOptions {\r
+ white-space: normal;\r
+ height: 24px;\r
+ float: left;\r
+ outline: 0;\r
+ line-height: 20px;\r
+ margin: 0 5px;\r
+}\r
+\r
+.openo-pagination-select {\r
+ height: 26px;\r
+ line-height: 22px;\r
+ text-align: center;\r
+ margin-right: -2px;\r
+ border: 1px solid #e0e0e0;\r
+ border-radius: 5px 0 0 5px;\r
+ padding: 1px;\r
+}\r
+\r
+.openoPagination_openoPaginationLengthOptions span {\r
+ background-color: #fff !important;\r
+}\r
+\r
+.openo-pagination-theme a, .openo-pagination-theme span {\r
+ float: left;\r
+ color: #666;\r
+ font: 12px Lucida Grande, Verdana, Arial, Helvetica, sans-serif;\r
+ line-height: 24px;\r
+ font-weight: 400;\r
+ text-align: center;\r
+ border: 1px solid #e0e0e0;\r
+ text-decoration: none !important;\r
+ padding: 0 7px;\r
+ border-radius: 3px;\r
+ background: #fff;\r
+}\r
+\r
+.openo-pagination-selectspan {\r
+ background: url(../images/ideo_default_select.png) left no-repeat !important;\r
+ float: right !important;\r
+ width: 26px;\r
+ height: 26px;\r
+ cursor: pointer;\r
+}\r
+\r
+.openo-pagination-theme label {\r
+ padding-top: 6px;\r
+ vertical-align: middle;\r
+ margin-right: 20px;\r
+ margin-top: -1px;\r
+ float: left;\r
+ display: inline-block;\r
+ height: 20px;\r
+ font: 12px Lucida Grande, Verdana, Arial, Helvetica, sans-serif;\r
+}\r
+\r
+.openo-pagination li, .openo-pagination ul {\r
+ list-style: none;\r
+ padding: 0;\r
+ margin: 0;\r
+ float: left;\r
+}\r
+\r
+dd, dl, dt, li {\r
+ color: #000;\r
+}\r
+\r
+.openo-pagination-theme a, .openo-pagination-theme span.current {\r
+ margin: 0 5px 0 0;\r
+}\r
+\r
+.openo .openo-disabled, .openo.openo-disabled {\r
+ border-color: #c3c3c3 !important;\r
+ color: #666 !important;\r
+ opacity: .3;\r
+ filter: alpha(opacity=30);\r
+}\r
+\r
+.openo-pagination-theme .prev {\r
+ background: 0 0;\r
+ float: left;\r
+}\r
+\r
+.openo-pagination-theme .current {\r
+ text-decoration: none !important;\r
+ float: left;\r
+ padding-left: 6px;\r
+ height: 24px;\r
+ color: #fff;\r
+ display: inline;\r
+ border-color: #00adf5;\r
+ background: #4ad2ff;\r
+}\r
+\r
+.openo-pagination-theme a, .openo-pagination-theme span {\r
+ float: left;\r
+ color: #666;\r
+ font: 12px Lucida Grande, Verdana, Arial, Helvetica, sans-serif;\r
+ line-height: 24px;\r
+ font-weight: 400;\r
+ text-align: center;\r
+ border: 1px solid #e0e0e0;\r
+ text-decoration: none !important;\r
+ padding: 0 7px;\r
+ border-radius: 3px;\r
+ background: #fff;\r
+}\r
+\r
+.openo-pagination-theme .prev.openo-disabled:before {\r
+ background: url(../images/page_left_disabled.png) 50% 45% no-repeat;\r
+}\r
+\r
+.openo-pagination-theme .prev.openo-disabled:before {\r
+ background: url(../images/page_left_disabled.png) 50% 45% no-repeat;\r
+}\r
+\r
+.openo-pagination-theme .prev:before {\r
+ background: url(../images/page_l.png) 50% 45% no-repeat;\r
+}\r
+\r
+.openo-pagination-theme .next:after, .openo-pagination-theme .prev:before {\r
+ display: inline-block;\r
+ content: "";\r
+ vertical-align: middle;\r
+ width: 10px;\r
+ height: 24px;\r
+}\r
+\r
+.openo-pagination-theme .prev:before {\r
+ background: url(../images/page_l.png) 50% 45% no-repeat;\r
+}\r
+\r
+.openo-pagination-theme .next:after, .openo-pagination-theme .prev:before {\r
+ display: inline-block;\r
+ content: "";\r
+ vertical-align: middle;\r
+ width: 10px;\r
+ height: 24px;\r
+}\r
+\r
+pagination ul {\r
+ list-style: none;\r
+ padding: 0;\r
+ margin: 0;\r
+ float: left;\r
+}\r
+\r
+.openo-pagination li, .openo-pagination ul {\r
+ list-style: none;\r
+ padding: 0;\r
+ margin: 0;\r
+ float: left;\r
+}\r
+\r
+.openoPagination_gototext {\r
+ background: #FFF;\r
+ outline: 0;\r
+ width: 29px;\r
+ float: left;\r
+ height: 26px;\r
+ line-height: 24px;\r
+ border-radius: 4px;\r
+ border: 1px solid #c3c3c3;\r
+ padding: 0 0 0 5px;\r
+ margin: 0;\r
+ color: #666;\r
+ min-width: 50px;\r
+}\r
+\r
+.openoPagination_gotoimage {\r
+ width: 29px;\r
+ height: 26px;\r
+ line-height: 26px;\r
+ background-color: #FFF;\r
+ background-image: url(/portal/themes/default/components/openo/images/openo.png);\r
+ padding-left: 21px;\r
+ float: left;\r
+ margin-left: 5px;\r
+ border: 1px solid #e0e0e0;\r
+ border-radius: 4px;\r
+ box-sizing: border-box;\r
+ -moz-box-sizing: border-box;\r
+ background-position: -184px -181px !important;\r
+}\r
+\r
+.openo-pagination-theme .ellipse {\r
+ float: left;\r
+ margin-left: -8px;\r
+ margin-right: -4px;\r
+ background: 0 0;\r
+ border: none;\r
+ border-radius: 0;\r
+ box-shadow: none;\r
+ font-weight: 700;\r
+ cursor: default;\r
+}\r
+\r
+.openo.openo-disabled {\r
+ border-color: #c3c3c3 !important;\r
+ color: #666 !important;\r
+ opacity: .3;\r
+ filter: alpha(opacity=30);\r
+}\r
+\r
+.openo-pagination-theme .prev {\r
+ background: 0 0;\r
+ float: left;\r
+}\r
+\r
+.openo-pagination-theme .current {\r
+ text-decoration: none !important;\r
+ float: left;\r
+ padding-left: 6px;\r
+ height: 26px;\r
+ color: #fff;\r
+ display: inline;\r
+ /*border-color: #00adf5;\r
+ background: #4ad2ff;*/\r
+ border: 1px solid #e0e0e0;\r
+}\r
+\r
+.openo-pagination-theme .next:after {\r
+ background: url(../images/page_r.png) 50% 45% no-repeat;\r
+}\r
+\r
+.openoButton_buttonGroupClass div.openoButton_buttonClass_parent, .openoButton_buttonRightImg {\r
+ margin-left: 5px;\r
+}\r
+\r
+html, body {\r
+ height: 99%;\r
+ width: 98%;\r
+}\r
+\r
+.cotentBody {\r
+ padding: 0px 20px 0px 20px;\r
+}\r
+\r
+div.openoButton_buttonClass:hover {\r
+ border: 1px solid #4ac9ff;\r
+}\r
+\r
+div.openoButton_button_default:hover .openoButton_buttonCenterText {\r
+ color: #009ae7;\r
+}\r
+\r
+.header_lineimg {\r
+ height: 1px;\r
+ width: 100%;\r
+ margin-top: 17px;\r
+}\r
+\r
+.openo.openo-hide {\r
+ display: none;\r
+}\r
+\r
+div.openo-select-popup-container {\r
+ position: absolute;\r
+ border: 1px solid #4ac9ff;\r
+ border-top: none;\r
+ border-radius: 0 0 4px 4px;\r
+ max-height: 202px;\r
+ overflow-y: auto;\r
+ background-color: #fff;\r
+ z-index: 880;\r
+}\r
+\r
+div.openo-select-popup-container > div.openo-select-item {\r
+ display: block;\r
+}\r
+\r
+.openo .openo-ellipsis, .openo.openo-ellipsis {\r
+ overflow: hidden;\r
+ white-space: nowrap;\r
+ text-overflow: ellipsis;\r
+}\r
+\r
+div.openo-select-popup-container > div.openo-select-item > label {\r
+ padding-top: 3px;\r
+ padding-bottom: 3px;\r
+ line-height: 20px;\r
+}\r
+\r
+.openo .openo-ellipsis, .openo.openo-ellipsis {\r
+ overflow: hidden;\r
+ white-space: nowrap;\r
+ text-overflow: ellipsis;\r
+}\r
+\r
+.openo-select-item label {\r
+ margin-left: 4px;\r
+ margin-right: 4px;\r
+ white-space: nowrap;\r
+}\r
+\r
+div.openo-select-popup-container > div.openo-select-item.openo-item-selected, div.openo-select-popup-container > div.openo-select-item:hover {\r
+ background-color: #f1f1f1;\r
+ color: #008fd6;\r
+}\r
+\r
+div.openo-select.openo-focus {\r
+ border: 1px solid #4ac9ff;\r
+ border-bottom-left-radius: 0;\r
+ border-bottom-right-radius: 0;\r
+ border-bottom-color: #ddd;\r
+}\r
+\r
+.openo-pagination-theme a:hover {\r
+ border-color: #4ac9ff;\r
+ cursor: pointer;\r
+}\r
+\r
+.SDBtn {\r
+ background: #fff;\r
+ color: #333;\r
+ border: 1px solid #ddd;\r
+}\r
+\r
+.SDBtn:hover {\r
+ color: #009ae7;\r
+ border: 1px solid #4AC9FF\r
+}\r
+\r
+table tbody tr.even:hover td, table tbody tr.odd:hover td {\r
+ background-color: #e6fbe0;\r
+}\r
+\r
+table tr.openoTable_row_selected td {\r
+ background: #e8f8fe !important;\r
+ border-bottom: 1px solid #e8e8e8 !important;\r
+}\r
+\r
+.modal-body {\r
+ padding: 0 !important;\r
+}\r
+\r
+.form-control {\r
+ height: 26px !important;\r
+}\r
+\r
+.form-group .control-label {\r
+ margin-left: 20px;\r
+}\r
+\r
+.form-horizontal .control-label {\r
+ text-align: left;\r
+}
\ No newline at end of file
--- /dev/null
+/* Copyright 2016, Huawei Technologies Co., Ltd.\r
+ *\r
+ * Licensed under the Apache License, Version 2.0 (the "License");\r
+ * you may not use this file except in compliance with the License.\r
+ * You may obtain a copy of the License at\r
+ *\r
+ * http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ */\r
+\r
+$('.siteDeleteImg').click(function () {\r
+ var data = $(this).parent().parent().parent().find('td:last').find('div:last').html();\r
+ alert(data);\r
+ var jsonObj = JSON.parse(data);\r
+ for (var i = 0; i < jsonObj.length; i++) {\r
+ var obj = jsonObj[i];\r
+ var rowData = [obj.tpName, obj.peName, obj.vlanId, obj.siteCidr, obj.ip];\r
+ $('#underlayTpDataTable').DataTable();\r
+ $('#underlayTpDataTable').dataTable().fnAddData(rowData);\r
+ }\r
+});\r
+\r
+\r
+function deleteSite(objectId) {\r
+ var requestUrl = "/openoapi/sdnobrs/v1/sites/" + objectId;\r
+ $\r
+ .ajax({\r
+ type: "DELETE",\r
+ url: requestUrl,\r
+ contentType: "application/json",\r
+ success: function (jsonobj) {\r
+ $('#site').bootstrapTable('remove', {\r
+ field: 'id',\r
+ values: [objectId]\r
+ });\r
+ alert("Delete Site successfull !!!");\r
+ },\r
+ error: function (xhr, ajaxOptions, thrownError) {\r
+ alert("Error on deleting site: " + xhr.responseText);\r
+ }\r
+ });\r
+}\r
+function deleteLink(objectId) {\r
+ var requestUrl = "/openoapi/sdnobrs/v1/topological-links/" + objectId;\r
+ $\r
+ .ajax({\r
+ type: "DELETE",\r
+ url: requestUrl,\r
+ contentType: "application/json",\r
+ success: function (jsonobj) {\r
+ $('#link').bootstrapTable('remove', {\r
+ field: 'id',\r
+ values: [objectId]\r
+ });\r
+ alert("Delete Link successfull !!!");\r
+ },\r
+ error: function (xhr, ajaxOptions, thrownError) {\r
+ alert("Error on deleting link : " + xhr.responseText);\r
+ }\r
+ });\r
+}\r
+\r
+function deleteNe(objectId) {\r
+ var requestUrl = "/openoapi/sdnobrs/v1/managed-elements/" + objectId;\r
+ $\r
+ .ajax({\r
+ type: "DELETE",\r
+ url: requestUrl,\r
+ contentType: "application/json",\r
+ success: function (jsonobj) {\r
+ $('#ne').bootstrapTable('remove', {\r
+ field: 'id',\r
+ values: [objectId]\r
+ });\r
+ alert("Delete NE successfull !!!");\r
+ },\r
+ error: function (xhr, ajaxOptions, thrownError) {\r
+ alert("Error on deleting ne : " + xhr.responseText);\r
+ }\r
+ });\r
+}\r
+\r
+function deletePort(objectId) {\r
+ var requestUrl = "/openoapi/sdnobrs/v1/logical-termination-points/" + objectId;\r
+ $\r
+ .ajax({\r
+ type: "DELETE",\r
+ url: requestUrl,\r
+ contentType: "application/json",\r
+ success: function (jsonobj) {\r
+ $('#port').bootstrapTable('remove', {\r
+ field: 'id',\r
+ values: [objectId]\r
+ });\r
+ alert("Delete Port successfull !!!");\r
+ },\r
+ error: function (xhr, ajaxOptions, thrownError) {\r
+ alert("Error on deleting port : " + xhr.responseText);\r
+ }\r
+ });\r
+}\r
+function loadSiteData() {\r
+ var requestUrl = "/openoapi/sdnobrs/v1/sites";\r
+ $\r
+ .ajax({\r
+ type: "GET",\r
+ url: requestUrl,\r
+ contentType: "application/json",\r
+ success: function (jsonobj) {\r
+ $('#site').bootstrapTable({\r
+ data: jsonobj.sites\r
+ });\r
+ },\r
+ error: function (xhr, ajaxOptions, thrownError) {\r
+ alert("Error on getting site data : " + xhr.responseText);\r
+ }\r
+ });\r
+}\r
+function loadLinkData() {\r
+ var requestUrl = "/openoapi/sdnobrs/v1/topological-links";\r
+ $\r
+ .ajax({\r
+ type: "GET",\r
+ url: requestUrl,\r
+ contentType: "application/json",\r
+ success: function (jsonobj) {\r
+ $('#link').bootstrapTable({\r
+ data: jsonobj.topologicalLinks\r
+ });\r
+ },\r
+ error: function (xhr, ajaxOptions, thrownError) {\r
+ alert("Error on getting link data : " + xhr.responseText);\r
+ }\r
+ });\r
+}\r
+function loadNeData() {\r
+ var requestUrl = "/openoapi/sdnobrs/v1/managed-elements";\r
+ $\r
+ .ajax({\r
+ type: "GET",\r
+ url: requestUrl,\r
+ contentType: "application/json",\r
+ success: function (jsonobj) {\r
+ $('#ne').bootstrapTable({\r
+ data: jsonobj.managedElements\r
+ });\r
+ },\r
+ error: function (xhr, ajaxOptions, thrownError) {\r
+ alert("Error on getting ne data : " + xhr.responseText);\r
+ }\r
+ });\r
+}\r
+function loadPortData() {\r
+ var requestUrl = "/openoapi/sdnobrs/v1/logical-termination-points";\r
+ $\r
+ .ajax({\r
+ type: "GET",\r
+ url: requestUrl,\r
+ contentType: "application/json",\r
+ success: function (jsonobj) {\r
+ $('#port').bootstrapTable({\r
+ data: jsonobj.logicalTerminationPoints\r
+ });\r
+ },\r
+ error: function (xhr, ajaxOptions, thrownError) {\r
+ alert("Error on getting port data : " + xhr.responseText);\r
+ }\r
+ });\r
+}\r
+$(function () {\r
+ $('.creat-btn').click(function () {\r
+ $('#vmAppDialog').addClass('in').css({'display': 'block'});\r
+\r
+ });\r
+ $('.close,.button-previous').click(function () {\r
+ $('#vmAppDialog').removeClass('in').css('display', 'none');\r
+ });\r
+ $('.detail-top ul li').click(function () {\r
+ $(this).addClass('current').siblings().removeClass('current');\r
+ });\r
+ $('.para').click(function () {\r
+ if ($('#serviceTemplateName').val() == '') {\r
+ alert('Please choose the service templet！');\r
+ $('#flavorTab').css('display', 'none');\r
+ } else {\r
+ $('#flavorTab').css('display', 'block');\r
+ }\r
+ $('#basicTab').css('display', 'block');\r
+ });\r
+ $('.basic').click(function () {\r
+ $('#flavorTab').css('display', 'none');\r
+ });\r
+\r
+ $('.table tbody tr').click(function () {\r
+ $(this).addClass('openoTable_row_selected').siblings().removeClass('openoTable_row_selected');\r
+ });\r
+ $('.table tr:odd').addClass('active');\r
+ $('#false').click(function () {\r
+ $('#vmAppDialog').addClass('in').css({'display': 'block'});\r
+ });\r
+ $('.close,.button-previous').click(function () {\r
+ $('#vmAppDialog').removeClass('in').css('display', 'none');\r
+ });\r
+ $('#filterTpLogicalType').click(function () {\r
+ $('#filterTpLogicalType_select_popupcontainer').toggleClass('openo-hide');\r
+ $('#filterTpLogicalType').toggleClass('openo-focus');\r
+ var oLeft = $('#open_base_tpL_td6').offset().left;\r
+ var oTop = $('#open_base_tpL_td6').offset().top;\r
+ var oHeight = $('#open_base_tpL_td6').height();\r
+ $('#filterTpLogicalType_select_popupcontainer').css({'left': oLeft, 'top': oTop + oHeight + 10});\r
+ });\r
+ $('div.openo-select-popup-container>div.openo-select-item>label').click(function () {\r
+ var Lvalue = $(this).html();\r
+ $('#filterTpLogicalType_select_input').attr('value', Lvalue);\r
+ $('#filterTpLogicalType_select_popupcontainer').addClass('openo-hide');\r
+ $('#filterTpLogicalType').removeClass('openo-focus');\r
+ });\r
+ $.fn.serializeObject = function () {\r
+ var o = {};\r
+ var a = this.serializeArray();\r
+ $.each(a, function () {\r
+ if (o[this.name] !== undefined) {\r
+ if (!o[this.name].push) {\r
+ o[this.name] = [o[this.name]];\r
+ }\r
+ o[this.name].push(this.value || '');\r
+ } else {\r
+ o[this.name] = this.value || '';\r
+ }\r
+ });\r
+ return o;\r
+ };\r
+ $('#createSite').click(function () {\r
+ var formData = JSON.stringify($("#vmAppForm").serializeObject());\r
+ var jsonobj = JSON.parse(formData);\r
+ var newJson = {"site": jsonobj};\r
+ formData = JSON.stringify(newJson);\r
+ var requestUrl = "/openoapi/sdnobrs/v1/sites";\r
+ $\r
+ .ajax({\r
+ type: "POST",\r
+ url: requestUrl,\r
+ contentType: "application/json",\r
+ dataType: "json",\r
+ data: formData,\r
+ success: function (jsonResp) {\r
+ alert("Site saved successfully!!!");\r
+ jsonobj["id"] = jsonResp.site.id;\r
+ $('#site').bootstrapTable("append", jsonobj);\r
+ $('#vmAppDialog').removeClass('in').css('display', 'none');\r
+ },\r
+ error: function (xhr, ajaxOptions, thrownError) {\r
+ alert("Error on page : " + xhr.responseText);\r
+ }\r
+ });\r
+ });\r
+\r
+ $('#createNe').click(function () {\r
+ var formData = JSON.stringify($("#neForm").serializeObject());\r
+ var jsonobj = JSON.parse(formData);\r
+ var newJson = {"managedElement": jsonobj};\r
+ formData = JSON.stringify(newJson);\r
+ var requestUrl = "/openoapi/sdnobrs/v1/managed-elements";\r
+ $\r
+ .ajax({\r
+ type: "POST",\r
+ url: requestUrl,\r
+ contentType: "application/json",\r
+ dataType: "json",\r
+ data: formData,\r
+ success: function (jsonResp) {\r
+ alert("NE saved successfully!!!");\r
+ jsonobj["id"] = jsonResp.managedElement.id;\r
+ $('#ne').bootstrapTable("append", jsonobj);\r
+ $('#vmAppDialog').removeClass('in').css('display', 'none');\r
+\r
+ },\r
+ error: function (xhr, ajaxOptions, thrownError) {\r
+ alert("Error on page : " + xhr.responseText);\r
+ }\r
+ });\r
+ });\r
+\r
+ $('#createPort').click(function () {\r
+ var formData = JSON.stringify($("#portForm").serializeObject());\r
+ var jsonobj = JSON.parse(formData);\r
+ var newJson = {"logicalTerminationPoint": jsonobj};\r
+ formData = JSON.stringify(newJson);\r
+ var requestUrl = "/openoapi/sdnobrs/v1/logical-termination-points";\r
+ $\r
+ .ajax({\r
+ type: "POST",\r
+ url: requestUrl,\r
+ contentType: "application/json",\r
+ dataType: "json",\r
+ data: formData,\r
+ success: function (jsonResp) {\r
+ alert("Port saved successfully!!!");\r
+ //TODO : hide model data window.\r
+ jsonobj["id"] = jsonResp.logicalTerminationPoint.id;\r
+ $('#port').bootstrapTable("append", jsonobj);\r
+ $('#vmAppDialog').removeClass('in').css('display', 'none');\r
+\r
+ },\r
+ error: function (xhr, ajaxOptions, thrownError) {\r
+ alert("Error on page : " + xhr.responseText);\r
+ }\r
+ });\r
+ });\r
+\r
+ $('#createLink').click(function () {\r
+ var formData = JSON.stringify($("#linkForm").serializeObject());\r
+ var jsonobj = JSON.parse(formData);\r
+ var newJson = {"topologicalLink": jsonobj};\r
+ formData = JSON.stringify(newJson);\r
+ var requestUrl = "/openoapi/sdnobrs/v1/topological-links";\r
+ $\r
+ .ajax({\r
+ type: "POST",\r
+ url: requestUrl,\r
+ contentType: "application/json",\r
+ dataType: "json",\r
+ data: formData,\r
+ success: function (jsonResp) {\r
+ alert("Link saved successfully!!!");\r
+ jsonobj["id"] = jsonResp.topologicalLink.id;\r
+ $('#link').bootstrapTable("append", jsonobj);\r
+ $('#vmAppDialog').removeClass('in').css('display', 'none');\r
+\r
+ },\r
+ error: function (xhr, ajaxOptions, thrownError) {\r
+ alert("Error on page : " + xhr.responseText);\r
+ }\r
+ });\r
+ });\r
+\r
+})
\ No newline at end of file
--- /dev/null
+<!--\r
+\r
+ Copyright 2016, Huawei Technologies Co., Ltd.\r
+\r
+ Licensed under the Apache License, Version 2.0 (the "License");\r
+ you may not use this file except in compliance with the License.\r
+ You may obtain a copy of the License at\r
+\r
+ http://www.apache.org/licenses/LICENSE-2.0\r
+\r
+ Unless required by applicable law or agreed to in writing, software\r
+ distributed under the License is distributed on an "AS IS" BASIS,\r
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ See the License for the specific language governing permissions and\r
+ limitations under the License.\r
+\r
+-->\r
+\r
+<!DOCTYPE html>\r
+<html>\r
+<head>\r
+ <head lang="en">\r
+ <meta charset="UTF-8">\r
+ <title></title>\r
+ <link href="css/bootstrap.min.css" rel="stylesheet"/>\r
+ <link href="css/VMMain.css" rel="stylesheet"/>\r
+ <link href="css/bootstrap-table.min.css" rel="stylesheet"/>\r
+ <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>\r
+ <script type="text/javascript" src="js/bootstrap.min.js"></script>\r
+ <script type="text/javascript" src="js/brs.js"></script>\r
+ <script type="text/javascript" src="js/bootstrap-table.min.js"></script>\r
+ <script type="text/javascript">\r
+ $(document).ready(function () {\r
+\r
+\r
+ var jsondata = loadLinkData();\r
+\r
+ $('#link').bootstrapTable({\r
+ //Assigning data to table\r
+ data: jsondata\r
+ });\r
+ });\r
+ function operateFormatter(value, row, index) {\r
+ return [\r
+ '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'\r
+ ].join('');\r
+\r
+ }\r
+ window.operateEvents = {\r
+ 'click .siteDeleteImg': function (e, value, row, index) {\r
+ // TO DO ajex call for delete\r
+ deleteLink(row.id);\r
+ console.log(value, row, index);\r
+ }\r
+ };\r
+ </script>\r
+ </head>\r
+<body id="open_base_site_cotentBody" class="cotentBody ng-scope">\r
+<div class="container-fluid ms-controller">\r
+\r
+ <div class="uploadBtn">\r
+ <div id="open_base_tpL_userHeader" class="userHeader">\r
+ <div id="open_base_tpL_buttonGroup" class="openoButton_buttonGroupClass">\r
+ <div class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default"\r
+ tabindex="0" id="false" text="res.brApp_ui_res_btn_create" icon-url="./images/add.png"\r
+ cls="defaultbutton" click="clickAdd"\r
+ style="display: inline-block; padding-left: 0px; padding-right: 0px;">\r
+ <div class="openoButton_buttonInnerClass openo-corner-all openoButton_Image" id="false_button"><span\r
+ class="openo-widget-button-image openoButton_buttonLeftImg"\r
+ style="background-image: url(images/add.png);"></span><span\r
+ class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Create</span><span\r
+ class="openo-widget-button-image openoButton_buttonImgDefault"></span></div>\r
+ </div>\r
+\r
+ </div>\r
+ </div>\r
+ </div>\r
+\r
+ <div class="row-fluid" data-name="table_zone">\r
+ <div id='ict_virtualApplication_table_div'>\r
+ <div>\r
+ <div class="top">\r
+ <table id="link" data-pagination="true" data-page-size="5" data-pagination-first-text="First"\r
+ data-pagination-pre-text="Previous" data-pagination-next-text="Next"\r
+ data-pagination-last-text="Last">\r
+ <thead id="link" class="openo-table-thead">\r
+ <tr class="active">\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="name" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="linkName_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip openoTable_sortable leftHeaderAlign openo-table-disable-element ">Name\r
+ </span>\r
+ </div>\r
+ </th>\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="logicalType" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="link_aEnd_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Type\r
+ </span>\r
+ </div>\r
+ </th>\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="layerRate" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="link_layerRate_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Layer Rate\r
+ </span>\r
+ </div>\r
+ </th>\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="aEnd" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="link_aEnd_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Source Port\r
+ </span>\r
+ </div>\r
+ </th>\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="zEnd" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="link_zEnd_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Sink Port\r
+ </span>\r
+ </div>\r
+ </th>\r
+\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="aEndME" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="link_source_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Source NE\r
+ </span>\r
+ </div>\r
+ </th>\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="zEndME" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="link_source_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Sink NE\r
+ </span>\r
+ </div>\r
+ </th>\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="adminState" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="link_adminState_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Admin State\r
+ </span>\r
+ </div>\r
+ </th>\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="operState" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="link_operState_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Operating State\r
+ </span>\r
+ </div>\r
+ </th>\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="siteType" align="center" data-formatter="operateFormatter"\r
+ data-events="operateEvents">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="link_latency_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Actions\r
+ </span>\r
+ </div>\r
+ </th>\r
+ </tr>\r
+ </thead>\r
+ <tbody>\r
+ <!-- <tr style="display: none;">\r
+ <td colspan="7" style="text-align: center;">NULL</td>\r
+ </tr>\r
+ <tr class="odd openo-table-tr openo-table-disable-element" data-rowid="0" data-tableid="siteTable">\r
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor " data-colid="siteName" data-tableid="siteTable">\r
+ <div class="openo-table-disable-element overflow_elip leftDataAlign">\r
+ <a class="openo-table-disable-element hyperLinkRow" href="javascript:void(0)" id="siteTable_0_siteName_link">Link1</a></div>\r
+ </td>\r
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">Type</div>\r
+ </td>\r
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">15</div>\r
+ </td>\r
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">8080</div>\r
+ </td>\r
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">1234</div>\r
+ </td>\r
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">NE</div>\r
+ </td>\r
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">UP</div>\r
+ </td>\r
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">UP</div>\r
+ </td>\r
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteOperation" data-tableid="siteTable">\r
+ <div class="openo-table-disable-element overflow_elip leftDataAlign openo-table-custom-el" id="siteTable_0_siteOperation_custom_el">\r
+ <div>\r
+ <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/">\r
+ </div></div>\r
+ </td>\r
+ </tr> -->\r
+ </tbody>\r
+ </table>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ <!-- <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"> </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"> </a></li></ul></div></div> -->\r
+\r
+ <div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"\r
+ aria-labelledby="myModalLabel" aria-hidden="false">\r
+ <div class="modal-dialog">\r
+ <div class="modal-content">\r
+ <div class="content">\r
+ <div class="modal-header">\r
+ <button type="button" class="close" data-dismiss="modal"\r
+ aria-hidden="true">×\r
+ </button>\r
+ <h4 class="modal-title" id="myModalLabel">\r
+ <span>Create</span>\r
+ </h4>\r
+ </div>\r
+ <form class="form-horizontal" role="form" id="linkForm">\r
+ <div id="wizard">\r
+ <div class="modal-body">\r
+ <ul class="nav nav-pills nav-justified vmapp-margin">\r
+ </ul>\r
+ <div class="tab-content">\r
+ <div class="tab-pane active" id="basicTab">\r
+ <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
+ <label class="col-sm-3 control-label">\r
+ <span>Name</span>\r
+ <span class="required">*</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="name" name="name" class="form-control"/>\r
+ </div>\r
+ </div>\r
+ <div class="form-group">\r
+ <label class="col-sm-3 control-label">\r
+ <span>Type</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <select class="form-control"\r
+ style="padding-top: 0px;padding-bottom: 0px;" id="logicalType"\r
+ name="logicalType">\r
+ <option value="fiberLink">Fiber Link</option>\r
+ <option value="l2Link">L2 Link</option>\r
+ <option value="ipLink">IP Link</option>\r
+ <option value="electricalLink">Electrical Link</option>\r
+ </select>\r
+ </div>\r
+ </div>\r
+ <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
+ <label class="col-sm-3 control-label">\r
+ <span>Layer Rate</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="layerRate" name="layerRate"\r
+ class="form-control"/>\r
+ </div>\r
+ </div>\r
+\r
+\r
+ <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
+ <label class="col-sm-3 control-label">\r
+ <span>Source Port</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="aEnd" name="aEnd" class="form-control"/>\r
+ </div>\r
+ </div>\r
+ <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
+ <label class="col-sm-3 control-label">\r
+ <span>Sink Port</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="zEnd" name="zEnd" class="form-control"/>\r
+ </div>\r
+ </div>\r
+ <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
+ <label class="col-sm-3 control-label">\r
+ <span>Source NE</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="aEndMe" name="aEndME" class="form-control"/>\r
+ </div>\r
+ </div>\r
+ <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
+ <label class="col-sm-3 control-label">\r
+ <span>Sink NE</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="zEndMe" name="zEndME" class="form-control"/>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ <div class="modal-footer">\r
+ <button type="button" class="btn SDBtn" data-dismiss="modal" aria-hidden="true"\r
+ id="createLink">\r
+ <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>\r
+ </button>\r
+ <button type="button" class="btn button-previous SDBtn">\r
+ <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>\r
+ </button>\r
+\r
+ </div>\r
+ </div>\r
+ </form>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ </div>\r
+</div>\r
+<div id="filterTpLogicalType_select_popupcontainer" class="openo openo-select-popup-container openo-hide"\r
+ style="width: 155px; max-height: 130px; left: 628px; top: 104px; z-index: 1761;">\r
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_0"><label\r
+ class="openo-ellipsis openo-select-blank-item" style="width: 100%; display: block; height: 20px;"></label>\r
+ </div>\r
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_1"><label\r
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">ETH</label></div>\r
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_2"><label\r
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;" title="POS">POS</label></div>\r
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_3"><label\r
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Trunk</label></div>\r
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_4"><label\r
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Loopback</label></div>\r
+</div>\r
+\r
+\r
+</body>\r
+</html>
\ No newline at end of file
--- /dev/null
+<!--\r
+\r
+ Copyright 2016, Huawei Technologies Co., Ltd.\r
+\r
+ Licensed under the Apache License, Version 2.0 (the "License");\r
+ you may not use this file except in compliance with the License.\r
+ You may obtain a copy of the License at\r
+\r
+ http://www.apache.org/licenses/LICENSE-2.0\r
+\r
+ Unless required by applicable law or agreed to in writing, software\r
+ distributed under the License is distributed on an "AS IS" BASIS,\r
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ See the License for the specific language governing permissions and\r
+ limitations under the License.\r
+\r
+-->\r
+\r
+<!DOCTYPE html>\r
+<html>\r
+<head>\r
+ <head lang="en">\r
+ <meta charset="UTF-8">\r
+ <title></title>\r
+ <link href="css/bootstrap.min.css" rel="stylesheet"/>\r
+ <link href="css/VMMain.css" rel="stylesheet"/>\r
+ <link href="css/bootstrap-table.min.css" rel="stylesheet"/>\r
+ <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>\r
+ <script type="text/javascript" src="js/bootstrap.min.js"></script>\r
+ <script type="text/javascript" src="js/brs.js"></script>\r
+ <script type="text/javascript" src="js/bootstrap-table.min.js"></script>\r
+ <script type="text/javascript">\r
+ $(document).ready(function () {\r
+ var jsondata = [];\r
+ jsondata = loadNeData();\r
+ $('#ne').bootstrapTable({\r
+ //Assigning data to table\r
+ data: jsondata\r
+ });\r
+\r
+ });\r
+ function operateFormatter(value, row, index) {\r
+ return [\r
+ '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'\r
+ ].join('');\r
+\r
+ }\r
+ window.operateEvents = {\r
+ 'click .siteDeleteImg': function (e, value, row, index) {\r
+ // TO DO ajex call for delete\r
+ var result = deleteNe(row.id, row);\r
+ }\r
+ };\r
+\r
+ </script>\r
+ </head>\r
+<body id="open_base_site_cotentBody" class="cotentBody ng-scope">\r
+<div class="container-fluid ms-controller">\r
+\r
+\r
+ <div class="uploadBtn">\r
+ <div id="open_base_tpL_userHeader" class="userHeader">\r
+ <div id="open_base_tpL_buttonGroup" class="openoButton_buttonGroupClass">\r
+ <div class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default"\r
+ tabindex="0" id="false" text="res.brApp_ui_res_btn_create" icon-url="./images/add.png"\r
+ cls="defaultbutton" click="clickAdd"\r
+ style="display: inline-block; padding-left: 0px; padding-right: 0px;">\r
+ <div class="openoButton_buttonInnerClass openo-corner-all openoButton_Image" id="false_button"><span\r
+ class="openo-widget-button-image openoButton_buttonLeftImg"\r
+ style="background-image: url(images/add.png);"></span><span\r
+ class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Create</span><span\r
+ class="openo-widget-button-image openoButton_buttonImgDefault"></span></div>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ </div>\r
+\r
+ <div class="row-fluid" data-name="table_zone">\r
+ <div id='ict_virtualApplication_table_div'>\r
+ <div>\r
+ <div class="top">\r
+ <table id="ne" data-row-style="rowStyle" data-pagination="true" data-page-size="5"\r
+ data-pagination-first-text="First" data-pagination-pre-text="Previous"\r
+ data-pagination-next-text="Next" data-pagination-last-text="Last">\r
+ <thead class="openo-table-thead">\r
+ <tr class="active">\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="name" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span class="openo-table-th-sorticon overflow_elip openoTable_sortable leftHeaderAlign openo-table-disable-element ">Name\r
+ </span>\r
+ </div>\r
+ </th>\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="version" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="ne_isVersion_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Version\r
+ </span>\r
+ </div>\r
+ </th>\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="productName" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="neproductName_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Product Name\r
+ </span>\r
+ </div>\r
+ </th>\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="ipAddress" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="ne_ipAddress_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">IP Address\r
+ </span>\r
+ </div>\r
+ </th>\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="neRole" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="ne_neRole_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element0">NE Role\r
+ </span>\r
+ </div>\r
+ </th>\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="adminState">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="ne_adminState_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Admin State\r
+ </span>\r
+ </div>\r
+ </th>\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="operState" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="ne_operState_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Operating State\r
+ </span>\r
+ </div>\r
+ </th>\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ align="center" data-formatter="operateFormatter" data-events="operateEvents">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="ne_nativeID_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Actions\r
+ </span>\r
+ </div>\r
+ </th>\r
+ </tr>\r
+ </thead>\r
+ <!-- <tbody>\r
+ <tr style="display: none;">\r
+ <td colspan="7" style="text-align: center;">NULL</td>\r
+ </tr>\r
+ <tr class="odd openo-table-tr openo-table-disable-element" data-rowid="0" data-tableid="siteTable">\r
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor " data-colid="siteName" data-tableid="siteTable">\r
+ <div class="openo-table-disable-element overflow_elip leftDataAlign">\r
+ <a class="openo-table-disable-element hyperLinkRow" href="javascript:void(0)" id="siteTable_0_siteName_link">NE</a></div>\r
+ </td>\r
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">1.1</div>\r
+ </td>\r
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">SDN</div>\r
+ </td>\r
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">192.168.100.102</div>\r
+ </td>\r
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">Role</div>\r
+ </td>\r
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">Admin</div>\r
+ </td>\r
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">UP</div>\r
+ </td>\r
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteOperation" data-tableid="siteTable">\r
+ <div class="openo-table-disable-element overflow_elip leftDataAlign openo-table-custom-el" id="siteTable_0_siteOperation_custom_el">\r
+ <div>\r
+ <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/">\r
+ </div>\r
+ </div>\r
+ </td>\r
+ </tr>\r
+ <tr class="even openo-table-tr openo-table-disable-element" data-rowid="0" data-tableid="siteTable">\r
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor " data-colid="siteName" data-tableid="siteTable">\r
+ <div class="openo-table-disable-element overflow_elip leftDataAlign">\r
+ <a class="openo-table-disable-element hyperLinkRow" href="javascript:void(0)" id="siteTable_0_siteName_link">NE</a></div>\r
+ </td>\r
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">1.1</div>\r
+ </td>\r
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">SDN</div>\r
+ </td>\r
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">192.168.100.102</div>\r
+ </td>\r
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">Role</div>\r
+ </td>\r
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">Admin</div>\r
+ </td>\r
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">UP</div>\r
+ </td>\r
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteOperation" data-tableid="siteTable">\r
+ <div class="openo-table-disable-element overflow_elip leftDataAlign openo-table-custom-el" id="siteTable_0_siteOperation_custom_el">\r
+ <div>\r
+ <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/">\r
+ </div>\r
+ </div>\r
+ </td>\r
+ </tr>\r
+ </tbody> -->\r
+ </table>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ <!-- <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"> </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"> </a></li></ul></div></div> -->\r
+\r
+ <div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"\r
+ aria-labelledby="myModalLabel" aria-hidden="false">\r
+ <div class="modal-dialog">\r
+ <div class="modal-content">\r
+ <div class="content">\r
+ <div class="modal-header">\r
+ <button type="button" class="close" data-dismiss="modal"\r
+ aria-hidden="true">×\r
+ </button>\r
+ <h4 class="modal-title" id="myModalLabel">\r
+ <span>Create</span>\r
+ </h4>\r
+ </div>\r
+ <form class="form-horizontal" role="form" id="neForm">\r
+ <div id="wizard">\r
+ <div class="modal-body">\r
+ <ul class="nav nav-pills nav-justified vmapp-margin">\r
+\r
+ </ul>\r
+ <div class="tab-content">\r
+ <div class="tab-pane active" id="basicTab">\r
+ <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
+ <label class="col-sm-3 control-label">\r
+ <span>Name</span>\r
+ <span class="required">*</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="name" name="name" class="form-control"\r
+ placeholder="Name"/>\r
+ </div>\r
+ </div>\r
+ <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
+ <label class="col-sm-3 control-label">\r
+ <span>Version</span>\r
+ <span class="required">*</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="version" name="version" class="form-control"\r
+ placeholder="1.1"/>\r
+ </div>\r
+ </div>\r
+ <div class="form-group">\r
+ <label class="col-sm-3 control-label">\r
+ <span>Product Name</span> \r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="productName" name="productName"\r
+ class="form-control" placeholder="Product Name"/>\r
+ </div>\r
+ </div>\r
+ <div class="form-group">\r
+ <label class="col-sm-3 control-label">\r
+ <span>IP Address</span> \r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="ipAddress" name="ipAddress" class="form-control"\r
+ placeholder="255.255.255.255"/>\r
+ </div>\r
+ </div>\r
+ <!-- TODO : check for valid neRole\r
+ <div class="form-group">\r
+ <label class="col-sm-3 control-label">\r
+ <span>NE Role</span> \r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="neRole" name="neRole" class="form-control" placeholder="Role"/>\r
+ </div>\r
+ </div>\r
+ -->\r
+ </div>\r
+ </div>\r
+ </div>\r
+ <div class="modal-footer">\r
+ <button type="button" class="btn SDBtn" data-dismiss="modal" aria-hidden="true"\r
+ id="createNe">\r
+ <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>\r
+ </button>\r
+ <button type="button" class="btn button-previous SDBtn">\r
+ <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>\r
+ </button>\r
+\r
+ </div>\r
+ </div>\r
+ </form>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ </div>\r
+</div>\r
+<div id="filterTpLogicalType_select_popupcontainer" class="openo openo-select-popup-container openo-hide"\r
+ style="width: 155px; max-height: 130px; left: 628px; top: 104px; z-index: 1761;">\r
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_0"><label\r
+ class="openo-ellipsis openo-select-blank-item" style="width: 100%; display: block; height: 20px;"></label>\r
+ </div>\r
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_1"><label\r
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">ETH</label></div>\r
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_2"><label\r
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;" title="POS">POS</label></div>\r
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_3"><label\r
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Trunk</label></div>\r
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_4"><label\r
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Loopback</label></div>\r
+</div>\r
+\r
+\r
+</body>\r
+</html>
\ No newline at end of file
--- /dev/null
+<!--\r
+\r
+ Copyright 2016, Huawei Technologies Co., Ltd.\r
+\r
+ Licensed under the Apache License, Version 2.0 (the "License");\r
+ you may not use this file except in compliance with the License.\r
+ You may obtain a copy of the License at\r
+\r
+ http://www.apache.org/licenses/LICENSE-2.0\r
+\r
+ Unless required by applicable law or agreed to in writing, software\r
+ distributed under the License is distributed on an "AS IS" BASIS,\r
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ See the License for the specific language governing permissions and\r
+ limitations under the License.\r
+\r
+-->\r
+\r
+<!DOCTYPE html>\r
+<html>\r
+<head>\r
+ <head lang="en">\r
+ <meta charset="UTF-8">\r
+ <title></title>\r
+ <link href="css/bootstrap.min.css" rel="stylesheet"/>\r
+ <link href="css/VMMain.css" rel="stylesheet"/>\r
+ <link href="css/bootstrap-table.min.css" rel="stylesheet"/>\r
+ <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>\r
+ <script type="text/javascript" src="js/bootstrap.min.js"></script>\r
+ <script type="text/javascript" src="js/brs.js"></script>\r
+ <script type="text/javascript" src="js/bootstrap-table.min.js"></script>\r
+ <script type="text/javascript">\r
+ $(document).ready(function () {\r
+\r
+ var jsondata = [];\r
+ jsondata = loadPortData();\r
+\r
+ $('#port').bootstrapTable({\r
+ //Assigning data to table\r
+ data: jsondata\r
+ });\r
+ });\r
+ function operateFormatter(value, row, index) {\r
+ return [\r
+ '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'\r
+ ].join('');\r
+\r
+ }\r
+ window.operateEvents = {\r
+ 'click .siteDeleteImg': function (e, value, row, index) {\r
+\r
+ deletePort(row.id);\r
+ console.log(value, row, index);\r
+ }\r
+ };\r
+ </script>\r
+ </head>\r
+<body id="open_base_site_cotentBody" class="cotentBody ng-scope">\r
+\r
+\r
+<div class="uploadBtn">\r
+ <div id="open_base_tpL_userHeader" class="userHeader">\r
+ <div id="open_base_tpL_buttonGroup" class="openoButton_buttonGroupClass">\r
+ <div class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default"\r
+ tabindex="0" id="false" text="res.brApp_ui_res_btn_create" icon-url="./images/add.png"\r
+ cls="defaultbutton" click="clickAdd"\r
+ style="display: inline-block; padding-left: 0px; padding-right: 0px;">\r
+ <div class="openoButton_buttonInnerClass openo-corner-all openoButton_Image" id="false_button"><span\r
+ class="openo-widget-button-image openoButton_buttonLeftImg"\r
+ style="background-image: url(images/add.png);"></span><span\r
+ class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Create</span><span\r
+ class="openo-widget-button-image openoButton_buttonImgDefault"></span></div>\r
+ </div>\r
+ </div>\r
+ </div>\r
+</div>\r
+\r
+<div class="row-fluid" data-name="table_zone">\r
+ <div id='ict_virtualApplication_table_div'>\r
+ <div>\r
+ <div class="top">\r
+ <table id="port" data-pagination="true" data-page-size="5" data-pagination-first-text="First"\r
+ data-pagination-pre-text="Previous" data-pagination-next-text="Next"\r
+ data-pagination-last-text="Last">\r
+ <thead id="portTable_thead" class="openo-table-thead">\r
+ <tr class="active">\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="name" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="portName_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip openoTable_sortable leftHeaderAlign openo-table-disable-element ">Name\r
+ </span>\r
+ </div>\r
+ </th>\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="meID" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="portmeID_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">ME\r
+ </span>\r
+ </div>\r
+ </th>\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="logicalType" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="portLogicalType_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Type\r
+ </span>\r
+ </div>\r
+ </th>\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="layerRate" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="portLayerRate_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Layer Rate\r
+ </span>\r
+ </div>\r
+ </th>\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="isEdgePoint" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="portIsEdgePoint_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Edge Point\r
+ </span>\r
+ </div>\r
+ </th>\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="portIndex" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="portIndex_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Port Index\r
+ </span>\r
+ </div>\r
+ </th>\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="ipAddress" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="portIpAddress_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">IP Address\r
+ </span>\r
+ </div>\r
+ </th>\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="adminState" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="portAdminState_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Admin State\r
+ </span>\r
+ </div>\r
+ </th>\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ data-field="operState" data-sortable="true">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="portOperState_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Operating State\r
+ </span>\r
+ </div>\r
+ </th>\r
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
+ align="center" data-formatter="operateFormatter" data-events="operateEvents">\r
+ <div class="openo-table-th-border"></div>\r
+ <div class="DataTables_sort_wrapper openo-ellipsis ">\r
+ <span id="portAction_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Action</span>\r
+ </div>\r
+ </th>\r
+ </tr>\r
+ </thead>\r
+ <!-- <tbody>\r
+ <tr style="display: none;">\r
+ <td colspan="7" style="text-align: center;">NULL</td>\r
+ </tr>\r
+ <tr class="odd openo-table-tr openo-table-disable-element" data-rowid="0" data-tableid="siteTable">\r
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteName" data-tableid="siteTable">\r
+ <div class="openo-table-disable-element overflow_elip leftDataAlign">\r
+ <a class="openo-table-disable-element hyperLinkRow" href="javascript:void(0)" id="siteTable_0_portName_link"></a>Port1</div>\r
+ </td>\r
+ <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>\r
+ </td>\r
+ <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>\r
+ </td>\r
+ <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>\r
+ </td>\r
+ <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>\r
+ </td>\r
+ <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>\r
+ </td>\r
+ <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>\r
+ </td>\r
+ <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>\r
+ </td>\r
+ <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>\r
+ </td>\r
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteOperation" data-tableid="siteTable">\r
+ <div class="openo-table-disable-element overflow_elip leftDataAlign openo-table-custom-el" id="siteTable_0_siteOperation_custom_el">\r
+ <div>\r
+ <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/">\r
+ </div>\r
+ </div>\r
+ </td>\r
+ </tr>\r
+ </tbody> -->\r
+ </table>\r
+ </div>\r
+ </div>\r
+ </div>\r
+</div>\r
+<!-- <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"> </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"> </a></li></ul></div></div> -->\r
+\r
+<div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"\r
+ aria-labelledby="myModalLabel" aria-hidden="false">\r
+ <div class="modal-dialog">\r
+ <div class="modal-content">\r
+ <div class="content">\r
+ <div class="modal-header">\r
+ <button type="button" class="close" data-dismiss="modal"\r
+ aria-hidden="true">×\r
+ </button>\r
+ <h4 class="modal-title" id="myModalLabel">\r
+ <span>Create</span>\r
+ </h4>\r
+ </div>\r
+ <form class="form-horizontal" role="form" id="portForm">\r
+ <div id="wizard">\r
+ <div class="modal-body">\r
+ <ul class="nav nav-pills nav-justified vmapp-margin">\r
+ </ul>\r
+ <div class="tab-content">\r
+ <div class="tab-pane active" id="basicTab">\r
+ <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
+ <label class="col-sm-3 control-label">\r
+ <span>Name</span>\r
+ <span class="required">*</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="name" name="name" class="form-control"\r
+ placeholder="Name"/>\r
+ </div>\r
+ </div>\r
+ <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
+ <label class="col-sm-3 control-label">\r
+ <span>ME</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="meID" name="meID" class="form-control"\r
+ placeholder="ME"/>\r
+ </div>\r
+ </div>\r
+ <div class="form-group">\r
+ <label class="col-sm-3 control-label">\r
+ <span>Type</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <select class="form-control" style="padding-top: 0px;padding-bottom: 0px;"\r
+ id="logicalType"\r
+ name="logicalType">\r
+ <option value="ETH">ETH</option>\r
+ <option value="POS">POS</option>\r
+ <option value="Trunk">Trunk</option>\r
+ <option value="Loopback">Loopback</option>\r
+ </select>\r
+ </div>\r
+ </div>\r
+ <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
+ <label class="col-sm-3 control-label">\r
+ <span>Layer Rate</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="layerRate" name="layerRate" class="form-control"\r
+ placeholder="Layer Rate"/>\r
+ </div>\r
+ </div>\r
+ <div class="form-group">\r
+ <label class="col-sm-3 control-label">\r
+ <span>Edge Point</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <select class="form-control" style="padding-top: 0px;padding-bottom: 0px;"\r
+ id="isEdgePoint"\r
+ name="isEdgePoint">\r
+ <option value="true">True</option>\r
+ <option value="false">False</option>\r
+ </select>\r
+ </div>\r
+ </div>\r
+ <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
+ <label class="col-sm-3 control-label">\r
+ <span>Port Index</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="portIndex" name="portIndex" class="form-control"\r
+ placeholder="Port Index"/>\r
+ </div>\r
+ </div>\r
+\r
+ <div class="form-group">\r
+ <label class="col-sm-3 control-label">\r
+ <span>IP Address</span> \r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="ipAddress" name="ipAddress" class="form-control"\r
+ placeholder="255.255.255.255"/>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ <div class="modal-footer">\r
+ <button type="button" class="btn SDBtn" data-dismiss="modal" aria-hidden="true"\r
+ id="createPort">\r
+ <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>\r
+ </button>\r
+ <button type="button" class="btn button-previous SDBtn">\r
+ <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>\r
+ </button>\r
+\r
+ </div>\r
+ </div>\r
+ </form>\r
+ </div>\r
+ </div>\r
+ </div>\r
+</div>\r
+</div>\r
+<div id="filterTpLogicalType_select_popupcontainer" class="openo openo-select-popup-container openo-hide"\r
+ style="width: 155px; max-height: 130px; left: 628px; top: 104px; z-index: 1761;">\r
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_0"><label\r
+ class="openo-ellipsis openo-select-blank-item" style="width: 100%; display: block; height: 20px;"></label>\r
+ </div>\r
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_1"><label\r
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">ETH</label></div>\r
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_2"><label\r
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;" title="POS">POS</label></div>\r
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_3"><label\r
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Trunk</label></div>\r
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_4"><label\r
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Loopback</label></div>\r
+</div>\r
+\r
+\r
+</body>\r
+</html>
\ No newline at end of file
<!doctype html>\r
<html>\r
<head>\r
-<meta charset="utf-8">\r
-<title></title>\r
- <link href="css/bootstrap.min.css" rel="stylesheet" />\r
- <link href="css/RMain.css" rel="stylesheet" />\r
+ <meta charset="utf-8">\r
+ <title></title>\r
+ <link href="css/bootstrap.min.css" rel="stylesheet"/>\r
+ <link href="css/RMain.css" rel="stylesheet"/>\r
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>\r
<script type="text/javascript" src="js/bootstrap.min.js"></script>\r
</head>\r
<script type="text/javascript">\r
- $(function(){\r
- $('.openo_accordion_ui-icon-expand,.header').click(function(){\r
+ $(function () {\r
+ $('.openo_accordion_ui-icon-expand,.header').click(function () {\r
$('#accordionmenuid_ul_0_0_brAppTopMenuID_UL').slideToggle(500);\r
$('.openo_accordion_ui-icon-expand').toggleClass('current')\r
});\r
- $('.openoAccordian_showHideArrow_hide').click(function(){\r
+ $('.openoAccordian_showHideArrow_hide').click(function () {\r
// $('#open_base_openo').css('margin-left','-200px');\r
// $('#open_base_openo').css('display','none');\r
// $('.bar').css('display','block');\r
- if($('#accordionmenuid').width() >= 200){\r
+ if ($('#accordionmenuid').width() >= 200) {\r
$('#accordionmenuid').width('18px');\r
- $('.openo_accordion_ui-icon-expand,.header,#accordionmenuid_ul_0_0_brAppTopMenuID_UL li a').css('display','none');\r
- $('#accordionmenuid_arrow').attr('classname','openoAccordian_showHideArrow_show');\r
- $('#iframeContainer').css('width','1284px'); \r
- }else if($('#accordionmenuid').width() == 18){\r
+ $('.openo_accordion_ui-icon-expand,.header,#accordionmenuid_ul_0_0_brAppTopMenuID_UL li a').css('display', 'none');\r
+ $('#accordionmenuid_arrow').attr('classname', 'openoAccordian_showHideArrow_show');\r
+ $('#iframeContainer').css('width', '1284px');\r
+ } else if ($('#accordionmenuid').width() == 18) {\r
$('#accordionmenuid').width('220px');\r
- $('.openo_accordion_ui-icon-expand,.header,#accordionmenuid_ul_0_0_brAppTopMenuID_UL li a').css('display','block');\r
- $('#accordionmenuid_arrow').attr('classname','openoAccordian_showHideArrow_hide');\r
- $('#iframeContainer').css('width','1063px');\r
+ $('.openo_accordion_ui-icon-expand,.header,#accordionmenuid_ul_0_0_brAppTopMenuID_UL li a').css('display', 'block');\r
+ $('#accordionmenuid_arrow').attr('classname', 'openoAccordian_showHideArrow_hide');\r
+ $('#iframeContainer').css('width', '1063px');\r
}\r
- \r
+\r
});\r
- $('.bar span').click(function(){\r
- $('#open_base_openo').css('display','block');\r
- $('.bar').css('display','none');\r
- $('#iframeContainer').css('width','1063px');\r
+ $('.bar span').click(function () {\r
+ $('#open_base_openo').css('display', 'block');\r
+ $('.bar').css('display', 'none');\r
+ $('#iframeContainer').css('width', '1063px');\r
});\r
- $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL li').click(function(){\r
+ $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL li').click(function () {\r
$(this).addClass('openo_accordion_selected').siblings().removeClass('openo_accordion_selected');\r
});\r
- $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_0_brAppSiteMenuID').click(function(){\r
- $('#accordionContent').attr('src','site.html');\r
+ $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_0_brAppSiteMenuID').click(function () {\r
+ $('#accordionContent').attr('src', 'site.html');\r
});\r
- $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_1_brAppMeMenuID').click(function(){\r
- $('#accordionContent').attr('src','ne.html');\r
+ $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_1_brAppMeMenuID').click(function () {\r
+ $('#accordionContent').attr('src', 'ne.html');\r
});\r
- $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_2_brAppTpMenuID').click(function(){\r
- $('#accordionContent').attr('src','port.html');\r
+ $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_2_brAppTpMenuID').click(function () {\r
+ $('#accordionContent').attr('src', 'port.html');\r
});\r
- $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_3_brAppTlMenuID').click(function(){\r
- $('#accordionContent').attr('src','link.html');\r
+ $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_3_brAppTlMenuID').click(function () {\r
+ $('#accordionContent').attr('src', 'link.html');\r
});\r
- \r
+\r
})\r
</script>\r
<body>\r
-
<div id="febDiv" style="overflow: hidden;">
\r+<div id="febDiv" style="overflow: hidden;">\r
<div id="open_base_feb">\r
<!--use for store menu come from feb service, maybe just a temple plan-->\r
<div id="app">\r
<span></span>\r
</td>\r
<td id="open_base_openo" class="three-cols-column three-cols-left">\r
- <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;">\r
+ <div id="accordionmenuid" allow-resize="true" dataset="dataArr" height="resHeight"\r
+ listeners="callBacklisteners" resize-callback="resizehandler"\r
+ current-select="currentselect" click="clickHandler"\r
+ class="ng-isolate-scope accordion_parent openo_accordion_main_menu"\r
+ style="height: 870px;">\r
<div class="openo-accordion-resizable-handle" style="cursor: auto;"></div>\r
<ul id="accordionmenuid_ul" class="openoAccordian_accordionmenu">\r
<li id="accordionmenuid_ul_0_0_brAppTopMenuID" nodeid="brAppTopMenuID">\r
- <span class="openo_accordion_ui-icon-expand" style="padding-left: 20px; height: 60px;cursor: pointer;"></span>\r
- <span class="openoAccordian_showHideArrow_hide" id="accordionmenuid_arrow" style="cursor: pointer;"></span>\r
- <a title="brApp" class="header opened" style="padding-left: 10px; cursor: pointer;">Resource</a>\r
+ <span class="openo_accordion_ui-icon-expand"\r
+ style="padding-left: 20px; height: 60px;cursor: pointer;"></span>\r
+ <span class="openoAccordian_showHideArrow_hide" id="accordionmenuid_arrow"\r
+ style="cursor: pointer;"></span>\r
+ <a title="brApp" class="header opened"\r
+ style="padding-left: 10px; cursor: pointer;">Resource</a>\r
<ul id="accordionmenuid_ul_0_0_brAppTopMenuID_UL">\r
- <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_0_brAppSiteMenuID" nodeid="brAppSiteMenuID" class="" style="display: list-item;">\r
+ <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_0_brAppSiteMenuID"\r
+ nodeid="brAppSiteMenuID" class="" style="display: list-item;">\r
<a title="Site" class="" style="padding-left: 62px;">Site</a>\r
- </li>\r
- <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_1_brAppMeMenuID" nodeid="brAppMeMenuID" style="display: list-item;">\r
- <a title="NE" style="padding-left: 62px;">NE</a>\r
</li>\r
- <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_2_brAppTpMenuID" nodeid="brAppTpMenuID" style="display: list-item;">\r
- <a title="Port" style="padding-left: 62px;">Port</a>\r
+ <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_1_brAppMeMenuID"\r
+ nodeid="brAppMeMenuID" style="display: list-item;">\r
+ <a title="NE" style="padding-left: 62px;">NE</a>\r
</li>\r
- <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_3_brAppTlMenuID" nodeid="brAppTlMenuID" style="display: list-item;">\r
- <a title="Link" style="padding-left: 62px;">Link</a>\r
+ <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_2_brAppTpMenuID"\r
+ nodeid="brAppTpMenuID" style="display: list-item;">\r
+ <a title="Port" style="padding-left: 62px;">Port</a>\r
+ </li>\r
+ <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_3_brAppTlMenuID"\r
+ nodeid="brAppTlMenuID" style="display: list-item;">\r
+ <a title="Link" style="padding-left: 62px;">Link</a>\r
</li>\r
</ul>\r
</li>\r
</ul>\r
- </div>\r
+ </div>\r
</td>\r
<td id="open_base_iframe" class="three-cols-column three-cols-center" style="padding: 0px;">\r
\r
--- /dev/null
+<!--\r
+\r
+ Copyright 2016, Huawei Technologies Co., Ltd.\r
+\r
+ Licensed under the Apache License, Version 2.0 (the "License");\r
+ you may not use this file except in compliance with the License.\r
+ You may obtain a copy of the License at\r
+\r
+ http://www.apache.org/licenses/LICENSE-2.0\r
+\r
+ Unless required by applicable law or agreed to in writing, software\r
+ distributed under the License is distributed on an "AS IS" BASIS,\r
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ See the License for the specific language governing permissions and\r
+ limitations under the License.\r
+\r
+-->\r
+\r
+<!DOCTYPE html>\r
+<html>\r
+<head>\r
+ <head lang="en">\r
+ <meta charset="UTF-8">\r
+ <title></title>\r
+ <link href="css/bootstrap.min.css" rel="stylesheet"/>\r
+ <link href="css/VMMain.css" rel="stylesheet"/>\r
+ <link href="css/bootstrap-table.min.css" rel="stylesheet"/>\r
+ <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>\r
+ <script type="text/javascript" src="js/bootstrap.min.js"></script>\r
+ <script type="text/javascript" src="js/brs.js"></script>\r
+ <script type="text/javascript" src="js/bootstrap-table.min.js"></script>\r
+\r
+ <style type="text/css">\r
+ </style>\r
+ <script type="text/javascript">\r
+ $(document).ready(function () {\r
+\r
+ var jsondata = [];\r
+ jsondata = loadSiteData();\r
+ $('#site').bootstrapTable({\r
+ //Assigning data to table\r
+ data: jsondata\r
+ });\r
+\r
+\r
+ });\r
+\r
+ function operateFormatter(value, row, index) {\r
+ return [\r
+ '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'\r
+ ].join('');\r
+\r
+ }\r
+ window.operateEvents = {\r
+ 'click .siteDeleteImg': function (e, value, row, index) {\r
+ // TO DO ajex call for delete\r
+ deleteSite(row.id);\r
+ console.log(value, row, index);\r
+ }\r
+ };\r
+ </script>\r
+ </head>\r
+<body id="open_base_site_cotentBody" class="cotentBody ng-scope">\r
+<div class="container-fluid ms-controller">\r
+\r
+ <div class="uploadBtn">\r
+ <div id="open_base_tpL_userHeader" class="userHeader">\r
+ <div id="open_base_tpL_buttonGroup" class="openoButton_buttonGroupClass">\r
+ <div class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default"\r
+ tabindex="0" id="false" text="res.brApp_ui_res_btn_create" icon-url="./images/add.png"\r
+ cls="defaultbutton" click="clickAdd"\r
+ style="display: inline-block; padding-left: 0px; padding-right: 0px;">\r
+ <div class="openoButton_buttonInnerClass openo-corner-all openoButton_Image" id="false_button"><span\r
+ class="openo-widget-button-image openoButton_buttonLeftImg"\r
+ style="background-image: url(images/add.png);"></span><span\r
+ class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Create</span><span\r
+ class="openo-widget-button-image openoButton_buttonImgDefault"></span></div>\r
+ </div>\r
+\r
+\r
+ <div class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass undefined openoButton_button_default"\r
+ tabindex="0" id="meEdit" text="res.brApp_ui_res_btn_edit" display="false" style="display: none;">\r
+ <div class="openoButton_buttonInnerClass openo-corner-all" id="meEdit_button"><span\r
+ class="openo-widget-button-image openoButton_buttonImgDefault"></span><span\r
+ class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Edit</span><span\r
+ class="openo-widget-button-image openoButton_buttonImgDefault"></span></div>\r
+ </div>\r
+\r
+ </div>\r
+ </div>\r
+ </div>\r
+\r
+ <div class="row-fluid" data-name="table_zone">\r
+ <div id='ict_virtualApplication_table_div'>\r
+ <div>\r
+ <div class="top">\r
+ <table id="site"\r
+ data-pagination="true" data-page-size="5" data-pagination-first-text="First"\r
+ data-pagination-pre-text="Previous" data-pagination-next-text="Next"\r
+ data-pagination-last-text="Last">\r
+ <thead>\r
+ <tr class="active">\r
+ <th data-field="name" data-sortable="true">Name</th>\r
+ <th data-field="type" data-sortable="true">Type</th>\r
+ <th data-field="tenantID" data-sortable="true">Tenant Name</th>\r
+ <th data-field="tenantSiteIDs" data-sortable="true">Tenant Site</th>\r
+ <th data-field="location" data-sortable="true">Location</th>\r
+\r
+ <th align="center" data-formatter="operateFormatter" data-events="operateEvents">Action</th>\r
+ </tr>\r
+ </thead>\r
+ </table>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ <!-- <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"> </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"> </a></li></ul></div></div> -->\r
+\r
+ <div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"\r
+ aria-labelledby="myModalLabel" aria-hidden="false">\r
+ <div class="modal-dialog">\r
+ <div class="modal-content">\r
+ <div class="content">\r
+ <div class="modal-header">\r
+ <button type="button" class="close" data-dismiss="modal"\r
+ aria-hidden="true">×\r
+ </button>\r
+ <h4 class="modal-title" id="myModalLabel">\r
+ <span>Create</span>\r
+ </h4>\r
+ </div>\r
+ <form class="form-horizontal" role="form" id="vmAppForm">\r
+ <div id="wizard">\r
+ <div class="modal-body">\r
+ <ul class="nav nav-pills nav-justified vmapp-margin">\r
+ </ul>\r
+ <div class="tab-content">\r
+ <div class="tab-pane active" id="basicTab">\r
+ <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
+ <label class="col-sm-3 control-label">\r
+ <span>Name</span>\r
+ <span class="required">*</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="name" name="name" class="form-control"\r
+ placeholder="Name"/>\r
+ </div>\r
+ </div>\r
+ <div class="form-group">\r
+ <label class="col-sm-3 control-label">\r
+ <span>Type</span> \r
+ </label>\r
+\r
+ <div class="col-sm-7">\r
+ <select class="form-control"\r
+ style="padding-top: 0px;padding-bottom: 0px;" id="type"\r
+ name="type">\r
+ <option value="network_site">Network</option>\r
+ <option value="tenant_site">Tenant</option>\r
+ </select>\r
+ </div>\r
+ </div>\r
+ <!-- TODO: these field are ignored as of now\r
+ <div class="form-group">\r
+ <label class="col-sm-3 control-label">\r
+ <span>Tenant Name</span> \r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="tenantName" name="tenantName" class="form-control" placeholder="Banglore"/>\r
+ </div>\r
+ </div>\r
+ <div class="form-group">\r
+ <label class="col-sm-3 control-label">\r
+ <span>Tenant Site</span> \r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="tenantSite" name="tenantSite" class="form-control" placeholder="Banglore"/>\r
+ </div>\r
+ </div>\r
+ -->\r
+ <div class="form-group">\r
+ <label class="col-sm-3 control-label">\r
+ <span>Location</span> \r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="location" name="location" class="form-control"\r
+ placeholder="Banglore"/>\r
+ </div>\r
+ </div>\r
+ </div>\r
+\r
+\r
+ </div>\r
+ </div>\r
+ <div class="modal-footer">\r
+ <button type="button" class="btn SDBtn" data-dismiss="modal" aria-hidden="true"\r
+ id="createSite">\r
+ <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>\r
+ </button>\r
+ <button type="button" class="btn button-previous SDBtn">\r
+ <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>\r
+ </button>\r
+\r
+ </div>\r
+ </div>\r
+ </form>\r
+ </div>\r
+ </div>\r
+ </div>\r
+ </div>\r
+</div>\r
+<div id="filterTpLogicalType_select_popupcontainer" class="openo openo-select-popup-container openo-hide"\r
+ style="width: 155px; max-height: 130px; left: 628px; top: 104px; z-index: 1761;">\r
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_0"><label\r
+ class="openo-ellipsis openo-select-blank-item" style="width: 100%; display: block; height: 20px;"></label>\r
+ </div>\r
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_1"><label\r
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">ETH</label></div>\r
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_2"><label\r
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;" title="POS">POS</label></div>\r
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_3"><label\r
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Trunk</label></div>\r
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_4"><label\r
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Loopback</label></div>\r
+</div>\r
+\r
+\r
+</body>\r
+</html>
\ No newline at end of file
+++ /dev/null
-/* Copyright 2016, Huawei Technologies Co., Ltd.\r
- *\r
- * Licensed under the Apache License, Version 2.0 (the "License");\r
- * you may not use this file except in compliance with the License.\r
- * You may obtain a copy of the License at\r
- *\r
- * http://www.apache.org/licenses/LICENSE-2.0\r
- *\r
- * Unless required by applicable law or agreed to in writing, software\r
- * distributed under the License is distributed on an "AS IS" BASIS,\r
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
- * See the License for the specific language governing permissions and\r
- * limitations under the License.\r
- */\r
-\r
-\r
-#iemp_layout_container {\r
- padding: 0px;\r
- margin: 1px auto;\r
- width: 100%;\r
- height: 100%;\r
-}\r
-#iemp_layout_container .three-cols-layout {\r
- width: 100%;\r
- height: 100%;\r
- border-collapse: collapse;\r
- margin-left: 0px;\r
- margin-top: 0px;\r
- margin-right: 0px;\r
- margin-bottom: 0px;\r
-}\r
-#iemp_layout_container .three-cols-layout {\r
- width: 100%;\r
- height: 100%;\r
- border-collapse: collapse;\r
- margin-left: 0px;\r
- margin-top: 0px;\r
- margin-right: 0px;\r
- margin-bottom: 0px;\r
-}\r
-#iemp_layout_container .three-cols-column.three-cols-left {\r
- width: 215px;\r
- background-color: #f5f5f5;\r
-}\r
-.accordion_parent {\r
- position: relative;\r
- width: 220px;\r
- background-color: #f5f5f5;\r
-}\r
-.openo-accordion-resizable-handle {\r
- z-index: 1!important;\r
- cursor: e-resize;\r
- width: 7px;\r
- right: -5px;\r
- top: 0;\r
- height: 100%;\r
- position: absolute;\r
- font-size: .1px;\r
- display: block;\r
-}\r
-.openoAccordian_accordionmenu {\r
- width: 100%;\r
- margin: 0;\r
- padding: 0;\r
- list-style-type: none;\r
- line-height: 17px;\r
-}\r
-.openoAccordian_accordionmenu li {\r
- min-width: 75px;\r
- margin: 0;\r
- padding: 0;\r
- list-style-type: none;\r
- color: #000;\r
- clear: both;\r
-}\r
-.openo_accordion_ui-icon-collapse, .openo_accordion_ui-icon-expand {\r
- display: block;\r
- float: left;\r
- margin-bottom: -1px;\r
- border-bottom: 1px solid #e5e5e5;\r
- cursor: pointer;\r
- width: 13px;\r
- padding-top: 26px;\r
-}\r
-.openo_accordion_ui-icon-expand {\r
- background: url(../images/collapse_arrow.png) right 20px no-repeat;\r
- margin-top: 8px;\r
-}\r
-.openo_accordion_ui-icon-expand.current{\r
- background: url(../images/expand_arrow.png) right 20px no-repeat;\r
-}\r
-.openoAccordian_showHideArrow_hide, .openoAccordian_showHideArrow_show {\r
- display: block;\r
- position: absolute;\r
- right: 0;\r
- top: 4px;\r
- width: 18px;\r
- height: 41px;\r
- cursor: pointer;\r
- background-color: #f5f5f5;\r
-}\r
-.openoAccordian_showHideArrow_hide {\r
- background-image: url(../images/openo.png);\r
- background-position: -7px 0!important;\r
- border-collapse: separate;\r
- /*box-shadow: inset -1px 0 0 #e5e5e5;*/\r
-}\r
-a.header.opened, a.header.closed {\r
- font-size: 16px;\r
- padding-top: 24px;\r
- padding-bottom: 25px;\r
- color: #999999;\r
-}\r
-.openoAccordian_accordionmenu .closed, .openoAccordian_accordionmenu .opened {\r
- padding-right: 10px;\r
- background-position: 98% 50%;\r
- background-repeat: no-repeat;\r
-}\r
-.openoAccordian_accordionmenu li a {\r
- padding: 11px 10px 12px;\r
- color: #333333;\r
- margin-right: 1px;\r
- margin-top: -1px;\r
- text-align: left!important;\r
- font-family: "Microsoft Yahei",SimSun,Arial,Tahoma;\r
- font-size: 14px;\r
- text-overflow: ellipsis;\r
- white-space: nowrap;\r
- overflow: hidden;\r
- border-top: 1px solid #e5e5e5;\r
- border-bottom: 1px solid #e5e5e5;\r
- /*height: 19px;*/\r
-}\r
-.openoAccordian_accordionmenu ul {\r
- margin: 0;\r
- padding: 0;\r
- overflow: hidden;\r
-}\r
-.openoAccordian_accordionmenu a {\r
- display: block;\r
- text-decoration: none;\r
-}\r
-a {\r
- color: #428bca;\r
- text-decoration: none;\r
- background: 0 0;\r
-}\r
-.bar{\r
- height: 834px;\r
- width: 18px;\r
- background: #f8f8f8;\r
- display: none;\r
-}\r
-.bar span{\r
- width: 13px;\r
- height: 34px;\r
- background-image: url(../images/openo.png);\r
- background-position: -39px 0!important;\r
- display: block;\r
- /*margin-top: -430px;*/\r
-}\r
-#accordionmenuid_ul_0_0_brAppTopMenuID_UL li{\r
- cursor: pointer;\r
-}\r
-#puer_base_openo{\r
- border: 1px solid #ddd;\r
-}\r
-.openo_accordion_selected {\r
- margin-left: 0;\r
- margin-right: 0;\r
- background: #fafafa;\r
- border-left: 3px solid #4ac9ff!important;\r
- box-shadow: none;\r
- position: relative;\r
-}\r
-a:hover{\r
- color: #4ac9ff!important;\r
-}\r
-.openoAccordian_accordionmenu li.openo_accordion_selected a {\r
- position: relative;\r
- left: -3px;\r
- color: #009ae7;\r
-}\r
-.openo-accordion-resizable-handle {\r
- z-index: 1!important;\r
- cursor: e-resize;\r
- width: 7px;\r
- right: -5px;\r
- top: 0;\r
- height: 100%;\r
- position: absolute;\r
- font-size: .1px;\r
- display: block;\r
-}\r
-#iframeContainer iframe {\r
- width: 100%;\r
- height: 100%;\r
- border: 0;\r
-}\r
-#accordionContent, #iframeContainer {\r
- margin: 0;\r
- padding: 0;\r
- border: 0;\r
- width: 100%;\r
- height: 100%;\r
-}\r
-.openoAccordian_showHideArrow_show {\r
- background-image: url(../images/openo.png);\r
- background-position: -39px 0!important;\r
- box-shadow: inset 1px 0 0 #e5e5e5,inset -1px 0 0 #e5e5e5;\r
-}
\ No newline at end of file
+++ /dev/null
-/* Copyright 2016, Huawei Technologies Co., Ltd.\r
- *\r
- * Licensed under the Apache License, Version 2.0 (the "License");\r
- * you may not use this file except in compliance with the License.\r
- * You may obtain a copy of the License at\r
- *\r
- * http://www.apache.org/licenses/LICENSE-2.0\r
- *\r
- * Unless required by applicable law or agreed to in writing, software\r
- * distributed under the License is distributed on an "AS IS" BASIS,\r
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
- * See the License for the specific language governing permissions and\r
- * limitations under the License.\r
- */\r
-\r
-\r
-body{\r
- font-family: '微软雅黑';\r
- font-size: 12px;\r
- color: #333;\r
- background: #fafafa;\r
-}\r
-button{\r
- outline: none;\r
-}\r
-ul,li{\r
- list-style: none;\r
- padding:0;\r
- margin:0;\r
-}\r
-.titleFont{\r
- font-size: 16px;\r
-}\r
-.separator-line{\r
- height: 1px;\r
- width: 100%;\r
- border:1px solid #ddd;\r
- margin: 6px 0 15px 0;\r
-}\r
-.uploadBtn{\r
- overflow: hidden;\r
-}\r
-.creat-btn {\r
- padding: 0 14px;\r
- height: 24px;\r
- float: left;\r
- cursor: pointer;\r
- text-decoration: none;\r
- outline: 0;\r
- border: 1px solid #d3d3d3;\r
- text-align: center;\r
- box-shadow: 0 1px 1px rgba(0,0,0,.05);\r
- background: #fafafa;\r
- background: -moz-linear-gradient(top,#fff,#fafafa);\r
- background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fafafa));\r
- background: -webkit-linear-gradient(top,#fff,#fafafa);\r
- background: linear-gradient(to bottom,#fff,#fafafa);\r
- border-radius: 6px;\r
- background: #fff url(../images/add.png) no-repeat 5px center;\r
- padding-left: 20px;\r
-}\r
-.creat-btn:hover {\r
- color: #009ae7; \r
- border: 1px solid #4AC9FF\r
-}\r
-.creat-btn:active {\r
- color: #000; \r
- border: 1px solid #4AC9FF\r
-}\r
-/*.creat-btn{\r
- background: #fff url(../image/add.png) no-repeat 5px center;\r
- border: 1px solid #ddd;\r
- float: left;\r
-}\r
-.creat-btn:hover{\r
- background: #428bca;\r
- color: #fff;\r
- border:1px solid #428bca;\r
-}*/\r
-.search{\r
- width: 310px;\r
- height: 30px;\r
- float:right;\r
-}\r
-.search-text{\r
- width: 250px;\r
- float: left;\r
- margin-right: 6px;\r
-}\r
-.search-btn{\r
- height: 30px;\r
- background: #fff;\r
- border: 1px solid #ddd;\r
- float: left;\r
-}\r
-#ict_virtualApplication_table_div{\r
- margin-top: 15px;\r
-}\r
-.table>thead>tr.active>th{\r
- border: 1px solid #ddd!important;\r
- border-bottom: 0;\r
- background: #f0f0f0;\r
-}\r
-/*.table tbody tr:hover{\r
- background: #e6fbe0!important;\r
-}*/\r
-.table tbody tr:last-child{\r
- border-bottom: 1px solid #ddd;\r
-}\r
-.table-btn{\r
- border: 1px solid #ccc;\r
- border-radius: 3px;\r
-}\r
-.delete-btn{\r
- background: url(../image/delete.png) no-repeat;\r
- width: 16px;\r
- height: 16px;\r
- border: none;\r
-}\r
-.detail-btn{\r
- background: url(../image/openo.png) no-repeat -343px -283px;\r
- width: 16px;\r
- height: 16px;\r
- border: none;\r
-}\r
-.detail-btn.current{\r
- background-position: -7px -314px; \r
-}\r
-.detail{\r
- height: 200px;\r
- border: 1px solid #ddd;\r
- margin-top: 60px;\r
-}\r
-\r
-.detail-top ul{\r
- height: 50px;\r
- line-height: 50px;\r
- border-bottom: 1px solid #ddd;\r
- padding-left: 0px;\r
- background: #fafafa;\r
-}\r
-.detail-top ul li{\r
- float:left;\r
- width: 120px;\r
- text-align: center;\r
- border-right: 1px solid #ddd;\r
- cursor: pointer;\r
-}\r
-.detail-top ul li.current{\r
- background: #fff;\r
-}\r
-.vmapp-margin{\r
- margin-bottom: 10px;\r
-}\r
-.control-label .required{\r
- color: #e02222;\r
- font-size: 12px;\r
- padding-left: 2px;\r
-}\r
-.form-group .control-label{\r
- font-size: 12px;\r
- font-weight: 400;\r
-}\r
-legend{\r
- font-size: 12px;\r
- font-weight: bold;\r
-}\r
-.pageGro{\r
- width: 250px;\r
- float: right;\r
-}\r
-.pageUp,.pageDown,.pageList,.pageList li{\r
- float: left;\r
- cursor: pointer;\r
-}\r
-.pageUp,.pageDown{\r
- width: 60px;\r
- height: 30px;\r
- border: 1px solid #ddd;\r
- text-align: center;\r
- line-height: 30px;\r
-}\r
-.pageList li{\r
- width: 30px;\r
- height: 30px;\r
- border: 1px solid #ddd;\r
- text-align: center;\r
- line-height: 30px;\r
- border-left: none;\r
-}\r
-.pageList li.active{\r
- background: #428bca;\r
- color: #fff;\r
- border-color: #428bca;\r
-}\r
-.pageDown{\r
- border-left: none;\r
-}\r
-.headerLinkP{\r
- padding-top: 17px;\r
-}\r
-.headerLinkP span{\r
- font-size: 12px;\r
- color: #666;\r
- font-weight: normal!important;\r
-}\r
-label{\r
- font-weight: normal!important;\r
-}\r
-table.userform tbody tr td {\r
- display: table-cell;\r
- padding-right: 10px;\r
- padding-top: 10px;\r
- font-size: 12px;\r
- color: #333;\r
-}\r
-.table th,.table td{\r
- padding-top: 3px!important;\r
- padding-bottom: 3px!important;\r
-}\r
-.openoBrowseButton_element {\r
- display: table;\r
-}\r
-.openo {\r
- font-family: "Microsoft Yahei",SimSun,Arial,Tahoma;\r
- font-size: 12px;\r
- color: #000;\r
-}\r
-.openoBrowseButton_input {\r
- width: 198px;\r
- position: relative;\r
- border: 1px solid #c3c3c3!important;\r
- height: 26px;\r
- background-color: #f3f3f3;\r
- border-radius: 4px 0 0 4px;\r
- border-right: none;\r
- padding: 0;\r
-}\r
-.buttonClassDefault, .buttonClassDefault:active {\r
- cursor: pointer;\r
- background-image: url(../images/openo.png);\r
- background-position: -154px -7px!important;\r
-}\r
-.openoBrowseButton_button {\r
- width: 27px;\r
- border: 0;\r
- float: right;\r
- position: relative;\r
- height: 26px;\r
- right: 0;\r
- top: 0;\r
- border-radius: 0 4px 4px 0;\r
- border-right: 1px solid #c3c3c3;\r
- border-left: none;\r
-}\r
-.openo .openo-input, .openo.openo-input {\r
- outline: 0;\r
- border: 1px solid #c3c3c3;\r
- box-shadow: 1px 1px #f6f6f6 inset;\r
- background-color: #fff;\r
- height: 26px;\r
-}\r
-.openoInput_openoDefaultText {\r
- padding: 0 0 0 6px;\r
- border-radius: 4px;\r
- color: #000;\r
- display: inline-block;\r
- outline: 0;\r
- box-shadow: 1px 1px #f6f6f6 inset;\r
- font-size: 12px;\r
- background: #fff;\r
-}\r
-div.openo-select {\r
- border: 1px solid #c3c3c3;\r
- border-radius: 4px;\r
- background: url(../images/arrow-down-enable.png) right no-repeat #fff;\r
- line-height: 24px;\r
- padding-left: 3px;\r
- display: block;\r
-}\r
-div.openo-select>input.openo-select-input {\r
- border: none;\r
- outline: 0;\r
- line-height: 21px;\r
- height: 21px;\r
- padding-left: 3px;\r
- border-right: solid 1px #c3c3c3;\r
-}\r
-.openo .openo-ellipsis, .openo.openo-ellipsis {\r
- overflow: hidden;\r
- white-space: nowrap;\r
- text-overflow: ellipsis;\r
-}\r
-a.openoButton_buttonClass, a.openoButton_buttonDisableClass, div.openoButton_buttonClass, div.openoButton_buttonDisableClass {\r
- height: 26px;\r
- float: left;\r
- cursor: pointer;\r
- text-decoration: none;\r
- outline: 0;\r
- border: 1px solid #d3d3d3;\r
- text-align: center;\r
- box-shadow: 0 1px 1px rgba(0,0,0,.05);\r
- background: #fafafa;\r
- background: -moz-linear-gradient(top,#fff,#fafafa);\r
- background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fafafa));\r
- background: -webkit-linear-gradient(top,#fff,#fafafa);\r
- background: linear-gradient(to bottom,#fff,#fafafa);\r
- border-radius: 6px;\r
-}\r
-.openoButton_buttonInnerClass{\r
- padding: 0 19px;\r
- border-radius: 6px;\r
-}\r
-.openoButton_buttonCenterText {\r
- color: #000;\r
- line-height: 24px;\r
- white-space: nowrap;\r
- width: auto!important;\r
-}\r
-.userHeader {\r
- clear: left;\r
- overflow: hidden;\r
- margin-bottom: 10px;\r
- padding: 10px 10px 0px 0px;\r
-}\r
-.openoButton_buttonGroupClass {\r
- display: inline;\r
-}\r
-.openoButton_buttonGroupClass div.openoButton_buttonClass_parent:first-child {\r
- margin-left: 0;\r
-}\r
-.openoButton_buttonLeftImg {\r
- margin-right: 5px;\r
-}\r
-.openoButton_buttonLeftImg, .openoButton_buttonRightImg {\r
- display: inline-block;\r
- vertical-align: top;\r
- width: 16px;\r
- height: 16px;\r
- margin-top: 4px;\r
-}\r
-.openo-table-pagination-wrapper {\r
- height: 37px;\r
-}\r
-.openo-pagination {\r
- display: block;\r
- float: left;\r
- overflow: hidden;\r
- padding: 5px 0 0;\r
- margin-top: 8px;\r
-}\r
-.openoPagination_openoPaginationLengthOptions:not(msie8) {\r
- line-height: 24px;\r
-}\r
-.openoPagination_openoPaginationLengthOptions {\r
- white-space: normal;\r
- height: 24px;\r
- float: left;\r
- outline: 0;\r
- line-height: 20px;\r
- margin: 0 5px;\r
-}\r
-.openo-pagination-select {\r
- height: 26px;\r
- line-height: 22px;\r
- text-align: center;\r
- margin-right: -2px;\r
- border: 1px solid #e0e0e0;\r
- border-radius: 5px 0 0 5px;\r
- padding: 1px;\r
-}\r
-.openoPagination_openoPaginationLengthOptions span {\r
- background-color: #fff!important;\r
-}\r
-.openo-pagination-theme a, .openo-pagination-theme span {\r
- float: left;\r
- color: #666;\r
- font: 12px Lucida Grande,Verdana,Arial,Helvetica,sans-serif;\r
- line-height: 24px;\r
- font-weight: 400;\r
- text-align: center;\r
- border: 1px solid #e0e0e0;\r
- text-decoration: none!important;\r
- padding: 0 7px;\r
- border-radius: 3px;\r
- background: #fff;\r
-}\r
-.openo-pagination-selectspan {\r
- background: url(../images/ideo_default_select.png) left no-repeat!important;\r
- float: right!important;\r
- width: 26px;\r
- height: 26px;\r
- cursor: pointer;\r
-}\r
-.openo-pagination-theme label {\r
- padding-top: 6px;\r
- vertical-align: middle;\r
- margin-right: 20px;\r
- margin-top: -1px;\r
- float: left;\r
- display: inline-block;\r
- height: 20px;\r
- font: 12px Lucida Grande,Verdana,Arial,Helvetica,sans-serif;\r
-}\r
-.openo-pagination li, .openo-pagination ul {\r
- list-style: none;\r
- padding: 0;\r
- margin: 0;\r
- float: left;\r
-}\r
-dd, dl, dt, li {\r
- color: #000;\r
-}\r
-.openo-pagination-theme a, .openo-pagination-theme span.current {\r
- margin: 0 5px 0 0;\r
-}\r
-.openo .openo-disabled, .openo.openo-disabled {\r
- border-color: #c3c3c3!important;\r
- color: #666!important;\r
- opacity: .3;\r
- filter: alpha(opacity=30);\r
-}\r
-.openo-pagination-theme .prev {\r
- background: 0 0;\r
- float: left;\r
-}\r
-.openo-pagination-theme .current {\r
- text-decoration: none!important;\r
- float: left;\r
- padding-left: 6px;\r
- height: 24px;\r
- color: #fff;\r
- display: inline;\r
- border-color: #00adf5;\r
- background: #4ad2ff;\r
-}\r
-.openo-pagination-theme a, .openo-pagination-theme span {\r
- float: left;\r
- color: #666;\r
- font: 12px Lucida Grande,Verdana,Arial,Helvetica,sans-serif;\r
- line-height: 24px;\r
- font-weight: 400;\r
- text-align: center;\r
- border: 1px solid #e0e0e0;\r
- text-decoration: none!important;\r
- padding: 0 7px;\r
- border-radius: 3px;\r
- background: #fff;\r
-}\r
-.openo-pagination-theme .prev.openo-disabled:before {\r
- background: url(../images/page_left_disabled.png) 50% 45% no-repeat;\r
-}\r
-.openo-pagination-theme .prev.openo-disabled:before {\r
- background: url(../images/page_left_disabled.png) 50% 45% no-repeat;\r
-}\r
-.openo-pagination-theme .prev:before {\r
- background: url(../images/page_l.png) 50% 45% no-repeat;\r
-}\r
-.openo-pagination-theme .next:after, .openo-pagination-theme .prev:before {\r
- display: inline-block;\r
- content: "";\r
- vertical-align: middle;\r
- width: 10px;\r
- height: 24px;\r
-}\r
-.openo-pagination-theme .prev:before {\r
- background: url(../images/page_l.png) 50% 45% no-repeat;\r
-}\r
-.openo-pagination-theme .next:after, .openo-pagination-theme .prev:before {\r
- display: inline-block;\r
- content: "";\r
- vertical-align: middle;\r
- width: 10px;\r
- height: 24px;\r
-}\r
-pagination ul {\r
- list-style: none;\r
- padding: 0;\r
- margin: 0;\r
- float: left;\r
-}\r
-.openo-pagination li, .openo-pagination ul {\r
- list-style: none;\r
- padding: 0;\r
- margin: 0;\r
- float: left;\r
-}\r
-.openoPagination_gototext {\r
- background: #FFF;\r
- outline: 0;\r
- width: 29px;\r
- float: left;\r
- height: 26px;\r
- line-height: 24px;\r
- border-radius: 4px;\r
- border: 1px solid #c3c3c3;\r
- padding: 0 0 0 5px;\r
- margin: 0;\r
- color: #666;\r
- min-width: 50px;\r
-}\r
-.openoPagination_gotoimage {\r
- width: 29px;\r
- height: 26px;\r
- line-height: 26px;\r
- background-color: #FFF;\r
- background-image: url(/portal/themes/default/components/openo/images/openo.png);\r
- padding-left: 21px;\r
- float: left;\r
- margin-left: 5px;\r
- border: 1px solid #e0e0e0;\r
- border-radius: 4px;\r
- box-sizing: border-box;\r
- -moz-box-sizing: border-box;\r
- background-position: -184px -181px!important;\r
-}\r
-.openo-pagination-theme .ellipse {\r
- float: left;\r
- margin-left: -8px;\r
- margin-right: -4px;\r
- background: 0 0;\r
- border: none;\r
- border-radius: 0;\r
- box-shadow: none;\r
- font-weight: 700;\r
- cursor: default;\r
-}\r
-.openo.openo-disabled {\r
- border-color: #c3c3c3!important;\r
- color: #666!important;\r
- opacity: .3;\r
- filter: alpha(opacity=30);\r
-}\r
-.openo-pagination-theme .prev {\r
- background: 0 0;\r
- float: left;\r
-}\r
-.openo-pagination-theme .current {\r
- text-decoration: none!important;\r
- float: left;\r
- padding-left: 6px;\r
- height: 26px;\r
- color: #fff;\r
- display: inline;\r
- /*border-color: #00adf5;\r
- background: #4ad2ff;*/\r
- border: 1px solid #e0e0e0;\r
-}\r
-.openo-pagination-theme .next:after {\r
- background: url(../images/page_r.png) 50% 45% no-repeat;\r
-}\r
-.openoButton_buttonGroupClass div.openoButton_buttonClass_parent, .openoButton_buttonRightImg {\r
- margin-left: 5px;\r
-}\r
-\r
-html, body {\r
- height: 99%;\r
- width: 98%;\r
-}\r
-.cotentBody {\r
- padding: 0px 20px 0px 20px;\r
-}\r
-\r
-div.openoButton_buttonClass:hover {\r
- border: 1px solid #4ac9ff;\r
-}\r
-div.openoButton_button_default:hover .openoButton_buttonCenterText {\r
- color: #009ae7;\r
-}\r
-.header_lineimg {\r
- height: 1px;\r
- width: 100%;\r
- margin-top: 17px;\r
-}\r
-.openo.openo-hide {\r
- display: none;\r
-}\r
-div.openo-select-popup-container {\r
- position: absolute;\r
- border: 1px solid #4ac9ff;\r
- border-top: none;\r
- border-radius: 0 0 4px 4px;\r
- max-height: 202px;\r
- overflow-y: auto;\r
- background-color: #fff;\r
- z-index: 880;\r
-}\r
-div.openo-select-popup-container>div.openo-select-item {\r
- display: block;\r
-}\r
-.openo .openo-ellipsis, .openo.openo-ellipsis {\r
- overflow: hidden;\r
- white-space: nowrap;\r
- text-overflow: ellipsis;\r
-}\r
-div.openo-select-popup-container>div.openo-select-item>label {\r
- padding-top: 3px;\r
- padding-bottom: 3px;\r
- line-height: 20px;\r
-}\r
-.openo .openo-ellipsis, .openo.openo-ellipsis {\r
- overflow: hidden;\r
- white-space: nowrap;\r
- text-overflow: ellipsis;\r
-}\r
-.openo-select-item label {\r
- margin-left: 4px;\r
- margin-right: 4px;\r
- white-space: nowrap;\r
-}\r
-div.openo-select-popup-container>div.openo-select-item.openo-item-selected, div.openo-select-popup-container>div.openo-select-item:hover {\r
- background-color: #f1f1f1;\r
- color: #008fd6;\r
-}\r
-div.openo-select.openo-focus {\r
- border: 1px solid #4ac9ff;\r
- border-bottom-left-radius: 0;\r
- border-bottom-right-radius: 0;\r
- border-bottom-color: #ddd;\r
-}\r
-.openo-pagination-theme a:hover {\r
- border-color: #4ac9ff;\r
- cursor: pointer;\r
-}\r
-.SDBtn{\r
- background: #fff; \r
- color: #333; \r
- border: 1px solid #ddd;\r
-}\r
-.SDBtn:hover{\r
- color: #009ae7; \r
- border: 1px solid #4AC9FF\r
-}\r
-table tbody tr.even:hover td, table tbody tr.odd:hover td {\r
- background-color: #e6fbe0;\r
-}\r
-table tr.openoTable_row_selected td {\r
- background: #e8f8fe!important;\r
- border-bottom: 1px solid #e8e8e8!important;\r
-}\r
-.modal-body{\r
- padding: 0!important;\r
-}\r
-.form-control{\r
- height: 26px!important;\r
-}\r
-.form-group .control-label {\r
- margin-left: 20px;\r
-}\r
-\r
-.form-horizontal .control-label {\r
- text-align: left;\r
-}
\ No newline at end of file
+++ /dev/null
-/* Copyright 2016, Huawei Technologies Co., Ltd.\r
- *\r
- * Licensed under the Apache License, Version 2.0 (the "License");\r
- * you may not use this file except in compliance with the License.\r
- * You may obtain a copy of the License at\r
- *\r
- * http://www.apache.org/licenses/LICENSE-2.0\r
- *\r
- * Unless required by applicable law or agreed to in writing, software\r
- * distributed under the License is distributed on an "AS IS" BASIS,\r
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
- * See the License for the specific language governing permissions and\r
- * limitations under the License.\r
- */\r
- \r
-$('.siteDeleteImg').click(function(){\r
- var data = $(this).parent().parent().parent().find('td:last').find('div:last').html();\r
- alert(data);\r
- var jsonObj = JSON.parse(data);\r
- for(var i = 0; i < jsonObj.length; i++) {\r
- var obj = jsonObj[i];\r
- var rowData = [obj.tpName,obj.peName,obj.vlanId,obj.siteCidr,obj.ip];\r
- $('#underlayTpDataTable').DataTable();\r
- $('#underlayTpDataTable').dataTable().fnAddData(rowData);\r
- }\r
-});\r
-\r
-\r
-function deleteSite(objectId){\r
- var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/sites/"+objectId;\r
- $\r
- .ajax({\r
- type : "DELETE",\r
- url : requestUrl,\r
- contentType : "application/json",\r
- success : function(jsonobj) {\r
- $('#site').bootstrapTable('remove', {\r
- field: 'id',\r
- values: [objectId]\r
- });\r
- alert("Delete Site successfull !!!");\r
- },\r
- error : function(xhr, ajaxOptions, thrownError) {\r
- alert("Error on deleting site: " + xhr.responseText); \r
- }\r
- });\r
-}\r
-function deleteLink(objectId){\r
- var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/topological-links/"+objectId;\r
- $\r
- .ajax({\r
- type : "DELETE",\r
- url : requestUrl,\r
- contentType : "application/json",\r
- success : function(jsonobj) {\r
- $('#link').bootstrapTable('remove', {\r
- field: 'id',\r
- values: [objectId]\r
- });\r
- alert("Delete Link successfull !!!");\r
- },\r
- error : function(xhr, ajaxOptions, thrownError) {\r
- alert("Error on deleting link : " + xhr.responseText); \r
- }\r
- });\r
-}\r
-\r
-function deleteNe(objectId){\r
- var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/managed-elements/"+objectId;\r
- $\r
- .ajax({\r
- type : "DELETE",\r
- url : requestUrl,\r
- contentType : "application/json",\r
- success : function(jsonobj) {\r
- $('#ne').bootstrapTable('remove', {\r
- field: 'id',\r
- values: [objectId]\r
- });\r
- alert("Delete NE successfull !!!");\r
- },\r
- error : function(xhr, ajaxOptions, thrownError) {\r
- alert("Error on deleting ne : " + xhr.responseText); \r
- }\r
- });\r
-}\r
-\r
-function deletePort(objectId){\r
- var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/logical-termination-points/"+objectId;\r
- $\r
- .ajax({\r
- type : "DELETE",\r
- url : requestUrl,\r
- contentType : "application/json",\r
- success : function(jsonobj) {\r
- $('#port').bootstrapTable('remove', {\r
- field: 'id',\r
- values: [objectId]\r
- });\r
- alert("Delete Port successfull !!!");\r
- },\r
- error : function(xhr, ajaxOptions, thrownError) {\r
- alert("Error on deleting port : " + xhr.responseText); \r
- }\r
- });\r
-}\r
-function loadSiteData(){\r
- var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/sites";\r
- $\r
- .ajax({\r
- type : "GET",\r
- url : requestUrl,\r
- contentType : "application/json",\r
- success : function(jsonobj) {\r
- $('#site').bootstrapTable({\r
- data: jsonobj.sites\r
- });\r
- },\r
- error : function(xhr, ajaxOptions, thrownError) {\r
- alert("Error on getting site data : " + xhr.responseText); \r
- }\r
- });\r
-}\r
-function loadLinkData(){\r
- var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/topological-links";\r
- $\r
- .ajax({\r
- type : "GET",\r
- url : requestUrl,\r
- contentType : "application/json",\r
- success : function(jsonobj) {\r
- $('#link').bootstrapTable({\r
- data: jsonobj.topologicalLinks\r
- });\r
- },\r
- error : function(xhr, ajaxOptions, thrownError) {\r
- alert("Error on getting link data : " + xhr.responseText); \r
- }\r
- });\r
-}\r
-function loadNeData(){\r
- var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/managed-elements";\r
- $\r
- .ajax({\r
- type : "GET",\r
- url : requestUrl,\r
- contentType : "application/json",\r
- success : function(jsonobj) {\r
- $('#ne').bootstrapTable({\r
- data: jsonobj.managedElements\r
- });\r
- },\r
- error : function(xhr, ajaxOptions, thrownError) {\r
- alert("Error on getting ne data : " + xhr.responseText); \r
- }\r
- });\r
-}\r
-function loadPortData(){\r
- var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/logical-termination-points";\r
- $\r
- .ajax({\r
- type : "GET",\r
- url : requestUrl,\r
- contentType : "application/json",\r
- success : function(jsonobj) {\r
- $('#port').bootstrapTable({\r
- data: jsonobj.logicalTerminationPoints\r
- });\r
- },\r
- error : function(xhr, ajaxOptions, thrownError) {\r
- alert("Error on getting port data : " + xhr.responseText); \r
- }\r
- });\r
-}\r
-$(function(){\r
- $('.creat-btn').click(function(){\r
- $('#vmAppDialog').addClass('in').css({'display':'block'});\r
- \r
- });\r
- $('.close,.button-previous').click(function(){\r
- $('#vmAppDialog').removeClass('in').css('display','none');\r
- });\r
- $('.detail-top ul li').click(function(){\r
- $(this).addClass('current').siblings().removeClass('current');\r
- });\r
- $('.para').click(function(){ \r
- if($('#serviceTemplateName').val() == ''){\r
- alert('Please choose the service templet！');\r
- $('#flavorTab').css('display','none');\r
- }else{\r
- $('#flavorTab').css('display','block');\r
- }\r
- $('#basicTab').css('display','block');\r
- });\r
- $('.basic').click(function(){\r
- $('#flavorTab').css('display','none');\r
- });\r
- \r
- $('.table tbody tr').click(function(){\r
- $(this).addClass('openoTable_row_selected').siblings().removeClass('openoTable_row_selected');\r
- });\r
- $('.table tr:odd').addClass('active');\r
- $('#false').click(function(){\r
- $('#vmAppDialog').addClass('in').css({'display':'block'});\r
- });\r
- $('.close,.button-previous').click(function(){\r
- $('#vmAppDialog').removeClass('in').css('display','none');\r
- });\r
- $('#filterTpLogicalType').click(function(){\r
- $('#filterTpLogicalType_select_popupcontainer').toggleClass('openo-hide');\r
- $('#filterTpLogicalType').toggleClass('openo-focus');\r
- var oLeft = $('#open_base_tpL_td6').offset().left;\r
- var oTop = $('#open_base_tpL_td6').offset().top;\r
- var oHeight = $('#open_base_tpL_td6').height();\r
- $('#filterTpLogicalType_select_popupcontainer').css({'left':oLeft,'top':oTop + oHeight + 10});\r
- });\r
- $('div.openo-select-popup-container>div.openo-select-item>label').click(function(){\r
- var Lvalue = $(this).html();\r
- $('#filterTpLogicalType_select_input').attr('value',Lvalue);\r
- $('#filterTpLogicalType_select_popupcontainer').addClass('openo-hide');\r
- $('#filterTpLogicalType').removeClass('openo-focus');\r
- });\r
- $.fn.serializeObject = function() {\r
- var o = {};\r
- var a = this.serializeArray();\r
- $.each(a, function() {\r
- if (o[this.name] !== undefined) {\r
- if (!o[this.name].push) {\r
- o[this.name] = [ o[this.name] ];\r
- }\r
- o[this.name].push(this.value || '');\r
- } else {\r
- o[this.name] = this.value || '';\r
- }\r
- });\r
- return o;\r
- };\r
- $('#createSite').click(function(){\r
- var formData = JSON.stringify($("#vmAppForm").serializeObject());\r
- var jsonobj = JSON.parse(formData);\r
- var newJson = {"site": jsonobj};\r
- formData = JSON.stringify(newJson);\r
- var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/sites";\r
- $\r
- .ajax({\r
- type : "POST",\r
- url : requestUrl,\r
- contentType : "application/json",\r
- dataType : "json",\r
- data : formData,\r
- success : function(jsonResp) {\r
- alert("Site saved successfully!!!");\r
- jsonobj["id"]= jsonResp.site.id;\r
- $('#site').bootstrapTable("append", jsonobj);\r
- $('#vmAppDialog').removeClass('in').css('display','none');\r
- },\r
- error : function(xhr, ajaxOptions, thrownError) {\r
- alert("Error on page : " + xhr.responseText); \r
- }\r
- });\r
- });\r
- \r
- $('#createNe').click(function(){\r
- var formData = JSON.stringify($("#neForm").serializeObject());\r
- var jsonobj = JSON.parse(formData);\r
- var newJson = {"managedElement": jsonobj};\r
- formData = JSON.stringify(newJson);\r
- var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/managed-elements";\r
- $\r
- .ajax({\r
- type : "POST",\r
- url : requestUrl,\r
- contentType : "application/json",\r
- dataType : "json",\r
- data : formData,\r
- success : function(jsonResp) {\r
- alert("NE saved successfully!!!");\r
- jsonobj["id"]= jsonResp.managedElement.id;\r
- $('#ne').bootstrapTable("append", jsonobj);\r
- $('#vmAppDialog').removeClass('in').css('display','none');\r
-\r
- },\r
- error : function(xhr, ajaxOptions, thrownError) {\r
- alert("Error on page : " + xhr.responseText); \r
- }\r
- });\r
- });\r
- \r
- $('#createPort').click(function(){\r
- var formData = JSON.stringify($("#portForm").serializeObject());\r
- var jsonobj = JSON.parse(formData);\r
- var newJson = {"logicalTerminationPoint": jsonobj};\r
- formData = JSON.stringify(newJson);\r
- var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/logical-termination-points";\r
- $\r
- .ajax({\r
- type : "POST",\r
- url : requestUrl,\r
- contentType : "application/json",\r
- dataType : "json",\r
- data : formData,\r
- success : function(jsonResp) {\r
- alert("Port saved successfully!!!");\r
- //TODO : hide model data window.\r
- jsonobj["id"]= jsonResp.logicalTerminationPoint.id;\r
- $('#port').bootstrapTable("append", jsonobj);\r
- $('#vmAppDialog').removeClass('in').css('display','none');\r
-\r
- },\r
- error : function(xhr, ajaxOptions, thrownError) {\r
- alert("Error on page : " + xhr.responseText); \r
- }\r
- });\r
- });\r
- \r
- $('#createLink').click(function(){\r
- var formData = JSON.stringify($("#linkForm").serializeObject());\r
- var jsonobj = JSON.parse(formData);\r
- var newJson = {"topologicalLink": jsonobj};\r
- formData = JSON.stringify(newJson);\r
- var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/topological-links";\r
- $\r
- .ajax({\r
- type : "POST",\r
- url : requestUrl,\r
- contentType : "application/json",\r
- dataType : "json",\r
- data : formData,\r
- success : function(jsonResp) {\r
- alert("Link saved successfully!!!");\r
- jsonobj["id"]= jsonResp.topologicalLink.id;\r
- $('#link').bootstrapTable("append", jsonobj);\r
- $('#vmAppDialog').removeClass('in').css('display','none');\r
- \r
- },\r
- error : function(xhr, ajaxOptions, thrownError) {\r
- alert("Error on page : " + xhr.responseText); \r
- }\r
- });\r
- });\r
- \r
- })
\ No newline at end of file
+++ /dev/null
-<!--\r
-\r
- Copyright 2016, Huawei Technologies Co., Ltd.\r
-\r
- Licensed under the Apache License, Version 2.0 (the "License");\r
- you may not use this file except in compliance with the License.\r
- You may obtain a copy of the License at\r
-\r
- http://www.apache.org/licenses/LICENSE-2.0\r
-\r
- Unless required by applicable law or agreed to in writing, software\r
- distributed under the License is distributed on an "AS IS" BASIS,\r
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
- See the License for the specific language governing permissions and\r
- limitations under the License.\r
-\r
--->\r
-\r
-<!DOCTYPE html>\r
-<html>\r
-<head>\r
- <head lang="en">\r
- <meta charset="UTF-8">\r
- <title></title>\r
- <link href="css/bootstrap.min.css" rel="stylesheet" />\r
- <link href="css/VMMain.css" rel="stylesheet" />\r
- <link href="css/bootstrap-table.min.css" rel="stylesheet" />\r
- <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>\r
- <script type="text/javascript" src="js/bootstrap.min.js"></script>\r
- <script type="text/javascript" src="js/brs.js"></script>\r
- <script type="text/javascript" src="js/bootstrap-table.min.js"></script> \r
- <script type="text/javascript">\r
- $(document).ready(function() {\r
- \r
- \r
- var jsondata = loadLinkData();\r
-\r
- $('#link').bootstrapTable({\r
- //Assigning data to table\r
- data: jsondata\r
- });\r
- });\r
- function operateFormatter(value, row, index) {\r
- return [\r
- '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'\r
- ].join('');\r
- \r
- }\r
- window.operateEvents = {\r
- 'click .siteDeleteImg': function (e, value, row, index) {\r
- // TO DO ajex call for delete\r
- deleteLink(row.id);\r
- console.log(value, row, index);\r
- }\r
- };\r
- </script>\r
-</head>\r
-<body id="open_base_site_cotentBody" class="cotentBody ng-scope">\r
- <div class="container-fluid ms-controller">\r
- \r
- <div class="uploadBtn">\r
- <div id="open_base_tpL_userHeader" class="userHeader">\r
- <div id="open_base_tpL_buttonGroup" class="openoButton_buttonGroupClass">\r
- <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>\r
-\r
- </div>\r
- </div>\r
- </div>\r
- \r
- <div class="row-fluid" data-name="table_zone">\r
- <div id='ict_virtualApplication_table_div'>\r
- <div>\r
- <div class="top">\r
- <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">\r
- <thead id="link" class="openo-table-thead">\r
- <tr class="active">\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="name"data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="linkName_sorticon" class="openo-table-th-sorticon overflow_elip openoTable_sortable leftHeaderAlign openo-table-disable-element ">Name\r
- </span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="logicalType" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="link_aEnd_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Type\r
- </span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="layerRate" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="link_layerRate_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Layer Rate\r
- </span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="aEnd" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="link_aEnd_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Source Port\r
- </span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="zEnd" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="link_zEnd_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Sink Port\r
- </span>\r
- </div>\r
- </th>\r
- \r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="aEndME" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="link_source_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Source NE\r
- </span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="zEndME" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="link_source_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Sink NE\r
- </span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="adminState" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="link_adminState_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Admin State\r
- </span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="operState" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="link_operState_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Operating State\r
- </span>\r
- </div>\r
- </th>\r
- <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">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="link_latency_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Actions\r
- </span>\r
- </div>\r
- </th>\r
- </tr>\r
- </thead>\r
- <tbody>\r
- <!-- <tr style="display: none;">\r
- <td colspan="7" style="text-align: center;">NULL</td>\r
- </tr>\r
- <tr class="odd openo-table-tr openo-table-disable-element" data-rowid="0" data-tableid="siteTable">\r
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor " data-colid="siteName" data-tableid="siteTable">\r
- <div class="openo-table-disable-element overflow_elip leftDataAlign">\r
- <a class="openo-table-disable-element hyperLinkRow" href="javascript:void(0)" id="siteTable_0_siteName_link">Link1</a></div>\r
- </td>\r
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">Type</div>\r
- </td>\r
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">15</div>\r
- </td>\r
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">8080</div>\r
- </td>\r
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">1234</div>\r
- </td>\r
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">NE</div>\r
- </td>\r
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">UP</div>\r
- </td>\r
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">UP</div>\r
- </td>\r
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteOperation" data-tableid="siteTable">\r
- <div class="openo-table-disable-element overflow_elip leftDataAlign openo-table-custom-el" id="siteTable_0_siteOperation_custom_el">\r
- <div>\r
- <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/">\r
- </div></div>\r
- </td>\r
- </tr> -->\r
- </tbody>\r
- </table>\r
- </div>\r
- </div>\r
- </div>\r
- </div>\r
- <!-- <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"> </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"> </a></li></ul></div></div> -->\r
-\r
- <div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"\r
- aria-labelledby="myModalLabel" aria-hidden="false">\r
- <div class="modal-dialog">\r
- <div class="modal-content"> \r
- <div class="content">\r
- <div class="modal-header">\r
- <button type="button" class="close" data-dismiss="modal" \r
- aria-hidden="true">×\r
- </button>\r
- <h4 class="modal-title" id="myModalLabel">\r
- <span>Create</span>\r
- </h4>\r
- </div>\r
- <form class="form-horizontal" role="form" id="linkForm">\r
- <div id="wizard">\r
- <div class="modal-body"> \r
- <ul class="nav nav-pills nav-justified vmapp-margin">\r
- </ul>\r
- <div class="tab-content">\r
- <div class="tab-pane active" id="basicTab">\r
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
- <label class="col-sm-3 control-label">\r
- <span>Name</span>\r
- <span class="required">*</span>\r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="name" name="name" class="form-control"/> \r
- </div>\r
- </div>\r
- <div class="form-group">\r
- <label class="col-sm-3 control-label">\r
- <span>Type</span>\r
- </label>\r
- <div class="col-sm-7">\r
- <select class="form-control" style ="padding-top: 0px;padding-bottom: 0px;" id="logicalType" \r
- name="logicalType">\r
- <option value="fiberLink">Fiber Link</option>\r
- <option value="l2Link">L2 Link</option>\r
- <option value="ipLink">IP Link</option>\r
- <option value="electricalLink">Electrical Link</option>\r
- </select>\r
- </div>\r
- </div>\r
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
- <label class="col-sm-3 control-label">\r
- <span>Layer Rate</span>\r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="layerRate" name="layerRate" class="form-control"/> \r
- </div>\r
- </div>\r
- \r
- \r
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
- <label class="col-sm-3 control-label">\r
- <span>Source Port</span>\r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="aEnd" name="aEnd" class="form-control"/> \r
- </div>\r
- </div>\r
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
- <label class="col-sm-3 control-label">\r
- <span>Sink Port</span>\r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="zEnd" name="zEnd" class="form-control"/> \r
- </div>\r
- </div>\r
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
- <label class="col-sm-3 control-label">\r
- <span>Source NE</span>\r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="aEndMe" name="aEndME" class="form-control"/> \r
- </div>\r
- </div>\r
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
- <label class="col-sm-3 control-label">\r
- <span>Sink NE</span>\r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="zEndMe" name="zEndME" class="form-control"/> \r
- </div>\r
- </div>\r
- </div> \r
- </div>\r
- </div>\r
- <div class="modal-footer"> \r
- <button type="button" class="btn SDBtn" data-dismiss="modal" aria-hidden="true" id="createLink">\r
- <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>\r
- </button> \r
- <button type="button" class="btn button-previous SDBtn">\r
- <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>\r
- </button>\r
- \r
- </div>\r
- </div> \r
- </form>\r
- </div>\r
- </div>\r
- </div>\r
- </div>\r
- </div>\r
- <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>\r
-\r
-\r
-</body>\r
-</html>
\ No newline at end of file
+++ /dev/null
-<!--\r
-\r
- Copyright 2016, Huawei Technologies Co., Ltd.\r
-\r
- Licensed under the Apache License, Version 2.0 (the "License");\r
- you may not use this file except in compliance with the License.\r
- You may obtain a copy of the License at\r
-\r
- http://www.apache.org/licenses/LICENSE-2.0\r
-\r
- Unless required by applicable law or agreed to in writing, software\r
- distributed under the License is distributed on an "AS IS" BASIS,\r
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
- See the License for the specific language governing permissions and\r
- limitations under the License.\r
-\r
--->\r
-\r
-<!DOCTYPE html>\r
-<html>\r
-<head>\r
- <head lang="en">\r
- <meta charset="UTF-8">\r
- <title></title>\r
- <link href="css/bootstrap.min.css" rel="stylesheet" />\r
- <link href="css/VMMain.css" rel="stylesheet" />\r
- <link href="css/bootstrap-table.min.css" rel="stylesheet" />\r
- <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script> \r
- <script type="text/javascript" src="js/bootstrap.min.js"></script> \r
- <script type="text/javascript" src="js/brs.js"></script>\r
- <script type="text/javascript" src="js/bootstrap-table.min.js"></script>\r
- <script type="text/javascript">\r
- $(document).ready(function() {\r
- var jsondata = [];\r
- jsondata = loadNeData();\r
- $('#ne').bootstrapTable({\r
- //Assigning data to table\r
- data: jsondata\r
- });\r
- \r
- }); \r
- function operateFormatter(value, row, index) {\r
- return [\r
- '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'\r
- ].join('');\r
- \r
- }\r
- window.operateEvents = {\r
- 'click .siteDeleteImg': function (e, value, row, index) {\r
- // TO DO ajex call for delete\r
- var result = deleteNe(row.id, row);\r
- }\r
- };\r
- \r
- </script>\r
-</head>\r
-<body id="open_base_site_cotentBody" class="cotentBody ng-scope">\r
- <div class="container-fluid ms-controller">\r
- \r
-\r
- <div class="uploadBtn">\r
- <div id="open_base_tpL_userHeader" class="userHeader">\r
- <div id="open_base_tpL_buttonGroup" class="openoButton_buttonGroupClass">\r
- <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>\r
- </div>\r
- </div>\r
- </div>\r
- \r
- <div class="row-fluid" data-name="table_zone">\r
- <div id='ict_virtualApplication_table_div'>\r
- <div>\r
- <div class="top">\r
- <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">\r
- <thead class="openo-table-thead">\r
- <tr class="active">\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="name" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span class="openo-table-th-sorticon overflow_elip openoTable_sortable leftHeaderAlign openo-table-disable-element ">Name\r
- </span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="version" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="ne_isVersion_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Version\r
- </span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="productName" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="neproductName_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Product Name\r
- </span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="ipAddress" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="ne_ipAddress_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">IP Address\r
- </span>\r
- </div>\r
- </th> \r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="neRole" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="ne_neRole_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element0" >NE Role\r
- </span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="adminState" >\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="ne_adminState_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Admin State\r
- </span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="operState" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="ne_operState_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Operating State\r
- </span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" align="center" data-formatter = "operateFormatter" data-events="operateEvents" >\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="ne_nativeID_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Actions\r
- </span>\r
- </div>\r
- </th>\r
- </tr></thead>\r
- <!-- <tbody>\r
- <tr style="display: none;">\r
- <td colspan="7" style="text-align: center;">NULL</td>\r
- </tr>\r
- <tr class="odd openo-table-tr openo-table-disable-element" data-rowid="0" data-tableid="siteTable">\r
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor " data-colid="siteName" data-tableid="siteTable">\r
- <div class="openo-table-disable-element overflow_elip leftDataAlign">\r
- <a class="openo-table-disable-element hyperLinkRow" href="javascript:void(0)" id="siteTable_0_siteName_link">NE</a></div>\r
- </td>\r
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">1.1</div>\r
- </td>\r
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">SDN</div>\r
- </td>\r
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">192.168.100.102</div>\r
- </td>\r
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">Role</div>\r
- </td>\r
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">Admin</div>\r
- </td>\r
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">UP</div>\r
- </td>\r
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteOperation" data-tableid="siteTable">\r
- <div class="openo-table-disable-element overflow_elip leftDataAlign openo-table-custom-el" id="siteTable_0_siteOperation_custom_el">\r
- <div>\r
- <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/">\r
- </div>\r
- </div>\r
- </td>\r
- </tr>\r
- <tr class="even openo-table-tr openo-table-disable-element" data-rowid="0" data-tableid="siteTable">\r
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor " data-colid="siteName" data-tableid="siteTable">\r
- <div class="openo-table-disable-element overflow_elip leftDataAlign">\r
- <a class="openo-table-disable-element hyperLinkRow" href="javascript:void(0)" id="siteTable_0_siteName_link">NE</a></div>\r
- </td>\r
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">1.1</div>\r
- </td>\r
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">SDN</div>\r
- </td>\r
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">192.168.100.102</div>\r
- </td>\r
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">Role</div>\r
- </td>\r
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">Admin</div>\r
- </td>\r
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">\r
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">UP</div>\r
- </td>\r
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteOperation" data-tableid="siteTable">\r
- <div class="openo-table-disable-element overflow_elip leftDataAlign openo-table-custom-el" id="siteTable_0_siteOperation_custom_el">\r
- <div>\r
- <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/">\r
- </div>\r
- </div>\r
- </td>\r
- </tr>\r
- </tbody> -->\r
- </table>\r
- </div>\r
- </div>\r
- </div>\r
- </div>\r
- <!-- <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"> </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"> </a></li></ul></div></div> -->\r
-\r
- <div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"\r
- aria-labelledby="myModalLabel" aria-hidden="false">\r
- <div class="modal-dialog">\r
- <div class="modal-content"> \r
- <div class="content">\r
- <div class="modal-header">\r
- <button type="button" class="close" data-dismiss="modal" \r
- aria-hidden="true">×\r
- </button>\r
- <h4 class="modal-title" id="myModalLabel">\r
- <span>Create</span>\r
- </h4>\r
- </div>\r
- <form class="form-horizontal" role="form" id="neForm">\r
- <div id="wizard">\r
- <div class="modal-body"> \r
- <ul class="nav nav-pills nav-justified vmapp-margin">\r
- \r
- </ul>\r
- <div class="tab-content">\r
- <div class="tab-pane active" id="basicTab">\r
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
- <label class="col-sm-3 control-label">\r
- <span>Name</span>\r
- <span class="required">*</span>\r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="name" name="name" class="form-control" placeholder="Name"/> \r
- </div>\r
- </div>\r
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
- <label class="col-sm-3 control-label">\r
- <span>Version</span>\r
- <span class="required">*</span>\r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="version" name="version" class="form-control" placeholder="1.1"/> \r
- </div>\r
- </div>\r
- <div class="form-group">\r
- <label class="col-sm-3 control-label">\r
- <span>Product Name</span> \r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="productName" name="productName" class="form-control" placeholder="Product Name"/>\r
- </div>\r
- </div>\r
- <div class="form-group">\r
- <label class="col-sm-3 control-label">\r
- <span>IP Address</span> \r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="ipAddress" name="ipAddress" class="form-control" placeholder="255.255.255.255"/>\r
- </div>\r
- </div>\r
- <!-- TODO : check for valid neRole \r
- <div class="form-group">\r
- <label class="col-sm-3 control-label">\r
- <span>NE Role</span> \r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="neRole" name="neRole" class="form-control" placeholder="Role"/>\r
- </div>\r
- </div>\r
- -->\r
- </div> \r
- </div>\r
- </div>\r
- <div class="modal-footer"> \r
- <button type="button" class="btn SDBtn" data-dismiss="modal" aria-hidden="true" id="createNe">\r
- <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>\r
- </button> \r
- <button type="button" class="btn button-previous SDBtn">\r
- <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>\r
- </button>\r
- \r
- </div>\r
- </div> \r
- </form>\r
- </div>\r
- </div>\r
- </div>\r
- </div>\r
- </div>\r
- <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>\r
-\r
-\r
-</body>\r
-</html>
\ No newline at end of file
+++ /dev/null
-<!--\r
-\r
- Copyright 2016, Huawei Technologies Co., Ltd.\r
-\r
- Licensed under the Apache License, Version 2.0 (the "License");\r
- you may not use this file except in compliance with the License.\r
- You may obtain a copy of the License at\r
-\r
- http://www.apache.org/licenses/LICENSE-2.0\r
-\r
- Unless required by applicable law or agreed to in writing, software\r
- distributed under the License is distributed on an "AS IS" BASIS,\r
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
- See the License for the specific language governing permissions and\r
- limitations under the License.\r
-\r
--->\r
-\r
-<!DOCTYPE html>\r
-<html>\r
-<head>\r
- <head lang="en">\r
- <meta charset="UTF-8">\r
- <title></title>\r
- <link href="css/bootstrap.min.css" rel="stylesheet" />\r
- <link href="css/VMMain.css" rel="stylesheet" />\r
- <link href="css/bootstrap-table.min.css" rel="stylesheet" />\r
- <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>\r
- <script type="text/javascript" src="js/bootstrap.min.js"></script> \r
- <script type="text/javascript" src="js/brs.js"></script>\r
- <script type="text/javascript" src="js/bootstrap-table.min.js"></script>\r
- <script type="text/javascript">\r
- $(document).ready(function() {\r
- \r
- var jsondata = [];\r
- jsondata = loadPortData();\r
-\r
- $('#port').bootstrapTable({\r
- //Assigning data to table\r
- data: jsondata\r
- });\r
- });\r
- function operateFormatter(value, row, index) {\r
- return [\r
- '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'\r
- ].join('');\r
- \r
- }\r
- window.operateEvents = {\r
- 'click .siteDeleteImg': function (e, value, row, index) {\r
- \r
- deletePort(row.id);\r
- console.log(value, row, index);\r
- }\r
- };\r
- </script>\r
-</head>\r
-<body id="open_base_site_cotentBody" class="cotentBody ng-scope">\r
- \r
- \r
- <div class="uploadBtn">\r
- <div id="open_base_tpL_userHeader" class="userHeader">\r
- <div id="open_base_tpL_buttonGroup" class="openoButton_buttonGroupClass">\r
- <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>\r
- </div>\r
- </div>\r
- </div>\r
- \r
- <div class="row-fluid" data-name="table_zone">\r
- <div id='ict_virtualApplication_table_div'>\r
- <div>\r
- <div class="top">\r
- <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">\r
- <thead id="portTable_thead" class="openo-table-thead">\r
- <tr class="active">\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="name" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="portName_sorticon" class="openo-table-th-sorticon overflow_elip openoTable_sortable leftHeaderAlign openo-table-disable-element ">Name\r
- </span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="meID" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="portmeID_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">ME\r
- </span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="logicalType" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="portLogicalType_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Type\r
- </span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="layerRate" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="portLayerRate_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Layer Rate\r
- </span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="isEdgePoint" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="portIsEdgePoint_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Edge Point\r
- </span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="portIndex" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="portIndex_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Port Index\r
- </span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="ipAddress" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="portIpAddress_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">IP Address\r
- </span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="adminState" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="portAdminState_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Admin State\r
- </span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="operState" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="portOperState_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Operating State\r
- </span>\r
- </div>\r
- </th>\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" align="center" data-formatter = "operateFormatter" data-events="operateEvents">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="portAction_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Action</span>\r
- </div>\r
- </th>\r
- </tr>\r
- </thead>\r
- <!-- <tbody>\r
- <tr style="display: none;">\r
- <td colspan="7" style="text-align: center;">NULL</td>\r
- </tr>\r
- <tr class="odd openo-table-tr openo-table-disable-element" data-rowid="0" data-tableid="siteTable">\r
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteName" data-tableid="siteTable">\r
- <div class="openo-table-disable-element overflow_elip leftDataAlign">\r
- <a class="openo-table-disable-element hyperLinkRow" href="javascript:void(0)" id="siteTable_0_portName_link"></a>Port1</div>\r
- </td>\r
- <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>\r
- </td>\r
- <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>\r
- </td>\r
- <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>\r
- </td>\r
- <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>\r
- </td>\r
- <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>\r
- </td>\r
- <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>\r
- </td>\r
- <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>\r
- </td>\r
- <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>\r
- </td>\r
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteOperation" data-tableid="siteTable">\r
- <div class="openo-table-disable-element overflow_elip leftDataAlign openo-table-custom-el" id="siteTable_0_siteOperation_custom_el">\r
- <div>\r
- <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/">\r
- </div>\r
- </div>\r
- </td>\r
- </tr>\r
- </tbody> -->\r
- </table>\r
- </div>\r
- </div>\r
- </div>\r
- </div>\r
- <!-- <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"> </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"> </a></li></ul></div></div> -->\r
-\r
- <div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"\r
- aria-labelledby="myModalLabel" aria-hidden="false">\r
- <div class="modal-dialog">\r
- <div class="modal-content"> \r
- <div class="content">\r
- <div class="modal-header">\r
- <button type="button" class="close" data-dismiss="modal" \r
- aria-hidden="true">×\r
- </button>\r
- <h4 class="modal-title" id="myModalLabel">\r
- <span>Create</span>\r
- </h4>\r
- </div>\r
- <form class="form-horizontal" role="form" id="portForm">\r
- <div id="wizard">\r
- <div class="modal-body"> \r
- <ul class="nav nav-pills nav-justified vmapp-margin">\r
- </ul>\r
- <div class="tab-content">\r
- <div class="tab-pane active" id="basicTab">\r
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
- <label class="col-sm-3 control-label">\r
- <span>Name</span>\r
- <span class="required">*</span>\r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="name" name="name" class="form-control" placeholder="Name"/> \r
- </div>\r
- </div>\r
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
- <label class="col-sm-3 control-label">\r
- <span>ME</span>\r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="meID" name="meID" class="form-control" placeholder="ME"/> \r
- </div>\r
- </div>\r
- <div class="form-group">\r
- <label class="col-sm-3 control-label">\r
- <span>Type</span> \r
- </label>\r
- <div class="col-sm-7">\r
- <select class="form-control" style ="padding-top: 0px;padding-bottom: 0px;" id="logicalType" \r
- name="logicalType">\r
- <option value="ETH">ETH</option>\r
- <option value="POS">POS</option>\r
- <option value="Trunk">Trunk</option>\r
- <option value="Loopback">Loopback</option>\r
- </select>\r
- </div>\r
- </div>\r
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
- <label class="col-sm-3 control-label">\r
- <span>Layer Rate</span>\r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="layerRate" name="layerRate" class="form-control" placeholder="Layer Rate"/> \r
- </div>\r
- </div>\r
- <div class="form-group">\r
- <label class="col-sm-3 control-label">\r
- <span>Edge Point</span> \r
- </label>\r
- <div class="col-sm-7">\r
- <select class="form-control" style ="padding-top: 0px;padding-bottom: 0px;" id="isEdgePoint" \r
- name="isEdgePoint">\r
- <option value="true">True</option>\r
- <option value="false">False</option>\r
- </select>\r
- </div>\r
- </div>\r
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
- <label class="col-sm-3 control-label">\r
- <span>Port Index</span>\r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="portIndex" name="portIndex" class="form-control" placeholder="Port Index"/> \r
- </div>\r
- </div>\r
- \r
- <div class="form-group">\r
- <label class="col-sm-3 control-label">\r
- <span>IP Address</span> \r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="ipAddress" name="ipAddress" class="form-control" placeholder="255.255.255.255"/>\r
- </div>\r
- </div>\r
- </div>\r
- </div>\r
- </div>\r
- <div class="modal-footer"> \r
- <button type="button" class="btn SDBtn" data-dismiss="modal" aria-hidden="true" id="createPort">\r
- <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>\r
- </button> \r
- <button type="button" class="btn button-previous SDBtn">\r
- <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>\r
- </button>\r
- \r
- </div>\r
- </div> \r
- </form>\r
- </div>\r
- </div>\r
- </div>\r
- </div>\r
- </div>\r
- <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>\r
-\r
-\r
-</body>\r
-</html>
\ No newline at end of file
+++ /dev/null
-<!--\r
-\r
- Copyright 2016, Huawei Technologies Co., Ltd.\r
-\r
- Licensed under the Apache License, Version 2.0 (the "License");\r
- you may not use this file except in compliance with the License.\r
- You may obtain a copy of the License at\r
-\r
- http://www.apache.org/licenses/LICENSE-2.0\r
-\r
- Unless required by applicable law or agreed to in writing, software\r
- distributed under the License is distributed on an "AS IS" BASIS,\r
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
- See the License for the specific language governing permissions and\r
- limitations under the License.\r
-\r
--->\r
-\r
-<!DOCTYPE html>\r
-<html>\r
-<head>\r
- <head lang="en">\r
- <meta charset="UTF-8">\r
- <title></title>\r
- <link href="css/bootstrap.min.css" rel="stylesheet" />\r
- <link href="css/VMMain.css" rel="stylesheet" />\r
- <link href="css/bootstrap-table.min.css" rel="stylesheet" />\r
- <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script> \r
- <script type="text/javascript" src="js/bootstrap.min.js"></script>\r
- <script type="text/javascript" src="js/brs.js"></script> \r
- <script type="text/javascript" src="js/bootstrap-table.min.js"></script>\r
- \r
- <style type="text/css">\r
- </style>\r
- <script type="text/javascript">\r
- $(document).ready(function() {\r
- \r
- var jsondata = [];\r
- jsondata = loadSiteData();\r
- $('#site').bootstrapTable({\r
- //Assigning data to table\r
- data: jsondata\r
- });\r
- \r
- \r
- });\r
- \r
- function operateFormatter(value, row, index) {\r
- return [\r
- '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'\r
- ].join('');\r
- \r
- }\r
- window.operateEvents = {\r
- 'click .siteDeleteImg': function (e, value, row, index) {\r
- // TO DO ajex call for delete\r
- deleteSite(row.id);\r
- console.log(value, row, index);\r
- }\r
- };\r
- </script>\r
-</head>\r
-<body id="open_base_site_cotentBody" class="cotentBody ng-scope">\r
- <div class="container-fluid ms-controller">\r
- \r
- <div class="uploadBtn">\r
- <div id="open_base_tpL_userHeader" class="userHeader">\r
- <div id="open_base_tpL_buttonGroup" class="openoButton_buttonGroupClass">\r
- <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>\r
-\r
-\r
- <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>\r
-\r
- </div>\r
- </div>\r
- </div>\r
- \r
- <div class="row-fluid" data-name="table_zone">\r
- <div id='ict_virtualApplication_table_div'>\r
- <div>\r
- <div class="top">\r
- <table id="site"\r
- 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">\r
- <thead>\r
- <tr class="active" >\r
- <th data-field="name" data-sortable="true">Name</th>\r
- <th data-field="type" data-sortable="true">Type</th>\r
- <th data-field="tenantID" data-sortable="true">Tenant Name</th>\r
- <th data-field="tenantSiteIDs" data-sortable="true">Tenant Site</th>\r
- <th data-field="location" data-sortable="true">Location</th>\r
- \r
- <th align="center" data-formatter = "operateFormatter" data-events="operateEvents">Action</th>\r
- </tr>\r
- </thead>\r
- </table>\r
- </div>\r
- </div> \r
- </div>\r
- </div>\r
- <!-- <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"> </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"> </a></li></ul></div></div> -->\r
-\r
- <div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"\r
- aria-labelledby="myModalLabel" aria-hidden="false">\r
- <div class="modal-dialog">\r
- <div class="modal-content"> \r
- <div class="content">\r
- <div class="modal-header">\r
- <button type="button" class="close" data-dismiss="modal" \r
- aria-hidden="true">×\r
- </button>\r
- <h4 class="modal-title" id="myModalLabel">\r
- <span>Create</span>\r
- </h4>\r
- </div>\r
- <form class="form-horizontal" role="form" id="vmAppForm">\r
- <div id="wizard">\r
- <div class="modal-body"> \r
- <ul class="nav nav-pills nav-justified vmapp-margin">\r
- </ul>\r
- <div class="tab-content">\r
- <div class="tab-pane active" id="basicTab">\r
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">\r
- <label class="col-sm-3 control-label">\r
- <span>Name</span>\r
- <span class="required">*</span>\r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="name" name="name" class="form-control" placeholder="Name"/> \r
- </div>\r
- </div>\r
- <div class="form-group">\r
- <label class="col-sm-3 control-label">\r
- <span>Type</span> \r
- </label>\r
- \r
- <div class="col-sm-7">\r
- <select class="form-control" style ="padding-top: 0px;padding-bottom: 0px;" id="type" \r
- name="type">\r
- <option value="network_site">Network</option>\r
- <option value="tenant_site">Tenant</option>\r
- </select>\r
- </div>\r
- </div>\r
- <!-- TODO: these field are ignored as of now\r
- <div class="form-group">\r
- <label class="col-sm-3 control-label">\r
- <span>Tenant Name</span> \r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="tenantName" name="tenantName" class="form-control" placeholder="Banglore"/>\r
- </div>\r
- </div>\r
- <div class="form-group">\r
- <label class="col-sm-3 control-label">\r
- <span>Tenant Site</span> \r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="tenantSite" name="tenantSite" class="form-control" placeholder="Banglore"/>\r
- </div>\r
- </div>\r
- -->\r
- <div class="form-group">\r
- <label class="col-sm-3 control-label">\r
- <span>Location</span> \r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="location" name="location" class="form-control" placeholder="Banglore"/>\r
- </div>\r
- </div>\r
- </div>\r
- \r
- \r
- </div>\r
- </div>\r
- <div class="modal-footer"> \r
- <button type="button" class="btn SDBtn" data-dismiss="modal" aria-hidden="true" id="createSite">\r
- <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>\r
- </button> \r
- <button type="button" class="btn button-previous SDBtn">\r
- <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>\r
- </button>\r
- \r
- </div>\r
- </div> \r
- </form>\r
- </div>\r
- </div>\r
- </div>\r
- </div>\r
- </div>\r
- <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>\r
-\r
-\r
-</body>\r
-</html>
\ No newline at end of file
Code Review / vnfsdk / refrepo.git / commitdiff
