dyadmisha
/
AI-on-the-edge-device
cermin dari https://github.com/jomjol/AI-on-the-edge-device


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
							
<html>
    <head>
    <script src='https://cdn.plot.ly/plotly-2.14.0.min.js'></script>

    <script type="text/javascript" src="./gethost.js"></script> 
    <script type="text/javascript" src="./readconfigcommon.js"></script>  
    <script type="text/javascript" src="./readconfigparam.js"></script>  

    <style>
        textarea {
            width: 600px;
            height: 300px;
        }
    </style>
    <script>
    function run() {
      var el = document.getElementById('cnsl');
      el && eval(el.value);
    }


    </script>
    </head>
    <body>
    <div id='chart'></div>
    <select id="datafiles" onchange="run();"></select>
    <select id="numbers" onchange="run();"></select>
    <select id="datatype" onchange="run();">
        <option value="3">Value</option>
        <option value="4">PreValue</option>
        <option value="5">Change-Rate</option>
        <option value="6">Change-Absolut</option>
      </select>

    <button onclick="document.getElementById('editor').hidden = false; this.hidden = true;" >Editor</button>
    <div id='editor' hidden='true'>
    <textarea id="cnsl">
datefile = document.getElementById("datafiles").value;
numbername = document.getElementById("numbers").value;
datatype = document.getElementById("datatype").value;
//alert("Auslesen: " + datefile + " " + numbername);

_basepath = getbasepath(); 
fetch(_basepath + '/fileserver/log/data/' + datefile)
.then(response => {
    // handle the response
    if (response.status == 404) {
        alert("no log data available for "+dateString);
    }
    response.text()
    .then( result => {
        var lines = result.split("\n");
        var trace = {
        x: [],
        y: [],
        type: 'scatter'
        };

        var timex = 1;
        for (let line of lines) {
            {
                console.log(line);
                if (line.split("\t")[1] == numbername)
                {
                    var value = line.split("\t")[datatype];
                    var time  = line.split("\t")[0];
                    console.log("> "+time+" "+value+"\n");
                    if (value<1000) {
                        trace.x.push(timex);
                        timex += 1;
                        trace.y.push(value);
                    }
                }
            }
        }
        console.log(trace);
        var data = [trace];
        Plotly.newPlot('chart', data);
    });
}).catch((error) => {
    // handle the error
    console.log(error);
alert("test");
});        
</textarea><br />
<button onclick="run();">run</button>
</div>
<script>

function WriteModelFiles()
    {
        list_data = getDATAList();

        var _indexDig = document.getElementById("datafiles");
        while (_indexDig.length)
            _indexDig.remove(0);

        for (var i = list_data.length - 1; i >= 0; --i)
        {
            var optionDig = document.createElement("option");
            
            var text = list_data[i];
            optionDig.text = text;
            optionDig.value = list_data[i];
            _indexDig.add(optionDig);
        }
    }

    function WriteNumbers()
    {
        list_data = getNUMBERSList();

        var _indexDig = document.getElementById("numbers");
        while (_indexDig.length)
            _indexDig.remove(0);

        for (var i = 0; i < list_data.length; ++i)
        {
            var optionDig = document.createElement("option");
            
            var text = list_data[i];
            optionDig.text = text;
            optionDig.value = list_data[i];
            _indexDig.add(optionDig);
        }
    }

    WriteModelFiles();
    WriteNumbers();


run();
</script>
</body>
</html>