portal-lifecyclemgr/src/main/webapp/lifecyclemgr/newShow.html

   1 \r
   2 <!-- /* Copyright 2016-2017, Huawei Technologies Co., Ltd.\r
   3  *\r
   4  * Licensed under the Apache License, Version 2.0 (the "License");\r
   5  * you may not use this file except in compliance with the License.\r
   6  * You may obtain a copy of the License at\r
   7  *\r
   8  *       http://www.apache.org/licenses/LICENSE-2.0\r
   9  *\r
  10  * Unless required by applicable law or agreed to in writing, software\r
  11  * distributed under the License is distributed on an "AS IS" BASIS,\r
  12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
  13  * See the License for the specific language governing permissions and\r
  14  * limitations under the License.\r
  15  */\r
  16  -->\r
  17 \r
  18 <!DOCTYPE html>\r
  19 <html>\r
  20 \r
  21 <head>\r
  22 \r
  23     <head lang="en">\r
  24         <meta charset="UTF-8">\r
  25         <title></title>\r
  26         <link href="css/bootstrap.min.css" rel="stylesheet" />\r
  27         <link href="css/VMMain.css" rel="stylesheet" />\r
  28         <link href="css/bootstrap-table.min.css" rel="stylesheet" />\r
  29         <link rel="import" href="accorTables.html">\r
  30         <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>\r
  31         <script type="text/javascript" src="js/bootstrap.min.js"></script>\r
  32         <script type="text/javascript" src="js/rest.js"></script>\r
  33         <script type="text/javascript" src="js/bootstrap-table.min.js"></script>\r
  34         <!-- <script type="text/javascript" src="https://code.jquery.com/ui/1.11.3/jquery-ui.min.js">\r
  35         </script>\r
  36         <link href="https://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css" rel="stylesheet" /> -->\r
  37         <script type="text/javascript">\r
  38         $(document).ready(function() {\r
  39                     $("#detailCont").show();\r
  40                     var jsondata = [];\r
  41                     //jsondata = loadNeData();\r
  42                     $('#sai').bootstrapTable({\r
  43                         //Assigning data to table\r
  44                         data: jsondata\r
  45                     });\r
  46                     $('.table tbody tr').click(function() {\r
  47                         $(this).addClass('openoTable_row_selected').siblings().removeClass('openoTable_row_selected');\r
  48                     })\r
  49                     $('.detail-top ul li').click(function() {\r
  50                         $(this).addClass('current').siblings().removeClass('current');\r
  51                     });\r
  52                     $("#topoCont").hide();\r
  53                     $("#inpCont").hide();\r
  54 \r
  55                     function operateFormatter(value, row, index) {\r
  56                         return [\r
  57                             '<img class="siteDeleteImg" src="images/delete.png" href="javascript:void(0)" style="cursor: pointer" name="title" title="Delete" />'\r
  58                         ].join('');\r
  59                     }\r
  60                     window.operateEvents = {\r
  61                         'click .siteDeleteImg': function(e, value, row, index) {\r
  62                             // TO DO ajex call for delete\r
  63                             var result = deleteNe(row.id, row);\r
  64                         }\r
  65                     };\r
  66 \r
  67                     function hideBasic() {\r
  68                         $("#basicInfoTab").hide();\r
  69                     }\r
  70 \r
  71                     function showBasic() {\r
  72                         $("#basicInfoTab").show();\r
  73                     }\r
  74 \r
  75                     function showTopoCont() {\r
  76                         $("#topoCont").show();\r
  77                         $("#detailCont").hide();\r
  78                         $("#inpCont").hide();\r
  79                     }\r
  80 \r
  81                     function showDetCont() {\r
  82                         $("#topoCont").hide();\r
  83                         $("#detailCont").show();\r
  84                         $("#inpCont").hide();\r
  85                     }\r
  86 \r
  87                     function showInpCont() {\r
  88                         $("#topoCont").hide();\r
  89                         $("#detailCont").hide();\r
  90                         $("#inpCont").show();\r
  91                     }\r
  92 \r
  93                     function showTopoContMod() {\r
  94                         $("#topoContMod").show();\r
  95                         $("#detailContMod").hide();\r
  96                         $("#inpContMod").hide();\r
  97                     }\r
  98 \r
  99                     function showDetContMod() {\r
 100                         $("#topoContMod").hide();\r
 101                         $("#detailContMod").show();\r
 102                         $("#inpContMod").hide();\r
 103                     }\r
 104 \r
 105                     function showInpContMod() {\r
 106                         $("#topoContMod").hide();\r
 107                         $("#detailContMod").hide();\r
 108                         $("#inpContMod").show();\r
 109                     }\r
 110         </script>\r
 111 \r
 112         <style>\r
 113         .nav-tabs {\r
 114             border-bottom-style: none;\r
 115         }\r
 116         .mT15 {\r
 117             margin-top: 15px;\r
 118         }\r
 119         .fixed-table-container tbody td .th-inner,\r
 120         .fixed-table-container thead th .th-inner {\r
 121             line-height: 4px;\r
 122         }\r
 123         .fixed-table-pagination .pagination-info {\r
 124             display: none !important;\r
 125         }\r
 126         .table tbody tr:hover td,\r
 127         .table tbody tr.odd:hover td {\r
 128             background-color: #e6fbe0 !important;\r
 129         }\r
 130         /*.fixed-table-pagination .page-list{display:inline-block  !important}*/\r
 131         \r
 132         .detail-top ul {\r
 133             background: #F8F6F6 !important;\r
 134         }\r
 135         .btn {\r
 136             padding: 4px;\r
 137         }\r
 138         </style>\r
 139     </head>\r
 140 \r
 141     <body id="open_base_site_cotentBody" class="cotentBody ng-scope">\r
 142         <div class="container-fluid ms-controller">\r
 143             <h3> Life Cycle Manager > Service Info</h3>\r
 144             <div class="separator-line"></div>\r
 145 \r
 146             <div class="detail" style="border-radius:5px;">\r
 147                 <div class="detail-top" style="margin-top:2px;border-radius:5px;">\r
 148                     <ul>\r
 149                         <li style="border-radius:5px;" id="detHov" class="current" onClick="showDetCont();">Detail Info</li>\r
 150                         <li style="border-radius:5px;" nClick="showTopoCont();">topo</li>\r
 151                         <li style="border-radius:5px;" onClick="showInpCont();">InputData</li>\r
 152                     </ul>\r
 153                 </div>\r
 154 \r
 155                 <div style="border-radius:5px;">\r
 156                     <div id="detailCont" style="display:none;">\r
 157                         \r
 158                         <object data="accorTables.html" width="100%" height="300" type="text/html">\r
 159 \r
 160                         </object>\r
 161                     </div>\r
 162                     <div id="topoCont" style="display:none;">downnn</div>\r
 163                     <div id="inpCont" style="display:none;">\r
 164                         <iframe src="inputData.html" name="" allowTransparency="true" scrolling="no" frameborder="0">\r
 165                         </iframe>\r
 166                     </div>\r
 167                 </div>\r
 168 \r
 169                 <div class="detail-bottom"></div>\r
 170             </div>\r
 171 \r
 172         </div>\r
 173         </br>\r
 174 \r
 175         </div>\r
 176 \r
 177     </body>\r
 178 \r
 179 </html>