 <?php

    function consolelog($data) {
        if(is_array($data) || is_object($data)) {
                echo("<script>console.log('PHP: ".json_encode($data)."');</script>");
            } else {
                echo("<script>console.log('PHP: ".$data."');</script>");
            }
    }

    function isMobile() {
        return preg_match("/(android|avantgo|blackberry|bolt|boost|cricket|docomo|fone|hiptop|mini|mobi|palm|phone|pie|tablet|up\.browser|up\.link|webos|wos)/i", $_SERVER["HTTP_USER_AGENT"]);
    }

    include "str2safestr.php";

    if(isset($_REQUEST['project'])) {
        $project = str2safestr(strtolower($_REQUEST['project']));
        // project doesnt exit, go to overview
        //if (!file_exists('projects/'.$project)){header("Refresh:0; url=index.php?project=quicklooks");}
    } else {
        //just entered dolueg in header and no project? refresh and go to overview
       //  header("Refresh:0; url=index.php?project=overview");
       $project='quicklooks';
    }

    if(isset($_REQUEST['subproject'])) {
        $subproject = str2safestr(strtolower($_REQUEST['subproject']));
        // project doesnt exit, go to overview
        //if (!file_exists('projects/'.$project)){header("Refresh:0; url=index.php?project=quicklooks");}
    } else {
        //just entered dolueg in header and no project? refresh and go to overview
       //  header("Refresh:0; url=index.php?project=overview");
    }

    header("X-XSS-Protection: 1; mode=block");

?>

<!DOCTYPE html>
<html lang="en">

 <head>
  <title>Cloudlab</title>
  <meta http-equiv="cache-control" content="no-cache">
  <meta http-equiv="pragma" content="no-cache">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width">
  <link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="css/default.css">
  <link rel="stylesheet" type="text/css" href="css/cloudlab.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.31.1/css/theme.metro-dark.min.css" type="text/css" media="screen" />
  
<link rel="apple-touch-icon" sizes="180x180" href="media/icon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="media/icon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="media/icon"/favicon-16x16.png">
<link rel="manifest" href="media/icon/site.webmanifest">

 </head>

 <body>
    <div class="menu"> 
    <a href="https://cloudlab.ethz.ch" class="back" target="_blank">
    <h2 class="title" title="CLOUDLAB">
    <!--<img height="30vh" width="30vw" src="media/logo/Cloudlab_logo.png"></img>   -->
    CLOUDLAB
    <!-- <img height="30vh" width="30vw" src="media/logo/Cloudlab_logo.png"></img> -->
    </h2>
    </a>
    </div>   


  <div class="submenu">
    <?php include "projects.php"; ?>
  </div>
    <?php
       include "subprojects.php"; // enter some stuff here
    ?>

     <a href="https://cloudlab.ethz.ch" style="padding:0;margin:0;">
      <div id="logo_foot">
        <div class="footer" height="10vh">
        <img id="img_foot" class="footer" src="media/footer/footer0.jpeg"/ >
        </div>
      </div>
     </a>


  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

  <script>
    function resizeIframe(obj) {
      obj.style.height = obj.contentWindow.document.documentElement.scrollHeight + 'px';
    }
   function updateIframe() {
     var iframes = document.getElementsByTagName('iframe');

     for (i=0; iframes.length;i++) {
         if (i >= iframes.length) {break;}
         resizeIframe(iframes[i]);
         iframes[i].onload=resizeIframe(iframes[i]);
         iframes[i].focus();
     }
   }
    function randomfooter() {
       rng = (Math.random(Date()) * 5).toFixed(0);
       foot = document.getElementById('img_foot');
       foot.src="media/footer/footer"+rng+'.jpeg';
    }

  $( document ).ready(function() {
   // $('iframe.iframecontent').ready(updateIframe());
   randomfooter();
   footerinterval = setInterval(randomfooter, 30 * 1000);

   // updateiframe does not change anything if the iframe is properly
   // loaded already so we can use it several times
   // fast load iframe
   setTimeout(updateIframe, 500);
   // keep checking if something changed the view
   setInterval(updateIframe, 1000);
   // somewhat fast load iframe
   setTimeout(updateIframe, 1000);
   // rather slow iframe
   setTimeout(updateIframe, 5000);
   // very slow iframe aka radar due to number of images
   setTimeout(updateIframe, 10000);
   // very slow iframe aka radar due to number of images in the future
   setTimeout(updateIframe, 20000);

  });

  setTimeout(updateIframe, 500);
  </script>
  <script>
    function setselects() {
        const urlParams = new URLSearchParams(window.location.search);
        const entries = urlParams.entries();

        var thisiframe = document.getElementsByTagName('iframe')[0];
        var selects = thisiframe.contentDocument.getElementsByTagName('select');
        
        for(const entry of entries) {
            console.log(`${entry[0]}: ${entry[1]}`);
            for(const s of selects) {
               var selecttype = s.id.split('_')[0];
              if (selecttype == entry[0]) {
                s.value = entry[1];
                var event = new Event('change');
                s.dispatchEvent(event);
                console.log(selecttype);
                 //break;
               }
            }
        }

    }

  //setselects();
  </script>

 </body>

 </html>
