index.html

﻿<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/swagger-ui/3.51.1/swagger-ui.min.css">
    <title>Tagesschau API - OpenAPI Documentation</title>

<body>
    <div><small><a href="index.html">[DE]</a><a id="en" href="#">/[EN]</a></small></div>

    <div id="openapi">

    <script src="//cdnjs.cloudflare.com/ajax/libs/swagger-ui/3.51.1/swagger-ui-bundle.min.js"></script>
    <script>       
        var xhr = new XMLHttpRequest();
        xhr.open('HEAD', "openapi_en.yaml", true);
        xhr.onreadystatechange = function(){
          if (xhr.readyState === 4){
            if (xhr.status === 404) {
              document.getElementById('en').remove();
            }  
          }
        };
        xhr.send();
        if (document.getElementById('en') !== null)
 	document.getElementById('en').onclick = function() {
            const ui = SwaggerUIBundle({
                url: "openapi_en.yaml", 
                dom_id: "#openapi"
            })            
	};
        window.onload = function () {
            const ui = SwaggerUIBundle({
                url: "openapi.yaml", 
                dom_id: "#openapi"
            })
        }
    </script>
</body>
</html>