<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Swagger UI</title>
        <link rel="stylesheet" type="text/css" href="{{swaggerRoot}}/swagger-ui.css" >
        <link rel="icon" type="image/png" href="{{swaggerRoot}}/favicon-32x32.png" sizes="32x32" />
        <link rel="icon" type="image/png" href="{{swaggerRoot}}/favicon-16x16.png" sizes="16x16" />
        <style>
         html
         {
             box-sizing: border-box;
             overflow: -moz-scrollbars-vertical;
             overflow-y: scroll;
         }

         *,
         *:before,
         *:after
         {
             box-sizing: inherit;
         }

         body
         {
             margin:0;
             background: #fafafa;
         }
        </style>
    </head>

    <body>
        <div id="swagger-ui"></div>

        <script src="{{swaggerRoot}}/swagger-ui-bundle.js"> </script>
        <script src="{{swaggerRoot}}/swagger-ui-standalone-preset.js"> </script>
        <script>
         window.onload = function() {
             // Begin Swagger UI call region
             const ui = SwaggerUIBundle({
                 url: "{{openapiSpec}}",
                 dom_id: '#swagger-ui',
                 deepLinking: true,
                 presets: [
                     SwaggerUIBundle.presets.apis,
                     SwaggerUIStandalonePreset
                 ],
                 plugins: [
                     SwaggerUIBundle.plugins.DownloadUrl
                 ],
                 layout: "BaseLayout",
                 displayRequestDuration: true
             })
             // End Swagger UI call region

             window.ui = ui
         }
        </script>
    </body>
</html>
