AnaLogger/server/templates/logger.html

{% extends "layout.html" %}

{% block content %}
<main>
    <script type="text/javascript">
        var intTime=350;
        // fix visualizzazioni
        fixDisplay();
        // avvio timer
        var timeout = setTimeout(dataRefresh, intTime);

        function fixDisplay(){
            $("#divNewFile").toggle();
        };

        function dataRefresh() {
            // scarico i dati aggioranti
            $.ajax({url: "/api/v1/channels/all", success: function(result){
                // compilo i dati scaricati
                $("#Chan0").html(result.Ch0);
                $("#Chan1").html(result.Ch1);
                $("#Chan2").html(result.Ch2);
                $("#Chan3").html(result.Ch3);
                $("#Chan4").html(result.Ch4);
                $("#Chan5").html(result.Ch5);
                $("#Chan6").html(result.Ch6);
                $("#Chan7").html(result.Ch7);
                $("#Output0").html(result.Out0);
                $("#Output1").html(result.Out1);
                $("#Output2").html(result.Out2);
                $("#Output3").html(result.Out3);
                $("#Output4").html(result.Out4);
                $("#Output5").html(result.Out5);
                $("#Output6").html(result.Out6);
                $("#Output7").html(result.Out7);
                $("#LogFrequency").html(result.Freq);
                $("#LoggerTime").html(result.timeLog);
                $("#ServerTime").html(result.timeSrv);
                $("#ChanScaleMin").html(result.ChScaleMin);
                $("#ChanScaleMax").html(result.ChScaleMax);
                $("#ChanRealMin").html(result.ChRealMin);
                $("#ChanRealMax").html(result.ChRealMax);
            }});

            timeout = setTimeout(dataRefresh, intTime);
        };

        // Funzione startLog: fa chiamata per settare a 1 il LOG:STATUS
        function startLog(){
            $.ajax({
                type: 'PUT'
                ,url: "/api/v1/log/start"
                ,data: ""
                ,success: function(){
                    alert('Log Started');
                }
            })
            intTime= 200;
        };

        // Funzione stopLog: fa chiamata per settare a 0 il LOG:STATUS
        function stopLog(){
            $.ajax({
                type: 'PUT'
                ,url: "/api/v1/log/stop"
                ,data: ""
                ,success: function(){
                    alert('Log Stopped');
                }
            })
            intTime = 5000;
        };

        // Funzione startNewRec: assegna nuovo nome con data e ora al file .csv di record
        function startNewRec(){
            var d = new Date();
            var name= d.toISOString().replace('T','_').replace('-','_').replace('-','_').replace(':','_').replace(':','_').replace('.','_').replace('Z','')+'.csv';
            //console.log(name);
            $('#NewSessionName').val(name);
        }
    </script>
    <div class="container-fluid py-2 text-center">
        <div class="row">
            <div class="card mb-4 col-6">
                <div class="card-header">
                Channel 1
                </div>
                <div class="card-body">
                Original: <span id="Chan0"></span>
                <br>
                    <strong>Scaled: <span id="Output0"></span>
                    </strong>
                </div>
            </div>

            <div class="card mb-4 col-6">
                <div class="card-header">
                Channel 2
                </div>
                <div class="card-body">
                Original: <span id="Chan1"></span>
                <br>
                    <strong>Scaled: <span id="Output1"></span>
                    </strong>
                </div>
            </div>
        </div>

        <!-- <div class="card mb-4">
            <div class="card-header">
                Channels Reading
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-3">
                        Canale 1: <span id="Chan0"></span>
                    </div>
                    <div class="col-3">
                        Canale 2: <span id="Chan1"></span>
                    </div>
                    <div class="col-3">
                        Canale 3: <span id="Chan2"></span>
                    </div>
                    <div class="col-3">
                        Canale 4: <span id="Chan3"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-3">
                        Canale 5: <span id="Chan4"></span>
                    </div>
                    <div class="col-3">
                        Canale 6: <span id="Chan5"></span>
                    </div>
                    <div class="col-3">
                        Canale 7: <span id="Chan6"></span>
                    </div>
                    <div class="col-3">
                        Canale 8: <span id="Chan7"></span>
                    </div>
                </div>
            </div>
        </div> -->

            <div class="alert alert-info text-center">
                <strong>Logger Time: </strong> <span id="LoggerTime"></span>
                <br>
                <strong>Log frequency</strong> (edit in <a href="/settings">Settings</a>): <span id="LogFrequency"></span> (ms)
            </div>
        </div>
            <!--pulsanti start log e stop log-->
            <center>
                <button type="button" class="btn btn-success" onclick="startLog()">Start Log</button>
                <button type="button" class="btn btn-danger" onclick="stopLog()">Stop Log</button>
            </center>
            <br>
        <div class="card mb-4">
            <div class="card-header">
                <div class="row">
                    <div class="col-6">
                        <i class="fas fa-table mr-1"></i>
                        Record Log
                    </div>
                    <div class="col-6 text-right">
                        <button type="button" class="btn btn-primary" onclick="startNewRec()">Create record File</button>
                    </div>
                </div>
            </div>
            <div class="card-body">
                <div class="row" id="divNewFile">
                    <form class="col-12" method="POST" action="/api/v1/sessions">
                        <div class="input-group mb-3">
                            <span class="input-group-text">Nuova sessione</span>
                            <input type="text" class="form-control" id="NewSessionName" name="NewSessionName"></input>
                            <div class="input-group-append">
                            <input type="submit" value="Invio" class="btn btn-success"></input>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="row">
                    <div class="col-2">check</div>
                    <div class="col-2">Inizio</div>
                    <div class="col-2">Durata</div>
                    <div class="col-2">Nome</div>
                    <div class="col-4">Copy</div>
                </div>
                <div class="row">
                    <div class="col-2">check</div>
                    <div class="col-2">Inizio</div>
                    <div class="col-2">Durata</div>
                    <div class="col-2">Nome</div>
                    <div class="col-4">Copy</div>
                </div>
            </div>
        </div>
    </div>
</main>
{% endblock %}