Add parsing GET params on index.html.

38103464 · Antek Grzanka · a79befc4 · 38103464
Commit 38103464 authored Jan 03, 2017 by Antek Grzanka
Show whitespace changes
Inline Side-by-side

Showing with 71 additions and 5 deletions

index.html index.html +71 -5

No files found.
--- a/index.html
+++ b/index.html
-<div id="widget">
+<!DOCTYPE html>
+<html>
+      <head>
+          <meta charset="UTF-8">
+          <style>
+            body {
+                background: #FFFFFF;
+                font-size: 1rem;
+                font-family: "Open Sans","Arial","sans-serif";
+                color: #003f65;
+                font-weight: bold;
+                width: 370px;
+                padding: 1px;
+            }
+            #main-box {
+                height: 100%;
+                width: 100%;
+                padding: 1px;
+            }
+            #left-side {
+                width: 100%;
+                height: 70%;
+                float: left;
+                padding: 1px;
+            }
+            #right-side {
+                width: 100%;
+                height: 30%;
+                float: right;
+                padding: 1px;
+            }
+
+          </style>
+
+          <body>
+
+            <div id="main-box">
+            </div>
+
+            <div id="left-side">
+            Aktualny stan powietrza:
+            <div id="widget">
                loading...
-</div>
+            </div>
+            </div>
+
+            <div id="right-side">
+                <img src="data:image/png;base64,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" width="10%" height="10%">
+            </div>
+
+          </body>
+    </html>
+
 <script>

+    function getParams() {
+        var vars = [];
+        if (window.location.href.indexOf('?') !== -1){
+            var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&')
+            for (var i = 0; i < hashes.length; i++) {
+                var hash = hashes[i].split('=');
+                vars[hash[0]] = hash[1];
+            }
+        }
+        return vars;
+    }
+
    document.addEventListener('DOMContentLoaded', function(){
        var xhr = new XMLHttpRequest();
+        parameters = getParams();
+        console.debug(parameters);
        xhr.onreadystatechange = function() {
            if (xhr.readyState == XMLHttpRequest.DONE) {
-                document.getElementById('widget').innerHTML = xhr.responseHtml;
+                console.debug(xhr);
+                document.getElementById('widget').innerHTML = xhr.response;
            }
        }
-        xhr.open('GET', 'http://smog.telemabk.pl/view', true);
+        xhr.open('GET', 'http://localhost:8090/view', true);
+        //xhr.open('GET', 'http://smog.telemabk.pl/view', true);
        xhr.send(null);
    });