opendaylight/md-sal/sal-rest-docgen/src/main/resources/explorer/index.html

   1 <!DOCTYPE html>\r
   2 <html>\r
   3 <head>\r
   4 <title>RestConf Documentation</title>\r
   5 <link href='//fonts.googleapis.com/css?family=Droid+Sans:400,700'\r
   6         rel='stylesheet' type='text/css' />\r
   7 <link href='css/highlight.default.css' media='screen' rel='stylesheet'\r
   8         type='text/css' />\r
   9 <link href='css/screen.css' media='screen' rel='stylesheet'\r
  10         type='text/css' />\r
  11 <link rel="stylesheet" type="text/css" href="/css/opendaylight.css">\r
  12 <link rel="stylesheet" type="text/css"\r
  13         href="css/ui-lightness/jquery-ui-1.10.4.custom.min.css">\r
  14 <script type="text/javascript" src="lib/shred.bundle.js"></script>\r
  15 <script src='lib/jquery-1.8.0.min.js' type='text/javascript'></script>\r
  16 <script src='lib/jquery-ui-1.11.0.min.js' type="text/javascript"></script>\r
  17 <script src='lib/jquery.slideto.min.js' type='text/javascript'></script>\r
  18 <script src='lib/jquery.wiggle.min.js' type='text/javascript'></script>\r
  19 <script src='lib/jquery.ba-bbq.min.js' type='text/javascript'></script>\r
  20 <script src='lib/handlebars-1.0.0.js' type='text/javascript'></script>\r
  21 <script src='lib/underscore-min.js' type='text/javascript'></script>\r
  22 <script src='lib/backbone-min.js' type='text/javascript'></script>\r
  23 <script src='lib/swagger.js' type='text/javascript'></script>\r
  24 <script src='swagger-ui.js' type='text/javascript'></script>\r
  25 <script src='lib/odl/list_mounts.js' type='text/javascript'></script>\r
  26 <script src='lib/highlight.7.3.pack.js' type='text/javascript'></script>\r
  27 <script src='lib/odl/rest-tree.js' type='text/javascript'></script>\r
  28 <script src='lib/odl/swagger.js' type='text/javascript'></script>\r
  29 \r
  30 <script type="text/javascript">\r
  31         \r
  32         //reloads the swagger UI documentation for the specified mount.\r
  33         var loadMount = function(mountIndex, mountPath) {\r
  34                 $("#message").empty();\r
  35                 $("#message").append( "<p>Loading...</p>" );\r
  36                 loadSwagger("http://localhost:8080/apidoc/apis/mounts/" + mountIndex,\r
  37                                 "swagger-ui-container");\r
  38                 $("#message").empty();\r
  39                 $("#message").append( "<h2><b>Showing mount points for " + mountPath + "</b></h2>");\r
  40         }\r
  41 \r
  42         //clears the swagger UI and adds text prompting use to select a mount point.\r
  43     var selectAMount = function(string) {\r
  44         $("#swagger-ui-container").empty();\r
  45         $("#message").empty();\r
  46         $("#message").append("<p>Select a mount point.</p>");\r
  47     }\r
  48     \r
  49         //loads the root swagger documenation (which comes from RestConf)\r
  50         var loadRootSwagger = function() {\r
  51                 $("#message").empty();\r
  52                 loadSwagger("http://localhost:8080/apidoc/apis", "swagger-ui-container");\r
  53         }\r
  54 \r
  55         //main method to initialize the mount list / swagger docs / tabs on page load\r
  56         $(function() {\r
  57                 $("#tabs").tabs();\r
  58 \r
  59                 loadMountList($("#mountlist"));\r
  60 \r
  61                 loadRootSwagger();\r
  62         });\r
  63 </script>\r
  64 </head>\r
  65 \r
  66 <body>\r
  67         <div>\r
  68                 <!-- style="background-color: #FCA000;" -->\r
  69                 <div class="swagger-ui-wrap ui-tabs">\r
  70                         <table>\r
  71                                 <tr>\r
  72                                         <td><img src="images/logo_small.png" /></td>\r
  73                                         <td><h1 width="100%">OpenDaylight RestConf API\r
  74                                                         Documentation</h1></td>\r
  75                                 </tr>\r
  76                         </table>\r
  77                 </div>\r
  78         </div>\r
  79 \r
  80         <div class="navbar-inner">\r
  81                 <div class="brand"></div>\r
  82         </div>\r
  83 \r
  84     <!--  defines the div shells which represent the jquery tabs -->\r
  85         <div id="tabs" class="swagger-ui-wrap">\r
  86                 <ul>\r
  87                         <li><a href="#Controller" onclick="loadRootSwagger()">Controller\r
  88                                         Resources</a></li>\r
  89                         <li><a href="#Mounts" onclick="selectAMount()">Mounted\r
  90                                         Resources</a></li>\r
  91                 </ul>\r
  92 \r
  93                 <div id="Controller">\r
  94                         <div>\r
  95                                 <h3>Below are the list of APIs supported by the Controller.</h3>\r
  96                         </div>\r
  97                 </div>\r
  98                 <div id="Mounts">\r
  99                         <div>\r
 100                                 <h3>Mount Points - Select an API below for details on available\r
 101                                         queries.</h3>\r
 102                         </div>\r
 103                         <div id="mountlist"></div>\r
 104                 </div>\r
 105         </div>\r
 106         \r
 107         <div class="swagger-ui-wrap"><hr/></div>\r
 108         \r
 109         <!-- messages -->\r
 110         <div id="message" class="swagger-ui-wrap"></div>\r
 111         \r
 112         <!-- the swagger is always loaded in this div -->\r
 113         <div id="swagger-ui-container" class="swagger-ui-wrap"></div>\r
 114 \r
 115         <div id="message-bar" class="swagger-ui-wrap">&nbsp;</div>\r
 116 </body>\r
 117 \r
 118 </html>\r