* 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
+ * 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
*/\r
\r
#iemp_layout_container {\r
- padding: 0px;\r
- margin: 1px auto;\r
- width: 100%;\r
- height: 100%;\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
+ 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
+ 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
+ width: 215px;\r
+ background-color: #f5f5f5;\r
}\r
-\r
.accordion_parent {\r
- position: relative;\r
- width: 220px;\r
- background-color: #f5f5f5;\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
+ 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
+ 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
+ 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
+ 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
+ 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
+.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
+ 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
+ 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
+ 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
+ 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
+ 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
+ margin: 0;\r
+ padding: 0;\r
+ overflow: hidden;\r
}\r
-\r
.openoAccordian_accordionmenu a {\r
- display: block;\r
- text-decoration: none;\r
+ display: block;\r
+ text-decoration: none;\r
}\r
-\r
a {\r
- color: #428bca;\r
- text-decoration: none;\r
- background: 0 0;\r
+ color: #428bca;\r
+ text-decoration: none;\r
+ background: 0 0;\r
}\r
-\r
-.bar {\r
+.bar{\r
height: 834px;\r
width: 18px;\r
background: #f8f8f8;\r
display: none;\r
}\r
-\r
-.bar span {\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
+ background-position: -39px 0!important;\r
+ display: block;\r
+ /*margin-top: -430px;*/\r
}\r
-\r
-#accordionmenuid_ul_0_0_brAppTopMenuID_UL li {\r
+#accordionmenuid_ul_0_0_brAppTopMenuID_UL li{\r
cursor: pointer;\r
}\r
-\r
-#puer_base_openo {\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
+ 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
+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
+ 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
+ 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
+ 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
+ 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
+ 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
* 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
+ * 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
* limitations under the License.\r
*/\r
\r
-body {\r
+body{\r
font-family: '微软雅黑';\r
font-size: 12px;\r
color: #333;\r
background: #fafafa;\r
}\r
-\r
-button {\r
+button{\r
outline: none;\r
}\r
-\r
-ul, li {\r
+ul,li{\r
list-style: none;\r
- padding: 0;\r
- margin: 0;\r
+ padding:0;\r
+ margin:0;\r
}\r
-\r
-.titleFont {\r
+.titleFont{\r
font-size: 16px;\r
}\r
-\r
-.separator-line {\r
+.separator-line{\r
height: 1px;\r
width: 100%;\r
- border: 1px solid #ddd;\r
+ border:1px solid #ddd;\r
margin: 6px 0 15px 0;\r
}\r
-\r
-.uploadBtn {\r
+.uploadBtn{\r
overflow: hidden;\r
}\r
-\r
.creat-btn {\r
- padding: 0 14px;\r
- height: 24px;\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
+ 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
+ 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
+ color: #009ae7;\r
+ border: 1px solid #4AC9FF\r
}\r
-\r
.creat-btn:active {\r
- color: #000;\r
- border: 1px solid #4AC9FF\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
+.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {\r
+ color: #009ae7;\r
+ background-color: #fff;\r
+\r
}\r
-.creat-btn:hover{\r
- background: #428bca;\r
- color: #fff;\r
- border:1px solid #428bca;\r
-}*/\r
-.search {\r
+\r
+.search{\r
width: 310px;\r
height: 30px;\r
- float: right;\r
+ float:right;\r
}\r
-\r
-.search-text {\r
+.search-text{\r
width: 250px;\r
float: left;\r
margin-right: 6px;\r
}\r
-\r
-.search-btn {\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
+#ict_virtualApplication_table_div{\r
margin-top: 15px;\r
}\r
-\r
-.table > thead > tr.active > th {\r
- border: 1px solid #ddd !important;\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
+.table tbody tr:last-child{\r
border-bottom: 1px solid #ddd;\r
}\r
-\r
-.table-btn {\r
+.table-btn{\r
border: 1px solid #ccc;\r
border-radius: 3px;\r
}\r
-\r
-.delete-btn {\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
+.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
+.detail-btn.current{\r
background-position: -7px -314px;\r
}\r
\r
-.detail {\r
- height: 200px;\r
+.detail-top ul li:hover{\r
+ color: #4ac9ff;\r
+}\r
+.detail{\r
+\r
border: 1px solid #ddd;\r
margin-top: 60px;\r
+\r
}\r
\r
-.detail-top ul {\r
- height: 50px;\r
- line-height: 50px;\r
+.detailModal{\r
+ height: 200px;\r
+ border: 1px solid #ddd;\r
+\r
+}\r
+\r
+.detail-top ul{\r
+ height: 30px;\r
+ line-height: 30px;\r
border-bottom: 1px solid #ddd;\r
padding-left: 0px;\r
- background: #fafafa;\r
+ background: #fafafa;\r
}\r
-\r
-.detail-top ul li {\r
- float: left;\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
+.detail-top ul li.current{\r
background: #fff;\r
}\r
-\r
-.vmapp-margin {\r
+.vmapp-margin{\r
margin-bottom: 10px;\r
}\r
-\r
-.control-label .required {\r
+.control-label .required{\r
color: #e02222;\r
font-size: 12px;\r
padding-left: 2px;\r
}\r
-\r
-.form-group .control-label {\r
+.form-group .control-label{\r
font-size: 12px;\r
font-weight: 400;\r
}\r
-\r
-legend {\r
+legend{\r
font-size: 12px;\r
font-weight: bold;\r
}\r
-\r
-.pageGro {\r
+.pageGro{\r
width: 250px;\r
float: right;\r
}\r
-\r
-.pageUp, .pageDown, .pageList, .pageList li {\r
+.pageUp,.pageDown,.pageList,.pageList li{\r
float: left;\r
cursor: pointer;\r
}\r
-\r
-.pageUp, .pageDown {\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
+.pageList li{\r
width: 30px;\r
height: 30px;\r
border: 1px solid #ddd;\r
line-height: 30px;\r
border-left: none;\r
}\r
-\r
-.pageList li.active {\r
+.pageList li.active{\r
background: #428bca;\r
color: #fff;\r
border-color: #428bca;\r
}\r
-\r
-.pageDown {\r
+.pageDown{\r
border-left: none;\r
}\r
-\r
-.headerLinkP {\r
+.headerLinkP{\r
padding-top: 17px;\r
}\r
-\r
-.headerLinkP span {\r
+.headerLinkP span{\r
font-size: 12px;\r
color: #666;\r
- font-weight: normal !important;\r
+ font-weight: normal!important;\r
}\r
-\r
-label {\r
- font-weight: normal !important;\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
+ 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
+.table th,.table td{\r
+ padding-top: 3px!important;\r
+ padding-bottom: 3px!important;\r
}\r
-\r
.openoBrowseButton_element {\r
- display: table;\r
+ display: table;\r
}\r
-\r
.openo {\r
- font-family: "Microsoft Yahei", SimSun, Arial, Tahoma;\r
- font-size: 12px;\r
- color: #000;\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
+ 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
+ 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
+ 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
+ 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
+ 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
+ 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
-\r
.openo .openo-ellipsis, .openo.openo-ellipsis {\r
- overflow: hidden;\r
- white-space: nowrap;\r
- text-overflow: 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
+ 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
-\r
.openoButton_buttonCenterText {\r
- color: #000;\r
- line-height: 24px;\r
- white-space: nowrap;\r
- width: auto !important;\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
+ clear: left;\r
+ overflow: hidden;\r
+ margin-bottom: 10px;\r
+ padding: 10px 10px 0px 0px;\r
}\r
-\r
.openoButton_buttonGroupClass {\r
- display: inline;\r
+ display: inline;\r
}\r
-\r
.openoButton_buttonGroupClass div.openoButton_buttonClass_parent:first-child {\r
- margin-left: 0;\r
+ margin-left: 0;\r
}\r
-\r
.openoButton_buttonLeftImg {\r
- margin-right: 5px;\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
+ 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
+ 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
+ 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
+ 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
+ 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
+ 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
+ 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
+ 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
+ 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
+ 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
+ list-style: none;\r
+ padding: 0;\r
+ margin: 0;\r
+ float: left;\r
}\r
-\r
dd, dl, dt, li {\r
- color: #000;\r
+ color: #000;\r
}\r
-\r
.openo-pagination-theme a, .openo-pagination-theme span.current {\r
- margin: 0 5px 0 0;\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
+ 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
+ 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
+ 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
+ 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
+ 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
+ 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
+ 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
+ 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
+ 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
+ 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
+ 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
+ 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
+ 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
+ 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
+ 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
+ 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
+ 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
+ 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
+ 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
+ margin-left: 5px;\r
}\r
\r
html, body {\r
- height: 99%;\r
- width: 98%;\r
+ height: 99%;\r
+ width: 98%;\r
}\r
-\r
.cotentBody {\r
- padding: 0px 20px 0px 20px;\r
+ padding: 0px 20px 0px 20px;\r
}\r
\r
div.openoButton_buttonClass:hover {\r
- border: 1px solid #4ac9ff;\r
+ border: 1px solid #4ac9ff;\r
}\r
-\r
div.openoButton_button_default:hover .openoButton_buttonCenterText {\r
- color: #009ae7;\r
+ color: #009ae7;\r
}\r
-\r
.header_lineimg {\r
- height: 1px;\r
- width: 100%;\r
- margin-top: 17px;\r
+ height: 1px;\r
+ width: 100%;\r
+ margin-top: 17px;\r
}\r
-\r
.openo.openo-hide {\r
- display: none;\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
+ 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
-\r
.openo .openo-ellipsis, .openo.openo-ellipsis {\r
- overflow: hidden;\r
- white-space: nowrap;\r
- text-overflow: 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
+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
+ 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
+ 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
+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
+ 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
+ border-color: #4ac9ff;\r
+ cursor: pointer;\r
}\r
-\r
-.SDBtn {\r
- background: #fff;\r
- color: #333;\r
- border: 1px solid #ddd;\r
+.SDBtn{\r
+ background: #fff;\r
+ color: #333;\r
+ border: 1px solid #ddd;\r
}\r
-\r
-.SDBtn:hover {\r
+.SDBtn:hover{\r
color: #009ae7;\r
- border: 1px solid #4AC9FF\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 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
+ background: #e8f8fe!important;\r
+ border-bottom: 1px solid #e8e8e8!important;\r
}\r
-\r
-.modal-body {\r
- padding: 0 !important;\r
+.modal-body{\r
+ padding: 0!important;\r
}\r
-\r
-.form-control {\r
- height: 26px !important;\r
+.form-control{\r
+ height: 26px!important;\r
}\r
-\r
.form-group .control-label {\r
- margin-left: 20px;\r
+ margin-left: 20px;\r
}\r
\r
.form-horizontal .control-label {\r
- text-align: left;\r
+ text-align: left;\r
}
\ No newline at end of file
<script type="text/javascript" src="js/rest.js"></script>\r
<script type="text/javascript" src="js/bootstrap-table.min.js"></script>\r
<script type="text/javascript" src="js/gsolcm.js"></script>\r
+ <script type="text/javascript" src="js/jquery-ui-1.12.1.min.js">\r
+ </script>\r
+ <link href="css/jquery-ui-1.12.1.min.css" rel="stylesheet" />\r
<script type="text/javascript">\r
$(document).ready(function () {\r
- var jsondata = [];\r
- //jsondata = loadNeData();\r
+ var url = "";\r
+ /* $('.modal-content').resizable({\r
+ \r
+ minHeight: 300,\r
+ minWidth: 300\r
+ });*/\r
+ $('.modal-dialog').draggable();\r
+ $("#detailCont").show();\r
+ var jsondata = loadGetServiceData(url);\r
$('#sai').bootstrapTable({\r
//Assigning data to table\r
data: jsondata\r
});\r
+ $('.table tbody tr').click(function() {\r
+ $(this).addClass('openoTable_row_selected').siblings().removeClass('openoTable_row_selected');\r
+ })\r
+ \r
+ $('.detail-top ul li').click(function() {\r
+ $(this).addClass('current').siblings().removeClass('current');\r
+ });\r
+ $("#topoCont").hide();\r
+ $("#inpCont").hide();\r
+ $("#topoContMod").hide();\r
+ $("#detailContMod").show();\r
+ $("#inpContMod").hide();\r
+ \r
+ $('#sai').bootstrapTable({}) .on('click-row.bs.table', function (e, row, $element) {\r
+ var newURL = "accorTables.html?serviceId="+row.serviceId;\r
+ console.log("URL: "+newURL);\r
+ document.getElementById("tabContainer").style.display = "none";\r
+ document.getElementById("detailConObj").setAttribute('data', newURL);\r
+ document.getElementById("detailContMod").setAttribute('data', newURL);\r
+ document.getElementById("tabContainer").style.display = "block";\r
+\r
+ //loadIframe("topoFrame", "chartTopo.html?serviceId="+row.serviceId);\r
+ document.getElementById("topoCont").setAttribute('data', 'chartTopo.html?serviceId='+row.serviceId);\r
+ document.getElementById('inputcontent').setAttribute('data', 'inputData.html?json='+ JSON.stringify(row));\r
+ document.getElementById('inputcontentDlg').setAttribute('data', 'inputData.html?json='+ JSON.stringify(row));\r
+ });\r
new lcmHandler();\r
});\r
\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
+ \r
+ function operateFormatterServiceName(value, row, index){\r
+ var temp = row.serviceId;\r
+ return [\r
+ '<a data-toggle="modal" href="#ModifyModal" style="text-decoration:underline" onclick="return anchorClick(' + temp + ')">' + value + '</a>'\r
+ ].join('');\r
}\r
window.operateEvents = {\r
'click .siteDeleteImg': function (e, value, row, index) {\r
}\r
};\r
\r
+ function hideBasic() {\r
+ $("#basicInfoTab").hide();\r
+ }\r
+\r
+ function showBasic() {\r
+ $("#basicInfoTab").show();\r
+ }\r
+\r
+ function showTopoCont() {\r
+ $("#topoCont").show();\r
+ $("#detailCont").hide();\r
+ $("#inpCont").hide();\r
+ }\r
+\r
+ function showDetCont() {\r
+ $("#topoCont").hide();\r
+ $("#detailCont").show();\r
+ $("#inpCont").hide();\r
+ }\r
+\r
+ function showInpCont() {\r
+ $("#topoCont").hide();\r
+ $("#detailCont").hide();\r
+ $("#inpCont").show();\r
+ }\r
+\r
+ function showTopoContMod() {\r
+ $("#topoContMod").show();\r
+ $("#detailContMod").hide();\r
+ $("#inpContMod").hide();\r
+ }\r
+\r
+ function showDetContMod() {\r
+ $("#topoContMod").hide();\r
+ $("#detailContMod").show();\r
+ $("#inpContMod").hide();\r
+ }\r
+\r
+ function showInpContMod() {\r
+ $("#topoContMod").hide();\r
+ $("#detailContMod").hide();\r
+ $("#inpContMod").show();\r
+ }\r
+\r
+ function loadIframe(iframeName, url) {\r
+ var $iframe = $('#' + iframeName);\r
+ if ( $iframe.length ) {\r
+ $iframe.attr('src',url);\r
+ $iframe.style.height = "400px";\r
+ return false;\r
+ }\r
+ return true;\r
+ }\r
</script>\r
+ <style>\r
+ .nav-tabs {\r
+ border-bottom-style: none;\r
+ }\r
+ .mT15 {\r
+ margin-top: 15px;\r
+ }\r
+ .fixed-table-container tbody td .th-inner,\r
+ .fixed-table-container thead th .th-inner {\r
+ line-height: 4px;\r
+ }\r
+ .fixed-table-pagination .pagination-info {\r
+ display: none !important;\r
+ }\r
+ .table tbody tr:hover td,\r
+ .table tbody tr.odd:hover td {\r
+ background-color: #e6fbe0 !important;\r
+ }\r
+ /*.fixed-table-pagination .page-list{display:inline-block !important}*/\r
+ /*.detail-top ul{\r
+ background:#F8F6F6 !important;\r
+ }*/\r
+ \r
+ .detail {\r
+ border-top-style: none;\r
+ }\r
+ .btn {\r
+ padding: 4px;\r
+ }\r
+ #ModifyModal .modal-dialog {\r
+ width: 1100px;\r
+ }\r
+ #vmAppDialog .modal-dialog {\r
+ width: 630px;\r
+ }\r
+ #ModifyModal .modal-dialog body {\r
+ margin: 10px;\r
+ }\r
+ .dropdown-menu {\r
+ min-width: 10px;\r
+ }\r
+ .nav-tabs.nav-justified>.active>a,\r
+ .nav-tabs.nav-justified>.active>a:hover,\r
+ .nav-tabs.nav-justified>.active>a:focus {\r
+ border-left: 1px solid #4AC9FF;\r
+ border-right: 1px solid #4AC9FF;\r
+ border-top: 1px solid #4AC9FF;\r
+ border-right: 1px solid #4AC9FF\r
+ }\r
+ .nav-tabs.nav-justified>li>a {\r
+ border-bottom: 1px solid #4AC9FF;\r
+ border-radius: 4px 4px 0 0\r
+ }\r
+ .clearfix {\r
+ display: none;\r
+ }\r
+ </style>\r
</head>\r
<body id="open_base_site_cotentBody" class="cotentBody ng-scope">\r
<div class="container-fluid ms-controller">\r
<h3> Life Cycle Manager </h3>\r
-\r
+ <div class="separator-line"></div>\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>\r
\r
<div class="row-fluid" data-name="table_zone">\r
- <div id="ict_virtualApplication_table_div">\r
+ <div id='ict_virtualApplication_table_div'>\r
<div>\r
<div class="top">\r
- <table id="sai" 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="soverlayTable_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="overlayName" data-sortable="true">\r
- <div class="openo-table-th-border"></div>\r
- <div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="overlayName_sorticon" class="openo-table-th-sorticon overflow_elip openoTable_sortable leftHeaderAlign openo-table-disable-element">Service ID\r
- </span>\r
- </div>\r
- </th>-->\r
+ <table class="table table-striped" id="sai" 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 id="soverlayTable_thead" class="openo-table-thead" style="background:#ECECEC">\r
+ <tr class="active" style="background:#D9D6D5">\r
+\r
<th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
- data-field="overlayDesc" data-sortable="true">\r
+ data-formatter="operateFormatterServiceName" data-field="serviceName"\r
+ data-sortable="true">\r
<div class="openo-table-th-border"></div>\r
<div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="overlayDesc_sorticon"\r
- class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Service Name\r
- </span></div>\r
+ <span id="overlayDesc_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Service Name\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="overlayThincCPE" data-sortable="true">\r
+ data-field="templateName" data-sortable="true">\r
<div class="openo-table-th-border"></div>\r
<div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="overlayThincCPE_sorticon"\r
- class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Template Name\r
- </span></div>\r
+ <span id="overlayThincCPE_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Template Name\r
+ </span>\r
+ </div>\r
</th>\r
- <!--<th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="overlayPortVlanID" data-sortable="true">\r
- <div class="openo-table-th-border"></div><div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="overlayPortVlanID_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Service Type\r
- </span></div></th> -->\r
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
- data-field="overlayDCName" data-sortable="true">\r
+\r
+ <!-- th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="overlayDCName" data-sortable="true">\r
<div class="openo-table-th-border"></div>\r
<div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="overlayDCName_sorticon"\r
- class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Service Instruction </span>\r
+ <span id="overlayDCName_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Service Instruction </span>\r
</div>\r
- </th>\r
+ </th -->\r
<th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
- data-field="overlayVPC" data-sortable="true">\r
+ data-field="createTime" data-sortable="true">\r
<div class="openo-table-th-border"></div>\r
<div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="overlayVPC_sorticon"\r
- class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Create Time\r
+ <span id="overlayVPC_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Create Time\r
</span>\r
</div>\r
</th>\r
<th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
- data-field="overlayVPCCIDR" data-sortable="true">\r
+ data-field="creator" data-sortable="true">\r
<div class="openo-table-th-border"></div>\r
<div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="overlayVPCCIDR_sorticon"\r
- class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Creator\r
+ <span id="overlayVPCCIDR_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Creator\r
</span>\r
</div>\r
</th>\r
</tr>\r
</thead>\r
\r
+ <tbody>\r
+\r
+\r
+ </tbody>\r
+\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 id="ModifyModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"\r
+ aria-hidden="false">\r
<div class="modal-dialog">\r
<div class="modal-content">\r
- <div class="content">\r
+ <div class="content" style="background:#fafafa;">\r
<div class="modal-header">\r
- <button type="button" class="close" data-dismiss="modal"\r
- aria-hidden="true">×\r
+ <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×\r
</button>\r
- <h4 class="modal-title" id="myModalLabel">\r
- <span>Create</span>\r
+ <h4 class="modal-title" id="">\r
+ <span>Service Info</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
- <ul class="nav nav-tabs">\r
- <li class="active"><a id="basicInfoTab" href="#basicTab" data-toggle="tab">Basic\r
- Info</a></li>\r
- <li><a id="parameterTabHeader" href="#parameterTab" data-toggle="tab">Template\r
- Parameters</a></li>\r
- </ul>\r
- <div id="myTabContent" 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>Service Name</span>\r
- <span class="required">*</span>\r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="svcName" name="svcName" class="form-control"\r
- placeholder="Service Name"/>\r
- </div>\r
- </div>\r
- <div class="form-group">\r
- <label class="col-sm-3 control-label">\r
- <span>Service Description</span> \r
- </label>\r
- <div class="col-sm-7">\r
- <input type="text" id="svcDesc" name="svcDesc" class="form-control"\r
- placeholder="Service Description"/>\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>Service Template</span>\r
- <span class="required">*</span>\r
- </label>\r
- <div class="col-sm-7">\r
- <select class="form-control"\r
- style="padding-top: 0px;padding-bottom: 0px;" id="svcTempl"\r
- name="svcTempl">\r
- <option value="1.1">1.1</option>\r
- <option value="1.2">1.2</option>\r
- </select>\r
- </div>\r
- </div>\r
- </div>\r
- <div class="tab-pane" id="parameterTab">\r
-\r
- </div>\r
- </div>\r
- </div>\r
+\r
+ <div class="detail" style="margin:10px;border-radius:5px;">\r
+ <div class="detail-top" style="margin-top:10px;border-radius:5px;">\r
+ <ul class="nav nav-tabs nav-justified vmapp-margin">\r
+ <li class="active basic">\r
+ <a href="#" onClick="showDetContMod();" id="" data-toggle="tab">\r
+ <span>Detail Info</span>\r
+ </a>\r
+ </li>\r
+ <li class="">\r
+ <a href="#" onclick="showTopoContMod();" data-toggle="tab">\r
+ <span>Topo</span>\r
+ </a>\r
+ </li>\r
+ <li class="">\r
+ <a href="#" onclick="showInpContMod();" data-toggle="tab">\r
+ <span>Input Data</span>\r
+ </a>\r
+ </li>\r
+ </ul>\r
+\r
+ <div id="detailContMod">\r
+ <object data="accorTables.html" width="100%" height="300" type="text/html">\r
+\r
+ </object>\r
+ </div>\r
+ <div id="topoContMod" style="display:none;">\r
+ <object data="chartTopo.html" width="100%" height="300" type="text/html">\r
+\r
+ </object>\r
+ <!--<iframe id="topoFrame" src="chartTopo.html" name="" style="width:100%; height:400px;" allowTransparency="true" scrolling="no" frameborder="0">\r
+ </iframe>-->\r
</div>\r
- <div class="modal-footer">\r
- <button type="button" class="btn SDBtn" data-dismiss="modal" aria-hidden="true"\r
- id="createNS">\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
+ <div id="inpContMod" style="display:none;">\r
+ <object id="inputcontentDlg" data="inputData.html" width="100%" height="300"\r
+ type="text/html">\r
\r
+ </object>\r
+ <!--<iframe src="inputData.html" name="" style="width:100%" allowTransparency="true" scrolling="no" frameborder="0">\r
+ </iframe>\r
+ </iframe>-->\r
</div>\r
+\r
</div>\r
- </form>\r
+ <div class="detail-bottom"></div>\r
+\r
+ </div>\r
+ <div class="modal-footer">\r
+ <button type="button" style="width:80px;" class="btn SDBtn" data-dismiss="modal"\r
+ aria-hidden="true" id="">\r
+ <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>\r
+ </button>\r
+ <button data-dismiss="modal" style="width:80px;" type="button"\r
+ class="btn button-previous SDBtn">\r
+ <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>\r
+ </button>\r
+\r
+ </div>\r
+ </br>\r
+\r
</div>\r
</div>\r
</div>\r
</div>\r
+\r
+ <div style="padding-top:20px;"></div>\r
+\r
+ <div id="tabContainer" class="detail" style="border-radius:5px;display: none">\r
+ <div class="detail-top" style="margin-top:2px;border-radius:5px;">\r
+ <ul class="nav nav-tabs nav-justified vmapp-margin">\r
+\r
+ <li class="active basic">\r
+ <a href="#" onClick="showDetCont();" id="detHov" data-toggle="tab">\r
+ <span>Detail Info</span>\r
+ </a>\r
+ </li>\r
+\r
+ <li class="">\r
+ <a href="#" onclick="showTopoCont();" data-toggle="tab">\r
+ <span>Topo</span>\r
+ </a>\r
+ </li>\r
+\r
+ <li class="">\r
+ <a href="#" onclick="showInpCont();" data-toggle="tab">\r
+ <span>Input Data</span>\r
+ </a>\r
+ </li>\r
+\r
+ </ul>\r
+ </div>\r
+\r
+ <div style="border-radius:5px;">\r
+ <div id="detailCont" style="display:none;">\r
+\r
+ <object id="detailConObj" data="accorTables.html" width="100%" height="300" type="text/html">\r
+\r
+ </object>\r
+ </div>\r
+ <div id="topoCont" style="display:none;">\r
+ <!--<iframe src="chartTopo.html" name="" style="width:100%" allowTransparency="true" scrolling="no" frameborder="0">\r
+ </iframe>-->\r
+ <object data="chartTopo.html" width="100%" height="300" type="text/html">\r
+\r
+ </object>\r
+ </div>\r
+ <div id="inpCont" style="display:none;">\r
+ <object id="inputcontent" src="inputData.html" width="100%" height="300" type="text/html">\r
+ </object>\r
+ </div>\r
+ </div>\r
+\r
+ </div>\r
+\r
+</div>\r
+</br>\r
+\r
+<div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog" 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" style="margin-bottom: 15px;">\r
+ <button type="button" class="close" data-dismiss="modal" 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
+\r
+ <ul class="nav nav-tabs nav-justified vmapp-margin">\r
+ <li class="active basic">\r
+ <a href="#basicTab" style="margin-left:1px;" onclick="showBasic();" id="basicTab"\r
+ data-toggle="tab">\r
+ <span>Base</span>\r
+ </a>\r
+ </li>\r
+ <li style="padding-right:2px;" class="para">\r
+ <a href="#" onclick="hideBasic();" data-toggle="tab">\r
+ <span>Template Parameters</span>\r
+ </a>\r
+ </li>\r
+\r
+ </ul>\r
+\r
+ <div id="basicInfoTab">\r
+ <div class="mT15 form-group" style="margin-left:25px;"\r
+ ms-class="has-error:vmAppDialog.name==''">\r
+ <label class="col-sm-3 control-label">\r
+ <span>Service Name</span>\r
+ <span class="required">*</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="svcName" name="svcName" class="form-control"\r
+ placeholder="Service Name" maxlength="256"/>\r
+ </div>\r
+ </div>\r
+ <div class="mT15 form-group" style="margin-left:25px;"\r
+ ms-class="has-error:vmAppDialog.name==''">\r
+ <label class="col-sm-3 control-label">\r
+ <span>Service Description</span>\r
+ <span class="required">*</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <input type="text" id="" name="" class="form-control"\r
+ placeholder="Service Description" maxlength="256"/>\r
+ </div>\r
+ </div>\r
+\r
+ <div class="form-group" style="margin-left:25px;margin-bottom:15px;"\r
+ ms-class="has-error:vmAppDialog.name==''">\r
+ <label class="col-sm-3 control-label">\r
+ <span>Service Template</span>\r
+ <span class="required">*</span>\r
+ </label>\r
+ <div class="col-sm-7">\r
+ <select class="form-control" style="padding-top: 0px;padding-bottom: 0px;"\r
+ id="svcTempl" name="svcTempl">\r
+ <option value="select">--select--</option>\r
+ <option value="1.1">1.1</option>\r
+ <option value="1.2">1.2</option>\r
+ </select>\r
+ </div>\r
+ </div>\r
+ </div>\r
+\r
+ </div>\r
+ <div class="modal-footer">\r
+ <button type="button" style="width:80px;" class="btn SDBtn" data-dismiss="modal"\r
+ aria-hidden="true" id="createNS">\r
+ <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>\r
+ </button>\r
+ <button type="button" style="width:80px;" 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
return o;\r
};\r
\r
-})
\ No newline at end of file
+ $('#createNS').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("NS 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
+\r
+/*******************************************Get Service**********************************************/\r
+function loadGetServiceData(url){\r
+ return JSON.parse('[{"serviceId":"1111","serviceName":"siteToDC","description":"siteToDC","createTime":"xxxxxx","creator":"XXXX","serviceType":"GSO","templateName":"xxxxxx","inputParameters":{"POP-1-0-0.vFW-moc":"xxx","POP-1-0-0.vCPE-moc":"xxx"}},{"serviceId":"2222","serviceName":"siteToDC","description":"siteToDC","createTime":"xxxxxx","creator":"XXXX","serviceType":"GSO","templateName":"xxxxxx","inputParameters":{"POP-1-0-0.vFW-moc":"xxx1","POP-1-0-0.vCPE-moc":"xxx1"}}]');\r
+\r
+ // TODO authenticate the url.\r
+ var requestUrl = url + "/openoapi/sdnobrs/v1/topological-links";\r
+ $\r
+ .ajax({\r
+ type : "GET",\r
+ url : requestUrl,\r
+ contentType : "application/json",\r
+ success : function(jsonobj) {\r
+ // TODO return according to the json data received.\r
+ return jsonobj;\r
+ },\r
+ error : function(xhr, ajaxOptions, thrownError) {\r
+ alert("Error on getting link data : " + xhr.responseText);\r
+ }\r
+ });\r
+}\r
+\r
+/*********************************************Get Service Details********************************************/\r
+function loadServiceDetails(url, serviceId){\r
+ return JSON.parse('[{"id":"12345", "name":"sdno"}, {"id":"23456", "name":"gso"},{"id":"12345", "name":"nfvo"}]');\r
+ //return JSON.parse('{"sdno":[{"id":"12345", "name":"SDNO"}], "nfvo":[{"id":"12345", "name":"SDNO"}]}');\r
+ //return JSON.parse('"nfvo":[{"id":"12345", "name":"SDNO"}]}');\r
+ // TODO authenticate the url.\r
+ var requestUrl = url + "/openoapi/lifecyclemgr/v1/services/toposequence/" + serviceId;\r
+ $\r
+ .ajax({\r
+ type : "GET",\r
+ url : requestUrl,\r
+ contentType : "application/json",\r
+ success : function(jsonobj) {\r
+ // TODO return according to the json data received.\r
+ return jsonobj;\r
+ },\r
+ error : function(xhr, ajaxOptions, thrownError) {\r
+ alert("Error on getting link data : " + xhr.responseText);\r
+ }\r
+ });\r
+}\r
+\r
+function anchorClick(serviceId){\r
+ var url = "";\r
+ var jsonData = loadServiceDetails(url, serviceId);\r
+ //TODO populate the modal according to json response\r
+ return true;\r
+}\r
//Assigning data to table\r
data: jsondata\r
});\r
-\r
+ $('.table tbody tr').click(function () {\r
+ $(this).addClass('openoTable_row_selected').siblings().removeClass('openoTable_row_selected');\r
+ })\r
});\r
function operateFormatter(value, row, index) {\r
return [\r
}\r
};\r
</script>\r
- </head>\r
-<body id="open_base_vpn_cotentBody" class="cotentBody ng-scope">\r
+ <style>\r
+ .fixed-table-container tbody td .th-inner,\r
+ .fixed-table-container thead th .th-inner {\r
+ line-height: 4px;\r
+ }\r
+\r
+ .fixed-table-pagination .pagination-info {\r
+ display: none !important;\r
+ }\r
+\r
+ .table tbody tr:hover td,\r
+ .table tbody tr.odd:hover td {\r
+ background-color: #e6fbe0 !important;\r
+ }\r
+\r
+ table tr.openoTable_row_selected td {\r
+ background: #e8f8fe !important;\r
+ border-bottom: 1px solid #e8e8e8 !important;\r
+ }\r
+\r
+ .container-fluid {\r
+ padding-left: 30px;\r
+ padding-right: 0px;\r
+ }\r
+ </style>\r
+</head>\r
+\r
+<body id="open_base_vpn_cotentBody" class="ng-scope">\r
<div class="container-fluid ms-controller">\r
\r
<h3> Overlay VPN </h3>\r
<div id='ict_virtualApplication_table_div'>\r
<div>\r
<div class="top">\r
- <table id="sai" 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="soverlayTable_thead" class="openo-table-thead">\r
+ <table id="sai" class="table table-striped" 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 id="soverlayTable_thead" class="openo-table-thead" style="background:#ECECEC">\r
<tr class="active">\r
<th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
data-field="overlayName" data-sortable="true">\r
data-field="overlayDesc" data-sortable="true">\r
<div class="openo-table-th-border"></div>\r
<div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="overlayDesc_sorticon"\r
- class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element "> Description\r
- </span></div>\r
+ <span id="overlayDesc_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element "> Description\r
+ </span>\r
+ </div>\r
</th>\r
<th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
data-field="overlayThincCPE" data-sortable="true">\r
<div class="openo-table-th-border"></div>\r
<div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="overlayThincCPE_sorticon"\r
- class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Thin CPE\r
- </span></div>\r
+ <span id="overlayThincCPE_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Thin CPE\r
+ </span>\r
+ </div>\r
</th>\r
<th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
data-field="overlayPortVlanID" data-sortable="true">\r
<div class="openo-table-th-border"></div>\r
<div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="overlayPortVlanID_sorticon"\r
- class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Port:Vlan ID\r
- </span></div>\r
+ <span id="overlayPortVlanID_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Port:Vlan ID\r
+ </span>\r
+ </div>\r
</th>\r
<th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"\r
data-field="overlayDCName" data-sortable="true">\r
<div class="openo-table-th-border"></div>\r
<div class="DataTables_sort_wrapper openo-ellipsis ">\r
- <span id="overlayDCName_sorticon"\r
- class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">DC Name\r
- </span></div>\r
+ <span id="overlayDCName_sorticon"\r
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">DC 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="overlayVPC" data-sortable="true">\r
<script type="text/javascript" src="js/brs.js"></script>\r
<script type="text/javascript" src="js/underlay.js"></script>\r
<script type="text/javascript" src="js/bootstrap-table.min.js"></script>\r
- <style type="text/css">\r
- hr {\r
- # #-moz-border-bottom-colors: none;\r
- -moz-border-image: none;\r
- -moz-border-left-colors: none;\r
- -moz-border-right-colors: none;\r
- -moz-border-top-colors: none;\r
- # #border-color: #EEEEEE -moz-use-text-color #FFFFFF;\r
- border-style: solid none;\r
- border-width: 1px 0;\r
- margin: 50px 0;\r
- }\r
+ <style>\r
+ .fixed-table-container tbody td .th-inner,\r
+ .fixed-table-container thead th .th-inner {\r
+ line-height: 4px;\r
+ }\r
+\r
+ .fixed-table-pagination .pagination-info {\r
+ display: none !important;\r
+ }\r
+\r
+ .table tbody tr:hover td,\r
+ .table tbody tr.odd:hover td {\r
+ background-color: #e6fbe0 !important;\r
+ }\r
+\r
+ .delete-btn {\r
+ background: url(delete.png) no-repeat !important;\r
+ width: 16px;\r
+ height: 16px;\r
+ border: none;\r
+ }\r
+\r
+ table tr.openoTable_row_selected td {\r
+ background: #e8f8fe !important;\r
+ border-bottom: 1px solid #e8e8e8 !important;\r
+ }\r
+\r
+ .container-fluid {\r
+ padding-left: 10px;\r
+ padding-right: 0px;\r
+ }\r
</style>\r
<script type="text/javascript">\r
$(document).ready(function () {\r
//Assigning data to table\r
data: {}\r
});\r
+ $('.table tbody tr').click(function () {\r
+ $(this).addClass('openoTable_row_selected').siblings().removeClass('openoTable_row_selected');\r
+ })\r
});\r
function operateFormatter(value, row, index) {\r
return [\r
<div id='ict_virtualApplication_table_div'>\r
<div>\r
<div class="top">\r
- <table id="tbl_overlay" 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="sunderlayTable_thead" class="openo-table-thead">\r
+ <table class="table table-striped" id="tbl_overlay" 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 id="sunderlayTable_thead" class="openo-table-thead" style="background:#ECECEC">\r
<tr class="active">\r
\r
\r
Code Review / vnfsdk / refrepo.git / commitdiff