| Seshu-Kumar-M | 72f3252 | 2016-09-14 18:06:11 +0800 | [diff] [blame] | 1 | <!doctype html>
|
| 2 | <html>
|
| 3 | <head>
|
| 4 | <meta charset="utf-8">
|
| 5 | <title></title>
|
| 6 | <link href="css/bootstrap.min.css" rel="stylesheet" />
|
| 7 | <link href="css/RMain.css" rel="stylesheet" />
|
| 8 | <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
|
| 9 | <script type="text/javascript" src="js/bootstrap.min.js"></script>
|
| 10 | </head>
|
| 11 | <script type="text/javascript">
|
| 12 | $(function(){
|
| 13 | $('.openo_accordion_ui-icon-expand,.header').click(function(){
|
| 14 | $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL').slideToggle(500);
|
| 15 | $('.openo_accordion_ui-icon-expand').toggleClass('current')
|
| 16 | });
|
| 17 | $('.openoAccordian_showHideArrow_hide').click(function(){
|
| 18 | // $('#open_base_openo').css('margin-left','-200px');
|
| 19 | // $('#open_base_openo').css('display','none');
|
| 20 | // $('.bar').css('display','block');
|
| 21 | if($('#accordionmenuid').width() >= 200){
|
| 22 | $('#accordionmenuid').width('18px');
|
| 23 | $('.openo_accordion_ui-icon-expand,.header,#accordionmenuid_ul_0_0_brAppTopMenuID_UL li a').css('display','none');
|
| 24 | $('#accordionmenuid_arrow').attr('classname','openoAccordian_showHideArrow_show');
|
| 25 | $('#iframeContainer').css('width','1284px');
|
| 26 | }else if($('#accordionmenuid').width() == 18){
|
| 27 | $('#accordionmenuid').width('220px');
|
| 28 | $('.openo_accordion_ui-icon-expand,.header,#accordionmenuid_ul_0_0_brAppTopMenuID_UL li a').css('display','block');
|
| 29 | $('#accordionmenuid_arrow').attr('classname','openoAccordian_showHideArrow_hide');
|
| 30 | $('#iframeContainer').css('width','1063px');
|
| 31 | }
|
| 32 |
|
| 33 | });
|
| 34 | $('.bar span').click(function(){
|
| 35 | $('#open_base_openo').css('display','block');
|
| 36 | $('.bar').css('display','none');
|
| 37 | $('#iframeContainer').css('width','1063px');
|
| 38 | });
|
| 39 | $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL li').click(function(){
|
| 40 | $(this).addClass('openo_accordion_selected').siblings().removeClass('openo_accordion_selected');
|
| 41 | });
|
| 42 | $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_0_brAppSiteMenuID').click(function(){
|
| 43 | $('#accordionContent').attr('src','overlayvpn.html');
|
| 44 | });
|
| 45 | $('#accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_1_brAppMeMenuID').click(function(){
|
| 46 | $('#accordionContent').attr('src','underlayvpn.html');
|
| 47 | });
|
| 48 | })
|
| 49 | </script>
|
| 50 | <body>
|
| 51 | <div id="febDiv" style="overflow: hidden;">
|
| 52 | <div id="open_base_feb">
|
| 53 | <!--use for store menu come from feb service, maybe just a temple plan-->
|
| 54 | <div id="app">
|
| 55 | <div id="iemp_layout_container" ng-controller="resourceCtrl" class="iemp_layout_container ng-scope">
|
| 56 |
|
| 57 | <table id="open_base_table" class="three-cols-layout">
|
| 58 | <tbody id="open_base_tbody">
|
| 59 | <tr id="open_base_tr">
|
| 60 | <td class="bar">
|
| 61 | <span></span>
|
| 62 | </td>
|
| 63 | <td id="open_base_openo" class="three-cols-column three-cols-left">
|
| 64 | <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;">
|
| 65 | <div class="openo-accordion-resizable-handle" style="cursor: auto;"></div>
|
| 66 | <ul id="accordionmenuid_ul" class="openoAccordian_accordionmenu">
|
| 67 | <li id="accordionmenuid_ul_0_0_brAppTopMenuID" nodeid="brAppTopMenuID">
|
| 68 | <span class="openo_accordion_ui-icon-expand" style="padding-left: 20px; height: 60px;cursor: pointer;"></span>
|
| 69 | <span class="openoAccordian_showHideArrow_hide" id="accordionmenuid_arrow" style="cursor: pointer;"></span>
|
| 70 | <a title="brApp" class="header opened" style="padding-left: 10px; cursor: pointer;">VPN Manager</a>
|
| 71 | <ul id="accordionmenuid_ul_0_0_brAppTopMenuID_UL">
|
| 72 | <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_0_brAppSiteMenuID" nodeid="brAppSiteMenuID" class="" style="display: list-item;">
|
| 73 | <a title="点击访问站点" class="" style="padding-left: 62px;">Overlay VPN</a>
|
| 74 | </li>
|
| 75 | <li id="accordionmenuid_ul_0_0_brAppTopMenuID_UL_1_1_brAppMeMenuID" nodeid="brAppMeMenuID" style="display: list-item;">
|
| 76 | <a title="点击访问网元" style="padding-left: 62px;">Underlay VPN</a>
|
| 77 | </li>
|
| 78 | </ul>
|
| 79 | </li>
|
| 80 | </ul>
|
| 81 | </div>
|
| 82 |
|
| 83 | </td>
|
| 84 | <td id="open_base_iframe" class="three-cols-column three-cols-center" style="padding: 0px;">
|
| 85 |
|
| 86 | <div id="iframeContainer" class="frame-class" style="height: 870px;">
|
| 87 | <iframe id="accordionContent" src="" height="870px"></iframe>
|
| 88 | </div>
|
| 89 | </td>
|
| 90 | </tr>
|
| 91 | </tbody>
|
| 92 | </table>
|
| 93 |
|
| 94 | </div>
|
| 95 | </div>
|
| 96 | </div>
|
| 97 | </div>
|
| 98 | </body>
|
| 99 | </html> |