CLIENT GUI Framework
[vnfsdk/refrepo.git] / openo-portal / portal-lifecyclemgr / src / main / webapp / lifecyclemgr / InputData.html
1 <!-- /* Copyright 2016-2017, Huawei Technologies Co., Ltd.\r
2  *\r
3  * Licensed under the Apache License, Version 2.0 (the "License");\r
4  * you may not use this file except in compliance with the License.\r
5  * You may obtain a copy of the License at\r
6  *\r
7  *       http://www.apache.org/licenses/LICENSE-2.0\r
8  *\r
9  * Unless required by applicable law or agreed to in writing, software\r
10  * distributed under the License is distributed on an "AS IS" BASIS,\r
11  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
12  * See the License for the specific language governing permissions and\r
13  * limitations under the License.\r
14  */\r
15  -->\r
16 \r
17 <!DOCTYPE html>\r
18 <html>\r
19 \r
20 <head>\r
21 \r
22     <head lang="en">\r
23         <meta charset="UTF-8">\r
24         <title></title>\r
25         <link href="css/bootstrap.min.css" rel="stylesheet"/>\r
26         <link href="css/VMMain.css" rel="stylesheet"/>\r
27         <link href="css/bootstrap-table.min.css" rel="stylesheet"/>\r
28 \r
29         <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>\r
30                 <script type="text/javascript" src="../common/thirdparty/jquery.i18n/jquery.i18n.properties-1.0.9.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/gsolcm.js"></script>\r
34         <script type="text/javascript" src="js/bootstrap-table.min.js"></script>\r
35        <script>\r
36             $(document).ready(function () {\r
37                             new lcmHandler();\r
38                 $('[data-toggle="tooltip"]').tooltip();\r
39 \r
40                 var params = new URLSearchParams(window.location.search.slice(1));\r
41 \r
42                 var jsonData = JSON.parse((params.get("json")));\r
43                 if (jsonData != null) {\r
44                     $("body").empty();\r
45                     for(var key in jsonData.inputParameters){\r
46                                                 var name = key;\r
47                                                 if(name.includes('.'))\r
48                                                 {\r
49                                                         name = key.substring(key.lastIndexOf('.')+1,key.length);\r
50                                                 }\r
51                                             var paramValue = jsonData.inputParameters[key];\r
52                                                 if(name.indexOf('location') != -1) {\r
53                                                     var vimObj  = getVimNameById(paramValue);\r
54                                                         if(vimObj != undefined){\r
55                                                                 paramValue = vimObj.name;\r
56                                                         }\r
57                                                 }\r
58                                                 else if(name.indexOf('sdncontroller') != -1){\r
59                                                         var sdnControllerObj  = getSdnControllerNameById(paramValue);\r
60                                                         if(sdnControllerObj != undefined){\r
61                                                                 paramValue = sdnControllerObj.name;\r
62                                                         }\r
63                                                 }               \r
64                         else{\r
65                                                     var nameObj = {name:key,showName:key};\r
66                                                         name = showName(nameObj);\r
67                         }                                               \r
68                         $("body").append('<div class="mT15 form-group row" style="margin-top:35px;margin-left:15%"><div class="col-sm-5" align="left"><label class="control-label"><span style="font-size:16px;">'+ name + '</span></label></div><div class="col-sm-1" align="left"><span style="font-size:16px;">:</span></div><div class="col-sm-6"><input  type="text" name="" maxlength="256" style="margin-left:10px;width:250px;padding-left: 5px" data-toggle="tooltip" data-placement="top" title="'+ paramValue + '" value="'+ paramValue + '" readonly disabled/></div></div>');\r
69                     }\r
70                 }\r
71 \r
72             });\r
73         </script>\r
74 \r
75         <style>\r
76             html, body {\r
77                 width: 99%;/*800px;*/\r
78             }\r
79         </style>\r
80     </head>\r
81 \r
82 <body>\r
83 \r
84 </body>\r
85 \r
86 </html>