| Seshu-Kumar-M | 8415db0 | 2016-09-15 17:36:27 +0800 | [diff] [blame] | 1 | <!--
|
| 2 |
|
| Seshu-Kumar-M | f7800f4 | 2016-09-16 18:35:58 +0800 | [diff] [blame] | 3 | Copyright 2016, Huawei Technologies Co., Ltd.
|
| Seshu-Kumar-M | 8415db0 | 2016-09-15 17:36:27 +0800 | [diff] [blame] | 4 |
|
| 5 | Licensed under the Apache License, Version 2.0 (the "License");
|
| 6 | you may not use this file except in compliance with the License.
|
| 7 | You may obtain a copy of the License at
|
| 8 |
|
| 9 | http://www.apache.org/licenses/LICENSE-2.0
|
| 10 |
|
| 11 | Unless required by applicable law or agreed to in writing, software
|
| 12 | distributed under the License is distributed on an "AS IS" BASIS,
|
| 13 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
| 14 | See the License for the specific language governing permissions and
|
| 15 | limitations under the License.
|
| 16 |
|
| 17 | -->
|
| Seshu-Kumar-M | 72f3252 | 2016-09-14 18:06:11 +0800 | [diff] [blame] | 18 |
|
| 19 | <!DOCTYPE html>
|
| 20 | <html>
|
| 21 | <head>
|
| 22 | <head lang="en">
|
| 23 | <meta charset="UTF-8">
|
| 24 | <title></title>
|
| 25 | <link href="css/bootstrap.min.css" rel="stylesheet" />
|
| 26 | <link href="css/VMMain.css" rel="stylesheet" />
|
| 27 | <link href="css/bootstrap-table.min.css" rel="stylesheet" />
|
| 28 | <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
|
| 29 | <script type="text/javascript" src="js/bootstrap.min.js"></script>
|
| 30 | <script type="text/javascript" src="js/brs.js"></script>
|
| 31 | <script type="text/javascript" src="js/underlay.js"></script>
|
| 32 | <script type="text/javascript" src="js/bootstrap-table.min.js"></script>
|
| 33 | <style type="text/css">
|
| 34 | </style>
|
| 35 | <script type="text/javascript">
|
| 36 | $(document).ready(function() {
|
| 37 | var jsondata = [];
|
| 38 | jsondata = loadOverlayData();
|
| 39 |
|
| 40 | $('#sai').bootstrapTable({
|
| 41 | //Assigning data to table
|
| 42 | data: jsondata
|
| 43 | });
|
| 44 |
|
| 45 | });
|
| 46 | function operateFormatter(value, row, index) {
|
| 47 | return [
|
| 48 | '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'
|
| 49 | ].join('');
|
| 50 |
|
| 51 | }
|
| 52 | window.operateEvents = {
|
| 53 | 'click .siteDeleteImg': function (e, value, row, index) {
|
| 54 | // TO DO ajex call for delete
|
| 55 | console.log(value, row, index);
|
| 56 | }
|
| 57 | };
|
| 58 | </script>
|
| 59 | </head>
|
| 60 | <body id="open_base_vpn_cotentBody" class="cotentBody ng-scope">
|
| 61 | <div class="container-fluid ms-controller">
|
| 62 |
|
| 63 | <h3> Overlay VPN </h3>
|
| 64 | <div class="row-fluid" data-name="table_zone">
|
| 65 | <div id='ict_virtualApplication_table_div'>
|
| 66 | <div>
|
| 67 | <div class="top">
|
| 68 | <table id="sai" 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">
|
| 69 | <thead id="soverlayTable_thead" class="openo-table-thead">
|
| 70 | <tr class="active">
|
| 71 | <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="overlayName" data-sortable="true">
|
| 72 | <div class="openo-table-th-border"></div>
|
| 73 | <div class="DataTables_sort_wrapper openo-ellipsis ">
|
| 74 | <span id="overlayName_sorticon" class="openo-table-th-sorticon overflow_elip openoTable_sortable leftHeaderAlign openo-table-disable-element">Name
|
| 75 | </span>
|
| 76 | </div>
|
| 77 | </th>
|
| 78 | <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="overlayDesc" data-sortable="true">
|
| 79 | <div class="openo-table-th-border"></div>
|
| 80 | <div class="DataTables_sort_wrapper openo-ellipsis ">
|
| 81 | <span id="overlayDesc_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element "> Description
|
| 82 | </span></div></th>
|
| 83 | <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="overlayThincCPE" data-sortable="true">
|
| 84 | <div class="openo-table-th-border"></div><div class="DataTables_sort_wrapper openo-ellipsis ">
|
| 85 | <span id="overlayThincCPE_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Thin CPE
|
| 86 | </span></div></th>
|
| 87 | <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="overlayPortVlanID" data-sortable="true">
|
| 88 | <div class="openo-table-th-border"></div><div class="DataTables_sort_wrapper openo-ellipsis ">
|
| 89 | <span id="overlayPortVlanID_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Port:Vlan ID
|
| 90 | </span></div></th>
|
| 91 | <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="overlayDCName" data-sortable="true">
|
| 92 | <div class="openo-table-th-border"></div><div class="DataTables_sort_wrapper openo-ellipsis ">
|
| 93 | <span id="overlayDCName_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">DC Name
|
| 94 | </span></div></th>
|
| 95 | <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="overlayVPC" data-sortable="true">
|
| 96 | <div class="openo-table-th-border"></div><div class="DataTables_sort_wrapper openo-ellipsis ">
|
| 97 | <span id="overlayVPC_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">VPC
|
| 98 | </span>
|
| 99 | </div>
|
| 100 | </th>
|
| 101 | <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="overlayVPCCIDR" data-sortable="true">
|
| 102 | <div class="openo-table-th-border"></div><div class="DataTables_sort_wrapper openo-ellipsis ">
|
| 103 | <span id="overlayVPCCIDR_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">VPC CIDR
|
| 104 | </span>
|
| 105 | </div>
|
| 106 | </th>
|
| 107 | <th class="openo-table-state-default openo-table-th openo-table-disable-element leftHeaderAlign" data-field="overlayOperation" align="center" data-formatter = "operateFormatter" data-events="operateEvents">
|
| 108 | <div class="openo-table-th-border"></div>
|
| 109 | <div class="DataTables_sort_wrapper openo-ellipsis ">
|
| 110 | <span id="portAction_sorticon" class="openo-table-th-sorticon overflow_elip leftHeaderAlign openo-table-disable-element ">Action</span>
|
| 111 | </div>
|
| 112 | </th>
|
| 113 | </tr></thead>
|
| 114 | <!-- <tbody>
|
| 115 | <tr style="display: none;">
|
| 116 | <td colspan="7" style="text-align: center;">NULL</td>
|
| 117 | </tr>
|
| 118 | <tr class="odd openo-table-tr openo-table-disable-element" data-rowid="0" data-tableid="overlayTable">
|
| 119 | <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="overlayName" data-tableid="overlayTable">
|
| 120 | <div class="openo-table-disable-element overflow_elip leftDataAlign">
|
| 121 | <a class="openo-table-disable-element hyperLinkRow" href="javascript:void(0)" id="overlayTable_0_overlayName_link">overlay1</a></div></td>
|
| 122 | <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="overlayDesc" data-tableid="overlayTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="overlayTable_0_overlayDesc_custom_el">overlay 101</div>
|
| 123 | </td>
|
| 124 | <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="overlayThincCPE" data-tableid="overlayTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="overlayTable_0_overlayThincCPE_custom_el">chaxuanyue</div>
|
| 125 | </td>
|
| 126 | <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="overlayPortVlanID" data-tableid="overlayTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="overlayTable_0_overlayPortVlanID_custom_el">Bangalore</div>
|
| 127 | </td>
|
| 128 | <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="overlayDCName" data-tableid="overlayTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="overlayTable_0_overlayDCName_custom_el">Bangalore</div>
|
| 129 | </td>
|
| 130 | <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="overlayVPC" data-tableid="overlayTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="overlayTable_0_overlayVPC_custom_el">Bangalore</div>
|
| 131 | </td>
|
| 132 | <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="overlayVPCCIDR" data-tableid="overlayTable"><div class="overflow_elip leftDataAlign openo-table-custom-el openo-table-disable-element" id="overlayTable_0_overlayVPCCIDR_custom_el">Bangalore</div>
|
| 133 | </td>
|
| 134 | <td class="openo-table-disable-element openo-table-td overflow_elip leftDataAlign tableHeaderTDTopBorderColor" data-colid="overlayOperation" data-tableid="overlayTable">
|
| 135 | <div class="openo-table-disable-element overflow_elip leftDataAlign openo-table-custom-el" id="overlayTable_0_overlayOperation_custom_el">
|
| 136 | <div>
|
| 137 | <img src="images/delete.png" href="javascript:void(0)" onclick="deleteoverlay('this')" opertype="overlayDelete" style="cursor: pointer" title="Delete" id="bac4ff3c-d693-4f54-86cd-25af1ea22f59" rowid="0/">
|
| 138 | </div>
|
| 139 | </div>
|
| 140 | </td>
|
| 141 | </tr>
|
| 142 | </tbody> -->
|
| 143 | </table>
|
| 144 | </div>
|
| 145 | </div>
|
| 146 | </div>
|
| 147 | </div>
|
| 148 |
|
| 149 |
|
| 150 |
|
| 151 |
|
| 152 | </body>
|
| 153 | </html> |