| <!-- | |
| Copyright (c) 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> | |
| <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(){ | |
| $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL').slideToggle(500); | |
| $('.openo_accordion_ui-icon-expand').toggleClass('current') | |
| }); | |
| $('.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){ | |
| $('#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){ | |
| $('#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'); | |
| } | |
| }); | |
| $('.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(){ | |
| $(this).addClass('openo_accordion_selected').siblings().removeClass('openo_accordion_selected'); | |
| }); | |
| $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_0_brAppSiteMenuID').click(function(){ | |
| $('#accordionContent').attr('src','overlayvpn.html'); | |
| }); | |
| $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_1_brAppMeMenuID').click(function(){ | |
| $('#accordionContent').attr('src','underlayvpn.html'); | |
| }); | |
| }) | |
| </script> | |
| <body> | |
| <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"> | |
| <div id="iemp_layout_container" ng-controller="resourceCtrl" class="iemp_layout_container ng-scope"> | |
| <table id="open_base_table" class="three-cols-layout"> | |
| <tbody id="open_base_tbody"> | |
| <tr id="open_base_tr"> | |
| <td class="bar"> | |
| <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 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;">VPN Manager</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;"> | |
| <a title="点击访问站点" class="" style="padding-left: 62px;">Overlay VPN</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;">Underlay VPN</a> | |
| </li> | |
| </ul> | |
| </li> | |
| </ul> | |
| </div> | |
| </td> | |
| <td id="open_base_iframe" class="three-cols-column three-cols-center" style="padding: 0px;"> | |
| <div id="iframeContainer" class="frame-class" style="height: 870px;"> | |
| <iframe id="accordionContent" src="" height="870px"></iframe> | |
| </div> | |
| </td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |