diff options
Diffstat (limited to 'openo-portal/portal-resmgr/src')
51 files changed, 4498 insertions, 4023 deletions
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/css/RMain.css b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/css/RMain.css index 90b05a9f..43160f5a 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/css/RMain.css +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/css/RMain.css @@ -1,195 +1,224 @@ #iemp_layout_container { - padding: 0px; - margin: 1px auto; - width: 100%; - height: 100%; + padding: 0px; + margin: 1px auto; + width: 100%; + height: 100%; } + #iemp_layout_container .three-cols-layout { - width: 100%; - height: 100%; - border-collapse: collapse; - margin-left: 0px; - margin-top: 0px; - margin-right: 0px; - margin-bottom: 0px; -} + width: 100%; + height: 100%; + border-collapse: collapse; + margin-left: 0px; + margin-top: 0px; + margin-right: 0px; + margin-bottom: 0px; +} + #iemp_layout_container .three-cols-layout { - width: 100%; - height: 100%; - border-collapse: collapse; - margin-left: 0px; - margin-top: 0px; - margin-right: 0px; - margin-bottom: 0px; -} + width: 100%; + height: 100%; + border-collapse: collapse; + margin-left: 0px; + margin-top: 0px; + margin-right: 0px; + margin-bottom: 0px; +} + #iemp_layout_container .three-cols-column.three-cols-left { - width: 215px; - background-color: #f5f5f5; + width: 215px; + background-color: #f5f5f5; } + .accordion_parent { - position: relative; - width: 220px; - background-color: #f5f5f5; + position: relative; + width: 220px; + background-color: #f5f5f5; } + .openo-accordion-resizable-handle { - z-index: 1!important; - cursor: e-resize; - width: 7px; - right: -5px; - top: 0; - height: 100%; - position: absolute; - font-size: .1px; - display: block; -} + z-index: 1 !important; + cursor: e-resize; + width: 7px; + right: -5px; + top: 0; + height: 100%; + position: absolute; + font-size: .1px; + display: block; +} + .openoAccordian_accordionmenu { - width: 100%; - margin: 0; - padding: 0; - list-style-type: none; - line-height: 17px; + width: 100%; + margin: 0; + padding: 0; + list-style-type: none; + line-height: 17px; } + .openoAccordian_accordionmenu li { - min-width: 75px; - margin: 0; - padding: 0; - list-style-type: none; - color: #000; - clear: both; -} + min-width: 75px; + margin: 0; + padding: 0; + list-style-type: none; + color: #000; + clear: both; +} + .openo_accordion_ui-icon-collapse, .openo_accordion_ui-icon-expand { - display: block; - float: left; - margin-bottom: -1px; - border-bottom: 1px solid #e5e5e5; - cursor: pointer; - width: 13px; - padding-top: 26px; + display: block; + float: left; + margin-bottom: -1px; + border-bottom: 1px solid #e5e5e5; + cursor: pointer; + width: 13px; + padding-top: 26px; } + .openo_accordion_ui-icon-expand { - background: url(../images/collapse_arrow.png) right 20px no-repeat; - margin-top: 8px; + background: url(../images/collapse_arrow.png) right 20px no-repeat; + margin-top: 8px; } -.openo_accordion_ui-icon-expand.current{ - background: url(../images/expand_arrow.png) right 20px no-repeat; + +.openo_accordion_ui-icon-expand.current { + background: url(../images/expand_arrow.png) right 20px no-repeat; } + .openoAccordian_showHideArrow_hide, .openoAccordian_showHideArrow_show { - display: block; - position: absolute; - right: 0; - top: 4px; - width: 18px; - height: 41px; - cursor: pointer; - background-color: #f5f5f5; + display: block; + position: absolute; + right: 0; + top: 4px; + width: 18px; + height: 41px; + cursor: pointer; + background-color: #f5f5f5; } + .openoAccordian_showHideArrow_hide { - background-image: url(../images/openo.png); - background-position: -7px 0!important; - border-collapse: separate; - /*box-shadow: inset -1px 0 0 #e5e5e5;*/ + background-image: url(../images/openo.png); + background-position: -7px 0 !important; + border-collapse: separate; + /*box-shadow: inset -1px 0 0 #e5e5e5;*/ } + a.header.opened, a.header.closed { - font-size: 16px; - padding-top: 24px; - padding-bottom: 25px; - color: #999999; + font-size: 16px; + padding-top: 24px; + padding-bottom: 25px; + color: #999999; } + .openoAccordian_accordionmenu .closed, .openoAccordian_accordionmenu .opened { - padding-right: 10px; - background-position: 98% 50%; - background-repeat: no-repeat; + padding-right: 10px; + background-position: 98% 50%; + background-repeat: no-repeat; } + .openoAccordian_accordionmenu li a { - padding: 11px 10px 12px; - color: #333333; - margin-right: 1px; - margin-top: -1px; - text-align: left!important; - font-family: "Microsoft Yahei",SimSun,Arial,Tahoma; - font-size: 14px; - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; - border-top: 1px solid #e5e5e5; - border-bottom: 1px solid #e5e5e5; - /*height: 19px;*/ -} + padding: 11px 10px 12px; + color: #333333; + margin-right: 1px; + margin-top: -1px; + text-align: left !important; + font-family: "Microsoft Yahei", SimSun, Arial, Tahoma; + font-size: 14px; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + border-top: 1px solid #e5e5e5; + border-bottom: 1px solid #e5e5e5; + /*height: 19px;*/ +} + .openoAccordian_accordionmenu ul { - margin: 0; - padding: 0; - overflow: hidden; + margin: 0; + padding: 0; + overflow: hidden; } + .openoAccordian_accordionmenu a { - display: block; - text-decoration: none; + display: block; + text-decoration: none; } + a { - color: #428bca; - text-decoration: none; - background: 0 0; + color: #428bca; + text-decoration: none; + background: 0 0; } -.bar{ + +.bar { height: 834px; width: 18px; background: #f8f8f8; display: none; } -.bar span{ + +.bar span { width: 13px; height: 34px; background-image: url(../images/openo.png); - background-position: -39px 0!important; - display: block; - /*margin-top: -430px;*/ + background-position: -39px 0 !important; + display: block; + /*margin-top: -430px;*/ } -#accordionmenuid_ul_0_0_brAppTopMenuID_UL li{ + +#accordionmenuid_ul_0_0_brAppTopMenuID_UL li { cursor: pointer; } -#puer_base_openo{ + +#puer_base_openo { border: 1px solid #ddd; } + .openo_accordion_selected { - margin-left: 0; - margin-right: 0; - background: #fafafa; - border-left: 3px solid #4ac9ff!important; - box-shadow: none; - position: relative; -} -a:hover{ - color: #4ac9ff!important; -} + margin-left: 0; + margin-right: 0; + background: #fafafa; + border-left: 3px solid #4ac9ff !important; + box-shadow: none; + position: relative; +} + +a:hover { + color: #4ac9ff !important; +} + .openoAccordian_accordionmenu li.openo_accordion_selected a { - position: relative; - left: -3px; - color: #009ae7; + position: relative; + left: -3px; + color: #009ae7; } + .openo-accordion-resizable-handle { - z-index: 1!important; - cursor: e-resize; - width: 7px; - right: -5px; - top: 0; - height: 100%; - position: absolute; - font-size: .1px; - display: block; -} + z-index: 1 !important; + cursor: e-resize; + width: 7px; + right: -5px; + top: 0; + height: 100%; + position: absolute; + font-size: .1px; + display: block; +} + #iframeContainer iframe { - width: 100%; - height: 100%; - border: 0; + width: 100%; + height: 100%; + border: 0; } + #accordionContent, #iframeContainer { - margin: 0; - padding: 0; - border: 0; - width: 100%; - height: 100%; + margin: 0; + padding: 0; + border: 0; + width: 100%; + height: 100%; } + .openoAccordian_showHideArrow_show { - background-image: url(../images/openo.png); - background-position: -39px 0!important; - box-shadow: inset 1px 0 0 #e5e5e5,inset -1px 0 0 #e5e5e5; + background-image: url(../images/openo.png); + background-position: -39px 0 !important; + box-shadow: inset 1px 0 0 #e5e5e5, inset -1px 0 0 #e5e5e5; }
\ No newline at end of file diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/css/VMMain.css b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/css/VMMain.css index 8d1db5ae..25653069 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/css/VMMain.css +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/css/VMMain.css @@ -1,56 +1,65 @@ -body{ +body { font-family: '微软雅黑'; font-size: 12px; color: #333; background: #fafafa; } -button{ + +button { outline: none; } -ul,li{ + +ul, li { list-style: none; - padding:0; - margin:0; + padding: 0; + margin: 0; } -.titleFont{ + +.titleFont { font-size: 16px; } -.separator-line{ + +.separator-line { height: 1px; width: 100%; - border:1px solid #ddd; + border: 1px solid #ddd; margin: 6px 0 15px 0; } -.uploadBtn{ + +.uploadBtn { overflow: hidden; } + .creat-btn { - padding: 0 14px; - height: 24px; + padding: 0 14px; + height: 24px; float: left; cursor: pointer; text-decoration: none; outline: 0; border: 1px solid #d3d3d3; text-align: center; - box-shadow: 0 1px 1px rgba(0,0,0,.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, .05); background: #fafafa; - background: -moz-linear-gradient(top,#fff,#fafafa); - background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fafafa)); - background: -webkit-linear-gradient(top,#fff,#fafafa); - background: linear-gradient(to bottom,#fff,#fafafa); + background: -moz-linear-gradient(top, #fff, #fafafa); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #fafafa)); + background: -webkit-linear-gradient(top, #fff, #fafafa); + background: linear-gradient(to bottom, #fff, #fafafa); border-radius: 6px; background: #fff url(../images/add.png) no-repeat 5px center; padding-left: 20px; } + .creat-btn:hover { - color: #009ae7; - border: 1px solid #4AC9FF + color: #009ae7; + border: 1px solid #4AC9FF } + .creat-btn:active { - color: #000; - border: 1px solid #4AC9FF + color: #000; + border: 1px solid #4AC9FF } + /*.creat-btn{ background: #fff url(../image/add.png) no-repeat 5px center; border: 1px solid #ddd; @@ -61,110 +70,130 @@ ul,li{ color: #fff; border:1px solid #428bca; }*/ -.search{ +.search { width: 310px; height: 30px; - float:right; + float: right; } -.search-text{ + +.search-text { width: 250px; float: left; margin-right: 6px; } -.search-btn{ + +.search-btn { height: 30px; background: #fff; border: 1px solid #ddd; float: left; } -#ict_virtualApplication_table_div{ + +#ict_virtualApplication_table_div { margin-top: 15px; } -.table>thead>tr.active>th{ - border: 1px solid #ddd!important; + +.table > thead > tr.active > th { + border: 1px solid #ddd !important; border-bottom: 0; background: #f0f0f0; } + /*.table tbody tr:hover{ background: #e6fbe0!important; }*/ -.table tbody tr:last-child{ +.table tbody tr:last-child { border-bottom: 1px solid #ddd; } -.table-btn{ + +.table-btn { border: 1px solid #ccc; border-radius: 3px; } -.delete-btn{ + +.delete-btn { background: url(../image/delete.png) no-repeat; width: 16px; height: 16px; border: none; } -.detail-btn{ + +.detail-btn { background: url(../image/openo.png) no-repeat -343px -283px; width: 16px; height: 16px; border: none; } -.detail-btn.current{ - background-position: -7px -314px; + +.detail-btn.current { + background-position: -7px -314px; } -.detail{ + +.detail { height: 200px; border: 1px solid #ddd; margin-top: 60px; } -.detail-top ul{ +.detail-top ul { height: 50px; line-height: 50px; border-bottom: 1px solid #ddd; padding-left: 0px; - background: #fafafa; + background: #fafafa; } -.detail-top ul li{ - float:left; + +.detail-top ul li { + float: left; width: 120px; text-align: center; border-right: 1px solid #ddd; cursor: pointer; } -.detail-top ul li.current{ + +.detail-top ul li.current { background: #fff; } -.vmapp-margin{ + +.vmapp-margin { margin-bottom: 10px; } -.control-label .required{ + +.control-label .required { color: #e02222; font-size: 12px; padding-left: 2px; } -.form-group .control-label{ + +.form-group .control-label { font-size: 12px; font-weight: 400; } -legend{ + +legend { font-size: 12px; font-weight: bold; } -.pageGro{ + +.pageGro { width: 250px; float: right; } -.pageUp,.pageDown,.pageList,.pageList li{ + +.pageUp, .pageDown, .pageList, .pageList li { float: left; cursor: pointer; } -.pageUp,.pageDown{ + +.pageUp, .pageDown { width: 60px; height: 30px; border: 1px solid #ddd; text-align: center; line-height: 30px; } -.pageList li{ + +.pageList li { width: 30px; height: 30px; border: 1px solid #ddd; @@ -172,466 +201,543 @@ legend{ line-height: 30px; border-left: none; } -.pageList li.active{ + +.pageList li.active { background: #428bca; color: #fff; border-color: #428bca; } -.pageDown{ + +.pageDown { border-left: none; } -.headerLinkP{ + +.headerLinkP { padding-top: 17px; } -.headerLinkP span{ + +.headerLinkP span { font-size: 12px; color: #666; - font-weight: normal!important; + font-weight: normal !important; } -label{ - font-weight: normal!important; + +label { + font-weight: normal !important; } + table.userform tbody tr td { - display: table-cell; - padding-right: 10px; - padding-top: 10px; - font-size: 12px; - color: #333; + display: table-cell; + padding-right: 10px; + padding-top: 10px; + font-size: 12px; + color: #333; } -.table th,.table td{ - padding-top: 3px!important; - padding-bottom: 3px!important; + +.table th, .table td { + padding-top: 3px !important; + padding-bottom: 3px !important; } + .openoBrowseButton_element { - display: table; + display: table; } + .openo { - font-family: "Microsoft Yahei",SimSun,Arial,Tahoma; - font-size: 12px; - color: #000; + font-family: "Microsoft Yahei", SimSun, Arial, Tahoma; + font-size: 12px; + color: #000; } + .openoBrowseButton_input { - width: 198px; - position: relative; - border: 1px solid #c3c3c3!important; - height: 26px; - background-color: #f3f3f3; - border-radius: 4px 0 0 4px; - border-right: none; - padding: 0; + width: 198px; + position: relative; + border: 1px solid #c3c3c3 !important; + height: 26px; + background-color: #f3f3f3; + border-radius: 4px 0 0 4px; + border-right: none; + padding: 0; } + .buttonClassDefault, .buttonClassDefault:active { - cursor: pointer; - background-image: url(../images/openo.png); - background-position: -154px -7px!important; + cursor: pointer; + background-image: url(../images/openo.png); + background-position: -154px -7px !important; } + .openoBrowseButton_button { - width: 27px; - border: 0; - float: right; - position: relative; - height: 26px; - right: 0; - top: 0; - border-radius: 0 4px 4px 0; - border-right: 1px solid #c3c3c3; - border-left: none; + width: 27px; + border: 0; + float: right; + position: relative; + height: 26px; + right: 0; + top: 0; + border-radius: 0 4px 4px 0; + border-right: 1px solid #c3c3c3; + border-left: none; } + .openo .openo-input, .openo.openo-input { - outline: 0; - border: 1px solid #c3c3c3; - box-shadow: 1px 1px #f6f6f6 inset; - background-color: #fff; - height: 26px; + outline: 0; + border: 1px solid #c3c3c3; + box-shadow: 1px 1px #f6f6f6 inset; + background-color: #fff; + height: 26px; } + .openoInput_openoDefaultText { - padding: 0 0 0 6px; - border-radius: 4px; - color: #000; - display: inline-block; - outline: 0; - box-shadow: 1px 1px #f6f6f6 inset; - font-size: 12px; - background: #fff; + padding: 0 0 0 6px; + border-radius: 4px; + color: #000; + display: inline-block; + outline: 0; + box-shadow: 1px 1px #f6f6f6 inset; + font-size: 12px; + background: #fff; } + div.openo-select { - border: 1px solid #c3c3c3; - border-radius: 4px; - background: url(../images/arrow-down-enable.png) right no-repeat #fff; - line-height: 24px; - padding-left: 3px; - display: block; -} -div.openo-select>input.openo-select-input { - border: none; - outline: 0; - line-height: 21px; - height: 21px; - padding-left: 3px; - border-right: solid 1px #c3c3c3; + border: 1px solid #c3c3c3; + border-radius: 4px; + background: url(../images/arrow-down-enable.png) right no-repeat #fff; + line-height: 24px; + padding-left: 3px; + display: block; +} + +div.openo-select > input.openo-select-input { + border: none; + outline: 0; + line-height: 21px; + height: 21px; + padding-left: 3px; + border-right: solid 1px #c3c3c3; } + .openo .openo-ellipsis, .openo.openo-ellipsis { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } + a.openoButton_buttonClass, a.openoButton_buttonDisableClass, div.openoButton_buttonClass, div.openoButton_buttonDisableClass { - height: 26px; - float: left; - cursor: pointer; - text-decoration: none; - outline: 0; - border: 1px solid #d3d3d3; - text-align: center; - box-shadow: 0 1px 1px rgba(0,0,0,.05); - background: #fafafa; - background: -moz-linear-gradient(top,#fff,#fafafa); - background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fafafa)); - background: -webkit-linear-gradient(top,#fff,#fafafa); - background: linear-gradient(to bottom,#fff,#fafafa); - border-radius: 6px; -} -.openoButton_buttonInnerClass{ - padding: 0 19px; - border-radius: 6px; + height: 26px; + float: left; + cursor: pointer; + text-decoration: none; + outline: 0; + border: 1px solid #d3d3d3; + text-align: center; + box-shadow: 0 1px 1px rgba(0, 0, 0, .05); + background: #fafafa; + background: -moz-linear-gradient(top, #fff, #fafafa); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #fafafa)); + background: -webkit-linear-gradient(top, #fff, #fafafa); + background: linear-gradient(to bottom, #fff, #fafafa); + border-radius: 6px; +} + +.openoButton_buttonInnerClass { + padding: 0 19px; + border-radius: 6px; } + .openoButton_buttonCenterText { - color: #000; - line-height: 24px; - white-space: nowrap; - width: auto!important; + color: #000; + line-height: 24px; + white-space: nowrap; + width: auto !important; } + .userHeader { - clear: left; - overflow: hidden; - margin-bottom: 10px; - padding: 10px 10px 0px 0px; + clear: left; + overflow: hidden; + margin-bottom: 10px; + padding: 10px 10px 0px 0px; } + .openoButton_buttonGroupClass { - display: inline; + display: inline; } + .openoButton_buttonGroupClass div.openoButton_buttonClass_parent:first-child { - margin-left: 0; + margin-left: 0; } + .openoButton_buttonLeftImg { - margin-right: 5px; + margin-right: 5px; } + .openoButton_buttonLeftImg, .openoButton_buttonRightImg { - display: inline-block; - vertical-align: top; - width: 16px; - height: 16px; - margin-top: 4px; + display: inline-block; + vertical-align: top; + width: 16px; + height: 16px; + margin-top: 4px; } + .openo-table-pagination-wrapper { - height: 37px; + height: 37px; } + .openo-pagination { - display: block; - float: left; - overflow: hidden; - padding: 5px 0 0; - margin-top: 8px; + display: block; + float: left; + overflow: hidden; + padding: 5px 0 0; + margin-top: 8px; } + .openoPagination_openoPaginationLengthOptions:not(msie8) { - line-height: 24px; + line-height: 24px; } + .openoPagination_openoPaginationLengthOptions { - white-space: normal; - height: 24px; - float: left; - outline: 0; - line-height: 20px; - margin: 0 5px; + white-space: normal; + height: 24px; + float: left; + outline: 0; + line-height: 20px; + margin: 0 5px; } + .openo-pagination-select { - height: 26px; - line-height: 22px; - text-align: center; - margin-right: -2px; - border: 1px solid #e0e0e0; - border-radius: 5px 0 0 5px; - padding: 1px; + height: 26px; + line-height: 22px; + text-align: center; + margin-right: -2px; + border: 1px solid #e0e0e0; + border-radius: 5px 0 0 5px; + padding: 1px; } + .openoPagination_openoPaginationLengthOptions span { - background-color: #fff!important; + background-color: #fff !important; } + .openo-pagination-theme a, .openo-pagination-theme span { - float: left; - color: #666; - font: 12px Lucida Grande,Verdana,Arial,Helvetica,sans-serif; - line-height: 24px; - font-weight: 400; - text-align: center; - border: 1px solid #e0e0e0; - text-decoration: none!important; - padding: 0 7px; - border-radius: 3px; - background: #fff; + float: left; + color: #666; + font: 12px Lucida Grande, Verdana, Arial, Helvetica, sans-serif; + line-height: 24px; + font-weight: 400; + text-align: center; + border: 1px solid #e0e0e0; + text-decoration: none !important; + padding: 0 7px; + border-radius: 3px; + background: #fff; } + .openo-pagination-selectspan { - background: url(../images/ideo_default_select.png) left no-repeat!important; - float: right!important; - width: 26px; - height: 26px; - cursor: pointer; + background: url(../images/ideo_default_select.png) left no-repeat !important; + float: right !important; + width: 26px; + height: 26px; + cursor: pointer; } + .openo-pagination-theme label { - padding-top: 6px; - vertical-align: middle; - margin-right: 20px; - margin-top: -1px; - float: left; - display: inline-block; - height: 20px; - font: 12px Lucida Grande,Verdana,Arial,Helvetica,sans-serif; + padding-top: 6px; + vertical-align: middle; + margin-right: 20px; + margin-top: -1px; + float: left; + display: inline-block; + height: 20px; + font: 12px Lucida Grande, Verdana, Arial, Helvetica, sans-serif; } + .openo-pagination li, .openo-pagination ul { - list-style: none; - padding: 0; - margin: 0; - float: left; + list-style: none; + padding: 0; + margin: 0; + float: left; } + dd, dl, dt, li { - color: #000; + color: #000; } + .openo-pagination-theme a, .openo-pagination-theme span.current { - margin: 0 5px 0 0; + margin: 0 5px 0 0; } + .openo .openo-disabled, .openo.openo-disabled { - border-color: #c3c3c3!important; - color: #666!important; - opacity: .3; - filter: alpha(opacity=30); + border-color: #c3c3c3 !important; + color: #666 !important; + opacity: .3; + filter: alpha(opacity=30); } + .openo-pagination-theme .prev { - background: 0 0; - float: left; + background: 0 0; + float: left; } + .openo-pagination-theme .current { - text-decoration: none!important; - float: left; - padding-left: 6px; - height: 24px; - color: #fff; - display: inline; - border-color: #00adf5; - background: #4ad2ff; + text-decoration: none !important; + float: left; + padding-left: 6px; + height: 24px; + color: #fff; + display: inline; + border-color: #00adf5; + background: #4ad2ff; } + .openo-pagination-theme a, .openo-pagination-theme span { - float: left; - color: #666; - font: 12px Lucida Grande,Verdana,Arial,Helvetica,sans-serif; - line-height: 24px; - font-weight: 400; - text-align: center; - border: 1px solid #e0e0e0; - text-decoration: none!important; - padding: 0 7px; - border-radius: 3px; - background: #fff; + float: left; + color: #666; + font: 12px Lucida Grande, Verdana, Arial, Helvetica, sans-serif; + line-height: 24px; + font-weight: 400; + text-align: center; + border: 1px solid #e0e0e0; + text-decoration: none !important; + padding: 0 7px; + border-radius: 3px; + background: #fff; } + .openo-pagination-theme .prev.openo-disabled:before { - background: url(../images/page_left_disabled.png) 50% 45% no-repeat; + background: url(../images/page_left_disabled.png) 50% 45% no-repeat; } + .openo-pagination-theme .prev.openo-disabled:before { - background: url(../images/page_left_disabled.png) 50% 45% no-repeat; + background: url(../images/page_left_disabled.png) 50% 45% no-repeat; } + .openo-pagination-theme .prev:before { - background: url(../images/page_l.png) 50% 45% no-repeat; + background: url(../images/page_l.png) 50% 45% no-repeat; } + .openo-pagination-theme .next:after, .openo-pagination-theme .prev:before { - display: inline-block; - content: ""; - vertical-align: middle; - width: 10px; - height: 24px; + display: inline-block; + content: ""; + vertical-align: middle; + width: 10px; + height: 24px; } + .openo-pagination-theme .prev:before { - background: url(../images/page_l.png) 50% 45% no-repeat; + background: url(../images/page_l.png) 50% 45% no-repeat; } + .openo-pagination-theme .next:after, .openo-pagination-theme .prev:before { - display: inline-block; - content: ""; - vertical-align: middle; - width: 10px; - height: 24px; + display: inline-block; + content: ""; + vertical-align: middle; + width: 10px; + height: 24px; } + pagination ul { - list-style: none; - padding: 0; - margin: 0; - float: left; + list-style: none; + padding: 0; + margin: 0; + float: left; } + .openo-pagination li, .openo-pagination ul { - list-style: none; - padding: 0; - margin: 0; - float: left; + list-style: none; + padding: 0; + margin: 0; + float: left; } + .openoPagination_gototext { - background: #FFF; - outline: 0; - width: 29px; - float: left; - height: 26px; - line-height: 24px; - border-radius: 4px; - border: 1px solid #c3c3c3; - padding: 0 0 0 5px; - margin: 0; - color: #666; - min-width: 50px; + background: #FFF; + outline: 0; + width: 29px; + float: left; + height: 26px; + line-height: 24px; + border-radius: 4px; + border: 1px solid #c3c3c3; + padding: 0 0 0 5px; + margin: 0; + color: #666; + min-width: 50px; } + .openoPagination_gotoimage { - width: 29px; - height: 26px; - line-height: 26px; - background-color: #FFF; - background-image: url(/portal/themes/default/components/openo/images/openo.png); - padding-left: 21px; - float: left; - margin-left: 5px; - border: 1px solid #e0e0e0; - border-radius: 4px; - box-sizing: border-box; - -moz-box-sizing: border-box; - background-position: -184px -181px!important; + width: 29px; + height: 26px; + line-height: 26px; + background-color: #FFF; + background-image: url(/portal/themes/default/components/openo/images/openo.png); + padding-left: 21px; + float: left; + margin-left: 5px; + border: 1px solid #e0e0e0; + border-radius: 4px; + box-sizing: border-box; + -moz-box-sizing: border-box; + background-position: -184px -181px !important; } + .openo-pagination-theme .ellipse { - float: left; - margin-left: -8px; - margin-right: -4px; - background: 0 0; - border: none; - border-radius: 0; - box-shadow: none; - font-weight: 700; - cursor: default; + float: left; + margin-left: -8px; + margin-right: -4px; + background: 0 0; + border: none; + border-radius: 0; + box-shadow: none; + font-weight: 700; + cursor: default; } + .openo.openo-disabled { - border-color: #c3c3c3!important; - color: #666!important; - opacity: .3; - filter: alpha(opacity=30); + border-color: #c3c3c3 !important; + color: #666 !important; + opacity: .3; + filter: alpha(opacity=30); } + .openo-pagination-theme .prev { - background: 0 0; - float: left; + background: 0 0; + float: left; } + .openo-pagination-theme .current { - text-decoration: none!important; - float: left; - padding-left: 6px; - height: 26px; - color: #fff; - display: inline; - /*border-color: #00adf5; - background: #4ad2ff;*/ + text-decoration: none !important; + float: left; + padding-left: 6px; + height: 26px; + color: #fff; + display: inline; + /*border-color: #00adf5; + background: #4ad2ff;*/ border: 1px solid #e0e0e0; } + .openo-pagination-theme .next:after { - background: url(../images/page_r.png) 50% 45% no-repeat; + background: url(../images/page_r.png) 50% 45% no-repeat; } + .openoButton_buttonGroupClass div.openoButton_buttonClass_parent, .openoButton_buttonRightImg { - margin-left: 5px; + margin-left: 5px; } html, body { - height: 99%; - width: 98%; + height: 99%; + width: 98%; } + .cotentBody { - padding: 0px 20px 0px 20px; + padding: 0px 20px 0px 20px; } div.openoButton_buttonClass:hover { - border: 1px solid #4ac9ff; + border: 1px solid #4ac9ff; } + div.openoButton_button_default:hover .openoButton_buttonCenterText { - color: #009ae7; + color: #009ae7; } + .header_lineimg { - height: 1px; - width: 100%; - margin-top: 17px; + height: 1px; + width: 100%; + margin-top: 17px; } + .openo.openo-hide { - display: none; + display: none; } + div.openo-select-popup-container { - position: absolute; - border: 1px solid #4ac9ff; - border-top: none; - border-radius: 0 0 4px 4px; - max-height: 202px; - overflow-y: auto; - background-color: #fff; - z-index: 880; -} -div.openo-select-popup-container>div.openo-select-item { - display: block; + position: absolute; + border: 1px solid #4ac9ff; + border-top: none; + border-radius: 0 0 4px 4px; + max-height: 202px; + overflow-y: auto; + background-color: #fff; + z-index: 880; +} + +div.openo-select-popup-container > div.openo-select-item { + display: block; } + .openo .openo-ellipsis, .openo.openo-ellipsis { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } -div.openo-select-popup-container>div.openo-select-item>label { - padding-top: 3px; - padding-bottom: 3px; - line-height: 20px; + +div.openo-select-popup-container > div.openo-select-item > label { + padding-top: 3px; + padding-bottom: 3px; + line-height: 20px; } + .openo .openo-ellipsis, .openo.openo-ellipsis { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } + .openo-select-item label { - margin-left: 4px; - margin-right: 4px; - white-space: nowrap; + margin-left: 4px; + margin-right: 4px; + white-space: nowrap; } -div.openo-select-popup-container>div.openo-select-item.openo-item-selected, div.openo-select-popup-container>div.openo-select-item:hover { - background-color: #f1f1f1; - color: #008fd6; + +div.openo-select-popup-container > div.openo-select-item.openo-item-selected, div.openo-select-popup-container > div.openo-select-item:hover { + background-color: #f1f1f1; + color: #008fd6; } + div.openo-select.openo-focus { - border: 1px solid #4ac9ff; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - border-bottom-color: #ddd; + border: 1px solid #4ac9ff; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border-bottom-color: #ddd; } + .openo-pagination-theme a:hover { - border-color: #4ac9ff; - cursor: pointer; + border-color: #4ac9ff; + cursor: pointer; } -.SDBtn{ - background: #fff; - color: #333; - border: 1px solid #ddd; + +.SDBtn { + background: #fff; + color: #333; + border: 1px solid #ddd; } -.SDBtn:hover{ - color: #009ae7; - border: 1px solid #4AC9FF + +.SDBtn:hover { + color: #009ae7; + border: 1px solid #4AC9FF } + table tbody tr.even:hover td, table tbody tr.odd:hover td { - background-color: #e6fbe0; + background-color: #e6fbe0; } + table tr.openoTable_row_selected td { - background: #e8f8fe!important; - border-bottom: 1px solid #e8e8e8!important; + background: #e8f8fe !important; + border-bottom: 1px solid #e8e8e8 !important; } -.modal-body{ - padding: 0!important; + +.modal-body { + padding: 0 !important; } -.form-control{ - height: 26px!important; + +.form-control { + height: 26px !important; } + .form-group .control-label { - margin-left: 20px; + margin-left: 20px; } .form-horizontal .control-label { - text-align: left; + text-align: left; }
\ No newline at end of file diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/css/resmgr.css b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/css/resmgr.css index 6163952f..e79d125a 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/css/resmgr.css +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/css/resmgr.css @@ -1,20 +1,24 @@ -fieldset{ width: 680px; } +fieldset { + width: 680px; +} -legend{ margin-left: 8px; } +legend { + margin-left: 8px; +} -.item{ +.item { height: 56px; line-height: 36px; margin: 10px; } -.item .item-label{ +.item .item-label { float: left; width: 80px; text-align: right; } -.item-text{ +.item-text { float: left; width: 244px; height: 16px; @@ -24,7 +28,7 @@ legend{ margin-left: 8px; } overflow: hidden; } -.item-select{ +.item-select { float: left; height: 34px; border: 1px solid #ccc; @@ -33,19 +37,19 @@ legend{ margin-left: 8px; } padding: 6px 0px; } -.item-submit{ +.item-submit { margin-left: 88px; } -input.error{ +input.error { border: 1px solid #E6594E; } -input.highlight{ +input.highlight { border: 1px solid #7abd54; } -label.error,label.tip{ +label.error, label.tip { float: left; height: 32px; line-height: 32px; @@ -57,12 +61,12 @@ label.error,label.tip{ background: url('error.png') no-repeat left center; } -label.tip{ +label.tip { color: #aaa; background: url('tip.png') no-repeat left center; } -label.valid{ +label.valid { background: url('valid.png') no-repeat left center; width: 32px; }
\ No newline at end of file diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/datacenter.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/datacenter.html index cac3a83c..451d2f4c 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/datacenter.html +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/datacenter.html @@ -1,339 +1,346 @@ - <!DOCTYPE html> <html> <head> -<head lang="en"> -<meta charset="UTF-8"> -<title></title> -<link href="css/bootstrap.min.css" rel="stylesheet" /> -<link href="css/VMMain.css" rel="stylesheet" /> -<link href="css/bootstrap-table.min.css" rel="stylesheet" /> + <head lang="en"> + <meta charset="UTF-8"> + <title></title> + <link href="css/bootstrap.min.css" rel="stylesheet"/> + <link href="css/VMMain.css" rel="stylesheet"/> + <link href="css/bootstrap-table.min.css" rel="stylesheet"/> -<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script> -<script type="text/javascript" src="js/bootstrap.min.js"></script> -<script type="text/javascript" src="js/bootstrap-table.min.js"></script> -<script type="text/javascript" src="js/bootbox.min.js"></script> -<script type="text/javascript" src="js/jquery.validate.min.js"></script> + <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script> + <script type="text/javascript" src="js/bootstrap.min.js"></script> + <script type="text/javascript" src="js/bootstrap-table.min.js"></script> + <script type="text/javascript" src="js/bootbox.min.js"></script> + <script type="text/javascript" src="js/jquery.validate.min.js"></script> -<script type="text/javascript" src="js/datacenter.js"></script> + <script type="text/javascript" src="js/datacenter.js"></script> -<style type="text/css"> -</style> -<script type="text/javascript"> - $(document).ready(function() { - /* var jsondata = [{ - "id": "123", - "name": "China", - "status": "active", - "country": "China", - "location": "Xi'an", - "serviceName": "Cloud serviceName", - "cpu": "23/106", - "memory": "18000/1922222222", - "hardDisk":"2188/39999999" - }]; + <style type="text/css"> + </style> + <script type="text/javascript"> + $(document).ready(function () { + /* var jsondata = [{ + "id": "123", + "name": "China", + "status": "active", + "country": "China", + "location": "Xi'an", + "serviceName": "Cloud serviceName", + "cpu": "23/106", + "memory": "18000/1922222222", + "hardDisk":"2188/39999999" + }]; - $('#Datacenter_table').bootstrapTable({ - //Assigning example data to table - data: jsondata - }); */ - - loadDatacenterData(); - loadNetWorkData(); - loadPortData(); - loadHostData(); - fillCountryData(); - fillVimNameData(); - }); + $('#Datacenter_table').bootstrapTable({ + //Assigning example data to table + data: jsondata + }); */ - function operateFormatter(value, row, index) { - return [ '<img class="DatacenterDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />' ] - .join(''); + loadDatacenterData(); + loadNetWorkData(); + loadPortData(); + loadHostData(); + fillCountryData(); + fillVimNameData(); + }); - } - window.operateEvents = { - 'click .DatacenterDeleteImg' : function(e, value, row, index) { - deleteDatacenter(row.id); - console.log(value, row, index); - } - }; - - -</script> -</head> + function operateFormatter(value, row, index) { + return ['<img class="DatacenterDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'] + .join(''); + + } + window.operateEvents = { + 'click .DatacenterDeleteImg': function (e, value, row, index) { + deleteDatacenter(row.id); + console.log(value, row, index); + } + }; + + + </script> + </head> <body id="open_base_site_cotentBody" class="cotentBody ng-scope"> - - <ul class="nav nav-tabs" id="dcTab"> - <li class="active"><a href="#compute">Compute</a></li> - <li><a href="#network">Network</a></li> - <li><a href="#port">Port</a></li> - <li><a href="#host">Host</a></li> - </ul> - - <script> - $(function () { + +<ul class="nav nav-tabs" id="dcTab"> + <li class="active"><a href="#compute">Compute</a></li> + <li><a href="#network">Network</a></li> + <li><a href="#port">Port</a></li> + <li><a href="#host">Host</a></li> +</ul> + +<script> + $(function () { $('#dcTab a:first').tab('show');//show init tab - - $('#dcTab a').click(function (e) { - e.preventDefault();//prevent the link - $(this).tab('show');//show content - }) - }) - </script> -<div class="tab-content"> - <div id="host" class="tab-pane"> - <!-- host table area --> - <hr> - <div class="row-fluid" data-name="table_zone"> - <div id='host_table_div'> - <div> - <div class="top"> - <table id="host_table" data-pagination="true" data-page-size="5" - data-pagination-first-text="First" - data-pagination-pre-text="Previous" - data-pagination-next-text="Next" data-pagination-last-text="Last"> - <thead> - <tr class="active"> - <th data-field="id" data-sortable="true">Id</th> - <th data-field="name" data-sortable="true">Name</th> - <th data-field="cpu" data-sortable="true">Cpu</th> - <th data-field="memory" data-sortable="true">Memory</th> - <th data-field="disk" data-sortable="true">HardDisk</th> - </tr> - </thead> - </table> - </div> - </div> - </div> - </div> - </div> - - <div id="port" class="tab-pane"> - <hr> - <!-- port table area --> - <div class="row-fluid" data-name="table_zone"> - <div id='port_table_div'> - <div> - <div class="top"> - <table id="port_table" data-pagination="true" data-page-size="5" - data-pagination-first-text="First" - data-pagination-pre-text="Previous" - data-pagination-next-text="Next" data-pagination-last-text="Last"> - <thead> - <tr class="active"> - <th data-field="id" data-sortable="true">Id</th> - <th data-field="name" data-sortable="true">Name</th> - <th data-field="networkId" data-sortable="true">NetworkID</th> - <th data-field="status" data-sortable="true">Status</th> - </tr> - </thead> - </table> - </div> - </div> - </div> - </div> - </div> - - <div id="network" class="tab-pane"> - <hr> - <!-- network table area --> - <div class="row-fluid" data-name="table_zone"> - <div id='network_table_div'> - <div> - <div class="top"> - <table id="network_table" data-pagination="true" data-page-size="5" - data-pagination-first-text="First" - data-pagination-pre-text="Previous" - data-pagination-next-text="Next" data-pagination-last-text="Last"> - <thead> - <tr class="active"> - <th data-field="id" data-sortable="true">Id</th> - <th data-field="name" data-sortable="true">Name</th> - <th data-field="id" data-sortable="true">NetworkID</th> - <th data-field="provider:segmentation_id" data-sortable="true">VLanID</th> - <th data-field="provider:physical_network" data-sortable="true">physicalNet</th> - <th data-field="provider:network_type" data-sortable="true">type</th> - <th data-field="vimName" data-sortable="true">ServiceName</th> - <th data-field="status" data-sortable="true">status</th> - </tr> - </thead> - </table> - </div> - </div> - </div> - </div> - </div> - <div id="compute" class="tab-pane active" > - <div class="container-fluid ms-controller"> - <!-- button area --> - <div class="uploadBtn"> - <div id="open_base_tpL_userHeader" class="userHeader"> - <div id="open_base_tpL_buttonGroup" - class="openoButton_buttonGroupClass"> - <div - class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default" - tabindex="0" id="false" text="res.brApp_ui_res_btn_create" - icon-url="./images/add.png" cls="defaultbutton" click="clickAdd" - style="display: inline-block; padding-left: 0px; padding-right: 0px;"> - <div - class="openoButton_buttonInnerClass openo-corner-all openoButton_Image" - id="false_button"> + $('#dcTab a').click(function (e) { + e.preventDefault();//prevent the link + $(this).tab('show');//show content + }) + }) +</script> +<div class="tab-content"> + + <div id="host" class="tab-pane"> + <!-- host table area --> + <hr> + <div class="row-fluid" data-name="table_zone"> + <div id='host_table_div'> + <div> + <div class="top"> + <table id="host_table" data-pagination="true" data-page-size="5" + data-pagination-first-text="First" + data-pagination-pre-text="Previous" + data-pagination-next-text="Next" data-pagination-last-text="Last"> + <thead> + <tr class="active"> + <th data-field="id" data-sortable="true">Id</th> + <th data-field="name" data-sortable="true">Name</th> + <th data-field="cpu" data-sortable="true">Cpu</th> + <th data-field="memory" data-sortable="true">Memory</th> + <th data-field="disk" data-sortable="true">HardDisk</th> + </tr> + </thead> + </table> + </div> + </div> + </div> + </div> + </div> + + <div id="port" class="tab-pane"> + <hr> + <!-- port table area --> + <div class="row-fluid" data-name="table_zone"> + <div id='port_table_div'> + <div> + <div class="top"> + <table id="port_table" data-pagination="true" data-page-size="5" + data-pagination-first-text="First" + data-pagination-pre-text="Previous" + data-pagination-next-text="Next" data-pagination-last-text="Last"> + <thead> + <tr class="active"> + <th data-field="id" data-sortable="true">Id</th> + <th data-field="name" data-sortable="true">Name</th> + <th data-field="networkId" data-sortable="true">NetworkID</th> + <th data-field="status" data-sortable="true">Status</th> + </tr> + </thead> + </table> + </div> + </div> + </div> + </div> + </div> + + <div id="network" class="tab-pane"> + <hr> + <!-- network table area --> + <div class="row-fluid" data-name="table_zone"> + <div id='network_table_div'> + <div> + <div class="top"> + <table id="network_table" data-pagination="true" data-page-size="5" + data-pagination-first-text="First" + data-pagination-pre-text="Previous" + data-pagination-next-text="Next" data-pagination-last-text="Last"> + <thead> + <tr class="active"> + <th data-field="id" data-sortable="true">Id</th> + <th data-field="name" data-sortable="true">Name</th> + <th data-field="id" data-sortable="true">NetworkID</th> + <th data-field="provider:segmentation_id" data-sortable="true">VLanID</th> + <th data-field="provider:physical_network" data-sortable="true">physicalNet</th> + <th data-field="provider:network_type" data-sortable="true">type</th> + <th data-field="vimName" data-sortable="true">ServiceName</th> + <th data-field="status" data-sortable="true">status</th> + </tr> + </thead> + </table> + </div> + </div> + </div> + </div> + </div> + <div id="compute" class="tab-pane active"> + <div class="container-fluid ms-controller"> + <!-- button area --> + <div class="uploadBtn"> + <div id="open_base_tpL_userHeader" class="userHeader"> + <div id="open_base_tpL_buttonGroup" + class="openoButton_buttonGroupClass"> + <div + class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default" + tabindex="0" id="false" text="res.brApp_ui_res_btn_create" + icon-url="./images/add.png" cls="defaultbutton" click="clickAdd" + style="display: inline-block; padding-left: 0px; padding-right: 0px;"> + <div + class="openoButton_buttonInnerClass openo-corner-all openoButton_Image" + id="false_button"> <span class="openo-widget-button-image openoButton_buttonLeftImg" - style="background-image: url(images/add.png);"></span><span - class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Create Datacenter</span><span - class="openo-widget-button-image openoButton_buttonImgDefault"></span> - </div> - </div> - - - <div - class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass undefined openoButton_button_default" - tabindex="0" id="meEdit" text="res.brApp_ui_res_btn_edit" - display="false" style="display: none;"> - <div class="openoButton_buttonInnerClass openo-corner-all" - id="meEdit_button"> + style="background-image: url(images/add.png);"></span><span + class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Create Datacenter</span><span + class="openo-widget-button-image openoButton_buttonImgDefault"></span> + </div> + </div> + + + <div + class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass undefined openoButton_button_default" + tabindex="0" id="meEdit" text="res.brApp_ui_res_btn_edit" + display="false" style="display: none;"> + <div class="openoButton_buttonInnerClass openo-corner-all" + id="meEdit_button"> <span - class="openo-widget-button-image openoButton_buttonImgDefault"></span><span - class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Edit</span><span - class="openo-widget-button-image openoButton_buttonImgDefault"></span> - </div> - </div> - - </div> - </div> - </div> - <!-- compute table area --> - <div class="row-fluid" data-name="table_zone"> - <div id='ict_virtualApplication_table_div'> - <div> - <div class="top"> - <table id="Datacenter_table" data-pagination="true" data-page-size="5" - data-pagination-first-text="First" - data-pagination-pre-text="Previous" - data-pagination-next-text="Next" data-pagination-last-text="Last"> - <thead> - <tr class="active"> - <th data-field="id" data-sortable="true">Id</th> - <th data-field="name" data-sortable="true">Name</th> - <th data-field="status" data-sortable="true">Status</th> - <th data-field="country" data-sortable="true">Country</th> - <th data-field="location" data-sortable="true">Location</th> - <th data-field="vimName" data-sortable="true">ServiceName</th> - <th data-field="cpu" data-sortable="true">Cpu(Cores)</th> - <th data-field="memory" data-sortable="true">Memory(MB)</th> - <th data-field="hardDisk" data-sortable="true">HardDisk(GB)</th> - <th align="center" data-formatter="operateFormatter" - data-events="operateEvents">Action</th> - </tr> - </thead> - </table> - </div> - </div> - </div> - </div> - <!-- modal dialog area --> - <div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog" - aria-labelledby="myModalLabel" aria-hidden="false"> - <div class="modal-dialog"> - <div class="modal-content"> - <div class="content"> - <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal" - aria-hidden="true">×</button> - <h4 class="modal-title" id="myModalLabel"> - <span>Create Datacenter</span> - </h4> - </div> - <form class="form-horizontal" role="form" id="vmAppForm"> - <div id="wizard"> - <div class="modal-body"> - <ul class="nav nav-pills nav-justified vmapp-margin"> - </ul> - <div class="tab-content"> - <div class="tab-pane active" id="basicTab"> - <div class="form-group" style="display:none;"> - <label class="col-sm-3 control-label"> <span>Id</span> - </label> - <div class="col-sm-7"> - <input type="text" id="id" name="id" - class="form-control" placeholder="id" /> - </div> - </div> - <div class="form-group"> - <label class="col-sm-3 control-label"> <span>Name</span> - <span class="required">*</span> - </label> - <div class="col-sm-7"> - <input type="text" id="name" name="name" - class="form-control" placeholder="Name" /> - </div> - </div> - <div class="form-group"> - <label class="col-sm-3 control-label"> <span>Country</span> - <span class="required">*</span> - </label> - <div class="col-sm-7"> - <select class="form-control" style ="padding-top: 0px;padding-bottom: 0px;" id="country" name="country"> - <option value="">--select--</option> - </select> - </div> - </div> - <div class="form-group"> - <label class="col-sm-3 control-label"> <span>Location</span> - <span class="required">*</span> - </label> - <div class="col-sm-7"> - <select class="form-control" style ="padding-top: 0px;padding-bottom: 0px;" id="location" name="location"> - <option value="">--select--</option> - </select> - </div> - </div> - <div class="form-group"> - <label class="col-sm-3 control-label"> <span>ServiceName</span> - <span class="required">*</span> - </label> - <div class="col-sm-7"> - <select class="form-control" style ="padding-top: 0px;padding-bottom: 0px;" id="vimName" name="vimName"> - <option value="">--select--</option> - </select> - </div> - </div> - - <div class="form-group"> - <label class="col-sm-3 control-label"> - <span>Avaliable Res:</span> - CPU(Cores):<br> - Memory:<br> - HardDisk: - </label> - <div class="col-sm-7"> - - </div> - </div> - </div> - - - </div> - </div> - <div class="modal-footer"> - <button type="button" class="btn SDBtn" data-dismiss="modal" - aria-hidden="true" id="createDatacenter"> - <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span> - </button> - <button type="button" class="btn button-previous SDBtn"> - <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span> - </button> - - </div> - </div> - </form> - </div> - </div> - </div> - </div> - </div> - </div> + class="openo-widget-button-image openoButton_buttonImgDefault"></span><span + class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Edit</span><span + class="openo-widget-button-image openoButton_buttonImgDefault"></span> + </div> + </div> + + </div> + </div> + </div> + <!-- compute table area --> + <div class="row-fluid" data-name="table_zone"> + <div id='ict_virtualApplication_table_div'> + <div> + <div class="top"> + <table id="Datacenter_table" data-pagination="true" data-page-size="5" + data-pagination-first-text="First" + data-pagination-pre-text="Previous" + data-pagination-next-text="Next" data-pagination-last-text="Last"> + <thead> + <tr class="active"> + <th data-field="id" data-sortable="true">Id</th> + <th data-field="name" data-sortable="true">Name</th> + <th data-field="status" data-sortable="true">Status</th> + <th data-field="country" data-sortable="true">Country</th> + <th data-field="location" data-sortable="true">Location</th> + <th data-field="vimName" data-sortable="true">ServiceName</th> + <th data-field="cpu" data-sortable="true">Cpu(Cores)</th> + <th data-field="memory" data-sortable="true">Memory(MB)</th> + <th data-field="hardDisk" data-sortable="true">HardDisk(GB)</th> + <th align="center" data-formatter="operateFormatter" + data-events="operateEvents">Action + </th> + </tr> + </thead> + </table> + </div> + </div> + </div> + </div> + <!-- modal dialog area --> + <div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog" + aria-labelledby="myModalLabel" aria-hidden="false"> + <div class="modal-dialog"> + <div class="modal-content"> + <div class="content"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal" + aria-hidden="true">× + </button> + <h4 class="modal-title" id="myModalLabel"> + <span>Create Datacenter</span> + </h4> + </div> + <form class="form-horizontal" role="form" id="vmAppForm"> + <div id="wizard"> + <div class="modal-body"> + <ul class="nav nav-pills nav-justified vmapp-margin"> + </ul> + <div class="tab-content"> + <div class="tab-pane active" id="basicTab"> + <div class="form-group" style="display:none;"> + <label class="col-sm-3 control-label"> <span>Id</span> + </label> + <div class="col-sm-7"> + <input type="text" id="id" name="id" + class="form-control" placeholder="id"/> + </div> + </div> + <div class="form-group"> + <label class="col-sm-3 control-label"> <span>Name</span> + <span class="required">*</span> + </label> + <div class="col-sm-7"> + <input type="text" id="name" name="name" + class="form-control" placeholder="Name"/> + </div> + </div> + <div class="form-group"> + <label class="col-sm-3 control-label"> <span>Country</span> + <span class="required">*</span> + </label> + <div class="col-sm-7"> + <select class="form-control" + style="padding-top: 0px;padding-bottom: 0px;" + id="country" name="country"> + <option value="">--select--</option> + </select> + </div> + </div> + <div class="form-group"> + <label class="col-sm-3 control-label"> <span>Location</span> + <span class="required">*</span> + </label> + <div class="col-sm-7"> + <select class="form-control" + style="padding-top: 0px;padding-bottom: 0px;" + id="location" name="location"> + <option value="">--select--</option> + </select> + </div> + </div> + <div class="form-group"> + <label class="col-sm-3 control-label"> <span>ServiceName</span> + <span class="required">*</span> + </label> + <div class="col-sm-7"> + <select class="form-control" + style="padding-top: 0px;padding-bottom: 0px;" + id="vimName" name="vimName"> + <option value="">--select--</option> + </select> + </div> + </div> + + <div class="form-group"> + <label class="col-sm-3 control-label"> + <span>Avaliable Res:</span> + CPU(Cores):<br> + Memory:<br> + HardDisk: + </label> + <div class="col-sm-7"> + + </div> + </div> + </div> + + + </div> + </div> + <div class="modal-footer"> + <button type="button" class="btn SDBtn" data-dismiss="modal" + aria-hidden="true" id="createDatacenter"> + <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span> + </button> + <button type="button" class="btn button-previous SDBtn"> + <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span> + </button> + + </div> + </div> + </form> + </div> + </div> + </div> + </div> + </div> + </div> </div> </body> </html>
\ No newline at end of file diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/html/index.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/html/index.html index c4009b77..300a4470 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/html/index.html +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/html/index.html @@ -18,14 +18,14 @@ <html> <head> -<title>Test</title> -<script src="/component/thirdparty/jquery/jquery-3.1.0.min.js" type="text/javascript"></script> -<script src="/resmgr/js/SendMsg.js" type="text/javascript"></script> + <title>Test</title> + <script src="/component/thirdparty/jquery/jquery-3.1.0.min.js" type="text/javascript"></script> + <script src="/resmgr/js/SendMsg.js" type="text/javascript"></script> </head> <body>Loading... <script type="text/javascript"> - window.location.href = "resmgr/resource.html" + window.location.href = "resmgr/resource.html" </script> </body> diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/SendMsg.js b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/SendMsg.js index b898d6ad..e42c0333 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/SendMsg.js +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/SendMsg.js @@ -1,20 +1,20 @@ var sendMsg = { - get : "get", - post : "post" + get: "get", + post: "post" } function request(url, requestType, data, success, error, async) { - var setting = { - url : url, - async : async ? async : false, - type : requestType, - dataType : "json", - contentType : 'application/json;charset=UTF-8', - data : data, - success : success, - error : error - } + var setting = { + url: url, + async: async ? async : false, + type: requestType, + dataType: "json", + contentType: 'application/json;charset=UTF-8', + data: data, + success: success, + error: error + } - $.ajax(setting); + $.ajax(setting); }
\ No newline at end of file diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/datacenter.js b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/datacenter.js index 44b464e3..e3ff681a 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/datacenter.js +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/datacenter.js @@ -1,247 +1,246 @@ -function hideFirstCol(){ +function hideFirstCol() { // $('table tr').find('th:eq(0)').hide(); // $('table tr').find('td:eq(0)').hide(); } function deleteDatacenter(objectId) { - var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/datacenters/"+ objectId; - $.ajax({ - type : "DELETE", - url : requestUrl, - contentType : "application/json", - success : function(jsonobj) { - $('#Datacenter_table').bootstrapTable('remove', { - field : 'id', - values : [ objectId ] - }); - bootbox.alert("Delete successfull !!!"); - }, - error : function(xhr, ajaxOptions, thrownError) { - bootbox.alert("Error on deleting data: " + xhr.responseText); - } - }); + var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/datacenters/" + objectId; + $.ajax({ + type: "DELETE", + url: requestUrl, + contentType: "application/json", + success: function (jsonobj) { + $('#Datacenter_table').bootstrapTable('remove', { + field: 'id', + values: [objectId] + }); + bootbox.alert("Delete successfull !!!"); + }, + error: function (xhr, ajaxOptions, thrownError) { + bootbox.alert("Error on deleting data: " + xhr.responseText); + } + }); } function loadDatacenterData() { - var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/datacenters"; - $.ajax({ - type : "GET", - url : requestUrl, - contentType : "application/json", - success : function(jsonobj) { - $.each(jsonobj.datacenters,function(n,v){ - v.cpu= "used:"+v.usedCPU+"<br>total:"+v.totalCPU; - v.memory="used:"+v.usedMemory+"<br>total:"+v.totalMemory; - v.hardDisk="used:"+v.usedDisk+"<br>total:"+v.totalDisk; + var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/datacenters"; + $.ajax({ + type: "GET", + url: requestUrl, + contentType: "application/json", + success: function (jsonobj) { + $.each(jsonobj.datacenters, function (n, v) { + v.cpu = "used:" + v.usedCPU + "<br>total:" + v.totalCPU; + v.memory = "used:" + v.usedMemory + "<br>total:" + v.totalMemory; + v.hardDisk = "used:" + v.usedDisk + "<br>total:" + v.totalDisk; + }); + $('#Datacenter_table').bootstrapTable({ + data: jsonobj.datacenters }); - $('#Datacenter_table').bootstrapTable({ - data : jsonobj.datacenters - }); - $('#Datacenter_table').bootstrapTable('refresh'); - hideFirstCol(); - }, - error : function(xhr, ajaxOptions, thrownError) { - bootbox.alert("Error on getting site data : " + xhr.responseText); - } - }); + $('#Datacenter_table').bootstrapTable('refresh'); + hideFirstCol(); + }, + error: function (xhr, ajaxOptions, thrownError) { + bootbox.alert("Error on getting site data : " + xhr.responseText); + } + }); } function loadNetWorkData() { - var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/networks"; - $.ajax({ - type : "GET", - url : requestUrl, - contentType : "application/json", - success : function(jsonobj) { - $('#network_table').bootstrapTable({ - data : jsonobj.networks - }); - }, - error : function(xhr, ajaxOptions, thrownError) { - bootbox.alert("Error on getting site data : " + xhr.responseText); - } - }); + var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/networks"; + $.ajax({ + type: "GET", + url: requestUrl, + contentType: "application/json", + success: function (jsonobj) { + $('#network_table').bootstrapTable({ + data: jsonobj.networks + }); + }, + error: function (xhr, ajaxOptions, thrownError) { + bootbox.alert("Error on getting site data : " + xhr.responseText); + } + }); } function loadPortData() { - var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/ports"; - $.ajax({ - type : "GET", - url : requestUrl, - contentType : "application/json", - success : function(jsonobj) { - $('#port_table').bootstrapTable({ - data : jsonobj.ports - }); - }, - error : function(xhr, ajaxOptions, thrownError) { - bootbox.alert("Error on getting site data : " + xhr.responseText); - } - }); + var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/ports"; + $.ajax({ + type: "GET", + url: requestUrl, + contentType: "application/json", + success: function (jsonobj) { + $('#port_table').bootstrapTable({ + data: jsonobj.ports + }); + }, + error: function (xhr, ajaxOptions, thrownError) { + bootbox.alert("Error on getting site data : " + xhr.responseText); + } + }); } function loadHostData() { - var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/hosts"; - $.ajax({ - type : "GET", - url : requestUrl, - contentType : "application/json", - success : function(jsonobj) { - $('#host_table').bootstrapTable({ - data : jsonobj.hosts - }); - }, - error : function(xhr, ajaxOptions, thrownError) { - bootbox.alert("Error on getting site data : " + xhr.responseText); - } - }); + var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/hosts"; + $.ajax({ + type: "GET", + url: requestUrl, + contentType: "application/json", + success: function (jsonobj) { + $('#host_table').bootstrapTable({ + data: jsonobj.hosts + }); + }, + error: function (xhr, ajaxOptions, thrownError) { + bootbox.alert("Error on getting site data : " + xhr.responseText); + } + }); } function fillCountryData() { - - var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/locations/country"; - var htmlContent = ""; - $.ajax({ - type : "GET", - url : requestUrl, - contentType : "application/json", - success : function(jsonobj) { - var str = jsonobj.data.replace('[','').replace(']','').split(',') - $.each(str,function(n,v){ - htmlContent += "<option value='"+v+"'>"+v+"</option>"; - $("#country").html(htmlContent); - - }); - }, - error : function(xhr, ajaxOptions, thrownError) { - bootbox.alert("Error on getting country data : " + xhr.responseText); - } - }); + + var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/locations/country"; + var htmlContent = ""; + $.ajax({ + type: "GET", + url: requestUrl, + contentType: "application/json", + success: function (jsonobj) { + var str = jsonobj.data.replace('[', '').replace(']', '').split(',') + $.each(str, function (n, v) { + htmlContent += "<option value='" + v + "'>" + v + "</option>"; + $("#country").html(htmlContent); + + }); + }, + error: function (xhr, ajaxOptions, thrownError) { + bootbox.alert("Error on getting country data : " + xhr.responseText); + } + }); } function fillVimNameData() { - - var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/locations/cloudservice"; - var htmlContent = ""; - $.ajax({ - type : "GET", - url : requestUrl, - contentType : "application/json", - success : function(jsonobj) { - var str = jsonobj.data.replace('[','').replace(']','').split(',') - $.each(str,function(n,v){ - htmlContent += "<option value='"+v+"'>"+v+"</option>"; - $("#vimName").html(htmlContent); - + + var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/locations/cloudservice"; + var htmlContent = ""; + $.ajax({ + type: "GET", + url: requestUrl, + contentType: "application/json", + success: function (jsonobj) { + var str = jsonobj.data.replace('[', '').replace(']', '').split(',') + $.each(str, function (n, v) { + htmlContent += "<option value='" + v + "'>" + v + "</option>"; + $("#vimName").html(htmlContent); + }); - }, - error : function(xhr, ajaxOptions, thrownError) { - bootbox.alert("Error on getting country data : " + xhr.responseText); - } - }); + }, + error: function (xhr, ajaxOptions, thrownError) { + bootbox.alert("Error on getting country data : " + xhr.responseText); + } + }); } -$(function() { - $("#vmAppForm").validate({ - rules: { - country: "required", - location: "required", - lantitude: "required", - longitude: "required" - } - }); - - $('.close,.button-previous').click(function() { - $('#vmAppDialog').removeClass('in').css('display', 'none'); - }); - $('.detail-top ul li').click(function() { - $(this).addClass('current').siblings().removeClass('current'); - }); - $('.basic').click(function() { - $('#flavorTab').css('display', 'none'); - }); - - $('.table tbody tr').click( - function() { - $(this).addClass('openoTable_row_selected').siblings() - .removeClass('openoTable_row_selected'); - }); - $('.table tr:odd').addClass('active'); - $('#false').click(function() { - $('#vmAppForm')[0].reset(); - $('#vmAppDialog').addClass('in').css({ - 'display' : 'block' - }); - }); - $('.close,.button-previous').click(function() { - $('#vmAppDialog').removeClass('in').css('display', 'none'); - }); - - $.fn.serializeObject = function() { - var o = {}; - var a = this.serializeArray(); - $.each(a, function() { - if (o[this.name] !== undefined) { - if (!o[this.name].push) { - o[this.name] = [ o[this.name] ]; - } - o[this.name].push(this.value || ''); - } else { - o[this.name] = this.value || ''; - } - }); - return o; - }; - $('#createDatacenter') - .click( - function() { - - - var formData = JSON.stringify($("#vmAppForm").serializeObject()); - var jsonobj = JSON.parse(formData); - var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/datacenters"; - $.ajax({ - type : "POST", - url : requestUrl, - contentType : "application/json", - dataType : "json", - data : formData, - success : function(jsonResp) { - loadDatacenterData(); - bootbox.alert(jsonResp.msg); - $('#vmAppDialog').removeClass('in').css({ - 'display' : 'none' - }); - }, - error : function(xhr, ajaxOptions, thrownError) { - bootbox.alert("Error on page : " + xhr.responseText); - } - }); - }); - - $('#country').change(function(){ - var country = $(this).children('option:selected').val(); - var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/locations/locationbycountry?country="+country; - - var htmlContent = "<option value=''>--select--</option>"; - $.ajax({ - type : "GET", - url : requestUrl, - contentType : "application/json", - success : function(jsonobj) { - $.each(jsonobj.data,function(n,v){ - htmlContent += "<option value='"+v+"'>"+v+"</option>"; - $("#location").html(htmlContent); - - }); - - }, - error : function(xhr, ajaxOptions, thrownError) { - bootbox.alert("Error on getting location data : " + xhr.responseText); - } - }); - - }) - - +$(function () { + $("#vmAppForm").validate({ + rules: { + country: "required", + location: "required", + lantitude: "required", + longitude: "required" + } + }); + + $('.close,.button-previous').click(function () { + $('#vmAppDialog').removeClass('in').css('display', 'none'); + }); + $('.detail-top ul li').click(function () { + $(this).addClass('current').siblings().removeClass('current'); + }); + $('.basic').click(function () { + $('#flavorTab').css('display', 'none'); + }); + + $('.table tbody tr').click( + function () { + $(this).addClass('openoTable_row_selected').siblings() + .removeClass('openoTable_row_selected'); + }); + $('.table tr:odd').addClass('active'); + $('#false').click(function () { + $('#vmAppForm')[0].reset(); + $('#vmAppDialog').addClass('in').css({ + 'display': 'block' + }); + }); + $('.close,.button-previous').click(function () { + $('#vmAppDialog').removeClass('in').css('display', 'none'); + }); + + $.fn.serializeObject = function () { + var o = {}; + var a = this.serializeArray(); + $.each(a, function () { + if (o[this.name] !== undefined) { + if (!o[this.name].push) { + o[this.name] = [o[this.name]]; + } + o[this.name].push(this.value || ''); + } else { + o[this.name] = this.value || ''; + } + }); + return o; + }; + $('#createDatacenter') + .click( + function () { + + + var formData = JSON.stringify($("#vmAppForm").serializeObject()); + var jsonobj = JSON.parse(formData); + var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/datacenters"; + $.ajax({ + type: "POST", + url: requestUrl, + contentType: "application/json", + dataType: "json", + data: formData, + success: function (jsonResp) { + loadDatacenterData(); + bootbox.alert(jsonResp.msg); + $('#vmAppDialog').removeClass('in').css({ + 'display': 'none' + }); + }, + error: function (xhr, ajaxOptions, thrownError) { + bootbox.alert("Error on page : " + xhr.responseText); + } + }); + }); + + $('#country').change(function () { + var country = $(this).children('option:selected').val(); + var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/locations/locationbycountry?country=" + country; + + var htmlContent = "<option value=''>--select--</option>"; + $.ajax({ + type: "GET", + url: requestUrl, + contentType: "application/json", + success: function (jsonobj) { + $.each(jsonobj.data, function (n, v) { + htmlContent += "<option value='" + v + "'>" + v + "</option>"; + $("#location").html(htmlContent); + + }); + + }, + error: function (xhr, ajaxOptions, thrownError) { + bootbox.alert("Error on getting location data : " + xhr.responseText); + } + }); + + }) + })
\ No newline at end of file diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/resmgr.js b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/resmgr.js index 24804131..a0ad9921 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/resmgr.js +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/resmgr.js @@ -1,202 +1,198 @@ -function hideFirstCol(){ +function hideFirstCol() { // $('table tr').find('th:eq(0)').hide(); // $('table tr').find('td:eq(0)').hide(); } function deleteLocation(objectId) { - var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/locations/"+ objectId; - $.ajax({ - type : "DELETE", - url : requestUrl, - contentType : "application/json", - success : function(jsonobj) { - $('#location_table').bootstrapTable('remove', { - field : 'id', - values : [ objectId ] - }); - bootbox.alert("Delete successfull !!!"); - }, - error : function(xhr, ajaxOptions, thrownError) { - bootbox.alert("Error on deleting data: " + xhr.responseText); - } - }); + var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/locations/" + objectId; + $.ajax({ + type: "DELETE", + url: requestUrl, + contentType: "application/json", + success: function (jsonobj) { + $('#location_table').bootstrapTable('remove', { + field: 'id', + values: [objectId] + }); + bootbox.alert("Delete successfull !!!"); + }, + error: function (xhr, ajaxOptions, thrownError) { + bootbox.alert("Error on deleting data: " + xhr.responseText); + } + }); } function editLocation(row) { - $('#vmAppDialog').addClass('in').css({ - 'display' : 'block' - }); - $('#id').val(row.id); - $('#country').val(row.country); - $('#location').val(row.location); - $('#description').val(row.description); - $('#latitude').val(row.latitude); - $('#longitude').val(row.longitude); + $('#vmAppDialog').addClass('in').css({ + 'display': 'block' + }); + $('#id').val(row.id); + $('#country').val(row.country); + $('#location').val(row.location); + $('#description').val(row.description); + $('#latitude').val(row.latitude); + $('#longitude').val(row.longitude); } function loadLocationData() { - var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/locations"; - $.ajax({ - type : "GET", - url : requestUrl, - contentType : "application/json", - success : function(jsonobj) { - $('#location_table').bootstrapTable({ - pageSize: 50, - striped: true, - data : jsonobj.locations - }); - $('#location_table').bootstrapTable('refresh'); - - }, - error : function(xhr, ajaxOptions, thrownError) { - bootbox.alert("Error on getting site data : " + xhr.responseText); - } - }); - + var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/locations"; + $.ajax({ + type: "GET", + url: requestUrl, + contentType: "application/json", + success: function (jsonobj) { + $('#location_table').bootstrapTable({ + pageSize: 50, + striped: true, + data: jsonobj.locations + }); + $('#location_table').bootstrapTable('refresh'); + + }, + error: function (xhr, ajaxOptions, thrownError) { + bootbox.alert("Error on getting site data : " + xhr.responseText); + } + }); + } -$(function() { - $("#vmAppForm").validate({ - rules: { - country: "required", - location: "required", - latitude: { - required: true, - number: true - }, - longitude: { - required: true, - number: true - } - } - }); - - $('.close,.button-previous').click(function() { - $('#vmAppDialog').removeClass('in').css('display', 'none'); - }); - $('.detail-top ul li').click(function() { - $(this).addClass('current').siblings().removeClass('current'); - }); - $('.para').click(function() { - if ($('#serviceTemplateName').val() == '') { - alert('Please choose the service templet！'); - $('#flavorTab').css('display', 'none'); - } else { - $('#flavorTab').css('display', 'block'); - } - $('#basicTab').css('display', 'block'); - }); - $('.basic').click(function() { - $('#flavorTab').css('display', 'none'); - }); - - $('.table tbody tr').click( - function() { - $(this).addClass('openoTable_row_selected').siblings() - .removeClass('openoTable_row_selected'); - }); - $('.table tr:odd').addClass('active'); - $('#false').click(function() { - $('#vmAppForm')[0].reset(); - $('#vmAppDialog').addClass('in').css({ - 'display' : 'block' - }); - }); - $('.close,.button-previous').click(function() { - $('#vmAppDialog').removeClass('in').css('display', 'none'); - }); - $('#filterTpLogicalType').click( - function() { - $('#filterTpLogicalType_select_popupcontainer').toggleClass( - 'openo-hide'); - $('#filterTpLogicalType').toggleClass('openo-focus'); - var oLeft = $('#open_base_tpL_td6').offset().left; - var oTop = $('#open_base_tpL_td6').offset().top; - var oHeight = $('#open_base_tpL_td6').height(); - $('#filterTpLogicalType_select_popupcontainer').css({ - 'left' : oLeft, - 'top' : oTop + oHeight + 10 - }); - }); - $('div.openo-select-popup-container>div.openo-select-item>label').click( - function() { - var Lvalue = $(this).html(); - $('#filterTpLogicalType_select_input').attr('value', Lvalue); - $('#filterTpLogicalType_select_popupcontainer').addClass( - 'openo-hide'); - $('#filterTpLogicalType').removeClass('openo-focus'); - }); - $.fn.serializeObject = function() { - var o = {}; - var a = this.serializeArray(); - $.each(a, function() { - if (o[this.name] !== undefined) { - if (!o[this.name].push) { - o[this.name] = [ o[this.name] ]; - } - o[this.name].push(this.value || ''); - } else { - o[this.name] = this.value || ''; - } - }); - return o; - }; - $('#createLocation') - .click( - - function() { - var formData = JSON.stringify($("#vmAppForm").serializeObject()); - var jsonobj = JSON.parse(formData); - var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/locations"; - var requestUrl_query = "/resmgr/rest/openoapi/resmgr/v1/locations"; - if($('#id').val().length === 0){//create - - - $.ajax({ - type : "POST", - url : requestUrl, - contentType : "application/json", - dataType : "json", - data : formData, - success : function(jsonResp) { - loadLocationData(); - bootbox.alert(jsonResp.msg); - $('#vmAppDialog').removeClass('in').css({ - 'display' : 'none' - }); - - }, - error : function(xhr, ajaxOptions, thrownError) { - bootbox.alert("Error on page : " + xhr.responseText); - } - }); - }else{//put - - - $.ajax({ - type : "PUT", - url : requestUrl, - contentType : "application/json", - dataType : "json", - data : formData, - success : function(jsonResp) { - loadLocationData(); - bootbox.alert(jsonResp.msg); - $('#vmAppDialog').removeClass('in').css({ - 'display' : 'none' - }); - - }, - error : function(xhr, ajaxOptions, thrownError) { - bootbox.alert("Error on page : " + xhr.responseText); - } - }); - } - - }); - - - - +$(function () { + $("#vmAppForm").validate({ + rules: { + country: "required", + location: "required", + latitude: { + required: true, + number: true + }, + longitude: { + required: true, + number: true + } + } + }); + + $('.close,.button-previous').click(function () { + $('#vmAppDialog').removeClass('in').css('display', 'none'); + }); + $('.detail-top ul li').click(function () { + $(this).addClass('current').siblings().removeClass('current'); + }); + $('.para').click(function () { + if ($('#serviceTemplateName').val() == '') { + alert('Please choose the service templet！'); + $('#flavorTab').css('display', 'none'); + } else { + $('#flavorTab').css('display', 'block'); + } + $('#basicTab').css('display', 'block'); + }); + $('.basic').click(function () { + $('#flavorTab').css('display', 'none'); + }); + + $('.table tbody tr').click( + function () { + $(this).addClass('openoTable_row_selected').siblings() + .removeClass('openoTable_row_selected'); + }); + $('.table tr:odd').addClass('active'); + $('#false').click(function () { + $('#vmAppForm')[0].reset(); + $('#vmAppDialog').addClass('in').css({ + 'display': 'block' + }); + }); + $('.close,.button-previous').click(function () { + $('#vmAppDialog').removeClass('in').css('display', 'none'); + }); + $('#filterTpLogicalType').click( + function () { + $('#filterTpLogicalType_select_popupcontainer').toggleClass( + 'openo-hide'); + $('#filterTpLogicalType').toggleClass('openo-focus'); + var oLeft = $('#open_base_tpL_td6').offset().left; + var oTop = $('#open_base_tpL_td6').offset().top; + var oHeight = $('#open_base_tpL_td6').height(); + $('#filterTpLogicalType_select_popupcontainer').css({ + 'left': oLeft, + 'top': oTop + oHeight + 10 + }); + }); + $('div.openo-select-popup-container>div.openo-select-item>label').click( + function () { + var Lvalue = $(this).html(); + $('#filterTpLogicalType_select_input').attr('value', Lvalue); + $('#filterTpLogicalType_select_popupcontainer').addClass( + 'openo-hide'); + $('#filterTpLogicalType').removeClass('openo-focus'); + }); + $.fn.serializeObject = function () { + var o = {}; + var a = this.serializeArray(); + $.each(a, function () { + if (o[this.name] !== undefined) { + if (!o[this.name].push) { + o[this.name] = [o[this.name]]; + } + o[this.name].push(this.value || ''); + } else { + o[this.name] = this.value || ''; + } + }); + return o; + }; + $('#createLocation') + .click( + function () { + var formData = JSON.stringify($("#vmAppForm").serializeObject()); + var jsonobj = JSON.parse(formData); + var requestUrl = "/resmgr/rest/openoapi/resmgr/v1/locations"; + var requestUrl_query = "/resmgr/rest/openoapi/resmgr/v1/locations"; + if ($('#id').val().length === 0) {//create + + + $.ajax({ + type: "POST", + url: requestUrl, + contentType: "application/json", + dataType: "json", + data: formData, + success: function (jsonResp) { + loadLocationData(); + bootbox.alert(jsonResp.msg); + $('#vmAppDialog').removeClass('in').css({ + 'display': 'none' + }); + + }, + error: function (xhr, ajaxOptions, thrownError) { + bootbox.alert("Error on page : " + xhr.responseText); + } + }); + } else {//put + + + $.ajax({ + type: "PUT", + url: requestUrl, + contentType: "application/json", + dataType: "json", + data: formData, + success: function (jsonResp) { + loadLocationData(); + bootbox.alert(jsonResp.msg); + $('#vmAppDialog').removeClass('in').css({ + 'display': 'none' + }); + + }, + error: function (xhr, ajaxOptions, thrownError) { + bootbox.alert("Error on page : " + xhr.responseText); + } + }); + } + + }); + })
\ No newline at end of file diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/validateset.js b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/validateset.js index 5b44be87..d6e47d27 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/validateset.js +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/validateset.js @@ -1,28 +1,28 @@ -$(function(){ - $.validator.setDefaults({ - onkeyup: null, - success: function(label){ - label.text('').addClass('valid'); - }, - onfocusin: function( element ) { - this.lastActive = element; - this.addWrapper(this.errorsFor(element)).hide(); - var tip = $(element).attr('tip'); - if(tip && $(element).parent().children(".tip").length === 0){ - $(element).parent().append("<label class='tip'>" + tip + "</label>"); - } - $(element).addClass('highlight'); - if ( this.settings.focusCleanup ) { - if ( this.settings.unhighlight ) { - this.settings.unhighlight.call( this, element, this.settings.errorClass, this.settings.validClass ); - } - this.hideThese( this.errorsFor( element ) ); - } - }, - onfocusout: function( element ) { - $(element).parent().children(".tip").remove(); - $(element).removeClass('highlight'); - this.element( element ); - } - }); +$(function () { + $.validator.setDefaults({ + onkeyup: null, + success: function (label) { + label.text('').addClass('valid'); + }, + onfocusin: function (element) { + this.lastActive = element; + this.addWrapper(this.errorsFor(element)).hide(); + var tip = $(element).attr('tip'); + if (tip && $(element).parent().children(".tip").length === 0) { + $(element).parent().append("<label class='tip'>" + tip + "</label>"); + } + $(element).addClass('highlight'); + if (this.settings.focusCleanup) { + if (this.settings.unhighlight) { + this.settings.unhighlight.call(this, element, this.settings.errorClass, this.settings.validClass); + } + this.hideThese(this.errorsFor(element)); + } + }, + onfocusout: function (element) { + $(element).parent().children(".tip").remove(); + $(element).removeClass('highlight'); + this.element(element); + } + }); });
\ No newline at end of file diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/vim.js b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/vim.js index 1a406f9c..6de43718 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/vim.js +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/vim.js @@ -1,79 +1,79 @@ function loadVimData() { - var requestUrl = "/resmgr/rest/v1/resmanage/vim/vimInfo"; - $.ajax({ - type : "GET", - url : requestUrl, - contentType : "application/json", - success : function(jsonobj) { - printCharts(jsonobj.data[0].used.cpu, - jsonobj.data[0].total.cpu,jsonobj.data[0].used.memory,jsonobj.data[0].total.memory,jsonobj.data[0].used.disk,jsonobj.data[0].total.disk); + var requestUrl = "/resmgr/rest/v1/resmanage/vim/vimInfo"; + $.ajax({ + type: "GET", + url: requestUrl, + contentType: "application/json", + success: function (jsonobj) { + printCharts(jsonobj.data[0].used.cpu, + jsonobj.data[0].total.cpu, jsonobj.data[0].used.memory, jsonobj.data[0].total.memory, jsonobj.data[0].used.disk, jsonobj.data[0].total.disk); - }, - error : function(xhr, ajaxOptions, thrownError) { - bootbox.alert("Error on getting data (here display the test data) : " + xhr.responseText); - printCharts(11,12,21,22,31,32); - } - }); + }, + error: function (xhr, ajaxOptions, thrownError) { + bootbox.alert("Error on getting data (here display the test data) : " + xhr.responseText); + printCharts(11, 12, 21, 22, 31, 32); + } + }); } -function printCharts(v11,v12,v21,v22,v31,v32){ - var cpuChart = new Chart($("#cpuChart"), { - type : 'doughnut', - data : { - labels : ["used", "available" ], - datasets : [ { - data : [v11,v12], - backgroundColor : ["#FFCE56","#36A2EB"], - hoverBackgroundColor : ["#FFCE56","#36A2EB"] - } ] - }, - options : { - animation:{ - animateScale:true, - animateRotate:true - - } - } - }); - var memoryChart = new Chart($("#memoryChart"), { - type : 'doughnut', - data : { - labels : [ "used", "available"], - datasets : [ { - data : [v21,v22], - backgroundColor : [ "#FF6384", "#36A2EB"], - hoverBackgroundColor : [ "#FF6384", "#36A2EB"] - } ] - }, - options : { - - animation:{ - animateScale:true, - animateRotate:true - - } - } - }); - var diskChart = new Chart($("#diskChart"), { - type : 'doughnut', - data : { - labels : [ "used", "available"], - datasets : [ { - data : [v31,v32], - backgroundColor : [ "#FF6384", "green" ], - hoverBackgroundColor : [ "#FF6384", "green" ] - } ] - }, - options : { - animation:{ - animateScale:true, - animateRotate:true - - } - } - }); +function printCharts(v11, v12, v21, v22, v31, v32) { + var cpuChart = new Chart($("#cpuChart"), { + type: 'doughnut', + data: { + labels: ["used", "available"], + datasets: [{ + data: [v11, v12], + backgroundColor: ["#FFCE56", "#36A2EB"], + hoverBackgroundColor: ["#FFCE56", "#36A2EB"] + }] + }, + options: { + animation: { + animateScale: true, + animateRotate: true + + } + } + }); + var memoryChart = new Chart($("#memoryChart"), { + type: 'doughnut', + data: { + labels: ["used", "available"], + datasets: [{ + data: [v21, v22], + backgroundColor: ["#FF6384", "#36A2EB"], + hoverBackgroundColor: ["#FF6384", "#36A2EB"] + }] + }, + options: { + + animation: { + animateScale: true, + animateRotate: true + + } + } + }); + var diskChart = new Chart($("#diskChart"), { + type: 'doughnut', + data: { + labels: ["used", "available"], + datasets: [{ + data: [v31, v32], + backgroundColor: ["#FF6384", "green"], + hoverBackgroundColor: ["#FF6384", "green"] + }] + }, + options: { + animation: { + animateScale: true, + animateRotate: true + + } + } + }); } -$(function() { - loadVimData(); - +$(function () { + loadVimData(); + })
\ No newline at end of file diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/location.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/location.html index b51c16a1..187bee32 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/location.html +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/location.html @@ -1,261 +1,262 @@ - <!DOCTYPE html> <html> <head> -<head lang="en"> -<meta charset="UTF-8"> -<title></title> -<link href="css/bootstrap.min.css" rel="stylesheet" /> -<link href="css/VMMain.css" rel="stylesheet" /> -<link href="css/resmgr.css" rel="stylesheet" /> -<link href="css/bootstrap-table.min.css" rel="stylesheet" /> + <head lang="en"> + <meta charset="UTF-8"> + <title></title> + <link href="css/bootstrap.min.css" rel="stylesheet"/> + <link href="css/VMMain.css" rel="stylesheet"/> + <link href="css/resmgr.css" rel="stylesheet"/> + <link href="css/bootstrap-table.min.css" rel="stylesheet"/> + + <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script> + <script type="text/javascript" src="js/bootstrap.min.js"></script> + <script type="text/javascript" src="js/bootstrap-table.min.js"></script> + <script type="text/javascript" src="js/bootbox.min.js"></script> + <script type="text/javascript" src="js/jquery.validate.min.js"></script> + <script type="text/javascript" src="js/validateset.js"></script> + + <script type="text/javascript" src="js/resmgr.js"></script> + + <style type="text/css"> + </style> + <script type="text/javascript"> + $(document).ready(function () { + /* var jsondata = [{ + "id": "123", + "country": "China", + "location": "Xi'an", + "description": "description", + "latitude": "23", + "longitude": "180" + },{ + "id": "1234", + "country": "Americaxx", + "location": "addressXXXxx", + "description": "xxxxx", + "latitude": "xxxx", + "longitude": "xxxx" + }]; -<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script> -<script type="text/javascript" src="js/bootstrap.min.js"></script> -<script type="text/javascript" src="js/bootstrap-table.min.js"></script> -<script type="text/javascript" src="js/bootbox.min.js"></script> -<script type="text/javascript" src="js/jquery.validate.min.js"></script> -<script type="text/javascript" src="js/validateset.js"></script> + $('#location_table').bootstrapTable({ + //Assigning example data to table + data: jsondata + }); */ -<script type="text/javascript" src="js/resmgr.js"></script> + loadLocationData(); + }); -<style type="text/css"> -</style> -<script type="text/javascript"> - $(document).ready(function() { -/* var jsondata = [{ - "id": "123", - "country": "China", - "location": "Xi'an", - "description": "description", - "latitude": "23", - "longitude": "180" - },{ - "id": "1234", - "country": "Americaxx", - "location": "addressXXXxx", - "description": "xxxxx", - "latitude": "xxxx", - "longitude": "xxxx" - }]; + function operateFormatter(value, row, index) { + return ['<img class="locationEditImg" src="images/edit.png" href="javascript:void(0)" style="cursor: pointer" name="edit" title="Edit" /> <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"> - <div - class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default" - tabindex="0" id="false" text="res.brApp_ui_res_btn_create" - icon-url="./images/add.png" cls="defaultbutton" click="clickAdd" - style="display: inline-block; padding-left: 0px; padding-right: 0px;"> - <div - class="openoButton_buttonInnerClass openo-corner-all openoButton_Image" - id="false_button"> +<div class="container-fluid ms-controller"> + <!-- button area --> + <div class="uploadBtn"> + <div id="open_base_tpL_userHeader" class="userHeader"> + <div id="open_base_tpL_buttonGroup" + class="openoButton_buttonGroupClass"> + <div + class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default" + tabindex="0" id="false" text="res.brApp_ui_res_btn_create" + icon-url="./images/add.png" cls="defaultbutton" click="clickAdd" + style="display: inline-block; padding-left: 0px; padding-right: 0px;"> + <div + class="openoButton_buttonInnerClass openo-corner-all openoButton_Image" + id="false_button"> <span class="openo-widget-button-image openoButton_buttonLeftImg" - style="background-image: url(images/add.png);"></span><span - class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Add Location</span><span - class="openo-widget-button-image openoButton_buttonImgDefault"></span> - </div> - </div> + style="background-image: url(images/add.png);"></span><span + class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Add Location</span><span + class="openo-widget-button-image openoButton_buttonImgDefault"></span> + </div> + </div> - <div - class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass undefined openoButton_button_default" - tabindex="0" id="meEdit" text="res.brApp_ui_res_btn_edit" - display="false" style="display: none;"> - <div class="openoButton_buttonInnerClass openo-corner-all" - id="meEdit_button"> + <div + class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass undefined openoButton_button_default" + tabindex="0" id="meEdit" text="res.brApp_ui_res_btn_edit" + display="false" style="display: none;"> + <div class="openoButton_buttonInnerClass openo-corner-all" + id="meEdit_button"> <span - class="openo-widget-button-image openoButton_buttonImgDefault"></span><span - class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Edit</span><span - class="openo-widget-button-image openoButton_buttonImgDefault"></span> - </div> - </div> + class="openo-widget-button-image openoButton_buttonImgDefault"></span><span + class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Edit</span><span + class="openo-widget-button-image openoButton_buttonImgDefault"></span> + </div> + </div> - </div> - </div> - </div> - <!-- table area --> - <div class="row-fluid" data-name="table_zone"> - <div id='ict_virtualApplication_table_div'> - <div> - <div class="top"> - <table id="location_table" data-pagination="true" data-page-size="5" - data-pagination-first-text="First" - data-pagination-pre-text="Previous" - data-pagination-next-text="Next" data-pagination-last-text="Last"> - <thead> - <tr class="active"> - <th data-field="id" data-sortable="true">Id</th> - <th data-field="country" data-sortable="true">Country</th> - <th data-field="location" data-sortable="true">Location</th> - <th data-field="description" data-sortable="true">Description</th> - <th data-field="latitude" data-sortable="true">Latitude</th> - <th data-field="longitude" data-sortable="true">Longitude</th> - <th align="center" data-formatter="operateFormatter" - data-events="operateEvents">Action</th> - </tr> - </thead> - </table> - </div> - </div> - </div> - </div> - <!-- modal dialog area --> - <div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog" - aria-labelledby="myModalLabel" aria-hidden="false"> - <div class="modal-dialog"> - <div class="modal-content"> - <div class="content"> - <div class="modal-header"> - <button type="button" class="close" data-dismiss="modal" - aria-hidden="true">×</button> - <h4 class="modal-title" id="myModalLabel"> - <span>Add Location</span> - </h4> - </div> - <form class="form-horizontal" role="form" id="vmAppForm"> - <div id="wizard"> - <div class="modal-body"> - <ul class="nav nav-pills nav-justified vmapp-margin"> - </ul> - <div class="tab-content"> - <div class="tab-pane active" id="basicTab"> - <div class="form-group" style="display:none;"> - <label class="col-sm-3 control-label"> <span>Id</span> - </label> - <div class="col-sm-7"> - <input type="text" id="id" name="id" - class="form-control" placeholder="id" /> - </div> - </div> - <div class="form-group"> - <label class="col-sm-3 control-label"> <span>Country</span> - <span class="required">*</span> - </label> - <div class="col-sm-7"> - <input type="text" id="country" name="country" - class="form-control" placeholder="Country" /> - </div> - </div> - <div class="form-group"> - <label class="col-sm-3 control-label"> <span>Location</span> - <span class="required">*</span> - </label> - <div class="col-sm-7"> - <input type="text" id="location" name="location" - class="form-control" placeholder="Location" /> - </div> - </div> - <div class="form-group"> - <label class="col-sm-3 control-label"> <span>Latitude</span> - <span class="required">*</span> - </label> - <div class="col-sm-7"> - <input type="text" id="latitude" name="latitude" - class="form-control" placeholder="Latitude" /> - </div> - </div> - <div class="form-group"> - <label class="col-sm-3 control-label"> <span>Longitude</span> - <span class="required">*</span> - </label> - <div class="col-sm-7"> - <input type="text" id="longitude" name="longitude" - class="form-control" placeholder="Longitude" /> - </div> - </div> - <div class="form-group"> - <label class="col-sm-3 control-label"> <span>Description</span> - - </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 diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/resource.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/resource.html index 702061ae..116990d8 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/resource.html +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/resource.html @@ -1,59 +1,59 @@ <!doctype html> <html> <head> -<meta charset="utf-8"> -<title></title> - <link href="css/bootstrap.min.css" rel="stylesheet" /> - <link href="css/RMain.css" rel="stylesheet" /> + <meta charset="utf-8"> + <title></title> + <link href="css/bootstrap.min.css" rel="stylesheet"/> + <link href="css/RMain.css" rel="stylesheet"/> <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> </head> <script type="text/javascript"> - $(function(){ - $('.openo_accordion_ui-icon-expand,.header').click(function(){ + $(function () { + $('.openo_accordion_ui-icon-expand,.header').click(function () { $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL').slideToggle(500); $('.openo_accordion_ui-icon-expand').toggleClass('current') }); - $('.openoAccordian_showHideArrow_hide').click(function(){ + $('.openoAccordian_showHideArrow_hide').click(function () { // $('#open_base_openo').css('margin-left','-200px'); // $('#open_base_openo').css('display','none'); // $('.bar').css('display','block'); - if($('#accordionmenuid').width() >= 200){ + if ($('#accordionmenuid').width() >= 200) { $('#accordionmenuid').width('18px'); - $('.openo_accordion_ui-icon-expand,.header,#accordionmenuid_ul_0_0_brAppTopMenuID_UL li a').css('display','none'); - $('#accordionmenuid_arrow').attr('classname','openoAccordian_showHideArrow_show'); - $('#iframeContainer').css('width','1284px'); - }else if($('#accordionmenuid').width() == 18){ + $('.openo_accordion_ui-icon-expand,.header,#accordionmenuid_ul_0_0_brAppTopMenuID_UL li a').css('display', 'none'); + $('#accordionmenuid_arrow').attr('classname', 'openoAccordian_showHideArrow_show'); + $('#iframeContainer').css('width', '1284px'); + } else if ($('#accordionmenuid').width() == 18) { $('#accordionmenuid').width('220px'); - $('.openo_accordion_ui-icon-expand,.header,#accordionmenuid_ul_0_0_brAppTopMenuID_UL li a').css('display','block'); - $('#accordionmenuid_arrow').attr('classname','openoAccordian_showHideArrow_hide'); - $('#iframeContainer').css('width','1063px'); + $('.openo_accordion_ui-icon-expand,.header,#accordionmenuid_ul_0_0_brAppTopMenuID_UL li a').css('display', 'block'); + $('#accordionmenuid_arrow').attr('classname', 'openoAccordian_showHideArrow_hide'); + $('#iframeContainer').css('width', '1063px'); } - + }); - $('.bar span').click(function(){ - $('#open_base_openo').css('display','block'); - $('.bar').css('display','none'); - $('#iframeContainer').css('width','1063px'); + $('.bar span').click(function () { + $('#open_base_openo').css('display', 'block'); + $('.bar').css('display', 'none'); + $('#iframeContainer').css('width', '1063px'); }); - $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL li').click(function(){ + $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL li').click(function () { $(this).addClass('openo_accordion_selected').siblings().removeClass('openo_accordion_selected'); }); - $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_0_brAppSiteMenuID').click(function(){ - $('#accordionContent').attr('src','location.html'); + $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_0_brAppSiteMenuID').click(function () { + $('#accordionContent').attr('src', 'location.html'); }); - $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_1_brAppMeMenuID').click(function(){ - $('#accordionContent').attr('src','vim.html'); + $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_1_brAppMeMenuID').click(function () { + $('#accordionContent').attr('src', 'vim.html'); }); - $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_2_brAppTpMenuID').click(function(){ - $('#accordionContent').attr('src','datacenter.html'); + $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_2_brAppTpMenuID').click(function () { + $('#accordionContent').attr('src', 'datacenter.html'); }); - - $('#accordionContent').attr('src','location.html'); + + $('#accordionContent').attr('src', 'location.html'); }) </script> <body> - <div id="febDiv" style="overflow: hidden;"> +<div id="febDiv" style="overflow: hidden;"> <div id="open_base_feb"> <!--use for store menu come from feb service, maybe just a temple plan--> <div id="app"> @@ -66,28 +66,38 @@ <span></span> </td> <td id="open_base_openo" class="three-cols-column three-cols-left"> - <div id="accordionmenuid" allow-resize="true" dataset="dataArr" height="resHeight" listeners="callBacklisteners" resize-callback="resizehandler" current-select="currentselect" click="clickHandler" class="ng-isolate-scope accordion_parent openo_accordion_main_menu" style="height: 870px;"> + <div id="accordionmenuid" allow-resize="true" dataset="dataArr" height="resHeight" + listeners="callBacklisteners" resize-callback="resizehandler" + current-select="currentselect" click="clickHandler" + class="ng-isolate-scope accordion_parent openo_accordion_main_menu" + style="height: 870px;"> <div class="openo-accordion-resizable-handle" style="cursor: auto;"></div> <ul id="accordionmenuid_ul" class="openoAccordian_accordionmenu"> <li id="accordionmenuid_ul_0_0_brAppTopMenuID" nodeid="brAppTopMenuID"> - <span class="openo_accordion_ui-icon-expand" style="padding-left: 20px; height: 60px;cursor: pointer;"></span> - <span class="openoAccordian_showHideArrow_hide" id="accordionmenuid_arrow" style="cursor: pointer;"></span> - <a title="brApp" class="header opened" style="padding-left: 10px; cursor: pointer;">Resource</a> + <span class="openo_accordion_ui-icon-expand" + style="padding-left: 20px; height: 60px;cursor: pointer;"></span> + <span class="openoAccordian_showHideArrow_hide" id="accordionmenuid_arrow" + style="cursor: pointer;"></span> + <a title="brApp" class="header opened" + style="padding-left: 10px; cursor: pointer;">Resource</a> <ul id="accordionmenuid_ul_0_0_brAppTopMenuID_UL"> - <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_0_brAppSiteMenuID" nodeid="brAppSiteMenuID" class="" style="display: list-item;"> + <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_0_brAppSiteMenuID" + nodeid="brAppSiteMenuID" class="" style="display: list-item;"> <a title="点击访问站点" class="" style="padding-left: 62px;">Location</a> - </li> - <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_1_brAppMeMenuID" nodeid="brAppMeMenuID" style="display: list-item;"> - <a title="点击访问网元" style="padding-left: 62px;">Vim</a> </li> - <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_2_brAppTpMenuID" nodeid="brAppTpMenuID" style="display: list-item;"> - <a title="点击访问端口" style="padding-left: 62px;">DataCenter</a> + <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_1_brAppMeMenuID" + nodeid="brAppMeMenuID" style="display: list-item;"> + <a title="点击访问网元" style="padding-left: 62px;">Vim</a> + </li> + <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_2_brAppTpMenuID" + nodeid="brAppTpMenuID" style="display: list-item;"> + <a title="点击访问端口" style="padding-left: 62px;">DataCenter</a> </li> - + </ul> </li> </ul> - </div> + </div> </td> <td id="open_base_iframe" class="three-cols-column three-cols-center" style="padding: 0px;"> diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/vim.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/vim.html index 31879e18..d4697da3 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/vim.html +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/vim.html @@ -1,52 +1,52 @@ - <!DOCTYPE html> <html> <head> -<head lang="en"> -<meta charset="UTF-8"> -<title></title> -<link href="css/bootstrap.min.css" rel="stylesheet" /> -<link href="css/VMMain.css" rel="stylesheet" /> -<link href="css/bootstrap-table.min.css" rel="stylesheet" /> - -<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script> -<script type="text/javascript" src="js/bootstrap.min.js"></script> -<script type="text/javascript" src="js/bootstrap-table.min.js"></script> -<script type="text/javascript" src="js/bootbox.min.js"></script> -<script type="text/javascript" src="js/jquery.validate.min.js"></script> -<script type="text/javascript" src="js/chart.min.js"></script> - -<script type="text/javascript" src="js/vim.js"></script> - -<style type="text/css"> -</style> - -</head> + <head lang="en"> + <meta charset="UTF-8"> + <title></title> + <link href="css/bootstrap.min.css" rel="stylesheet"/> + <link href="css/VMMain.css" rel="stylesheet"/> + <link href="css/bootstrap-table.min.css" rel="stylesheet"/> + + <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script> + <script type="text/javascript" src="js/bootstrap.min.js"></script> + <script type="text/javascript" src="js/bootstrap-table.min.js"></script> + <script type="text/javascript" src="js/bootbox.min.js"></script> + <script type="text/javascript" src="js/jquery.validate.min.js"></script> + <script type="text/javascript" src="js/chart.min.js"></script> + + <script type="text/javascript" src="js/vim.js"></script> + + <style type="text/css"> + </style> + + </head> <body id="open_base_site_cotentBody" class="cotentBody ng-scope"> - <div class="container-fluid ms-controller"> - <br> - <div style="font-size:18px">resource using status:</div> - <hr> - <!-- chart area --> - <div style="width:30%;float: left;text-align:center;display: inline"> - <canvas id="cpuChart" ></canvas><br> - <label style="font-size:14px;">Cpu status</label> - </div> - <div style="width:30%;float: left;text-align:center;display: inline"> - <canvas id="memoryChart" ></canvas> - <br> - <label style="font-size:14px;">Memory status</label> - </div> - <div style="width:30%;float: left;text-align:center;display: inline"> - <canvas id="diskChart" ></canvas><br> - <label style="font-size:14px;">Disk status</label> - </div> - <script type="text/javascript"> - - - - </script> - </div> +<div class="container-fluid ms-controller"> + <br> + <div style="font-size:18px">resource using status:</div> + <hr> + <!-- chart area --> + <div style="width:30%;float: left;text-align:center;display: inline"> + <canvas id="cpuChart"></canvas> + <br> + <label style="font-size:14px;">Cpu status</label> + </div> + <div style="width:30%;float: left;text-align:center;display: inline"> + <canvas id="memoryChart"></canvas> + <br> + <label style="font-size:14px;">Memory status</label> + </div> + <div style="width:30%;float: left;text-align:center;display: inline"> + <canvas id="diskChart"></canvas> + <br> + <label style="font-size:14px;">Disk status</label> + </div> + <script type="text/javascript"> + + + </script> +</div> </body> </html>
\ No newline at end of file diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/css/RMain.css b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/css/RMain.css new file mode 100644 index 00000000..0a74032c --- /dev/null +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/css/RMain.css @@ -0,0 +1,239 @@ +/* Copyright 2016, Huawei Technologies Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#iemp_layout_container {
+ padding: 0px;
+ margin: 1px auto;
+ width: 100%;
+ height: 100%;
+}
+
+#iemp_layout_container .three-cols-layout {
+ width: 100%;
+ height: 100%;
+ border-collapse: collapse;
+ margin-left: 0px;
+ margin-top: 0px;
+ margin-right: 0px;
+ margin-bottom: 0px;
+}
+
+#iemp_layout_container .three-cols-layout {
+ width: 100%;
+ height: 100%;
+ border-collapse: collapse;
+ margin-left: 0px;
+ margin-top: 0px;
+ margin-right: 0px;
+ margin-bottom: 0px;
+}
+
+#iemp_layout_container .three-cols-column.three-cols-left {
+ width: 215px;
+ background-color: #f5f5f5;
+}
+
+.accordion_parent {
+ position: relative;
+ width: 220px;
+ background-color: #f5f5f5;
+}
+
+.openo-accordion-resizable-handle {
+ z-index: 1 !important;
+ cursor: e-resize;
+ width: 7px;
+ right: -5px;
+ top: 0;
+ height: 100%;
+ position: absolute;
+ font-size: .1px;
+ display: block;
+}
+
+.openoAccordian_accordionmenu {
+ width: 100%;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ line-height: 17px;
+}
+
+.openoAccordian_accordionmenu li {
+ min-width: 75px;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ color: #000;
+ clear: both;
+}
+
+.openo_accordion_ui-icon-collapse, .openo_accordion_ui-icon-expand {
+ display: block;
+ float: left;
+ margin-bottom: -1px;
+ border-bottom: 1px solid #e5e5e5;
+ cursor: pointer;
+ width: 13px;
+ padding-top: 26px;
+}
+
+.openo_accordion_ui-icon-expand {
+ background: url(../images/collapse_arrow.png) right 20px no-repeat;
+ margin-top: 8px;
+}
+
+.openo_accordion_ui-icon-expand.current {
+ background: url(../images/expand_arrow.png) right 20px no-repeat;
+}
+
+.openoAccordian_showHideArrow_hide, .openoAccordian_showHideArrow_show {
+ display: block;
+ position: absolute;
+ right: 0;
+ top: 4px;
+ width: 18px;
+ height: 41px;
+ cursor: pointer;
+ background-color: #f5f5f5;
+}
+
+.openoAccordian_showHideArrow_hide {
+ background-image: url(../images/openo.png);
+ background-position: -7px 0 !important;
+ border-collapse: separate;
+ /*box-shadow: inset -1px 0 0 #e5e5e5;*/
+}
+
+a.header.opened, a.header.closed {
+ font-size: 16px;
+ padding-top: 24px;
+ padding-bottom: 25px;
+ color: #999999;
+}
+
+.openoAccordian_accordionmenu .closed, .openoAccordian_accordionmenu .opened {
+ padding-right: 10px;
+ background-position: 98% 50%;
+ background-repeat: no-repeat;
+}
+
+.openoAccordian_accordionmenu li a {
+ padding: 11px 10px 12px;
+ color: #333333;
+ margin-right: 1px;
+ margin-top: -1px;
+ text-align: left !important;
+ font-family: "Microsoft Yahei", SimSun, Arial, Tahoma;
+ font-size: 14px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ border-top: 1px solid #e5e5e5;
+ border-bottom: 1px solid #e5e5e5;
+ /*height: 19px;*/
+}
+
+.openoAccordian_accordionmenu ul {
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+}
+
+.openoAccordian_accordionmenu a {
+ display: block;
+ text-decoration: none;
+}
+
+a {
+ color: #428bca;
+ text-decoration: none;
+ background: 0 0;
+}
+
+.bar {
+ height: 834px;
+ width: 18px;
+ background: #f8f8f8;
+ display: none;
+}
+
+.bar span {
+ width: 13px;
+ height: 34px;
+ background-image: url(../images/openo.png);
+ background-position: -39px 0 !important;
+ display: block;
+ /*margin-top: -430px;*/
+}
+
+#accordionmenuid_ul_0_0_brAppTopMenuID_UL li {
+ cursor: pointer;
+}
+
+#puer_base_openo {
+ border: 1px solid #ddd;
+}
+
+.openo_accordion_selected {
+ margin-left: 0;
+ margin-right: 0;
+ background: #fafafa;
+ border-left: 3px solid #4ac9ff !important;
+ box-shadow: none;
+ position: relative;
+}
+
+a:hover {
+ color: #4ac9ff !important;
+}
+
+.openoAccordian_accordionmenu li.openo_accordion_selected a {
+ position: relative;
+ left: -3px;
+ color: #009ae7;
+}
+
+.openo-accordion-resizable-handle {
+ z-index: 1 !important;
+ cursor: e-resize;
+ width: 7px;
+ right: -5px;
+ top: 0;
+ height: 100%;
+ position: absolute;
+ font-size: .1px;
+ display: block;
+}
+
+#iframeContainer iframe {
+ width: 100%;
+ height: 100%;
+ border: 0;
+}
+
+#accordionContent, #iframeContainer {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ width: 100%;
+ height: 100%;
+}
+
+.openoAccordian_showHideArrow_show {
+ background-image: url(../images/openo.png);
+ background-position: -39px 0 !important;
+ box-shadow: inset 1px 0 0 #e5e5e5, inset -1px 0 0 #e5e5e5;
+}
\ No newline at end of file diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/css/VMMain.css b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/css/VMMain.css new file mode 100644 index 00000000..a1c08668 --- /dev/null +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/css/VMMain.css @@ -0,0 +1,758 @@ +/* Copyright 2016, Huawei Technologies Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+body {
+ font-family: '微软雅黑';
+ font-size: 12px;
+ color: #333;
+ background: #fafafa;
+}
+
+button {
+ outline: none;
+}
+
+ul, li {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+.titleFont {
+ font-size: 16px;
+}
+
+.separator-line {
+ height: 1px;
+ width: 100%;
+ border: 1px solid #ddd;
+ margin: 6px 0 15px 0;
+}
+
+.uploadBtn {
+ overflow: hidden;
+}
+
+.creat-btn {
+ padding: 0 14px;
+ height: 24px;
+ float: left;
+ cursor: pointer;
+ text-decoration: none;
+ outline: 0;
+ border: 1px solid #d3d3d3;
+ text-align: center;
+ box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
+ background: #fafafa;
+ background: -moz-linear-gradient(top, #fff, #fafafa);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #fafafa));
+ background: -webkit-linear-gradient(top, #fff, #fafafa);
+ background: linear-gradient(to bottom, #fff, #fafafa);
+ border-radius: 6px;
+ background: #fff url(../images/add.png) no-repeat 5px center;
+ padding-left: 20px;
+}
+
+.creat-btn:hover {
+ color: #009ae7;
+ border: 1px solid #4AC9FF
+}
+
+.creat-btn:active {
+ color: #000;
+ border: 1px solid #4AC9FF
+}
+
+/*.creat-btn{
+ background: #fff url(../image/add.png) no-repeat 5px center;
+ border: 1px solid #ddd;
+ float: left;
+}
+.creat-btn:hover{
+ background: #428bca;
+ color: #fff;
+ border:1px solid #428bca;
+}*/
+.search {
+ width: 310px;
+ height: 30px;
+ float: right;
+}
+
+.search-text {
+ width: 250px;
+ float: left;
+ margin-right: 6px;
+}
+
+.search-btn {
+ height: 30px;
+ background: #fff;
+ border: 1px solid #ddd;
+ float: left;
+}
+
+#ict_virtualApplication_table_div {
+ margin-top: 15px;
+}
+
+.table > thead > tr.active > th {
+ border: 1px solid #ddd !important;
+ border-bottom: 0;
+ background: #f0f0f0;
+}
+
+/*.table tbody tr:hover{
+ background: #e6fbe0!important;
+}*/
+.table tbody tr:last-child {
+ border-bottom: 1px solid #ddd;
+}
+
+.table-btn {
+ border: 1px solid #ccc;
+ border-radius: 3px;
+}
+
+.delete-btn {
+ background: url(../image/delete.png) no-repeat;
+ width: 16px;
+ height: 16px;
+ border: none;
+}
+
+.detail-btn {
+ background: url(../image/openo.png) no-repeat -343px -283px;
+ width: 16px;
+ height: 16px;
+ border: none;
+}
+
+.detail-btn.current {
+ background-position: -7px -314px;
+}
+
+.detail {
+ height: 200px;
+ border: 1px solid #ddd;
+ margin-top: 60px;
+}
+
+.detail-top ul {
+ height: 50px;
+ line-height: 50px;
+ border-bottom: 1px solid #ddd;
+ padding-left: 0px;
+ background: #fafafa;
+}
+
+.detail-top ul li {
+ float: left;
+ width: 120px;
+ text-align: center;
+ border-right: 1px solid #ddd;
+ cursor: pointer;
+}
+
+.detail-top ul li.current {
+ background: #fff;
+}
+
+.vmapp-margin {
+ margin-bottom: 10px;
+}
+
+.control-label .required {
+ color: #e02222;
+ font-size: 12px;
+ padding-left: 2px;
+}
+
+.form-group .control-label {
+ font-size: 12px;
+ font-weight: 400;
+}
+
+legend {
+ font-size: 12px;
+ font-weight: bold;
+}
+
+.pageGro {
+ width: 250px;
+ float: right;
+}
+
+.pageUp, .pageDown, .pageList, .pageList li {
+ float: left;
+ cursor: pointer;
+}
+
+.pageUp, .pageDown {
+ width: 60px;
+ height: 30px;
+ border: 1px solid #ddd;
+ text-align: center;
+ line-height: 30px;
+}
+
+.pageList li {
+ width: 30px;
+ height: 30px;
+ border: 1px solid #ddd;
+ text-align: center;
+ line-height: 30px;
+ border-left: none;
+}
+
+.pageList li.active {
+ background: #428bca;
+ color: #fff;
+ border-color: #428bca;
+}
+
+.pageDown {
+ border-left: none;
+}
+
+.headerLinkP {
+ padding-top: 17px;
+}
+
+.headerLinkP span {
+ font-size: 12px;
+ color: #666;
+ font-weight: normal !important;
+}
+
+label {
+ font-weight: normal !important;
+}
+
+table.userform tbody tr td {
+ display: table-cell;
+ padding-right: 10px;
+ padding-top: 10px;
+ font-size: 12px;
+ color: #333;
+}
+
+.table th, .table td {
+ padding-top: 3px !important;
+ padding-bottom: 3px !important;
+}
+
+.openoBrowseButton_element {
+ display: table;
+}
+
+.openo {
+ font-family: "Microsoft Yahei", SimSun, Arial, Tahoma;
+ font-size: 12px;
+ color: #000;
+}
+
+.openoBrowseButton_input {
+ width: 198px;
+ position: relative;
+ border: 1px solid #c3c3c3 !important;
+ height: 26px;
+ background-color: #f3f3f3;
+ border-radius: 4px 0 0 4px;
+ border-right: none;
+ padding: 0;
+}
+
+.buttonClassDefault, .buttonClassDefault:active {
+ cursor: pointer;
+ background-image: url(../images/openo.png);
+ background-position: -154px -7px !important;
+}
+
+.openoBrowseButton_button {
+ width: 27px;
+ border: 0;
+ float: right;
+ position: relative;
+ height: 26px;
+ right: 0;
+ top: 0;
+ border-radius: 0 4px 4px 0;
+ border-right: 1px solid #c3c3c3;
+ border-left: none;
+}
+
+.openo .openo-input, .openo.openo-input {
+ outline: 0;
+ border: 1px solid #c3c3c3;
+ box-shadow: 1px 1px #f6f6f6 inset;
+ background-color: #fff;
+ height: 26px;
+}
+
+.openoInput_openoDefaultText {
+ padding: 0 0 0 6px;
+ border-radius: 4px;
+ color: #000;
+ display: inline-block;
+ outline: 0;
+ box-shadow: 1px 1px #f6f6f6 inset;
+ font-size: 12px;
+ background: #fff;
+}
+
+div.openo-select {
+ border: 1px solid #c3c3c3;
+ border-radius: 4px;
+ background: url(../images/arrow-down-enable.png) right no-repeat #fff;
+ line-height: 24px;
+ padding-left: 3px;
+ display: block;
+}
+
+div.openo-select > input.openo-select-input {
+ border: none;
+ outline: 0;
+ line-height: 21px;
+ height: 21px;
+ padding-left: 3px;
+ border-right: solid 1px #c3c3c3;
+}
+
+.openo .openo-ellipsis, .openo.openo-ellipsis {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+
+a.openoButton_buttonClass, a.openoButton_buttonDisableClass, div.openoButton_buttonClass, div.openoButton_buttonDisableClass {
+ height: 26px;
+ float: left;
+ cursor: pointer;
+ text-decoration: none;
+ outline: 0;
+ border: 1px solid #d3d3d3;
+ text-align: center;
+ box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
+ background: #fafafa;
+ background: -moz-linear-gradient(top, #fff, #fafafa);
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #fafafa));
+ background: -webkit-linear-gradient(top, #fff, #fafafa);
+ background: linear-gradient(to bottom, #fff, #fafafa);
+ border-radius: 6px;
+}
+
+.openoButton_buttonInnerClass {
+ padding: 0 19px;
+ border-radius: 6px;
+}
+
+.openoButton_buttonCenterText {
+ color: #000;
+ line-height: 24px;
+ white-space: nowrap;
+ width: auto !important;
+}
+
+.userHeader {
+ clear: left;
+ overflow: hidden;
+ margin-bottom: 10px;
+ padding: 10px 10px 0px 0px;
+}
+
+.openoButton_buttonGroupClass {
+ display: inline;
+}
+
+.openoButton_buttonGroupClass div.openoButton_buttonClass_parent:first-child {
+ margin-left: 0;
+}
+
+.openoButton_buttonLeftImg {
+ margin-right: 5px;
+}
+
+.openoButton_buttonLeftImg, .openoButton_buttonRightImg {
+ display: inline-block;
+ vertical-align: top;
+ width: 16px;
+ height: 16px;
+ margin-top: 4px;
+}
+
+.openo-table-pagination-wrapper {
+ height: 37px;
+}
+
+.openo-pagination {
+ display: block;
+ float: left;
+ overflow: hidden;
+ padding: 5px 0 0;
+ margin-top: 8px;
+}
+
+.openoPagination_openoPaginationLengthOptions:not(msie8) {
+ line-height: 24px;
+}
+
+.openoPagination_openoPaginationLengthOptions {
+ white-space: normal;
+ height: 24px;
+ float: left;
+ outline: 0;
+ line-height: 20px;
+ margin: 0 5px;
+}
+
+.openo-pagination-select {
+ height: 26px;
+ line-height: 22px;
+ text-align: center;
+ margin-right: -2px;
+ border: 1px solid #e0e0e0;
+ border-radius: 5px 0 0 5px;
+ padding: 1px;
+}
+
+.openoPagination_openoPaginationLengthOptions span {
+ background-color: #fff !important;
+}
+
+.openo-pagination-theme a, .openo-pagination-theme span {
+ float: left;
+ color: #666;
+ font: 12px Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
+ line-height: 24px;
+ font-weight: 400;
+ text-align: center;
+ border: 1px solid #e0e0e0;
+ text-decoration: none !important;
+ padding: 0 7px;
+ border-radius: 3px;
+ background: #fff;
+}
+
+.openo-pagination-selectspan {
+ background: url(../images/ideo_default_select.png) left no-repeat !important;
+ float: right !important;
+ width: 26px;
+ height: 26px;
+ cursor: pointer;
+}
+
+.openo-pagination-theme label {
+ padding-top: 6px;
+ vertical-align: middle;
+ margin-right: 20px;
+ margin-top: -1px;
+ float: left;
+ display: inline-block;
+ height: 20px;
+ font: 12px Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
+}
+
+.openo-pagination li, .openo-pagination ul {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ float: left;
+}
+
+dd, dl, dt, li {
+ color: #000;
+}
+
+.openo-pagination-theme a, .openo-pagination-theme span.current {
+ margin: 0 5px 0 0;
+}
+
+.openo .openo-disabled, .openo.openo-disabled {
+ border-color: #c3c3c3 !important;
+ color: #666 !important;
+ opacity: .3;
+ filter: alpha(opacity=30);
+}
+
+.openo-pagination-theme .prev {
+ background: 0 0;
+ float: left;
+}
+
+.openo-pagination-theme .current {
+ text-decoration: none !important;
+ float: left;
+ padding-left: 6px;
+ height: 24px;
+ color: #fff;
+ display: inline;
+ border-color: #00adf5;
+ background: #4ad2ff;
+}
+
+.openo-pagination-theme a, .openo-pagination-theme span {
+ float: left;
+ color: #666;
+ font: 12px Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
+ line-height: 24px;
+ font-weight: 400;
+ text-align: center;
+ border: 1px solid #e0e0e0;
+ text-decoration: none !important;
+ padding: 0 7px;
+ border-radius: 3px;
+ background: #fff;
+}
+
+.openo-pagination-theme .prev.openo-disabled:before {
+ background: url(../images/page_left_disabled.png) 50% 45% no-repeat;
+}
+
+.openo-pagination-theme .prev.openo-disabled:before {
+ background: url(../images/page_left_disabled.png) 50% 45% no-repeat;
+}
+
+.openo-pagination-theme .prev:before {
+ background: url(../images/page_l.png) 50% 45% no-repeat;
+}
+
+.openo-pagination-theme .next:after, .openo-pagination-theme .prev:before {
+ display: inline-block;
+ content: "";
+ vertical-align: middle;
+ width: 10px;
+ height: 24px;
+}
+
+.openo-pagination-theme .prev:before {
+ background: url(../images/page_l.png) 50% 45% no-repeat;
+}
+
+.openo-pagination-theme .next:after, .openo-pagination-theme .prev:before {
+ display: inline-block;
+ content: "";
+ vertical-align: middle;
+ width: 10px;
+ height: 24px;
+}
+
+pagination ul {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ float: left;
+}
+
+.openo-pagination li, .openo-pagination ul {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+ float: left;
+}
+
+.openoPagination_gototext {
+ background: #FFF;
+ outline: 0;
+ width: 29px;
+ float: left;
+ height: 26px;
+ line-height: 24px;
+ border-radius: 4px;
+ border: 1px solid #c3c3c3;
+ padding: 0 0 0 5px;
+ margin: 0;
+ color: #666;
+ min-width: 50px;
+}
+
+.openoPagination_gotoimage {
+ width: 29px;
+ height: 26px;
+ line-height: 26px;
+ background-color: #FFF;
+ background-image: url(/portal/themes/default/components/openo/images/openo.png);
+ padding-left: 21px;
+ float: left;
+ margin-left: 5px;
+ border: 1px solid #e0e0e0;
+ border-radius: 4px;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ background-position: -184px -181px !important;
+}
+
+.openo-pagination-theme .ellipse {
+ float: left;
+ margin-left: -8px;
+ margin-right: -4px;
+ background: 0 0;
+ border: none;
+ border-radius: 0;
+ box-shadow: none;
+ font-weight: 700;
+ cursor: default;
+}
+
+.openo.openo-disabled {
+ border-color: #c3c3c3 !important;
+ color: #666 !important;
+ opacity: .3;
+ filter: alpha(opacity=30);
+}
+
+.openo-pagination-theme .prev {
+ background: 0 0;
+ float: left;
+}
+
+.openo-pagination-theme .current {
+ text-decoration: none !important;
+ float: left;
+ padding-left: 6px;
+ height: 26px;
+ color: #fff;
+ display: inline;
+ /*border-color: #00adf5;
+ background: #4ad2ff;*/
+ border: 1px solid #e0e0e0;
+}
+
+.openo-pagination-theme .next:after {
+ background: url(../images/page_r.png) 50% 45% no-repeat;
+}
+
+.openoButton_buttonGroupClass div.openoButton_buttonClass_parent, .openoButton_buttonRightImg {
+ margin-left: 5px;
+}
+
+html, body {
+ height: 99%;
+ width: 98%;
+}
+
+.cotentBody {
+ padding: 0px 20px 0px 20px;
+}
+
+div.openoButton_buttonClass:hover {
+ border: 1px solid #4ac9ff;
+}
+
+div.openoButton_button_default:hover .openoButton_buttonCenterText {
+ color: #009ae7;
+}
+
+.header_lineimg {
+ height: 1px;
+ width: 100%;
+ margin-top: 17px;
+}
+
+.openo.openo-hide {
+ display: none;
+}
+
+div.openo-select-popup-container {
+ position: absolute;
+ border: 1px solid #4ac9ff;
+ border-top: none;
+ border-radius: 0 0 4px 4px;
+ max-height: 202px;
+ overflow-y: auto;
+ background-color: #fff;
+ z-index: 880;
+}
+
+div.openo-select-popup-container > div.openo-select-item {
+ display: block;
+}
+
+.openo .openo-ellipsis, .openo.openo-ellipsis {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+
+div.openo-select-popup-container > div.openo-select-item > label {
+ padding-top: 3px;
+ padding-bottom: 3px;
+ line-height: 20px;
+}
+
+.openo .openo-ellipsis, .openo.openo-ellipsis {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+
+.openo-select-item label {
+ margin-left: 4px;
+ margin-right: 4px;
+ white-space: nowrap;
+}
+
+div.openo-select-popup-container > div.openo-select-item.openo-item-selected, div.openo-select-popup-container > div.openo-select-item:hover {
+ background-color: #f1f1f1;
+ color: #008fd6;
+}
+
+div.openo-select.openo-focus {
+ border: 1px solid #4ac9ff;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ border-bottom-color: #ddd;
+}
+
+.openo-pagination-theme a:hover {
+ border-color: #4ac9ff;
+ cursor: pointer;
+}
+
+.SDBtn {
+ background: #fff;
+ color: #333;
+ border: 1px solid #ddd;
+}
+
+.SDBtn:hover {
+ color: #009ae7;
+ border: 1px solid #4AC9FF
+}
+
+table tbody tr.even:hover td, table tbody tr.odd:hover td {
+ background-color: #e6fbe0;
+}
+
+table tr.openoTable_row_selected td {
+ background: #e8f8fe !important;
+ border-bottom: 1px solid #e8e8e8 !important;
+}
+
+.modal-body {
+ padding: 0 !important;
+}
+
+.form-control {
+ height: 26px !important;
+}
+
+.form-group .control-label {
+ margin-left: 20px;
+}
+
+.form-horizontal .control-label {
+ text-align: left;
+}
\ No newline at end of file diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/css/bootstrap-table.min.css b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/css/bootstrap-table.min.css index d72d0655..d72d0655 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/css/bootstrap-table.min.css +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/css/bootstrap-table.min.css diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/css/bootstrap.min.css b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/css/bootstrap.min.css index 679272d2..679272d2 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/css/bootstrap.min.css +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/css/bootstrap.min.css diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/License.txt b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/License.txt index 8e698ecb..8e698ecb 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/License.txt +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/License.txt diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/add.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/add.png Binary files differindex d1f82993..d1f82993 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/add.png +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/add.png diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/arrow-down-enable.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/arrow-down-enable.png Binary files differindex dc8ddbe6..dc8ddbe6 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/arrow-down-enable.png +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/arrow-down-enable.png diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/collapse_arrow.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/collapse_arrow.png Binary files differindex 8830741a..8830741a 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/collapse_arrow.png +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/collapse_arrow.png diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/delete.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/delete.png Binary files differindex 737f8797..737f8797 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/delete.png +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/delete.png diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/edit.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/edit.png Binary files differindex 68d76257..68d76257 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/edit.png +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/edit.png diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/expand_arrow.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/expand_arrow.png Binary files differindex f8935e1f..f8935e1f 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/expand_arrow.png +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/expand_arrow.png diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/ideo_default_select.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/ideo_default_select.png Binary files differindex 50c3a251..50c3a251 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/ideo_default_select.png +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/ideo_default_select.png diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/import.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/import.png Binary files differindex 8cfc5256..8cfc5256 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/import.png +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/import.png diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/line.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/line.png Binary files differindex 9d340a8d..9d340a8d 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/line.png +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/line.png diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/loading-spinner-grey.gif b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/loading-spinner-grey.gif Binary files differindex 6d614d3d..6d614d3d 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/loading-spinner-grey.gif +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/loading-spinner-grey.gif diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/openo.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/openo.png Binary files differindex 328b7353..328b7353 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/openo.png +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/openo.png diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/page_l.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/page_l.png Binary files differindex e8b98c7c..e8b98c7c 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/page_l.png +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/page_l.png diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/page_left_disabled.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/page_left_disabled.png Binary files differindex f72a90bd..f72a90bd 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/page_left_disabled.png +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/page_left_disabled.png diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/page_r.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/page_r.png Binary files differindex 2e637eee..2e637eee 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/page_r.png +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/page_r.png diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/sort_asc.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/sort_asc.png Binary files differindex a88d7975..a88d7975 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/sort_asc.png +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/sort_asc.png diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/sort_both.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/sort_both.png Binary files differindex 18670406..18670406 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/sort_both.png +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/sort_both.png diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/sort_desc.png b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/sort_desc.png Binary files differindex def071ed..def071ed 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/images/sort_desc.png +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/images/sort_desc.png diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/js/bootstrap-table.min.js b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/js/bootstrap-table.min.js index aa8e6854..aa8e6854 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/js/bootstrap-table.min.js +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/js/bootstrap-table.min.js diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/js/bootstrap.min.js b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/js/bootstrap.min.js index b04a0e82..b04a0e82 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/js/bootstrap.min.js +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/js/bootstrap.min.js diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/js/brs.js b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/js/brs.js new file mode 100644 index 00000000..90489c5b --- /dev/null +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/js/brs.js @@ -0,0 +1,342 @@ +/* Copyright 2016, Huawei Technologies Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+$('.siteDeleteImg').click(function () {
+ var data = $(this).parent().parent().parent().find('td:last').find('div:last').html();
+ alert(data);
+ var jsonObj = JSON.parse(data);
+ for (var i = 0; i < jsonObj.length; i++) {
+ var obj = jsonObj[i];
+ var rowData = [obj.tpName, obj.peName, obj.vlanId, obj.siteCidr, obj.ip];
+ $('#underlayTpDataTable').DataTable();
+ $('#underlayTpDataTable').dataTable().fnAddData(rowData);
+ }
+});
+
+
+function deleteSite(objectId) {
+ var requestUrl = "/openoapi/sdnobrs/v1/sites/" + objectId;
+ $
+ .ajax({
+ type: "DELETE",
+ url: requestUrl,
+ contentType: "application/json",
+ success: function (jsonobj) {
+ $('#site').bootstrapTable('remove', {
+ field: 'id',
+ values: [objectId]
+ });
+ alert("Delete Site successfull !!!");
+ },
+ error: function (xhr, ajaxOptions, thrownError) {
+ alert("Error on deleting site: " + xhr.responseText);
+ }
+ });
+}
+function deleteLink(objectId) {
+ var requestUrl = "/openoapi/sdnobrs/v1/topological-links/" + objectId;
+ $
+ .ajax({
+ type: "DELETE",
+ url: requestUrl,
+ contentType: "application/json",
+ success: function (jsonobj) {
+ $('#link').bootstrapTable('remove', {
+ field: 'id',
+ values: [objectId]
+ });
+ alert("Delete Link successfull !!!");
+ },
+ error: function (xhr, ajaxOptions, thrownError) {
+ alert("Error on deleting link : " + xhr.responseText);
+ }
+ });
+}
+
+function deleteNe(objectId) {
+ var requestUrl = "/openoapi/sdnobrs/v1/managed-elements/" + objectId;
+ $
+ .ajax({
+ type: "DELETE",
+ url: requestUrl,
+ contentType: "application/json",
+ success: function (jsonobj) {
+ $('#ne').bootstrapTable('remove', {
+ field: 'id',
+ values: [objectId]
+ });
+ alert("Delete NE successfull !!!");
+ },
+ error: function (xhr, ajaxOptions, thrownError) {
+ alert("Error on deleting ne : " + xhr.responseText);
+ }
+ });
+}
+
+function deletePort(objectId) {
+ var requestUrl = "/openoapi/sdnobrs/v1/logical-termination-points/" + objectId;
+ $
+ .ajax({
+ type: "DELETE",
+ url: requestUrl,
+ contentType: "application/json",
+ success: function (jsonobj) {
+ $('#port').bootstrapTable('remove', {
+ field: 'id',
+ values: [objectId]
+ });
+ alert("Delete Port successfull !!!");
+ },
+ error: function (xhr, ajaxOptions, thrownError) {
+ alert("Error on deleting port : " + xhr.responseText);
+ }
+ });
+}
+function loadSiteData() {
+ var requestUrl = "/openoapi/sdnobrs/v1/sites";
+ $
+ .ajax({
+ type: "GET",
+ url: requestUrl,
+ contentType: "application/json",
+ success: function (jsonobj) {
+ $('#site').bootstrapTable({
+ data: jsonobj.sites
+ });
+ },
+ error: function (xhr, ajaxOptions, thrownError) {
+ alert("Error on getting site data : " + xhr.responseText);
+ }
+ });
+}
+function loadLinkData() {
+ var requestUrl = "/openoapi/sdnobrs/v1/topological-links";
+ $
+ .ajax({
+ type: "GET",
+ url: requestUrl,
+ contentType: "application/json",
+ success: function (jsonobj) {
+ $('#link').bootstrapTable({
+ data: jsonobj.topologicalLinks
+ });
+ },
+ error: function (xhr, ajaxOptions, thrownError) {
+ alert("Error on getting link data : " + xhr.responseText);
+ }
+ });
+}
+function loadNeData() {
+ var requestUrl = "/openoapi/sdnobrs/v1/managed-elements";
+ $
+ .ajax({
+ type: "GET",
+ url: requestUrl,
+ contentType: "application/json",
+ success: function (jsonobj) {
+ $('#ne').bootstrapTable({
+ data: jsonobj.managedElements
+ });
+ },
+ error: function (xhr, ajaxOptions, thrownError) {
+ alert("Error on getting ne data : " + xhr.responseText);
+ }
+ });
+}
+function loadPortData() {
+ var requestUrl = "/openoapi/sdnobrs/v1/logical-termination-points";
+ $
+ .ajax({
+ type: "GET",
+ url: requestUrl,
+ contentType: "application/json",
+ success: function (jsonobj) {
+ $('#port').bootstrapTable({
+ data: jsonobj.logicalTerminationPoints
+ });
+ },
+ error: function (xhr, ajaxOptions, thrownError) {
+ alert("Error on getting port data : " + xhr.responseText);
+ }
+ });
+}
+$(function () {
+ $('.creat-btn').click(function () {
+ $('#vmAppDialog').addClass('in').css({'display': 'block'});
+
+ });
+ $('.close,.button-previous').click(function () {
+ $('#vmAppDialog').removeClass('in').css('display', 'none');
+ });
+ $('.detail-top ul li').click(function () {
+ $(this).addClass('current').siblings().removeClass('current');
+ });
+ $('.para').click(function () {
+ if ($('#serviceTemplateName').val() == '') {
+ alert('Please choose the service templet！');
+ $('#flavorTab').css('display', 'none');
+ } else {
+ $('#flavorTab').css('display', 'block');
+ }
+ $('#basicTab').css('display', 'block');
+ });
+ $('.basic').click(function () {
+ $('#flavorTab').css('display', 'none');
+ });
+
+ $('.table tbody tr').click(function () {
+ $(this).addClass('openoTable_row_selected').siblings().removeClass('openoTable_row_selected');
+ });
+ $('.table tr:odd').addClass('active');
+ $('#false').click(function () {
+ $('#vmAppDialog').addClass('in').css({'display': 'block'});
+ });
+ $('.close,.button-previous').click(function () {
+ $('#vmAppDialog').removeClass('in').css('display', 'none');
+ });
+ $('#filterTpLogicalType').click(function () {
+ $('#filterTpLogicalType_select_popupcontainer').toggleClass('openo-hide');
+ $('#filterTpLogicalType').toggleClass('openo-focus');
+ var oLeft = $('#open_base_tpL_td6').offset().left;
+ var oTop = $('#open_base_tpL_td6').offset().top;
+ var oHeight = $('#open_base_tpL_td6').height();
+ $('#filterTpLogicalType_select_popupcontainer').css({'left': oLeft, 'top': oTop + oHeight + 10});
+ });
+ $('div.openo-select-popup-container>div.openo-select-item>label').click(function () {
+ var Lvalue = $(this).html();
+ $('#filterTpLogicalType_select_input').attr('value', Lvalue);
+ $('#filterTpLogicalType_select_popupcontainer').addClass('openo-hide');
+ $('#filterTpLogicalType').removeClass('openo-focus');
+ });
+ $.fn.serializeObject = function () {
+ var o = {};
+ var a = this.serializeArray();
+ $.each(a, function () {
+ if (o[this.name] !== undefined) {
+ if (!o[this.name].push) {
+ o[this.name] = [o[this.name]];
+ }
+ o[this.name].push(this.value || '');
+ } else {
+ o[this.name] = this.value || '';
+ }
+ });
+ return o;
+ };
+ $('#createSite').click(function () {
+ var formData = JSON.stringify($("#vmAppForm").serializeObject());
+ var jsonobj = JSON.parse(formData);
+ var newJson = {"site": jsonobj};
+ formData = JSON.stringify(newJson);
+ var requestUrl = "/openoapi/sdnobrs/v1/sites";
+ $
+ .ajax({
+ type: "POST",
+ url: requestUrl,
+ contentType: "application/json",
+ dataType: "json",
+ data: formData,
+ success: function (jsonResp) {
+ alert("Site saved successfully!!!");
+ jsonobj["id"] = jsonResp.site.id;
+ $('#site').bootstrapTable("append", jsonobj);
+ $('#vmAppDialog').removeClass('in').css('display', 'none');
+ },
+ error: function (xhr, ajaxOptions, thrownError) {
+ alert("Error on page : " + xhr.responseText);
+ }
+ });
+ });
+
+ $('#createNe').click(function () {
+ var formData = JSON.stringify($("#neForm").serializeObject());
+ var jsonobj = JSON.parse(formData);
+ var newJson = {"managedElement": jsonobj};
+ formData = JSON.stringify(newJson);
+ var requestUrl = "/openoapi/sdnobrs/v1/managed-elements";
+ $
+ .ajax({
+ type: "POST",
+ url: requestUrl,
+ contentType: "application/json",
+ dataType: "json",
+ data: formData,
+ success: function (jsonResp) {
+ alert("NE saved successfully!!!");
+ jsonobj["id"] = jsonResp.managedElement.id;
+ $('#ne').bootstrapTable("append", jsonobj);
+ $('#vmAppDialog').removeClass('in').css('display', 'none');
+
+ },
+ error: function (xhr, ajaxOptions, thrownError) {
+ alert("Error on page : " + xhr.responseText);
+ }
+ });
+ });
+
+ $('#createPort').click(function () {
+ var formData = JSON.stringify($("#portForm").serializeObject());
+ var jsonobj = JSON.parse(formData);
+ var newJson = {"logicalTerminationPoint": jsonobj};
+ formData = JSON.stringify(newJson);
+ var requestUrl = "/openoapi/sdnobrs/v1/logical-termination-points";
+ $
+ .ajax({
+ type: "POST",
+ url: requestUrl,
+ contentType: "application/json",
+ dataType: "json",
+ data: formData,
+ success: function (jsonResp) {
+ alert("Port saved successfully!!!");
+ //TODO : hide model data window.
+ jsonobj["id"] = jsonResp.logicalTerminationPoint.id;
+ $('#port').bootstrapTable("append", jsonobj);
+ $('#vmAppDialog').removeClass('in').css('display', 'none');
+
+ },
+ error: function (xhr, ajaxOptions, thrownError) {
+ alert("Error on page : " + xhr.responseText);
+ }
+ });
+ });
+
+ $('#createLink').click(function () {
+ var formData = JSON.stringify($("#linkForm").serializeObject());
+ var jsonobj = JSON.parse(formData);
+ var newJson = {"topologicalLink": jsonobj};
+ formData = JSON.stringify(newJson);
+ var requestUrl = "/openoapi/sdnobrs/v1/topological-links";
+ $
+ .ajax({
+ type: "POST",
+ url: requestUrl,
+ contentType: "application/json",
+ dataType: "json",
+ data: formData,
+ success: function (jsonResp) {
+ alert("Link saved successfully!!!");
+ jsonobj["id"] = jsonResp.topologicalLink.id;
+ $('#link').bootstrapTable("append", jsonobj);
+ $('#vmAppDialog').removeClass('in').css('display', 'none');
+
+ },
+ error: function (xhr, ajaxOptions, thrownError) {
+ alert("Error on page : " + xhr.responseText);
+ }
+ });
+ });
+
+})
\ No newline at end of file diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/js/jquery-1.11.2.min.js b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/js/jquery-1.11.2.min.js index e6a051d0..e6a051d0 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/js/jquery-1.11.2.min.js +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/js/jquery-1.11.2.min.js diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/link.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/link.html new file mode 100644 index 00000000..64458cd5 --- /dev/null +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/link.html @@ -0,0 +1,351 @@ +<!--
+
+ Copyright 2016, Huawei Technologies Co., Ltd.
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+
+<!DOCTYPE html>
+<html>
+<head>
+ <head lang="en">
+ <meta charset="UTF-8">
+ <title></title>
+ <link href="css/bootstrap.min.css" rel="stylesheet"/>
+ <link href="css/VMMain.css" rel="stylesheet"/>
+ <link href="css/bootstrap-table.min.css" rel="stylesheet"/>
+ <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
+ <script type="text/javascript" src="js/bootstrap.min.js"></script>
+ <script type="text/javascript" src="js/brs.js"></script>
+ <script type="text/javascript" src="js/bootstrap-table.min.js"></script>
+ <script type="text/javascript">
+ $(document).ready(function () {
+
+
+ var jsondata = loadLinkData();
+
+ $('#link').bootstrapTable({
+ //Assigning data to table
+ data: jsondata
+ });
+ });
+ function operateFormatter(value, row, index) {
+ return [
+ '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'
+ ].join('');
+
+ }
+ window.operateEvents = {
+ 'click .siteDeleteImg': function (e, value, row, index) {
+ // TO DO ajex call for delete
+ deleteLink(row.id);
+ console.log(value, row, index);
+ }
+ };
+ </script>
+ </head>
+<body id="open_base_site_cotentBody" class="cotentBody ng-scope">
+<div class="container-fluid ms-controller">
+
+ <div class="uploadBtn">
+ <div id="open_base_tpL_userHeader" class="userHeader">
+ <div id="open_base_tpL_buttonGroup" class="openoButton_buttonGroupClass">
+ <div class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default"
+ tabindex="0" id="false" text="res.brApp_ui_res_btn_create" icon-url="./images/add.png"
+ cls="defaultbutton" click="clickAdd"
+ style="display: inline-block; padding-left: 0px; padding-right: 0px;">
+ <div class="openoButton_buttonInnerClass openo-corner-all openoButton_Image" id="false_button"><span
+ class="openo-widget-button-image openoButton_buttonLeftImg"
+ style="background-image: url(images/add.png);"></span><span
+ class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Create</span><span
+ class="openo-widget-button-image openoButton_buttonImgDefault"></span></div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+
+ <div class="row-fluid" data-name="table_zone">
+ <div id='ict_virtualApplication_table_div'>
+ <div>
+ <div class="top">
+ <table id="link" data-pagination="true" data-page-size="5" data-pagination-first-text="First"
+ data-pagination-pre-text="Previous" data-pagination-next-text="Next"
+ data-pagination-last-text="Last">
+ <thead id="link" class="openo-table-thead">
+ <tr class="active">
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ data-field="name" data-sortable="true">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span id="linkName_sorticon"
+ class="openo-table-th-sorticon overflow_elip openoTable_sortable leftHeaderAlign openo-table-disable-element ">Name
+ </span>
+ </div>
+ </th>
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ data-field="logicalType" data-sortable="true">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span id="link_aEnd_sorticon"
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Type
+ </span>
+ </div>
+ </th>
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ data-field="layerRate" data-sortable="true">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span id="link_layerRate_sorticon"
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Layer Rate
+ </span>
+ </div>
+ </th>
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ data-field="aEnd" data-sortable="true">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span id="link_aEnd_sorticon"
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Source Port
+ </span>
+ </div>
+ </th>
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ data-field="zEnd" data-sortable="true">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span id="link_zEnd_sorticon"
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Sink Port
+ </span>
+ </div>
+ </th>
+
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ data-field="aEndME" data-sortable="true">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span id="link_source_sorticon"
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Source NE
+ </span>
+ </div>
+ </th>
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ data-field="zEndME" data-sortable="true">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span id="link_source_sorticon"
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Sink NE
+ </span>
+ </div>
+ </th>
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ data-field="adminState" data-sortable="true">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span id="link_adminState_sorticon"
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Admin State
+ </span>
+ </div>
+ </th>
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ data-field="operState" data-sortable="true">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span id="link_operState_sorticon"
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Operating State
+ </span>
+ </div>
+ </th>
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ data-field="siteType" align="center" data-formatter="operateFormatter"
+ data-events="operateEvents">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span id="link_latency_sorticon"
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Actions
+ </span>
+ </div>
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <!-- <tr style="display: none;">
+ <td colspan="7" style="text-align: center;">NULL</td>
+ </tr>
+ <tr class="odd openo-table-tr openo-table-disable-element" data-rowid="0" data-tableid="siteTable">
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor " data-colid="siteName" data-tableid="siteTable">
+ <div class="openo-table-disable-element overflow_elip leftDataAlign">
+ <a class="openo-table-disable-element hyperLinkRow" href="javascript:void(0)" id="siteTable_0_siteName_link">Link1</a></div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">Type</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">15</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">8080</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">1234</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">NE</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">UP</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">UP</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteOperation" data-tableid="siteTable">
+ <div class="openo-table-disable-element overflow_elip leftDataAlign openo-table-custom-el" id="siteTable_0_siteOperation_custom_el">
+ <div>
+ <img src="images/delete.png" href="javascript:void(0)" onclick="deleteLink('this')" opertype="siteDelete" style="cursor: pointer" title="Delete" id="bac4ff3c-d693-4f54-86cd-25af1ea22f59" rowid="0/">
+ </div></div>
+ </td>
+ </tr> -->
+ </tbody>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- <div id="tpListopenotable_pagination_wrapper" class="openo-table-pagination-wrapper" style="display: block;"><div class="pagination-container openo-pagination-theme openo-pagination"><div class="openoPagination_openoPaginationLengthOptions" id="tpListopenotable_wrapper_div"><input readonly="true" class="openo-pagination-select openopaginationselect" value="" id="tpListopenotable_wrapper_input" actualval="20" style="width: 32px;"><span class="openo-pagination-selectspan openopaginationselectspan" id="tpListopenotable_wrapper_trigger"></span></div><label style="display: block;float:left;">Total records: 23</label><li class="active"><span class="current prev openo-disabled" id="tpListopenotable_wrapper_prev"> </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> -->
+
+ <div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"
+ aria-labelledby="myModalLabel" aria-hidden="false">
+ <div class="modal-dialog">
+ <div class="modal-content">
+ <div class="content">
+ <div class="modal-header">
+ <button type="button" class="close" data-dismiss="modal"
+ aria-hidden="true">×
+ </button>
+ <h4 class="modal-title" id="myModalLabel">
+ <span>Create</span>
+ </h4>
+ </div>
+ <form class="form-horizontal" role="form" id="linkForm">
+ <div id="wizard">
+ <div class="modal-body">
+ <ul class="nav nav-pills nav-justified vmapp-margin">
+ </ul>
+ <div class="tab-content">
+ <div class="tab-pane active" id="basicTab">
+ <div class="form-group" ms-class="has-error:vmAppDialog.name==''">
+ <label class="col-sm-3 control-label">
+ <span>Name</span>
+ <span class="required">*</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" id="name" name="name" class="form-control"/>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="col-sm-3 control-label">
+ <span>Type</span>
+ </label>
+ <div class="col-sm-7">
+ <select class="form-control"
+ style="padding-top: 0px;padding-bottom: 0px;" id="logicalType"
+ name="logicalType">
+ <option value="fiberLink">Fiber Link</option>
+ <option value="l2Link">L2 Link</option>
+ <option value="ipLink">IP Link</option>
+ <option value="electricalLink">Electrical Link</option>
+ </select>
+ </div>
+ </div>
+ <div class="form-group" ms-class="has-error:vmAppDialog.name==''">
+ <label class="col-sm-3 control-label">
+ <span>Layer Rate</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" id="layerRate" name="layerRate"
+ class="form-control"/>
+ </div>
+ </div>
+
+
+ <div class="form-group" ms-class="has-error:vmAppDialog.name==''">
+ <label class="col-sm-3 control-label">
+ <span>Source Port</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" id="aEnd" name="aEnd" class="form-control"/>
+ </div>
+ </div>
+ <div class="form-group" ms-class="has-error:vmAppDialog.name==''">
+ <label class="col-sm-3 control-label">
+ <span>Sink Port</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" id="zEnd" name="zEnd" class="form-control"/>
+ </div>
+ </div>
+ <div class="form-group" ms-class="has-error:vmAppDialog.name==''">
+ <label class="col-sm-3 control-label">
+ <span>Source NE</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" id="aEndMe" name="aEndME" class="form-control"/>
+ </div>
+ </div>
+ <div class="form-group" ms-class="has-error:vmAppDialog.name==''">
+ <label class="col-sm-3 control-label">
+ <span>Sink NE</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" id="zEndMe" name="zEndME" class="form-control"/>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn SDBtn" data-dismiss="modal" aria-hidden="true"
+ id="createLink">
+ <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>
+ </button>
+ <button type="button" class="btn button-previous SDBtn">
+ <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>
+ </button>
+
+ </div>
+ </div>
+ </form>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+<div id="filterTpLogicalType_select_popupcontainer" class="openo openo-select-popup-container openo-hide"
+ style="width: 155px; max-height: 130px; left: 628px; top: 104px; z-index: 1761;">
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_0"><label
+ class="openo-ellipsis openo-select-blank-item" style="width: 100%; display: block; height: 20px;"></label>
+ </div>
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_1"><label
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">ETH</label></div>
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_2"><label
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;" title="POS">POS</label></div>
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_3"><label
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Trunk</label></div>
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_4"><label
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Loopback</label></div>
+</div>
+
+
+</body>
+</html>
\ No newline at end of file diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/ne.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/ne.html new file mode 100644 index 00000000..56e2aa78 --- /dev/null +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/ne.html @@ -0,0 +1,340 @@ +<!--
+
+ Copyright 2016, Huawei Technologies Co., Ltd.
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+
+<!DOCTYPE html>
+<html>
+<head>
+ <head lang="en">
+ <meta charset="UTF-8">
+ <title></title>
+ <link href="css/bootstrap.min.css" rel="stylesheet"/>
+ <link href="css/VMMain.css" rel="stylesheet"/>
+ <link href="css/bootstrap-table.min.css" rel="stylesheet"/>
+ <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
+ <script type="text/javascript" src="js/bootstrap.min.js"></script>
+ <script type="text/javascript" src="js/brs.js"></script>
+ <script type="text/javascript" src="js/bootstrap-table.min.js"></script>
+ <script type="text/javascript">
+ $(document).ready(function () {
+ var jsondata = [];
+ jsondata = loadNeData();
+ $('#ne').bootstrapTable({
+ //Assigning data to table
+ data: jsondata
+ });
+
+ });
+ function operateFormatter(value, row, index) {
+ return [
+ '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'
+ ].join('');
+
+ }
+ window.operateEvents = {
+ 'click .siteDeleteImg': function (e, value, row, index) {
+ // TO DO ajex call for delete
+ var result = deleteNe(row.id, row);
+ }
+ };
+
+ </script>
+ </head>
+<body id="open_base_site_cotentBody" class="cotentBody ng-scope">
+<div class="container-fluid ms-controller">
+
+
+ <div class="uploadBtn">
+ <div id="open_base_tpL_userHeader" class="userHeader">
+ <div id="open_base_tpL_buttonGroup" class="openoButton_buttonGroupClass">
+ <div class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default"
+ tabindex="0" id="false" text="res.brApp_ui_res_btn_create" icon-url="./images/add.png"
+ cls="defaultbutton" click="clickAdd"
+ style="display: inline-block; padding-left: 0px; padding-right: 0px;">
+ <div class="openoButton_buttonInnerClass openo-corner-all openoButton_Image" id="false_button"><span
+ class="openo-widget-button-image openoButton_buttonLeftImg"
+ style="background-image: url(images/add.png);"></span><span
+ class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Create</span><span
+ class="openo-widget-button-image openoButton_buttonImgDefault"></span></div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="row-fluid" data-name="table_zone">
+ <div id='ict_virtualApplication_table_div'>
+ <div>
+ <div class="top">
+ <table id="ne" data-row-style="rowStyle" data-pagination="true" data-page-size="5"
+ data-pagination-first-text="First" data-pagination-pre-text="Previous"
+ data-pagination-next-text="Next" data-pagination-last-text="Last">
+ <thead class="openo-table-thead">
+ <tr class="active">
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ data-field="name" data-sortable="true">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span class="openo-table-th-sorticon overflow_elip openoTable_sortable leftHeaderAlign openo-table-disable-element ">Name
+ </span>
+ </div>
+ </th>
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ data-field="version" data-sortable="true">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span id="ne_isVersion_sorticon"
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Version
+ </span>
+ </div>
+ </th>
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ data-field="productName" data-sortable="true">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span id="neproductName_sorticon"
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Product Name
+ </span>
+ </div>
+ </th>
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ data-field="ipAddress" data-sortable="true">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span id="ne_ipAddress_sorticon"
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">IP Address
+ </span>
+ </div>
+ </th>
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ data-field="neRole" data-sortable="true">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span id="ne_neRole_sorticon"
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element0">NE Role
+ </span>
+ </div>
+ </th>
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ data-field="adminState">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span id="ne_adminState_sorticon"
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Admin State
+ </span>
+ </div>
+ </th>
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ data-field="operState" data-sortable="true">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span id="ne_operState_sorticon"
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Operating State
+ </span>
+ </div>
+ </th>
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ align="center" data-formatter="operateFormatter" data-events="operateEvents">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span id="ne_nativeID_sorticon"
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Actions
+ </span>
+ </div>
+ </th>
+ </tr>
+ </thead>
+ <!-- <tbody>
+ <tr style="display: none;">
+ <td colspan="7" style="text-align: center;">NULL</td>
+ </tr>
+ <tr class="odd openo-table-tr openo-table-disable-element" data-rowid="0" data-tableid="siteTable">
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor " data-colid="siteName" data-tableid="siteTable">
+ <div class="openo-table-disable-element overflow_elip leftDataAlign">
+ <a class="openo-table-disable-element hyperLinkRow" href="javascript:void(0)" id="siteTable_0_siteName_link">NE</a></div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">1.1</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">SDN</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">192.168.100.102</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">Role</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">Admin</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">UP</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteOperation" data-tableid="siteTable">
+ <div class="openo-table-disable-element overflow_elip leftDataAlign openo-table-custom-el" id="siteTable_0_siteOperation_custom_el">
+ <div>
+ <img src="images/delete.png" href="javascript:void(0)" onclick="deleteNe('this');" opertype="siteDelete" style="cursor: pointer" title="Delete" id="bac4ff3c-d693-4f54-86cd-25af1ea22f59" rowid="0/">
+ </div>
+ </div>
+ </td>
+ </tr>
+ <tr class="even openo-table-tr openo-table-disable-element" data-rowid="0" data-tableid="siteTable">
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor " data-colid="siteName" data-tableid="siteTable">
+ <div class="openo-table-disable-element overflow_elip leftDataAlign">
+ <a class="openo-table-disable-element hyperLinkRow" href="javascript:void(0)" id="siteTable_0_siteName_link">NE</a></div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">1.1</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">SDN</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">192.168.100.102</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">Role</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">Admin</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
+ <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">UP</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteOperation" data-tableid="siteTable">
+ <div class="openo-table-disable-element overflow_elip leftDataAlign openo-table-custom-el" id="siteTable_0_siteOperation_custom_el">
+ <div>
+ <img src="images/delete.png" href="javascript:void(0)" onclick="deleteNe('this');" opertype="siteDelete" style="cursor: pointer" title="Delete" id="bac4ff3c-d693-4f54-86cd-25af1ea22f59" rowid="0/">
+ </div>
+ </div>
+ </td>
+ </tr>
+ </tbody> -->
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- <div id="tpListopenotable_pagination_wrapper" class="openo-table-pagination-wrapper" style="display: block;"><div class="pagination-container openo-pagination-theme openo-pagination"><div class="openoPagination_openoPaginationLengthOptions" id="tpListopenotable_wrapper_div"><input readonly="true" class="openo-pagination-select openopaginationselect" value="" id="tpListopenotable_wrapper_input" actualval="20" style="width: 32px;"><span class="openo-pagination-selectspan openopaginationselectspan" id="tpListopenotable_wrapper_trigger"></span></div><label style="display: block;float:left;">Total records: 23</label><li class="active"><span class="current prev openo-disabled" id="tpListopenotable_wrapper_prev"> </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> -->
+
+ <div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"
+ aria-labelledby="myModalLabel" aria-hidden="false">
+ <div class="modal-dialog">
+ <div class="modal-content">
+ <div class="content">
+ <div class="modal-header">
+ <button type="button" class="close" data-dismiss="modal"
+ aria-hidden="true">×
+ </button>
+ <h4 class="modal-title" id="myModalLabel">
+ <span>Create</span>
+ </h4>
+ </div>
+ <form class="form-horizontal" role="form" id="neForm">
+ <div id="wizard">
+ <div class="modal-body">
+ <ul class="nav nav-pills nav-justified vmapp-margin">
+
+ </ul>
+ <div class="tab-content">
+ <div class="tab-pane active" id="basicTab">
+ <div class="form-group" ms-class="has-error:vmAppDialog.name==''">
+ <label class="col-sm-3 control-label">
+ <span>Name</span>
+ <span class="required">*</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" id="name" name="name" class="form-control"
+ placeholder="Name"/>
+ </div>
+ </div>
+ <div class="form-group" ms-class="has-error:vmAppDialog.name==''">
+ <label class="col-sm-3 control-label">
+ <span>Version</span>
+ <span class="required">*</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" id="version" name="version" class="form-control"
+ placeholder="1.1"/>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="col-sm-3 control-label">
+ <span>Product Name</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" id="productName" name="productName"
+ class="form-control" placeholder="Product Name"/>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="col-sm-3 control-label">
+ <span>IP Address</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" id="ipAddress" name="ipAddress" class="form-control"
+ placeholder="255.255.255.255"/>
+ </div>
+ </div>
+ <!-- TODO : check for valid neRole
+ <div class="form-group">
+ <label class="col-sm-3 control-label">
+ <span>NE Role</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" id="neRole" name="neRole" class="form-control" placeholder="Role"/>
+ </div>
+ </div>
+ -->
+ </div>
+ </div>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn SDBtn" data-dismiss="modal" aria-hidden="true"
+ id="createNe">
+ <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>
+ </button>
+ <button type="button" class="btn button-previous SDBtn">
+ <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>
+ </button>
+
+ </div>
+ </div>
+ </form>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+<div id="filterTpLogicalType_select_popupcontainer" class="openo openo-select-popup-container openo-hide"
+ style="width: 155px; max-height: 130px; left: 628px; top: 104px; z-index: 1761;">
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_0"><label
+ class="openo-ellipsis openo-select-blank-item" style="width: 100%; display: block; height: 20px;"></label>
+ </div>
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_1"><label
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">ETH</label></div>
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_2"><label
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;" title="POS">POS</label></div>
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_3"><label
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Trunk</label></div>
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_4"><label
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Loopback</label></div>
+</div>
+
+
+</body>
+</html>
\ No newline at end of file diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/port.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/port.html new file mode 100644 index 00000000..73358cce --- /dev/null +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/port.html @@ -0,0 +1,351 @@ +<!--
+
+ Copyright 2016, Huawei Technologies Co., Ltd.
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+
+<!DOCTYPE html>
+<html>
+<head>
+ <head lang="en">
+ <meta charset="UTF-8">
+ <title></title>
+ <link href="css/bootstrap.min.css" rel="stylesheet"/>
+ <link href="css/VMMain.css" rel="stylesheet"/>
+ <link href="css/bootstrap-table.min.css" rel="stylesheet"/>
+ <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
+ <script type="text/javascript" src="js/bootstrap.min.js"></script>
+ <script type="text/javascript" src="js/brs.js"></script>
+ <script type="text/javascript" src="js/bootstrap-table.min.js"></script>
+ <script type="text/javascript">
+ $(document).ready(function () {
+
+ var jsondata = [];
+ jsondata = loadPortData();
+
+ $('#port').bootstrapTable({
+ //Assigning data to table
+ data: jsondata
+ });
+ });
+ function operateFormatter(value, row, index) {
+ return [
+ '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'
+ ].join('');
+
+ }
+ window.operateEvents = {
+ 'click .siteDeleteImg': function (e, value, row, index) {
+
+ deletePort(row.id);
+ console.log(value, row, index);
+ }
+ };
+ </script>
+ </head>
+<body id="open_base_site_cotentBody" class="cotentBody ng-scope">
+
+
+<div class="uploadBtn">
+ <div id="open_base_tpL_userHeader" class="userHeader">
+ <div id="open_base_tpL_buttonGroup" class="openoButton_buttonGroupClass">
+ <div class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default"
+ tabindex="0" id="false" text="res.brApp_ui_res_btn_create" icon-url="./images/add.png"
+ cls="defaultbutton" click="clickAdd"
+ style="display: inline-block; padding-left: 0px; padding-right: 0px;">
+ <div class="openoButton_buttonInnerClass openo-corner-all openoButton_Image" id="false_button"><span
+ class="openo-widget-button-image openoButton_buttonLeftImg"
+ style="background-image: url(images/add.png);"></span><span
+ class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Create</span><span
+ class="openo-widget-button-image openoButton_buttonImgDefault"></span></div>
+ </div>
+ </div>
+ </div>
+</div>
+
+<div class="row-fluid" data-name="table_zone">
+ <div id='ict_virtualApplication_table_div'>
+ <div>
+ <div class="top">
+ <table id="port" data-pagination="true" data-page-size="5" data-pagination-first-text="First"
+ data-pagination-pre-text="Previous" data-pagination-next-text="Next"
+ data-pagination-last-text="Last">
+ <thead id="portTable_thead" class="openo-table-thead">
+ <tr class="active">
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ data-field="name" data-sortable="true">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span id="portName_sorticon"
+ class="openo-table-th-sorticon overflow_elip openoTable_sortable leftHeaderAlign openo-table-disable-element ">Name
+ </span>
+ </div>
+ </th>
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ data-field="meID" data-sortable="true">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span id="portmeID_sorticon"
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">ME
+ </span>
+ </div>
+ </th>
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ data-field="logicalType" data-sortable="true">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span id="portLogicalType_sorticon"
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Type
+ </span>
+ </div>
+ </th>
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ data-field="layerRate" data-sortable="true">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span id="portLayerRate_sorticon"
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Layer Rate
+ </span>
+ </div>
+ </th>
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ data-field="isEdgePoint" data-sortable="true">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span id="portIsEdgePoint_sorticon"
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Edge Point
+ </span>
+ </div>
+ </th>
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ data-field="portIndex" data-sortable="true">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span id="portIndex_sorticon"
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Port Index
+ </span>
+ </div>
+ </th>
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ data-field="ipAddress" data-sortable="true">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span id="portIpAddress_sorticon"
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">IP Address
+ </span>
+ </div>
+ </th>
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ data-field="adminState" data-sortable="true">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span id="portAdminState_sorticon"
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Admin State
+ </span>
+ </div>
+ </th>
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ data-field="operState" data-sortable="true">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span id="portOperState_sorticon"
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Operating State
+ </span>
+ </div>
+ </th>
+ <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign"
+ align="center" data-formatter="operateFormatter" data-events="operateEvents">
+ <div class="openo-table-th-border"></div>
+ <div class="DataTables_sort_wrapper openo-ellipsis ">
+ <span id="portAction_sorticon"
+ class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Action</span>
+ </div>
+ </th>
+ </tr>
+ </thead>
+ <!-- <tbody>
+ <tr style="display: none;">
+ <td colspan="7" style="text-align: center;">NULL</td>
+ </tr>
+ <tr class="odd openo-table-tr openo-table-disable-element" data-rowid="0" data-tableid="siteTable">
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteName" data-tableid="siteTable">
+ <div class="openo-table-disable-element overflow_elip leftDataAlign">
+ <a class="openo-table-disable-element hyperLinkRow" href="javascript:void(0)" id="siteTable_0_portName_link"></a>Port1</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >ME</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >Type</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >12</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >Edge</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >12345</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >255.255.255.123</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >UP</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >UP</div>
+ </td>
+ <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteOperation" data-tableid="siteTable">
+ <div class="openo-table-disable-element overflow_elip leftDataAlign openo-table-custom-el" id="siteTable_0_siteOperation_custom_el">
+ <div>
+ <img src="images/delete.png" href="javascript:void(0)" onclick="deletePort('this');" opertype="siteDelete" style="cursor: pointer" title="Delete" id="bac4ff3c-d693-4f54-86cd-25af1ea22f59" rowid="0/">
+ </div>
+ </div>
+ </td>
+ </tr>
+ </tbody> -->
+ </table>
+ </div>
+ </div>
+ </div>
+</div>
+<!-- <div id="tpListopenotable_pagination_wrapper" class="openo-table-pagination-wrapper" style="display: block;"><div class="pagination-container openo-pagination-theme openo-pagination"><div class="openoPagination_openoPaginationLengthOptions" id="tpListopenotable_wrapper_div"><input readonly="true" class="openo-pagination-select openopaginationselect" value="" id="tpListopenotable_wrapper_input" actualval="20" style="width: 32px;"><span class="openo-pagination-selectspan openopaginationselectspan" id="tpListopenotable_wrapper_trigger"></span></div><label style="display: block;float:left;">Total records: 23</label><li class="active"><span class="current prev openo-disabled" id="tpListopenotable_wrapper_prev"> </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> -->
+
+<div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"
+ aria-labelledby="myModalLabel" aria-hidden="false">
+ <div class="modal-dialog">
+ <div class="modal-content">
+ <div class="content">
+ <div class="modal-header">
+ <button type="button" class="close" data-dismiss="modal"
+ aria-hidden="true">×
+ </button>
+ <h4 class="modal-title" id="myModalLabel">
+ <span>Create</span>
+ </h4>
+ </div>
+ <form class="form-horizontal" role="form" id="portForm">
+ <div id="wizard">
+ <div class="modal-body">
+ <ul class="nav nav-pills nav-justified vmapp-margin">
+ </ul>
+ <div class="tab-content">
+ <div class="tab-pane active" id="basicTab">
+ <div class="form-group" ms-class="has-error:vmAppDialog.name==''">
+ <label class="col-sm-3 control-label">
+ <span>Name</span>
+ <span class="required">*</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" id="name" name="name" class="form-control"
+ placeholder="Name"/>
+ </div>
+ </div>
+ <div class="form-group" ms-class="has-error:vmAppDialog.name==''">
+ <label class="col-sm-3 control-label">
+ <span>ME</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" id="meID" name="meID" class="form-control"
+ placeholder="ME"/>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="col-sm-3 control-label">
+ <span>Type</span>
+ </label>
+ <div class="col-sm-7">
+ <select class="form-control" style="padding-top: 0px;padding-bottom: 0px;"
+ id="logicalType"
+ name="logicalType">
+ <option value="ETH">ETH</option>
+ <option value="POS">POS</option>
+ <option value="Trunk">Trunk</option>
+ <option value="Loopback">Loopback</option>
+ </select>
+ </div>
+ </div>
+ <div class="form-group" ms-class="has-error:vmAppDialog.name==''">
+ <label class="col-sm-3 control-label">
+ <span>Layer Rate</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" id="layerRate" name="layerRate" class="form-control"
+ placeholder="Layer Rate"/>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="col-sm-3 control-label">
+ <span>Edge Point</span>
+ </label>
+ <div class="col-sm-7">
+ <select class="form-control" style="padding-top: 0px;padding-bottom: 0px;"
+ id="isEdgePoint"
+ name="isEdgePoint">
+ <option value="true">True</option>
+ <option value="false">False</option>
+ </select>
+ </div>
+ </div>
+ <div class="form-group" ms-class="has-error:vmAppDialog.name==''">
+ <label class="col-sm-3 control-label">
+ <span>Port Index</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" id="portIndex" name="portIndex" class="form-control"
+ placeholder="Port Index"/>
+ </div>
+ </div>
+
+ <div class="form-group">
+ <label class="col-sm-3 control-label">
+ <span>IP Address</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" id="ipAddress" name="ipAddress" class="form-control"
+ placeholder="255.255.255.255"/>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn SDBtn" data-dismiss="modal" aria-hidden="true"
+ id="createPort">
+ <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>
+ </button>
+ <button type="button" class="btn button-previous SDBtn">
+ <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>
+ </button>
+
+ </div>
+ </div>
+ </form>
+ </div>
+ </div>
+ </div>
+</div>
+</div>
+<div id="filterTpLogicalType_select_popupcontainer" class="openo openo-select-popup-container openo-hide"
+ style="width: 155px; max-height: 130px; left: 628px; top: 104px; z-index: 1761;">
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_0"><label
+ class="openo-ellipsis openo-select-blank-item" style="width: 100%; display: block; height: 20px;"></label>
+ </div>
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_1"><label
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">ETH</label></div>
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_2"><label
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;" title="POS">POS</label></div>
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_3"><label
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Trunk</label></div>
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_4"><label
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Loopback</label></div>
+</div>
+
+
+</body>
+</html>
\ No newline at end of file diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/resource.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/resource.html index 06ddae83..0625f70c 100644 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/resource.html +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/resource.html @@ -19,61 +19,61 @@ <!doctype html>
<html>
<head>
-<meta charset="utf-8">
-<title></title>
- <link href="css/bootstrap.min.css" rel="stylesheet" />
- <link href="css/RMain.css" rel="stylesheet" />
+ <meta charset="utf-8">
+ <title></title>
+ <link href="css/bootstrap.min.css" rel="stylesheet"/>
+ <link href="css/RMain.css" rel="stylesheet"/>
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<script type="text/javascript">
- $(function(){
- $('.openo_accordion_ui-icon-expand,.header').click(function(){
+ $(function () {
+ $('.openo_accordion_ui-icon-expand,.header').click(function () {
$('#accordionmenuid_ul_0_0_brAppTopMenuID_UL').slideToggle(500);
$('.openo_accordion_ui-icon-expand').toggleClass('current')
});
- $('.openoAccordian_showHideArrow_hide').click(function(){
+ $('.openoAccordian_showHideArrow_hide').click(function () {
// $('#open_base_openo').css('margin-left','-200px');
// $('#open_base_openo').css('display','none');
// $('.bar').css('display','block');
- if($('#accordionmenuid').width() >= 200){
+ if ($('#accordionmenuid').width() >= 200) {
$('#accordionmenuid').width('18px');
- $('.openo_accordion_ui-icon-expand,.header,#accordionmenuid_ul_0_0_brAppTopMenuID_UL li a').css('display','none');
- $('#accordionmenuid_arrow').attr('classname','openoAccordian_showHideArrow_show');
- $('#iframeContainer').css('width','1284px');
- }else if($('#accordionmenuid').width() == 18){
+ $('.openo_accordion_ui-icon-expand,.header,#accordionmenuid_ul_0_0_brAppTopMenuID_UL li a').css('display', 'none');
+ $('#accordionmenuid_arrow').attr('classname', 'openoAccordian_showHideArrow_show');
+ $('#iframeContainer').css('width', '1284px');
+ } else if ($('#accordionmenuid').width() == 18) {
$('#accordionmenuid').width('220px');
- $('.openo_accordion_ui-icon-expand,.header,#accordionmenuid_ul_0_0_brAppTopMenuID_UL li a').css('display','block');
- $('#accordionmenuid_arrow').attr('classname','openoAccordian_showHideArrow_hide');
- $('#iframeContainer').css('width','1063px');
+ $('.openo_accordion_ui-icon-expand,.header,#accordionmenuid_ul_0_0_brAppTopMenuID_UL li a').css('display', 'block');
+ $('#accordionmenuid_arrow').attr('classname', 'openoAccordian_showHideArrow_hide');
+ $('#iframeContainer').css('width', '1063px');
}
-
+
});
- $('.bar span').click(function(){
- $('#open_base_openo').css('display','block');
- $('.bar').css('display','none');
- $('#iframeContainer').css('width','1063px');
+ $('.bar span').click(function () {
+ $('#open_base_openo').css('display', 'block');
+ $('.bar').css('display', 'none');
+ $('#iframeContainer').css('width', '1063px');
});
- $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL li').click(function(){
+ $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL li').click(function () {
$(this).addClass('openo_accordion_selected').siblings().removeClass('openo_accordion_selected');
});
- $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_0_brAppSiteMenuID').click(function(){
- $('#accordionContent').attr('src','site.html');
+ $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_0_brAppSiteMenuID').click(function () {
+ $('#accordionContent').attr('src', 'site.html');
});
- $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_1_brAppMeMenuID').click(function(){
- $('#accordionContent').attr('src','ne.html');
+ $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_1_brAppMeMenuID').click(function () {
+ $('#accordionContent').attr('src', 'ne.html');
});
- $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_2_brAppTpMenuID').click(function(){
- $('#accordionContent').attr('src','port.html');
+ $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_2_brAppTpMenuID').click(function () {
+ $('#accordionContent').attr('src', 'port.html');
});
- $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_3_brAppTlMenuID').click(function(){
- $('#accordionContent').attr('src','link.html');
+ $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_3_brAppTlMenuID').click(function () {
+ $('#accordionContent').attr('src', 'link.html');
});
-
+
})
</script>
<body>
- <div id="febDiv" style="overflow: hidden;">
+<div id="febDiv" style="overflow: hidden;">
<div id="open_base_feb">
<!--use for store menu come from feb service, maybe just a temple plan-->
<div id="app">
@@ -86,30 +86,41 @@ <span></span>
</td>
<td id="open_base_openo" class="three-cols-column three-cols-left">
- <div id="accordionmenuid" allow-resize="true" dataset="dataArr" height="resHeight" listeners="callBacklisteners" resize-callback="resizehandler" current-select="currentselect" click="clickHandler" class="ng-isolate-scope accordion_parent openo_accordion_main_menu" style="height: 870px;">
+ <div id="accordionmenuid" allow-resize="true" dataset="dataArr" height="resHeight"
+ listeners="callBacklisteners" resize-callback="resizehandler"
+ current-select="currentselect" click="clickHandler"
+ class="ng-isolate-scope accordion_parent openo_accordion_main_menu"
+ style="height: 870px;">
<div class="openo-accordion-resizable-handle" style="cursor: auto;"></div>
<ul id="accordionmenuid_ul" class="openoAccordian_accordionmenu">
<li id="accordionmenuid_ul_0_0_brAppTopMenuID" nodeid="brAppTopMenuID">
- <span class="openo_accordion_ui-icon-expand" style="padding-left: 20px; height: 60px;cursor: pointer;"></span>
- <span class="openoAccordian_showHideArrow_hide" id="accordionmenuid_arrow" style="cursor: pointer;"></span>
- <a title="brApp" class="header opened" style="padding-left: 10px; cursor: pointer;">Resource</a>
+ <span class="openo_accordion_ui-icon-expand"
+ style="padding-left: 20px; height: 60px;cursor: pointer;"></span>
+ <span class="openoAccordian_showHideArrow_hide" id="accordionmenuid_arrow"
+ style="cursor: pointer;"></span>
+ <a title="brApp" class="header opened"
+ style="padding-left: 10px; cursor: pointer;">Resource</a>
<ul id="accordionmenuid_ul_0_0_brAppTopMenuID_UL">
- <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_0_brAppSiteMenuID" nodeid="brAppSiteMenuID" class="" style="display: list-item;">
+ <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_0_brAppSiteMenuID"
+ nodeid="brAppSiteMenuID" class="" style="display: list-item;">
<a title="Site" class="" style="padding-left: 62px;">Site</a>
- </li>
- <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_1_brAppMeMenuID" nodeid="brAppMeMenuID" style="display: list-item;">
- <a title="NE" style="padding-left: 62px;">NE</a>
</li>
- <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_2_brAppTpMenuID" nodeid="brAppTpMenuID" style="display: list-item;">
- <a title="Port" style="padding-left: 62px;">Port</a>
+ <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_1_brAppMeMenuID"
+ nodeid="brAppMeMenuID" style="display: list-item;">
+ <a title="NE" style="padding-left: 62px;">NE</a>
</li>
- <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_3_brAppTlMenuID" nodeid="brAppTlMenuID" style="display: list-item;">
- <a title="Link" style="padding-left: 62px;">Link</a>
+ <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_2_brAppTpMenuID"
+ nodeid="brAppTpMenuID" style="display: list-item;">
+ <a title="Port" style="padding-left: 62px;">Port</a>
+ </li>
+ <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_3_brAppTlMenuID"
+ nodeid="brAppTlMenuID" style="display: list-item;">
+ <a title="Link" style="padding-left: 62px;">Link</a>
</li>
</ul>
</li>
</ul>
- </div>
+ </div>
</td>
<td id="open_base_iframe" class="three-cols-column three-cols-center" style="padding: 0px;">
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/site.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/site.html new file mode 100644 index 00000000..ef05aa5a --- /dev/null +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-sdn/site.html @@ -0,0 +1,229 @@ +<!--
+
+ Copyright 2016, Huawei Technologies Co., Ltd.
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+
+<!DOCTYPE html>
+<html>
+<head>
+ <head lang="en">
+ <meta charset="UTF-8">
+ <title></title>
+ <link href="css/bootstrap.min.css" rel="stylesheet"/>
+ <link href="css/VMMain.css" rel="stylesheet"/>
+ <link href="css/bootstrap-table.min.css" rel="stylesheet"/>
+ <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
+ <script type="text/javascript" src="js/bootstrap.min.js"></script>
+ <script type="text/javascript" src="js/brs.js"></script>
+ <script type="text/javascript" src="js/bootstrap-table.min.js"></script>
+
+ <style type="text/css">
+ </style>
+ <script type="text/javascript">
+ $(document).ready(function () {
+
+ var jsondata = [];
+ jsondata = loadSiteData();
+ $('#site').bootstrapTable({
+ //Assigning data to table
+ data: jsondata
+ });
+
+
+ });
+
+ function operateFormatter(value, row, index) {
+ return [
+ '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'
+ ].join('');
+
+ }
+ window.operateEvents = {
+ 'click .siteDeleteImg': function (e, value, row, index) {
+ // TO DO ajex call for delete
+ deleteSite(row.id);
+ console.log(value, row, index);
+ }
+ };
+ </script>
+ </head>
+<body id="open_base_site_cotentBody" class="cotentBody ng-scope">
+<div class="container-fluid ms-controller">
+
+ <div class="uploadBtn">
+ <div id="open_base_tpL_userHeader" class="userHeader">
+ <div id="open_base_tpL_buttonGroup" class="openoButton_buttonGroupClass">
+ <div class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default"
+ tabindex="0" id="false" text="res.brApp_ui_res_btn_create" icon-url="./images/add.png"
+ cls="defaultbutton" click="clickAdd"
+ style="display: inline-block; padding-left: 0px; padding-right: 0px;">
+ <div class="openoButton_buttonInnerClass openo-corner-all openoButton_Image" id="false_button"><span
+ class="openo-widget-button-image openoButton_buttonLeftImg"
+ style="background-image: url(images/add.png);"></span><span
+ class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Create</span><span
+ class="openo-widget-button-image openoButton_buttonImgDefault"></span></div>
+ </div>
+
+
+ <div class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass undefined openoButton_button_default"
+ tabindex="0" id="meEdit" text="res.brApp_ui_res_btn_edit" display="false" style="display: none;">
+ <div class="openoButton_buttonInnerClass openo-corner-all" id="meEdit_button"><span
+ class="openo-widget-button-image openoButton_buttonImgDefault"></span><span
+ class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Edit</span><span
+ class="openo-widget-button-image openoButton_buttonImgDefault"></span></div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+
+ <div class="row-fluid" data-name="table_zone">
+ <div id='ict_virtualApplication_table_div'>
+ <div>
+ <div class="top">
+ <table id="site"
+ data-pagination="true" data-page-size="5" data-pagination-first-text="First"
+ data-pagination-pre-text="Previous" data-pagination-next-text="Next"
+ data-pagination-last-text="Last">
+ <thead>
+ <tr class="active">
+ <th data-field="name" data-sortable="true">Name</th>
+ <th data-field="type" data-sortable="true">Type</th>
+ <th data-field="tenantID" data-sortable="true">Tenant Name</th>
+ <th data-field="tenantSiteIDs" data-sortable="true">Tenant Site</th>
+ <th data-field="location" data-sortable="true">Location</th>
+
+ <th align="center" data-formatter="operateFormatter" data-events="operateEvents">Action</th>
+ </tr>
+ </thead>
+ </table>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- <div id="tpListopenotable_pagination_wrapper" class="openo-table-pagination-wrapper" style="display: block;"><div class="pagination-container openo-pagination-theme openo-pagination"><div class="openoPagination_openoPaginationLengthOptions" id="tpListopenotable_wrapper_div"><input readonly="true" class="openo-pagination-select openopaginationselect" value="" id="tpListopenotable_wrapper_input" actualval="20" style="width: 32px;"><span class="openo-pagination-selectspan openopaginationselectspan" id="tpListopenotable_wrapper_trigger"></span></div><label style="display: block;float:left;">Total records: 23</label><li class="active"><span class="current prev openo-disabled" id="tpListopenotable_wrapper_prev"> </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> -->
+
+ <div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"
+ aria-labelledby="myModalLabel" aria-hidden="false">
+ <div class="modal-dialog">
+ <div class="modal-content">
+ <div class="content">
+ <div class="modal-header">
+ <button type="button" class="close" data-dismiss="modal"
+ aria-hidden="true">×
+ </button>
+ <h4 class="modal-title" id="myModalLabel">
+ <span>Create</span>
+ </h4>
+ </div>
+ <form class="form-horizontal" role="form" id="vmAppForm">
+ <div id="wizard">
+ <div class="modal-body">
+ <ul class="nav nav-pills nav-justified vmapp-margin">
+ </ul>
+ <div class="tab-content">
+ <div class="tab-pane active" id="basicTab">
+ <div class="form-group" ms-class="has-error:vmAppDialog.name==''">
+ <label class="col-sm-3 control-label">
+ <span>Name</span>
+ <span class="required">*</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" id="name" name="name" class="form-control"
+ placeholder="Name"/>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="col-sm-3 control-label">
+ <span>Type</span>
+ </label>
+
+ <div class="col-sm-7">
+ <select class="form-control"
+ style="padding-top: 0px;padding-bottom: 0px;" id="type"
+ name="type">
+ <option value="network_site">Network</option>
+ <option value="tenant_site">Tenant</option>
+ </select>
+ </div>
+ </div>
+ <!-- TODO: these field are ignored as of now
+ <div class="form-group">
+ <label class="col-sm-3 control-label">
+ <span>Tenant Name</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" id="tenantName" name="tenantName" class="form-control" placeholder="Banglore"/>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="col-sm-3 control-label">
+ <span>Tenant Site</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" id="tenantSite" name="tenantSite" class="form-control" placeholder="Banglore"/>
+ </div>
+ </div>
+ -->
+ <div class="form-group">
+ <label class="col-sm-3 control-label">
+ <span>Location</span>
+ </label>
+ <div class="col-sm-7">
+ <input type="text" id="location" name="location" class="form-control"
+ placeholder="Banglore"/>
+ </div>
+ </div>
+ </div>
+
+
+ </div>
+ </div>
+ <div class="modal-footer">
+ <button type="button" class="btn SDBtn" data-dismiss="modal" aria-hidden="true"
+ id="createSite">
+ <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>
+ </button>
+ <button type="button" class="btn button-previous SDBtn">
+ <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>
+ </button>
+
+ </div>
+ </div>
+ </form>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+<div id="filterTpLogicalType_select_popupcontainer" class="openo openo-select-popup-container openo-hide"
+ style="width: 155px; max-height: 130px; left: 628px; top: 104px; z-index: 1761;">
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_0"><label
+ class="openo-ellipsis openo-select-blank-item" style="width: 100%; display: block; height: 20px;"></label>
+ </div>
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_1"><label
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">ETH</label></div>
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_2"><label
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;" title="POS">POS</label></div>
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_3"><label
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Trunk</label></div>
+ <div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_4"><label
+ class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Loopback</label></div>
+</div>
+
+
+</body>
+</html>
\ No newline at end of file diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/css/RMain.css b/openo-portal/portal-resmgr/src/main/webapp/resmgr/css/RMain.css deleted file mode 100644 index 1b8488aa..00000000 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/css/RMain.css +++ /dev/null @@ -1,211 +0,0 @@ -/* Copyright 2016, Huawei Technologies Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-
-#iemp_layout_container {
- padding: 0px;
- margin: 1px auto;
- width: 100%;
- height: 100%;
-}
-#iemp_layout_container .three-cols-layout {
- width: 100%;
- height: 100%;
- border-collapse: collapse;
- margin-left: 0px;
- margin-top: 0px;
- margin-right: 0px;
- margin-bottom: 0px;
-}
-#iemp_layout_container .three-cols-layout {
- width: 100%;
- height: 100%;
- border-collapse: collapse;
- margin-left: 0px;
- margin-top: 0px;
- margin-right: 0px;
- margin-bottom: 0px;
-}
-#iemp_layout_container .three-cols-column.three-cols-left {
- width: 215px;
- background-color: #f5f5f5;
-}
-.accordion_parent {
- position: relative;
- width: 220px;
- background-color: #f5f5f5;
-}
-.openo-accordion-resizable-handle {
- z-index: 1!important;
- cursor: e-resize;
- width: 7px;
- right: -5px;
- top: 0;
- height: 100%;
- position: absolute;
- font-size: .1px;
- display: block;
-}
-.openoAccordian_accordionmenu {
- width: 100%;
- margin: 0;
- padding: 0;
- list-style-type: none;
- line-height: 17px;
-}
-.openoAccordian_accordionmenu li {
- min-width: 75px;
- margin: 0;
- padding: 0;
- list-style-type: none;
- color: #000;
- clear: both;
-}
-.openo_accordion_ui-icon-collapse, .openo_accordion_ui-icon-expand {
- display: block;
- float: left;
- margin-bottom: -1px;
- border-bottom: 1px solid #e5e5e5;
- cursor: pointer;
- width: 13px;
- padding-top: 26px;
-}
-.openo_accordion_ui-icon-expand {
- background: url(../images/collapse_arrow.png) right 20px no-repeat;
- margin-top: 8px;
-}
-.openo_accordion_ui-icon-expand.current{
- background: url(../images/expand_arrow.png) right 20px no-repeat;
-}
-.openoAccordian_showHideArrow_hide, .openoAccordian_showHideArrow_show {
- display: block;
- position: absolute;
- right: 0;
- top: 4px;
- width: 18px;
- height: 41px;
- cursor: pointer;
- background-color: #f5f5f5;
-}
-.openoAccordian_showHideArrow_hide {
- background-image: url(../images/openo.png);
- background-position: -7px 0!important;
- border-collapse: separate;
- /*box-shadow: inset -1px 0 0 #e5e5e5;*/
-}
-a.header.opened, a.header.closed {
- font-size: 16px;
- padding-top: 24px;
- padding-bottom: 25px;
- color: #999999;
-}
-.openoAccordian_accordionmenu .closed, .openoAccordian_accordionmenu .opened {
- padding-right: 10px;
- background-position: 98% 50%;
- background-repeat: no-repeat;
-}
-.openoAccordian_accordionmenu li a {
- padding: 11px 10px 12px;
- color: #333333;
- margin-right: 1px;
- margin-top: -1px;
- text-align: left!important;
- font-family: "Microsoft Yahei",SimSun,Arial,Tahoma;
- font-size: 14px;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- border-top: 1px solid #e5e5e5;
- border-bottom: 1px solid #e5e5e5;
- /*height: 19px;*/
-}
-.openoAccordian_accordionmenu ul {
- margin: 0;
- padding: 0;
- overflow: hidden;
-}
-.openoAccordian_accordionmenu a {
- display: block;
- text-decoration: none;
-}
-a {
- color: #428bca;
- text-decoration: none;
- background: 0 0;
-}
-.bar{
- height: 834px;
- width: 18px;
- background: #f8f8f8;
- display: none;
-}
-.bar span{
- width: 13px;
- height: 34px;
- background-image: url(../images/openo.png);
- background-position: -39px 0!important;
- display: block;
- /*margin-top: -430px;*/
-}
-#accordionmenuid_ul_0_0_brAppTopMenuID_UL li{
- cursor: pointer;
-}
-#puer_base_openo{
- border: 1px solid #ddd;
-}
-.openo_accordion_selected {
- margin-left: 0;
- margin-right: 0;
- background: #fafafa;
- border-left: 3px solid #4ac9ff!important;
- box-shadow: none;
- position: relative;
-}
-a:hover{
- color: #4ac9ff!important;
-}
-.openoAccordian_accordionmenu li.openo_accordion_selected a {
- position: relative;
- left: -3px;
- color: #009ae7;
-}
-.openo-accordion-resizable-handle {
- z-index: 1!important;
- cursor: e-resize;
- width: 7px;
- right: -5px;
- top: 0;
- height: 100%;
- position: absolute;
- font-size: .1px;
- display: block;
-}
-#iframeContainer iframe {
- width: 100%;
- height: 100%;
- border: 0;
-}
-#accordionContent, #iframeContainer {
- margin: 0;
- padding: 0;
- border: 0;
- width: 100%;
- height: 100%;
-}
-.openoAccordian_showHideArrow_show {
- background-image: url(../images/openo.png);
- background-position: -39px 0!important;
- box-shadow: inset 1px 0 0 #e5e5e5,inset -1px 0 0 #e5e5e5;
-}
\ No newline at end of file diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/css/VMMain.css b/openo-portal/portal-resmgr/src/main/webapp/resmgr/css/VMMain.css deleted file mode 100644 index e625e907..00000000 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/css/VMMain.css +++ /dev/null @@ -1,653 +0,0 @@ -/* Copyright 2016, Huawei Technologies Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-
-body{
- font-family: '微软雅黑';
- font-size: 12px;
- color: #333;
- background: #fafafa;
-}
-button{
- outline: none;
-}
-ul,li{
- list-style: none;
- padding:0;
- margin:0;
-}
-.titleFont{
- font-size: 16px;
-}
-.separator-line{
- height: 1px;
- width: 100%;
- border:1px solid #ddd;
- margin: 6px 0 15px 0;
-}
-.uploadBtn{
- overflow: hidden;
-}
-.creat-btn {
- padding: 0 14px;
- height: 24px;
- float: left;
- cursor: pointer;
- text-decoration: none;
- outline: 0;
- border: 1px solid #d3d3d3;
- text-align: center;
- box-shadow: 0 1px 1px rgba(0,0,0,.05);
- background: #fafafa;
- background: -moz-linear-gradient(top,#fff,#fafafa);
- background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fafafa));
- background: -webkit-linear-gradient(top,#fff,#fafafa);
- background: linear-gradient(to bottom,#fff,#fafafa);
- border-radius: 6px;
- background: #fff url(../images/add.png) no-repeat 5px center;
- padding-left: 20px;
-}
-.creat-btn:hover {
- color: #009ae7;
- border: 1px solid #4AC9FF
-}
-.creat-btn:active {
- color: #000;
- border: 1px solid #4AC9FF
-}
-/*.creat-btn{
- background: #fff url(../image/add.png) no-repeat 5px center;
- border: 1px solid #ddd;
- float: left;
-}
-.creat-btn:hover{
- background: #428bca;
- color: #fff;
- border:1px solid #428bca;
-}*/
-.search{
- width: 310px;
- height: 30px;
- float:right;
-}
-.search-text{
- width: 250px;
- float: left;
- margin-right: 6px;
-}
-.search-btn{
- height: 30px;
- background: #fff;
- border: 1px solid #ddd;
- float: left;
-}
-#ict_virtualApplication_table_div{
- margin-top: 15px;
-}
-.table>thead>tr.active>th{
- border: 1px solid #ddd!important;
- border-bottom: 0;
- background: #f0f0f0;
-}
-/*.table tbody tr:hover{
- background: #e6fbe0!important;
-}*/
-.table tbody tr:last-child{
- border-bottom: 1px solid #ddd;
-}
-.table-btn{
- border: 1px solid #ccc;
- border-radius: 3px;
-}
-.delete-btn{
- background: url(../image/delete.png) no-repeat;
- width: 16px;
- height: 16px;
- border: none;
-}
-.detail-btn{
- background: url(../image/openo.png) no-repeat -343px -283px;
- width: 16px;
- height: 16px;
- border: none;
-}
-.detail-btn.current{
- background-position: -7px -314px;
-}
-.detail{
- height: 200px;
- border: 1px solid #ddd;
- margin-top: 60px;
-}
-
-.detail-top ul{
- height: 50px;
- line-height: 50px;
- border-bottom: 1px solid #ddd;
- padding-left: 0px;
- background: #fafafa;
-}
-.detail-top ul li{
- float:left;
- width: 120px;
- text-align: center;
- border-right: 1px solid #ddd;
- cursor: pointer;
-}
-.detail-top ul li.current{
- background: #fff;
-}
-.vmapp-margin{
- margin-bottom: 10px;
-}
-.control-label .required{
- color: #e02222;
- font-size: 12px;
- padding-left: 2px;
-}
-.form-group .control-label{
- font-size: 12px;
- font-weight: 400;
-}
-legend{
- font-size: 12px;
- font-weight: bold;
-}
-.pageGro{
- width: 250px;
- float: right;
-}
-.pageUp,.pageDown,.pageList,.pageList li{
- float: left;
- cursor: pointer;
-}
-.pageUp,.pageDown{
- width: 60px;
- height: 30px;
- border: 1px solid #ddd;
- text-align: center;
- line-height: 30px;
-}
-.pageList li{
- width: 30px;
- height: 30px;
- border: 1px solid #ddd;
- text-align: center;
- line-height: 30px;
- border-left: none;
-}
-.pageList li.active{
- background: #428bca;
- color: #fff;
- border-color: #428bca;
-}
-.pageDown{
- border-left: none;
-}
-.headerLinkP{
- padding-top: 17px;
-}
-.headerLinkP span{
- font-size: 12px;
- color: #666;
- font-weight: normal!important;
-}
-label{
- font-weight: normal!important;
-}
-table.userform tbody tr td {
- display: table-cell;
- padding-right: 10px;
- padding-top: 10px;
- font-size: 12px;
- color: #333;
-}
-.table th,.table td{
- padding-top: 3px!important;
- padding-bottom: 3px!important;
-}
-.openoBrowseButton_element {
- display: table;
-}
-.openo {
- font-family: "Microsoft Yahei",SimSun,Arial,Tahoma;
- font-size: 12px;
- color: #000;
-}
-.openoBrowseButton_input {
- width: 198px;
- position: relative;
- border: 1px solid #c3c3c3!important;
- height: 26px;
- background-color: #f3f3f3;
- border-radius: 4px 0 0 4px;
- border-right: none;
- padding: 0;
-}
-.buttonClassDefault, .buttonClassDefault:active {
- cursor: pointer;
- background-image: url(../images/openo.png);
- background-position: -154px -7px!important;
-}
-.openoBrowseButton_button {
- width: 27px;
- border: 0;
- float: right;
- position: relative;
- height: 26px;
- right: 0;
- top: 0;
- border-radius: 0 4px 4px 0;
- border-right: 1px solid #c3c3c3;
- border-left: none;
-}
-.openo .openo-input, .openo.openo-input {
- outline: 0;
- border: 1px solid #c3c3c3;
- box-shadow: 1px 1px #f6f6f6 inset;
- background-color: #fff;
- height: 26px;
-}
-.openoInput_openoDefaultText {
- padding: 0 0 0 6px;
- border-radius: 4px;
- color: #000;
- display: inline-block;
- outline: 0;
- box-shadow: 1px 1px #f6f6f6 inset;
- font-size: 12px;
- background: #fff;
-}
-div.openo-select {
- border: 1px solid #c3c3c3;
- border-radius: 4px;
- background: url(../images/arrow-down-enable.png) right no-repeat #fff;
- line-height: 24px;
- padding-left: 3px;
- display: block;
-}
-div.openo-select>input.openo-select-input {
- border: none;
- outline: 0;
- line-height: 21px;
- height: 21px;
- padding-left: 3px;
- border-right: solid 1px #c3c3c3;
-}
-.openo .openo-ellipsis, .openo.openo-ellipsis {
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-a.openoButton_buttonClass, a.openoButton_buttonDisableClass, div.openoButton_buttonClass, div.openoButton_buttonDisableClass {
- height: 26px;
- float: left;
- cursor: pointer;
- text-decoration: none;
- outline: 0;
- border: 1px solid #d3d3d3;
- text-align: center;
- box-shadow: 0 1px 1px rgba(0,0,0,.05);
- background: #fafafa;
- background: -moz-linear-gradient(top,#fff,#fafafa);
- background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(100%,#fafafa));
- background: -webkit-linear-gradient(top,#fff,#fafafa);
- background: linear-gradient(to bottom,#fff,#fafafa);
- border-radius: 6px;
-}
-.openoButton_buttonInnerClass{
- padding: 0 19px;
- border-radius: 6px;
-}
-.openoButton_buttonCenterText {
- color: #000;
- line-height: 24px;
- white-space: nowrap;
- width: auto!important;
-}
-.userHeader {
- clear: left;
- overflow: hidden;
- margin-bottom: 10px;
- padding: 10px 10px 0px 0px;
-}
-.openoButton_buttonGroupClass {
- display: inline;
-}
-.openoButton_buttonGroupClass div.openoButton_buttonClass_parent:first-child {
- margin-left: 0;
-}
-.openoButton_buttonLeftImg {
- margin-right: 5px;
-}
-.openoButton_buttonLeftImg, .openoButton_buttonRightImg {
- display: inline-block;
- vertical-align: top;
- width: 16px;
- height: 16px;
- margin-top: 4px;
-}
-.openo-table-pagination-wrapper {
- height: 37px;
-}
-.openo-pagination {
- display: block;
- float: left;
- overflow: hidden;
- padding: 5px 0 0;
- margin-top: 8px;
-}
-.openoPagination_openoPaginationLengthOptions:not(msie8) {
- line-height: 24px;
-}
-.openoPagination_openoPaginationLengthOptions {
- white-space: normal;
- height: 24px;
- float: left;
- outline: 0;
- line-height: 20px;
- margin: 0 5px;
-}
-.openo-pagination-select {
- height: 26px;
- line-height: 22px;
- text-align: center;
- margin-right: -2px;
- border: 1px solid #e0e0e0;
- border-radius: 5px 0 0 5px;
- padding: 1px;
-}
-.openoPagination_openoPaginationLengthOptions span {
- background-color: #fff!important;
-}
-.openo-pagination-theme a, .openo-pagination-theme span {
- float: left;
- color: #666;
- font: 12px Lucida Grande,Verdana,Arial,Helvetica,sans-serif;
- line-height: 24px;
- font-weight: 400;
- text-align: center;
- border: 1px solid #e0e0e0;
- text-decoration: none!important;
- padding: 0 7px;
- border-radius: 3px;
- background: #fff;
-}
-.openo-pagination-selectspan {
- background: url(../images/ideo_default_select.png) left no-repeat!important;
- float: right!important;
- width: 26px;
- height: 26px;
- cursor: pointer;
-}
-.openo-pagination-theme label {
- padding-top: 6px;
- vertical-align: middle;
- margin-right: 20px;
- margin-top: -1px;
- float: left;
- display: inline-block;
- height: 20px;
- font: 12px Lucida Grande,Verdana,Arial,Helvetica,sans-serif;
-}
-.openo-pagination li, .openo-pagination ul {
- list-style: none;
- padding: 0;
- margin: 0;
- float: left;
-}
-dd, dl, dt, li {
- color: #000;
-}
-.openo-pagination-theme a, .openo-pagination-theme span.current {
- margin: 0 5px 0 0;
-}
-.openo .openo-disabled, .openo.openo-disabled {
- border-color: #c3c3c3!important;
- color: #666!important;
- opacity: .3;
- filter: alpha(opacity=30);
-}
-.openo-pagination-theme .prev {
- background: 0 0;
- float: left;
-}
-.openo-pagination-theme .current {
- text-decoration: none!important;
- float: left;
- padding-left: 6px;
- height: 24px;
- color: #fff;
- display: inline;
- border-color: #00adf5;
- background: #4ad2ff;
-}
-.openo-pagination-theme a, .openo-pagination-theme span {
- float: left;
- color: #666;
- font: 12px Lucida Grande,Verdana,Arial,Helvetica,sans-serif;
- line-height: 24px;
- font-weight: 400;
- text-align: center;
- border: 1px solid #e0e0e0;
- text-decoration: none!important;
- padding: 0 7px;
- border-radius: 3px;
- background: #fff;
-}
-.openo-pagination-theme .prev.openo-disabled:before {
- background: url(../images/page_left_disabled.png) 50% 45% no-repeat;
-}
-.openo-pagination-theme .prev.openo-disabled:before {
- background: url(../images/page_left_disabled.png) 50% 45% no-repeat;
-}
-.openo-pagination-theme .prev:before {
- background: url(../images/page_l.png) 50% 45% no-repeat;
-}
-.openo-pagination-theme .next:after, .openo-pagination-theme .prev:before {
- display: inline-block;
- content: "";
- vertical-align: middle;
- width: 10px;
- height: 24px;
-}
-.openo-pagination-theme .prev:before {
- background: url(../images/page_l.png) 50% 45% no-repeat;
-}
-.openo-pagination-theme .next:after, .openo-pagination-theme .prev:before {
- display: inline-block;
- content: "";
- vertical-align: middle;
- width: 10px;
- height: 24px;
-}
-pagination ul {
- list-style: none;
- padding: 0;
- margin: 0;
- float: left;
-}
-.openo-pagination li, .openo-pagination ul {
- list-style: none;
- padding: 0;
- margin: 0;
- float: left;
-}
-.openoPagination_gototext {
- background: #FFF;
- outline: 0;
- width: 29px;
- float: left;
- height: 26px;
- line-height: 24px;
- border-radius: 4px;
- border: 1px solid #c3c3c3;
- padding: 0 0 0 5px;
- margin: 0;
- color: #666;
- min-width: 50px;
-}
-.openoPagination_gotoimage {
- width: 29px;
- height: 26px;
- line-height: 26px;
- background-color: #FFF;
- background-image: url(/portal/themes/default/components/openo/images/openo.png);
- padding-left: 21px;
- float: left;
- margin-left: 5px;
- border: 1px solid #e0e0e0;
- border-radius: 4px;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- background-position: -184px -181px!important;
-}
-.openo-pagination-theme .ellipse {
- float: left;
- margin-left: -8px;
- margin-right: -4px;
- background: 0 0;
- border: none;
- border-radius: 0;
- box-shadow: none;
- font-weight: 700;
- cursor: default;
-}
-.openo.openo-disabled {
- border-color: #c3c3c3!important;
- color: #666!important;
- opacity: .3;
- filter: alpha(opacity=30);
-}
-.openo-pagination-theme .prev {
- background: 0 0;
- float: left;
-}
-.openo-pagination-theme .current {
- text-decoration: none!important;
- float: left;
- padding-left: 6px;
- height: 26px;
- color: #fff;
- display: inline;
- /*border-color: #00adf5;
- background: #4ad2ff;*/
- border: 1px solid #e0e0e0;
-}
-.openo-pagination-theme .next:after {
- background: url(../images/page_r.png) 50% 45% no-repeat;
-}
-.openoButton_buttonGroupClass div.openoButton_buttonClass_parent, .openoButton_buttonRightImg {
- margin-left: 5px;
-}
-
-html, body {
- height: 99%;
- width: 98%;
-}
-.cotentBody {
- padding: 0px 20px 0px 20px;
-}
-
-div.openoButton_buttonClass:hover {
- border: 1px solid #4ac9ff;
-}
-div.openoButton_button_default:hover .openoButton_buttonCenterText {
- color: #009ae7;
-}
-.header_lineimg {
- height: 1px;
- width: 100%;
- margin-top: 17px;
-}
-.openo.openo-hide {
- display: none;
-}
-div.openo-select-popup-container {
- position: absolute;
- border: 1px solid #4ac9ff;
- border-top: none;
- border-radius: 0 0 4px 4px;
- max-height: 202px;
- overflow-y: auto;
- background-color: #fff;
- z-index: 880;
-}
-div.openo-select-popup-container>div.openo-select-item {
- display: block;
-}
-.openo .openo-ellipsis, .openo.openo-ellipsis {
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-div.openo-select-popup-container>div.openo-select-item>label {
- padding-top: 3px;
- padding-bottom: 3px;
- line-height: 20px;
-}
-.openo .openo-ellipsis, .openo.openo-ellipsis {
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-.openo-select-item label {
- margin-left: 4px;
- margin-right: 4px;
- white-space: nowrap;
-}
-div.openo-select-popup-container>div.openo-select-item.openo-item-selected, div.openo-select-popup-container>div.openo-select-item:hover {
- background-color: #f1f1f1;
- color: #008fd6;
-}
-div.openo-select.openo-focus {
- border: 1px solid #4ac9ff;
- border-bottom-left-radius: 0;
- border-bottom-right-radius: 0;
- border-bottom-color: #ddd;
-}
-.openo-pagination-theme a:hover {
- border-color: #4ac9ff;
- cursor: pointer;
-}
-.SDBtn{
- background: #fff;
- color: #333;
- border: 1px solid #ddd;
-}
-.SDBtn:hover{
- color: #009ae7;
- border: 1px solid #4AC9FF
-}
-table tbody tr.even:hover td, table tbody tr.odd:hover td {
- background-color: #e6fbe0;
-}
-table tr.openoTable_row_selected td {
- background: #e8f8fe!important;
- border-bottom: 1px solid #e8e8e8!important;
-}
-.modal-body{
- padding: 0!important;
-}
-.form-control{
- height: 26px!important;
-}
-.form-group .control-label {
- margin-left: 20px;
-}
-
-.form-horizontal .control-label {
- text-align: left;
-}
\ No newline at end of file diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/js/brs.js b/openo-portal/portal-resmgr/src/main/webapp/resmgr/js/brs.js deleted file mode 100644 index 83d213c3..00000000 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/js/brs.js +++ /dev/null @@ -1,342 +0,0 @@ -/* Copyright 2016, Huawei Technologies Co., Ltd.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-$('.siteDeleteImg').click(function(){
- var data = $(this).parent().parent().parent().find('td:last').find('div:last').html();
- alert(data);
- var jsonObj = JSON.parse(data);
- for(var i = 0; i < jsonObj.length; i++) {
- var obj = jsonObj[i];
- var rowData = [obj.tpName,obj.peName,obj.vlanId,obj.siteCidr,obj.ip];
- $('#underlayTpDataTable').DataTable();
- $('#underlayTpDataTable').dataTable().fnAddData(rowData);
- }
-});
-
-
-function deleteSite(objectId){
- var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/sites/"+objectId;
- $
- .ajax({
- type : "DELETE",
- url : requestUrl,
- contentType : "application/json",
- success : function(jsonobj) {
- $('#site').bootstrapTable('remove', {
- field: 'id',
- values: [objectId]
- });
- alert("Delete Site successfull !!!");
- },
- error : function(xhr, ajaxOptions, thrownError) {
- alert("Error on deleting site: " + xhr.responseText);
- }
- });
-}
-function deleteLink(objectId){
- var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/topological-links/"+objectId;
- $
- .ajax({
- type : "DELETE",
- url : requestUrl,
- contentType : "application/json",
- success : function(jsonobj) {
- $('#link').bootstrapTable('remove', {
- field: 'id',
- values: [objectId]
- });
- alert("Delete Link successfull !!!");
- },
- error : function(xhr, ajaxOptions, thrownError) {
- alert("Error on deleting link : " + xhr.responseText);
- }
- });
-}
-
-function deleteNe(objectId){
- var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/managed-elements/"+objectId;
- $
- .ajax({
- type : "DELETE",
- url : requestUrl,
- contentType : "application/json",
- success : function(jsonobj) {
- $('#ne').bootstrapTable('remove', {
- field: 'id',
- values: [objectId]
- });
- alert("Delete NE successfull !!!");
- },
- error : function(xhr, ajaxOptions, thrownError) {
- alert("Error on deleting ne : " + xhr.responseText);
- }
- });
-}
-
-function deletePort(objectId){
- var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/logical-termination-points/"+objectId;
- $
- .ajax({
- type : "DELETE",
- url : requestUrl,
- contentType : "application/json",
- success : function(jsonobj) {
- $('#port').bootstrapTable('remove', {
- field: 'id',
- values: [objectId]
- });
- alert("Delete Port successfull !!!");
- },
- error : function(xhr, ajaxOptions, thrownError) {
- alert("Error on deleting port : " + xhr.responseText);
- }
- });
-}
-function loadSiteData(){
- var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/sites";
- $
- .ajax({
- type : "GET",
- url : requestUrl,
- contentType : "application/json",
- success : function(jsonobj) {
- $('#site').bootstrapTable({
- data: jsonobj.sites
- });
- },
- error : function(xhr, ajaxOptions, thrownError) {
- alert("Error on getting site data : " + xhr.responseText);
- }
- });
-}
-function loadLinkData(){
- var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/topological-links";
- $
- .ajax({
- type : "GET",
- url : requestUrl,
- contentType : "application/json",
- success : function(jsonobj) {
- $('#link').bootstrapTable({
- data: jsonobj.topologicalLinks
- });
- },
- error : function(xhr, ajaxOptions, thrownError) {
- alert("Error on getting link data : " + xhr.responseText);
- }
- });
-}
-function loadNeData(){
- var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/managed-elements";
- $
- .ajax({
- type : "GET",
- url : requestUrl,
- contentType : "application/json",
- success : function(jsonobj) {
- $('#ne').bootstrapTable({
- data: jsonobj.managedElements
- });
- },
- error : function(xhr, ajaxOptions, thrownError) {
- alert("Error on getting ne data : " + xhr.responseText);
- }
- });
-}
-function loadPortData(){
- var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/logical-termination-points";
- $
- .ajax({
- type : "GET",
- url : requestUrl,
- contentType : "application/json",
- success : function(jsonobj) {
- $('#port').bootstrapTable({
- data: jsonobj.logicalTerminationPoints
- });
- },
- error : function(xhr, ajaxOptions, thrownError) {
- alert("Error on getting port data : " + xhr.responseText);
- }
- });
-}
-$(function(){
- $('.creat-btn').click(function(){
- $('#vmAppDialog').addClass('in').css({'display':'block'});
-
- });
- $('.close,.button-previous').click(function(){
- $('#vmAppDialog').removeClass('in').css('display','none');
- });
- $('.detail-top ul li').click(function(){
- $(this).addClass('current').siblings().removeClass('current');
- });
- $('.para').click(function(){
- if($('#serviceTemplateName').val() == ''){
- alert('Please choose the service templet！');
- $('#flavorTab').css('display','none');
- }else{
- $('#flavorTab').css('display','block');
- }
- $('#basicTab').css('display','block');
- });
- $('.basic').click(function(){
- $('#flavorTab').css('display','none');
- });
-
- $('.table tbody tr').click(function(){
- $(this).addClass('openoTable_row_selected').siblings().removeClass('openoTable_row_selected');
- });
- $('.table tr:odd').addClass('active');
- $('#false').click(function(){
- $('#vmAppDialog').addClass('in').css({'display':'block'});
- });
- $('.close,.button-previous').click(function(){
- $('#vmAppDialog').removeClass('in').css('display','none');
- });
- $('#filterTpLogicalType').click(function(){
- $('#filterTpLogicalType_select_popupcontainer').toggleClass('openo-hide');
- $('#filterTpLogicalType').toggleClass('openo-focus');
- var oLeft = $('#open_base_tpL_td6').offset().left;
- var oTop = $('#open_base_tpL_td6').offset().top;
- var oHeight = $('#open_base_tpL_td6').height();
- $('#filterTpLogicalType_select_popupcontainer').css({'left':oLeft,'top':oTop + oHeight + 10});
- });
- $('div.openo-select-popup-container>div.openo-select-item>label').click(function(){
- var Lvalue = $(this).html();
- $('#filterTpLogicalType_select_input').attr('value',Lvalue);
- $('#filterTpLogicalType_select_popupcontainer').addClass('openo-hide');
- $('#filterTpLogicalType').removeClass('openo-focus');
- });
- $.fn.serializeObject = function() {
- var o = {};
- var a = this.serializeArray();
- $.each(a, function() {
- if (o[this.name] !== undefined) {
- if (!o[this.name].push) {
- o[this.name] = [ o[this.name] ];
- }
- o[this.name].push(this.value || '');
- } else {
- o[this.name] = this.value || '';
- }
- });
- return o;
- };
- $('#createSite').click(function(){
- var formData = JSON.stringify($("#vmAppForm").serializeObject());
- var jsonobj = JSON.parse(formData);
- var newJson = {"site": jsonobj};
- formData = JSON.stringify(newJson);
- var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/sites";
- $
- .ajax({
- type : "POST",
- url : requestUrl,
- contentType : "application/json",
- dataType : "json",
- data : formData,
- success : function(jsonResp) {
- alert("Site saved successfully!!!");
- jsonobj["id"]= jsonResp.site.id;
- $('#site').bootstrapTable("append", jsonobj);
- $('#vmAppDialog').removeClass('in').css('display','none');
- },
- error : function(xhr, ajaxOptions, thrownError) {
- alert("Error on page : " + xhr.responseText);
- }
- });
- });
-
- $('#createNe').click(function(){
- var formData = JSON.stringify($("#neForm").serializeObject());
- var jsonobj = JSON.parse(formData);
- var newJson = {"managedElement": jsonobj};
- formData = JSON.stringify(newJson);
- var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/managed-elements";
- $
- .ajax({
- type : "POST",
- url : requestUrl,
- contentType : "application/json",
- dataType : "json",
- data : formData,
- success : function(jsonResp) {
- alert("NE saved successfully!!!");
- jsonobj["id"]= jsonResp.managedElement.id;
- $('#ne').bootstrapTable("append", jsonobj);
- $('#vmAppDialog').removeClass('in').css('display','none');
-
- },
- error : function(xhr, ajaxOptions, thrownError) {
- alert("Error on page : " + xhr.responseText);
- }
- });
- });
-
- $('#createPort').click(function(){
- var formData = JSON.stringify($("#portForm").serializeObject());
- var jsonobj = JSON.parse(formData);
- var newJson = {"logicalTerminationPoint": jsonobj};
- formData = JSON.stringify(newJson);
- var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/logical-termination-points";
- $
- .ajax({
- type : "POST",
- url : requestUrl,
- contentType : "application/json",
- dataType : "json",
- data : formData,
- success : function(jsonResp) {
- alert("Port saved successfully!!!");
- //TODO : hide model data window.
- jsonobj["id"]= jsonResp.logicalTerminationPoint.id;
- $('#port').bootstrapTable("append", jsonobj);
- $('#vmAppDialog').removeClass('in').css('display','none');
-
- },
- error : function(xhr, ajaxOptions, thrownError) {
- alert("Error on page : " + xhr.responseText);
- }
- });
- });
-
- $('#createLink').click(function(){
- var formData = JSON.stringify($("#linkForm").serializeObject());
- var jsonobj = JSON.parse(formData);
- var newJson = {"topologicalLink": jsonobj};
- formData = JSON.stringify(newJson);
- var requestUrl = "http://localhost:8080/org.openo.sdno.brs/openoapi/sdnobrs/v1/topological-links";
- $
- .ajax({
- type : "POST",
- url : requestUrl,
- contentType : "application/json",
- dataType : "json",
- data : formData,
- success : function(jsonResp) {
- alert("Link saved successfully!!!");
- jsonobj["id"]= jsonResp.topologicalLink.id;
- $('#link').bootstrapTable("append", jsonobj);
- $('#vmAppDialog').removeClass('in').css('display','none');
-
- },
- error : function(xhr, ajaxOptions, thrownError) {
- alert("Error on page : " + xhr.responseText);
- }
- });
- });
-
- })
\ No newline at end of file diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/link.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr/link.html deleted file mode 100644 index ee24edae..00000000 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/link.html +++ /dev/null @@ -1,303 +0,0 @@ -<!--
-
- Copyright 2016, Huawei Technologies Co., Ltd.
-
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
-
--->
-
-<!DOCTYPE html>
-<html>
-<head>
- <head lang="en">
- <meta charset="UTF-8">
- <title></title>
- <link href="css/bootstrap.min.css" rel="stylesheet" />
- <link href="css/VMMain.css" rel="stylesheet" />
- <link href="css/bootstrap-table.min.css" rel="stylesheet" />
- <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
- <script type="text/javascript" src="js/bootstrap.min.js"></script>
- <script type="text/javascript" src="js/brs.js"></script>
- <script type="text/javascript" src="js/bootstrap-table.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function() {
-
-
- var jsondata = loadLinkData();
-
- $('#link').bootstrapTable({
- //Assigning data to table
- data: jsondata
- });
- });
- function operateFormatter(value, row, index) {
- return [
- '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'
- ].join('');
-
- }
- window.operateEvents = {
- 'click .siteDeleteImg': function (e, value, row, index) {
- // TO DO ajex call for delete
- deleteLink(row.id);
- console.log(value, row, index);
- }
- };
- </script>
-</head>
-<body id="open_base_site_cotentBody" class="cotentBody ng-scope">
- <div class="container-fluid ms-controller">
-
- <div class="uploadBtn">
- <div id="open_base_tpL_userHeader" class="userHeader">
- <div id="open_base_tpL_buttonGroup" class="openoButton_buttonGroupClass">
- <div class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default" tabindex="0" id="false" text="res.brApp_ui_res_btn_create" icon-url="./images/add.png" cls="defaultbutton" click="clickAdd" style="display: inline-block; padding-left: 0px; padding-right: 0px;"><div class="openoButton_buttonInnerClass openo-corner-all openoButton_Image" id="false_button"><span class="openo-widget-button-image openoButton_buttonLeftImg" style="background-image: url(images/add.png);"></span><span class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Create</span><span class="openo-widget-button-image openoButton_buttonImgDefault"></span></div></div>
-
- </div>
- </div>
- </div>
-
- <div class="row-fluid" data-name="table_zone">
- <div id='ict_virtualApplication_table_div'>
- <div>
- <div class="top">
- <table id="link" data-pagination="true" data-page-size="5" data-pagination-first-text="First" data-pagination-pre-text="Previous" data-pagination-next-text="Next" data-pagination-last-text="Last">
- <thead id="link" class="openo-table-thead">
- <tr class="active">
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="name"data-sortable="true">
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span id="linkName_sorticon" class="openo-table-th-sorticon overflow_elip openoTable_sortable leftHeaderAlign openo-table-disable-element ">Name
- </span>
- </div>
- </th>
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="logicalType" data-sortable="true">
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span id="link_aEnd_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Type
- </span>
- </div>
- </th>
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="layerRate" data-sortable="true">
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span id="link_layerRate_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Layer Rate
- </span>
- </div>
- </th>
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="aEnd" data-sortable="true">
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span id="link_aEnd_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Source Port
- </span>
- </div>
- </th>
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="zEnd" data-sortable="true">
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span id="link_zEnd_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Sink Port
- </span>
- </div>
- </th>
-
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="aEndME" data-sortable="true">
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span id="link_source_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Source NE
- </span>
- </div>
- </th>
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="zEndME" data-sortable="true">
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span id="link_source_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Sink NE
- </span>
- </div>
- </th>
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="adminState" data-sortable="true">
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span id="link_adminState_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Admin State
- </span>
- </div>
- </th>
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="operState" data-sortable="true">
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span id="link_operState_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Operating State
- </span>
- </div>
- </th>
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="siteType" align="center" data-formatter = "operateFormatter" data-events="operateEvents">
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span id="link_latency_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Actions
- </span>
- </div>
- </th>
- </tr>
- </thead>
- <tbody>
- <!-- <tr style="display: none;">
- <td colspan="7" style="text-align: center;">NULL</td>
- </tr>
- <tr class="odd openo-table-tr openo-table-disable-element" data-rowid="0" data-tableid="siteTable">
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor " data-colid="siteName" data-tableid="siteTable">
- <div class="openo-table-disable-element overflow_elip leftDataAlign">
- <a class="openo-table-disable-element hyperLinkRow" href="javascript:void(0)" id="siteTable_0_siteName_link">Link1</a></div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">Type</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">15</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">8080</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">1234</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">NE</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">UP</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element">UP</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteOperation" data-tableid="siteTable">
- <div class="openo-table-disable-element overflow_elip leftDataAlign openo-table-custom-el" id="siteTable_0_siteOperation_custom_el">
- <div>
- <img src="images/delete.png" href="javascript:void(0)" onclick="deleteLink('this')" opertype="siteDelete" style="cursor: pointer" title="Delete" id="bac4ff3c-d693-4f54-86cd-25af1ea22f59" rowid="0/">
- </div></div>
- </td>
- </tr> -->
- </tbody>
- </table>
- </div>
- </div>
- </div>
- </div>
- <!-- <div id="tpListopenotable_pagination_wrapper" class="openo-table-pagination-wrapper" style="display: block;"><div class="pagination-container openo-pagination-theme openo-pagination"><div class="openoPagination_openoPaginationLengthOptions" id="tpListopenotable_wrapper_div"><input readonly="true" class="openo-pagination-select openopaginationselect" value="" id="tpListopenotable_wrapper_input" actualval="20" style="width: 32px;"><span class="openo-pagination-selectspan openopaginationselectspan" id="tpListopenotable_wrapper_trigger"></span></div><label style="display: block;float:left;">Total records: 23</label><li class="active"><span class="current prev openo-disabled" id="tpListopenotable_wrapper_prev"> </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> -->
-
- <div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"
- aria-labelledby="myModalLabel" aria-hidden="false">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal"
- aria-hidden="true">×
- </button>
- <h4 class="modal-title" id="myModalLabel">
- <span>Create</span>
- </h4>
- </div>
- <form class="form-horizontal" role="form" id="linkForm">
- <div id="wizard">
- <div class="modal-body">
- <ul class="nav nav-pills nav-justified vmapp-margin">
- </ul>
- <div class="tab-content">
- <div class="tab-pane active" id="basicTab">
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">
- <label class="col-sm-3 control-label">
- <span>Name</span>
- <span class="required">*</span>
- </label>
- <div class="col-sm-7">
- <input type="text" id="name" name="name" class="form-control"/>
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-3 control-label">
- <span>Type</span>
- </label>
- <div class="col-sm-7">
- <select class="form-control" style ="padding-top: 0px;padding-bottom: 0px;" id="logicalType"
- name="logicalType">
- <option value="fiberLink">Fiber Link</option>
- <option value="l2Link">L2 Link</option>
- <option value="ipLink">IP Link</option>
- <option value="electricalLink">Electrical Link</option>
- </select>
- </div>
- </div>
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">
- <label class="col-sm-3 control-label">
- <span>Layer Rate</span>
- </label>
- <div class="col-sm-7">
- <input type="text" id="layerRate" name="layerRate" class="form-control"/>
- </div>
- </div>
-
-
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">
- <label class="col-sm-3 control-label">
- <span>Source Port</span>
- </label>
- <div class="col-sm-7">
- <input type="text" id="aEnd" name="aEnd" class="form-control"/>
- </div>
- </div>
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">
- <label class="col-sm-3 control-label">
- <span>Sink Port</span>
- </label>
- <div class="col-sm-7">
- <input type="text" id="zEnd" name="zEnd" class="form-control"/>
- </div>
- </div>
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">
- <label class="col-sm-3 control-label">
- <span>Source NE</span>
- </label>
- <div class="col-sm-7">
- <input type="text" id="aEndMe" name="aEndME" class="form-control"/>
- </div>
- </div>
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">
- <label class="col-sm-3 control-label">
- <span>Sink NE</span>
- </label>
- <div class="col-sm-7">
- <input type="text" id="zEndMe" name="zEndME" class="form-control"/>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn SDBtn" data-dismiss="modal" aria-hidden="true" id="createLink">
- <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>
- </button>
- <button type="button" class="btn button-previous SDBtn">
- <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>
- </button>
-
- </div>
- </div>
- </form>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div id="filterTpLogicalType_select_popupcontainer" class="openo openo-select-popup-container openo-hide" style="width: 155px; max-height: 130px; left: 628px; top: 104px; z-index: 1761;"><div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_0"><label class="openo-ellipsis openo-select-blank-item" style="width: 100%; display: block; height: 20px;"></label></div><div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_1"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">ETH</label></div><div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_2"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;" title="POS">POS</label></div><div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_3"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Trunk</label></div><div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_4"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Loopback</label></div></div>
-
-
-</body>
-</html>
\ No newline at end of file diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/ne.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr/ne.html deleted file mode 100644 index 301cb75a..00000000 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/ne.html +++ /dev/null @@ -1,295 +0,0 @@ -<!--
-
- Copyright 2016, Huawei Technologies Co., Ltd.
-
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
-
--->
-
-<!DOCTYPE html>
-<html>
-<head>
- <head lang="en">
- <meta charset="UTF-8">
- <title></title>
- <link href="css/bootstrap.min.css" rel="stylesheet" />
- <link href="css/VMMain.css" rel="stylesheet" />
- <link href="css/bootstrap-table.min.css" rel="stylesheet" />
- <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
- <script type="text/javascript" src="js/bootstrap.min.js"></script>
- <script type="text/javascript" src="js/brs.js"></script>
- <script type="text/javascript" src="js/bootstrap-table.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function() {
- var jsondata = [];
- jsondata = loadNeData();
- $('#ne').bootstrapTable({
- //Assigning data to table
- data: jsondata
- });
-
- });
- function operateFormatter(value, row, index) {
- return [
- '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'
- ].join('');
-
- }
- window.operateEvents = {
- 'click .siteDeleteImg': function (e, value, row, index) {
- // TO DO ajex call for delete
- var result = deleteNe(row.id, row);
- }
- };
-
- </script>
-</head>
-<body id="open_base_site_cotentBody" class="cotentBody ng-scope">
- <div class="container-fluid ms-controller">
-
-
- <div class="uploadBtn">
- <div id="open_base_tpL_userHeader" class="userHeader">
- <div id="open_base_tpL_buttonGroup" class="openoButton_buttonGroupClass">
- <div class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default" tabindex="0" id="false" text="res.brApp_ui_res_btn_create" icon-url="./images/add.png" cls="defaultbutton" click="clickAdd" style="display: inline-block; padding-left: 0px; padding-right: 0px;"><div class="openoButton_buttonInnerClass openo-corner-all openoButton_Image" id="false_button"><span class="openo-widget-button-image openoButton_buttonLeftImg" style="background-image: url(images/add.png);"></span><span class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Create</span><span class="openo-widget-button-image openoButton_buttonImgDefault"></span></div></div>
- </div>
- </div>
- </div>
-
- <div class="row-fluid" data-name="table_zone">
- <div id='ict_virtualApplication_table_div'>
- <div>
- <div class="top">
- <table id="ne" data-row-style="rowStyle" data-pagination="true" data-page-size="5" data-pagination-first-text="First" data-pagination-pre-text="Previous" data-pagination-next-text="Next" data-pagination-last-text="Last">
- <thead class="openo-table-thead">
- <tr class="active">
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="name" data-sortable="true">
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span class="openo-table-th-sorticon overflow_elip openoTable_sortable leftHeaderAlign openo-table-disable-element ">Name
- </span>
- </div>
- </th>
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="version" data-sortable="true">
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span id="ne_isVersion_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Version
- </span>
- </div>
- </th>
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="productName" data-sortable="true">
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span id="neproductName_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Product Name
- </span>
- </div>
- </th>
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="ipAddress" data-sortable="true">
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span id="ne_ipAddress_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">IP Address
- </span>
- </div>
- </th>
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="neRole" data-sortable="true">
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span id="ne_neRole_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element0" >NE Role
- </span>
- </div>
- </th>
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="adminState" >
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span id="ne_adminState_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Admin State
- </span>
- </div>
- </th>
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="operState" data-sortable="true">
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span id="ne_operState_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Operating State
- </span>
- </div>
- </th>
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" align="center" data-formatter = "operateFormatter" data-events="operateEvents" >
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span id="ne_nativeID_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Actions
- </span>
- </div>
- </th>
- </tr></thead>
- <!-- <tbody>
- <tr style="display: none;">
- <td colspan="7" style="text-align: center;">NULL</td>
- </tr>
- <tr class="odd openo-table-tr openo-table-disable-element" data-rowid="0" data-tableid="siteTable">
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor " data-colid="siteName" data-tableid="siteTable">
- <div class="openo-table-disable-element overflow_elip leftDataAlign">
- <a class="openo-table-disable-element hyperLinkRow" href="javascript:void(0)" id="siteTable_0_siteName_link">NE</a></div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">1.1</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">SDN</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">192.168.100.102</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">Role</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">Admin</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">UP</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteOperation" data-tableid="siteTable">
- <div class="openo-table-disable-element overflow_elip leftDataAlign openo-table-custom-el" id="siteTable_0_siteOperation_custom_el">
- <div>
- <img src="images/delete.png" href="javascript:void(0)" onclick="deleteNe('this');" opertype="siteDelete" style="cursor: pointer" title="Delete" id="bac4ff3c-d693-4f54-86cd-25af1ea22f59" rowid="0/">
- </div>
- </div>
- </td>
- </tr>
- <tr class="even openo-table-tr openo-table-disable-element" data-rowid="0" data-tableid="siteTable">
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor " data-colid="siteName" data-tableid="siteTable">
- <div class="openo-table-disable-element overflow_elip leftDataAlign">
- <a class="openo-table-disable-element hyperLinkRow" href="javascript:void(0)" id="siteTable_0_siteName_link">NE</a></div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">1.1</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">SDN</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">192.168.100.102</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">Role</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">Admin</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable">
- <div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="siteTable_0_siteType_custom_el">UP</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteOperation" data-tableid="siteTable">
- <div class="openo-table-disable-element overflow_elip leftDataAlign openo-table-custom-el" id="siteTable_0_siteOperation_custom_el">
- <div>
- <img src="images/delete.png" href="javascript:void(0)" onclick="deleteNe('this');" opertype="siteDelete" style="cursor: pointer" title="Delete" id="bac4ff3c-d693-4f54-86cd-25af1ea22f59" rowid="0/">
- </div>
- </div>
- </td>
- </tr>
- </tbody> -->
- </table>
- </div>
- </div>
- </div>
- </div>
- <!-- <div id="tpListopenotable_pagination_wrapper" class="openo-table-pagination-wrapper" style="display: block;"><div class="pagination-container openo-pagination-theme openo-pagination"><div class="openoPagination_openoPaginationLengthOptions" id="tpListopenotable_wrapper_div"><input readonly="true" class="openo-pagination-select openopaginationselect" value="" id="tpListopenotable_wrapper_input" actualval="20" style="width: 32px;"><span class="openo-pagination-selectspan openopaginationselectspan" id="tpListopenotable_wrapper_trigger"></span></div><label style="display: block;float:left;">Total records: 23</label><li class="active"><span class="current prev openo-disabled" id="tpListopenotable_wrapper_prev"> </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> -->
-
- <div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"
- aria-labelledby="myModalLabel" aria-hidden="false">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal"
- aria-hidden="true">×
- </button>
- <h4 class="modal-title" id="myModalLabel">
- <span>Create</span>
- </h4>
- </div>
- <form class="form-horizontal" role="form" id="neForm">
- <div id="wizard">
- <div class="modal-body">
- <ul class="nav nav-pills nav-justified vmapp-margin">
-
- </ul>
- <div class="tab-content">
- <div class="tab-pane active" id="basicTab">
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">
- <label class="col-sm-3 control-label">
- <span>Name</span>
- <span class="required">*</span>
- </label>
- <div class="col-sm-7">
- <input type="text" id="name" name="name" class="form-control" placeholder="Name"/>
- </div>
- </div>
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">
- <label class="col-sm-3 control-label">
- <span>Version</span>
- <span class="required">*</span>
- </label>
- <div class="col-sm-7">
- <input type="text" id="version" name="version" class="form-control" placeholder="1.1"/>
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-3 control-label">
- <span>Product Name</span>
- </label>
- <div class="col-sm-7">
- <input type="text" id="productName" name="productName" class="form-control" placeholder="Product Name"/>
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-3 control-label">
- <span>IP Address</span>
- </label>
- <div class="col-sm-7">
- <input type="text" id="ipAddress" name="ipAddress" class="form-control" placeholder="255.255.255.255"/>
- </div>
- </div>
- <!-- TODO : check for valid neRole
- <div class="form-group">
- <label class="col-sm-3 control-label">
- <span>NE Role</span>
- </label>
- <div class="col-sm-7">
- <input type="text" id="neRole" name="neRole" class="form-control" placeholder="Role"/>
- </div>
- </div>
- -->
- </div>
- </div>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn SDBtn" data-dismiss="modal" aria-hidden="true" id="createNe">
- <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>
- </button>
- <button type="button" class="btn button-previous SDBtn">
- <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>
- </button>
-
- </div>
- </div>
- </form>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div id="filterTpLogicalType_select_popupcontainer" class="openo openo-select-popup-container openo-hide" style="width: 155px; max-height: 130px; left: 628px; top: 104px; z-index: 1761;"><div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_0"><label class="openo-ellipsis openo-select-blank-item" style="width: 100%; display: block; height: 20px;"></label></div><div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_1"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">ETH</label></div><div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_2"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;" title="POS">POS</label></div><div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_3"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Trunk</label></div><div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_4"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Loopback</label></div></div>
-
-
-</body>
-</html>
\ No newline at end of file diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/port.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr/port.html deleted file mode 100644 index e47b30d5..00000000 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/port.html +++ /dev/null @@ -1,299 +0,0 @@ -<!--
-
- Copyright 2016, Huawei Technologies Co., Ltd.
-
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
-
--->
-
-<!DOCTYPE html>
-<html>
-<head>
- <head lang="en">
- <meta charset="UTF-8">
- <title></title>
- <link href="css/bootstrap.min.css" rel="stylesheet" />
- <link href="css/VMMain.css" rel="stylesheet" />
- <link href="css/bootstrap-table.min.css" rel="stylesheet" />
- <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
- <script type="text/javascript" src="js/bootstrap.min.js"></script>
- <script type="text/javascript" src="js/brs.js"></script>
- <script type="text/javascript" src="js/bootstrap-table.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function() {
-
- var jsondata = [];
- jsondata = loadPortData();
-
- $('#port').bootstrapTable({
- //Assigning data to table
- data: jsondata
- });
- });
- function operateFormatter(value, row, index) {
- return [
- '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'
- ].join('');
-
- }
- window.operateEvents = {
- 'click .siteDeleteImg': function (e, value, row, index) {
-
- deletePort(row.id);
- console.log(value, row, index);
- }
- };
- </script>
-</head>
-<body id="open_base_site_cotentBody" class="cotentBody ng-scope">
-
-
- <div class="uploadBtn">
- <div id="open_base_tpL_userHeader" class="userHeader">
- <div id="open_base_tpL_buttonGroup" class="openoButton_buttonGroupClass">
- <div class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default" tabindex="0" id="false" text="res.brApp_ui_res_btn_create" icon-url="./images/add.png" cls="defaultbutton" click="clickAdd" style="display: inline-block; padding-left: 0px; padding-right: 0px;"><div class="openoButton_buttonInnerClass openo-corner-all openoButton_Image" id="false_button"><span class="openo-widget-button-image openoButton_buttonLeftImg" style="background-image: url(images/add.png);"></span><span class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Create</span><span class="openo-widget-button-image openoButton_buttonImgDefault"></span></div></div>
- </div>
- </div>
- </div>
-
- <div class="row-fluid" data-name="table_zone">
- <div id='ict_virtualApplication_table_div'>
- <div>
- <div class="top">
- <table id="port" data-pagination="true" data-page-size="5" data-pagination-first-text="First" data-pagination-pre-text="Previous" data-pagination-next-text="Next" data-pagination-last-text="Last">
- <thead id="portTable_thead" class="openo-table-thead">
- <tr class="active">
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="name" data-sortable="true">
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span id="portName_sorticon" class="openo-table-th-sorticon overflow_elip openoTable_sortable leftHeaderAlign openo-table-disable-element ">Name
- </span>
- </div>
- </th>
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="meID" data-sortable="true">
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span id="portmeID_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">ME
- </span>
- </div>
- </th>
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="logicalType" data-sortable="true">
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span id="portLogicalType_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Type
- </span>
- </div>
- </th>
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="layerRate" data-sortable="true">
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span id="portLayerRate_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Layer Rate
- </span>
- </div>
- </th>
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="isEdgePoint" data-sortable="true">
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span id="portIsEdgePoint_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Edge Point
- </span>
- </div>
- </th>
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="portIndex" data-sortable="true">
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span id="portIndex_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Port Index
- </span>
- </div>
- </th>
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="ipAddress" data-sortable="true">
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span id="portIpAddress_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">IP Address
- </span>
- </div>
- </th>
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="adminState" data-sortable="true">
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span id="portAdminState_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Admin State
- </span>
- </div>
- </th>
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="operState" data-sortable="true">
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span id="portOperState_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Operating State
- </span>
- </div>
- </th>
- <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" align="center" data-formatter = "operateFormatter" data-events="operateEvents">
- <div class="openo-table-th-border"></div>
- <div class="DataTables_sort_wrapper openo-ellipsis ">
- <span id="portAction_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Action</span>
- </div>
- </th>
- </tr>
- </thead>
- <!-- <tbody>
- <tr style="display: none;">
- <td colspan="7" style="text-align: center;">NULL</td>
- </tr>
- <tr class="odd openo-table-tr openo-table-disable-element" data-rowid="0" data-tableid="siteTable">
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteName" data-tableid="siteTable">
- <div class="openo-table-disable-element overflow_elip leftDataAlign">
- <a class="openo-table-disable-element hyperLinkRow" href="javascript:void(0)" id="siteTable_0_portName_link"></a>Port1</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteType" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >ME</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >Type</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >12</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >Edge</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >12345</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >255.255.255.123</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >UP</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteTenantName" data-tableid="siteTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" >UP</div>
- </td>
- <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="siteOperation" data-tableid="siteTable">
- <div class="openo-table-disable-element overflow_elip leftDataAlign openo-table-custom-el" id="siteTable_0_siteOperation_custom_el">
- <div>
- <img src="images/delete.png" href="javascript:void(0)" onclick="deletePort('this');" opertype="siteDelete" style="cursor: pointer" title="Delete" id="bac4ff3c-d693-4f54-86cd-25af1ea22f59" rowid="0/">
- </div>
- </div>
- </td>
- </tr>
- </tbody> -->
- </table>
- </div>
- </div>
- </div>
- </div>
- <!-- <div id="tpListopenotable_pagination_wrapper" class="openo-table-pagination-wrapper" style="display: block;"><div class="pagination-container openo-pagination-theme openo-pagination"><div class="openoPagination_openoPaginationLengthOptions" id="tpListopenotable_wrapper_div"><input readonly="true" class="openo-pagination-select openopaginationselect" value="" id="tpListopenotable_wrapper_input" actualval="20" style="width: 32px;"><span class="openo-pagination-selectspan openopaginationselectspan" id="tpListopenotable_wrapper_trigger"></span></div><label style="display: block;float:left;">Total records: 23</label><li class="active"><span class="current prev openo-disabled" id="tpListopenotable_wrapper_prev"> </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> -->
-
- <div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"
- aria-labelledby="myModalLabel" aria-hidden="false">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal"
- aria-hidden="true">×
- </button>
- <h4 class="modal-title" id="myModalLabel">
- <span>Create</span>
- </h4>
- </div>
- <form class="form-horizontal" role="form" id="portForm">
- <div id="wizard">
- <div class="modal-body">
- <ul class="nav nav-pills nav-justified vmapp-margin">
- </ul>
- <div class="tab-content">
- <div class="tab-pane active" id="basicTab">
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">
- <label class="col-sm-3 control-label">
- <span>Name</span>
- <span class="required">*</span>
- </label>
- <div class="col-sm-7">
- <input type="text" id="name" name="name" class="form-control" placeholder="Name"/>
- </div>
- </div>
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">
- <label class="col-sm-3 control-label">
- <span>ME</span>
- </label>
- <div class="col-sm-7">
- <input type="text" id="meID" name="meID" class="form-control" placeholder="ME"/>
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-3 control-label">
- <span>Type</span>
- </label>
- <div class="col-sm-7">
- <select class="form-control" style ="padding-top: 0px;padding-bottom: 0px;" id="logicalType"
- name="logicalType">
- <option value="ETH">ETH</option>
- <option value="POS">POS</option>
- <option value="Trunk">Trunk</option>
- <option value="Loopback">Loopback</option>
- </select>
- </div>
- </div>
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">
- <label class="col-sm-3 control-label">
- <span>Layer Rate</span>
- </label>
- <div class="col-sm-7">
- <input type="text" id="layerRate" name="layerRate" class="form-control" placeholder="Layer Rate"/>
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-3 control-label">
- <span>Edge Point</span>
- </label>
- <div class="col-sm-7">
- <select class="form-control" style ="padding-top: 0px;padding-bottom: 0px;" id="isEdgePoint"
- name="isEdgePoint">
- <option value="true">True</option>
- <option value="false">False</option>
- </select>
- </div>
- </div>
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">
- <label class="col-sm-3 control-label">
- <span>Port Index</span>
- </label>
- <div class="col-sm-7">
- <input type="text" id="portIndex" name="portIndex" class="form-control" placeholder="Port Index"/>
- </div>
- </div>
-
- <div class="form-group">
- <label class="col-sm-3 control-label">
- <span>IP Address</span>
- </label>
- <div class="col-sm-7">
- <input type="text" id="ipAddress" name="ipAddress" class="form-control" placeholder="255.255.255.255"/>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn SDBtn" data-dismiss="modal" aria-hidden="true" id="createPort">
- <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>
- </button>
- <button type="button" class="btn button-previous SDBtn">
- <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>
- </button>
-
- </div>
- </div>
- </form>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div id="filterTpLogicalType_select_popupcontainer" class="openo openo-select-popup-container openo-hide" style="width: 155px; max-height: 130px; left: 628px; top: 104px; z-index: 1761;"><div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_0"><label class="openo-ellipsis openo-select-blank-item" style="width: 100%; display: block; height: 20px;"></label></div><div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_1"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">ETH</label></div><div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_2"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;" title="POS">POS</label></div><div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_3"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Trunk</label></div><div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_4"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Loopback</label></div></div>
-
-
-</body>
-</html>
\ No newline at end of file diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr/site.html b/openo-portal/portal-resmgr/src/main/webapp/resmgr/site.html deleted file mode 100644 index 9cb3e50d..00000000 --- a/openo-portal/portal-resmgr/src/main/webapp/resmgr/site.html +++ /dev/null @@ -1,195 +0,0 @@ -<!--
-
- Copyright 2016, Huawei Technologies Co., Ltd.
-
- Licensed under the Apache License, Version 2.0 (the "License");
- you may not use this file except in compliance with the License.
- You may obtain a copy of the License at
-
- http://www.apache.org/licenses/LICENSE-2.0
-
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
-
--->
-
-<!DOCTYPE html>
-<html>
-<head>
- <head lang="en">
- <meta charset="UTF-8">
- <title></title>
- <link href="css/bootstrap.min.css" rel="stylesheet" />
- <link href="css/VMMain.css" rel="stylesheet" />
- <link href="css/bootstrap-table.min.css" rel="stylesheet" />
- <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
- <script type="text/javascript" src="js/bootstrap.min.js"></script>
- <script type="text/javascript" src="js/brs.js"></script>
- <script type="text/javascript" src="js/bootstrap-table.min.js"></script>
-
- <style type="text/css">
- </style>
- <script type="text/javascript">
- $(document).ready(function() {
-
- var jsondata = [];
- jsondata = loadSiteData();
- $('#site').bootstrapTable({
- //Assigning data to table
- data: jsondata
- });
-
-
- });
-
- function operateFormatter(value, row, index) {
- return [
- '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'
- ].join('');
-
- }
- window.operateEvents = {
- 'click .siteDeleteImg': function (e, value, row, index) {
- // TO DO ajex call for delete
- deleteSite(row.id);
- console.log(value, row, index);
- }
- };
- </script>
-</head>
-<body id="open_base_site_cotentBody" class="cotentBody ng-scope">
- <div class="container-fluid ms-controller">
-
- <div class="uploadBtn">
- <div id="open_base_tpL_userHeader" class="userHeader">
- <div id="open_base_tpL_buttonGroup" class="openoButton_buttonGroupClass">
- <div class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass defaultbutton openoButton_button_default" tabindex="0" id="false" text="res.brApp_ui_res_btn_create" icon-url="./images/add.png" cls="defaultbutton" click="clickAdd" style="display: inline-block; padding-left: 0px; padding-right: 0px;"><div class="openoButton_buttonInnerClass openo-corner-all openoButton_Image" id="false_button"><span class="openo-widget-button-image openoButton_buttonLeftImg" style="background-image: url(images/add.png);"></span><span class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Create</span><span class="openo-widget-button-image openoButton_buttonImgDefault"></span></div></div>
-
-
- <div class="openo openo-widget-button openoButton_buttonClass_parent ng-isolate-scope openoButton_buttonClass undefined openoButton_button_default" tabindex="0" id="meEdit" text="res.brApp_ui_res_btn_edit" display="false" style="display: none;"><div class="openoButton_buttonInnerClass openo-corner-all" id="meEdit_button"><span class="openo-widget-button-image openoButton_buttonImgDefault"></span><span class="openoButton_buttonCenterText openoButton_buttonCenterTextFont">Edit</span><span class="openo-widget-button-image openoButton_buttonImgDefault"></span></div></div>
-
- </div>
- </div>
- </div>
-
- <div class="row-fluid" data-name="table_zone">
- <div id='ict_virtualApplication_table_div'>
- <div>
- <div class="top">
- <table id="site"
- data-pagination="true" data-page-size="5" data-pagination-first-text="First" data-pagination-pre-text="Previous" data-pagination-next-text="Next" data-pagination-last-text="Last">
- <thead>
- <tr class="active" >
- <th data-field="name" data-sortable="true">Name</th>
- <th data-field="type" data-sortable="true">Type</th>
- <th data-field="tenantID" data-sortable="true">Tenant Name</th>
- <th data-field="tenantSiteIDs" data-sortable="true">Tenant Site</th>
- <th data-field="location" data-sortable="true">Location</th>
-
- <th align="center" data-formatter = "operateFormatter" data-events="operateEvents">Action</th>
- </tr>
- </thead>
- </table>
- </div>
- </div>
- </div>
- </div>
- <!-- <div id="tpListopenotable_pagination_wrapper" class="openo-table-pagination-wrapper" style="display: block;"><div class="pagination-container openo-pagination-theme openo-pagination"><div class="openoPagination_openoPaginationLengthOptions" id="tpListopenotable_wrapper_div"><input readonly="true" class="openo-pagination-select openopaginationselect" value="" id="tpListopenotable_wrapper_input" actualval="20" style="width: 32px;"><span class="openo-pagination-selectspan openopaginationselectspan" id="tpListopenotable_wrapper_trigger"></span></div><label style="display: block;float:left;">Total records: 23</label><li class="active"><span class="current prev openo-disabled" id="tpListopenotable_wrapper_prev"> </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> -->
-
- <div id="vmAppDialog" class="modal fade" tabindex="-1" role="dialog"
- aria-labelledby="myModalLabel" aria-hidden="false">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal"
- aria-hidden="true">×
- </button>
- <h4 class="modal-title" id="myModalLabel">
- <span>Create</span>
- </h4>
- </div>
- <form class="form-horizontal" role="form" id="vmAppForm">
- <div id="wizard">
- <div class="modal-body">
- <ul class="nav nav-pills nav-justified vmapp-margin">
- </ul>
- <div class="tab-content">
- <div class="tab-pane active" id="basicTab">
- <div class="form-group" ms-class="has-error:vmAppDialog.name==''">
- <label class="col-sm-3 control-label">
- <span>Name</span>
- <span class="required">*</span>
- </label>
- <div class="col-sm-7">
- <input type="text" id="name" name="name" class="form-control" placeholder="Name"/>
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-3 control-label">
- <span>Type</span>
- </label>
-
- <div class="col-sm-7">
- <select class="form-control" style ="padding-top: 0px;padding-bottom: 0px;" id="type"
- name="type">
- <option value="network_site">Network</option>
- <option value="tenant_site">Tenant</option>
- </select>
- </div>
- </div>
- <!-- TODO: these field are ignored as of now
- <div class="form-group">
- <label class="col-sm-3 control-label">
- <span>Tenant Name</span>
- </label>
- <div class="col-sm-7">
- <input type="text" id="tenantName" name="tenantName" class="form-control" placeholder="Banglore"/>
- </div>
- </div>
- <div class="form-group">
- <label class="col-sm-3 control-label">
- <span>Tenant Site</span>
- </label>
- <div class="col-sm-7">
- <input type="text" id="tenantSite" name="tenantSite" class="form-control" placeholder="Banglore"/>
- </div>
- </div>
- -->
- <div class="form-group">
- <label class="col-sm-3 control-label">
- <span>Location</span>
- </label>
- <div class="col-sm-7">
- <input type="text" id="location" name="location" class="form-control" placeholder="Banglore"/>
- </div>
- </div>
- </div>
-
-
- </div>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn SDBtn" data-dismiss="modal" aria-hidden="true" id="createSite">
- <span id="nfv-virtualApplication-iui-text-cancelBtn">OK</span>
- </button>
- <button type="button" class="btn button-previous SDBtn">
- <span id="nfv-virtualApplication-iui-text-previousBtn">Cancel</span>
- </button>
-
- </div>
- </div>
- </form>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div id="filterTpLogicalType_select_popupcontainer" class="openo openo-select-popup-container openo-hide" style="width: 155px; max-height: 130px; left: 628px; top: 104px; z-index: 1761;"><div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_0"><label class="openo-ellipsis openo-select-blank-item" style="width: 100%; display: block; height: 20px;"></label></div><div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_1"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">ETH</label></div><div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_2"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;" title="POS">POS</label></div><div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_3"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Trunk</label></div><div class="openo-select-item openo-ellipsis " id="filterTpLogicalType_openo-select-id_4"><label class="openo-ellipsis " style="width: 100%; display: block; height: 20px;">Loopback</label></div></div>
-
-
-</body>
-</html>
\ No newline at end of file |
