// REFRESH CONNECTIONS

$(document).ready(function ConnectionsReadPoll() {
    $.ajax({
        method: "POST",
        url: "Connections/All/All",
        data: Connections
    })
    .done(function(msg) {
        // Get JSON Data
        var obj1 = jQuery.parseJSON(msg);
        Connections = obj1;
    });

    setTimeout(ConnectionsReadPoll, 2000);
});

$(document).ready(function ConnectionsReadPoll() {
    $.ajax({
        method: "POST",
        url: "Connections/All/All",
        data: Connections
    })
    .done(function(msg) {
        // Get JSON Data
        var obj1 = jQuery.parseJSON(msg);
        Connections = obj1;
    });

    setTimeout(ConnectionsReadPoll, 2000);
});

Connections["pl001"].connectionName

Connections["pl001"].DriverName

Connections["pl001"].isLive

Connections["pl001"].driverParam.Ip

Connections["pl001"].driverParam.Port

Connections["pl001"].driverParam.Timeout

Connections["pl001"].driverParam.ReplyTime

$(document).ready(function pollGraph(){

    var data = {};

    $.ajax({
        method: "POST",
        url: "Graph/All/All",
        data: null
    })
    .done(function( msg ) {
        data = jQuery.parseJSON(msg);

        $.plot("#ChartHolder", data, {
            xaxis: {
                mode: "time"
            }
        });
    });

    setTimeout(pollGraph, 2000);

});

// REFRESH EVENTS

$(document).ready(function EventsReadPoll() {
    $.ajax({
        method: "POST",
        url: "Events/All/All",
        data: Events
    })
    .done(function(msg) {
        // Get JSON Data
        Events = jQuery.parseJSON(msg);
    });

    setTimeout(EventsReadPoll, 2000);
});

$.each(Events, function (indx, obj) {
    $('div').append(indx + " " + obj.Tm + " " + obj.Mess + " " + obj.frDateTime);
});

// Button Events
$(function() {
    $('#btClrAlarms').on('click', function() {
        $.ajax({
            method: "POST",
            url: "Server/Alarms/Clr/*",
            data: { request: "empty" }
        })
        .done(function(msg) {
            alert(msg);
        });
    });
});

// SEARCHING FOR / TIMER / USER / MACHINE / TAG
$(document).ready(function allReadPoll() {
    
    // Every timer handling
    $('div.Timer, div.User, div.Tag, div.Machine').each(function(index) {
        
        // Request
        var req = $(this).attr('class') + "/" + $(this).attr('id') + "/Value";
        var id = $(this).attr('id');
        
        // Request to server
        $.post(req, function(data) {
            // Server response
            $('div#' + id).html(data);
        });
    });

    setTimeout(allReadPoll, 1000);
});

// REFRESH TAGS
$(document).ready(function TagsReadPoll() {
    $.ajax({
        method: "POST",
        url: "Tags/All/All",
        data: { request: "empty" }
    })
    .done(function(msg) {
        // Get JSON Data
        var obj1 = jQuery.parseJSON(msg);

        // Initialize or reset the Tags object
        Tags = {};

        // Iterate through JSON table elements
        $.each(obj1, function(idx, obj) {
            // Connect element properties to "TAGS"
            Tags[obj.tagName] = obj;
        });
    });

    setTimeout(TagsReadPoll, 2000);
});

// SEARCHING FOR TABLE

$(document).ready(function pollTable() {

    // Iterate through each div with class "Table"
    $('div.Table').each(function(index, obj) {

        // Wait for the Tags to be refreshed
        if ($.isEmptyObject(Tags))
            return;

        // Object to store input elements
        var inputs = {};

        // Logic to detect changes in tags
        var TagsNamesAct = "";
        $.each(Tags, function(names) {
            TagsNamesAct = TagsNamesAct + names;
        });

        // Change Configuration if tags have changed or the table is not created
        if (TagsNamesAct != TagsNamesPrev || $('td input').length == 0) {

            // Clear the div content
            $(obj).html("");

            // Create new inputs if they don't exist
            $.each(Tags, function(indx, obj) {
                inputs[indx] = "<input type='text' class='Tag' id='" + indx + "'/>";
            });

            // Add Table structure
            $(obj).append("<table><thead></thead><tbody></tbody></table>");

            // Traverse Tags
            var table = $(obj).children('table');
            var thead = table.children('thead');
            thead.append('<th> Name &nbsp; &nbsp; &nbsp; &nbsp; </th>')
                .append('<th> Device Address</th>')
                .append('<th> Start&nbsp; &nbsp; &nbsp; &nbsp; </th>')
                .append('<th> Bit/Byte &nbsp; &nbsp; </th>')
                .append('<th> Data Type&nbsp; &nbsp; </th>')
                .append('<th> Area Data&nbsp; &nbsp; </th>')
                .append('<th> Value&nbsp; &nbsp; &nbsp; &nbsp; </th>')
                .append('<th> Description&nbsp; </th>')
                .append('<th> Set Value&nbsp; &nbsp; </th>');

            var tbody = table.children('tbody');

            // Iterate through Tags
            $.each(Tags, function(indx, obj) {

                // Add row
                tbody.append("<tr></tr>");
                var td = tbody.children("tr:last-child");

                // Add columns
                td.append("<td>" + indx + " </td>")
                    .append("<td>" + obj.deviceAdress + "</td>")
                    .append("<td>" + obj.startData + " </td>")
                    .append("<td>" + obj.scAdres + "</td>")
                    .append("<td>" + obj.typeData + " </td>")
                    .append("<td>" + obj.areaData + " </td>")
                    .append("<td>" + obj.formattedValue + "</td>")
                    .append("<td>" + obj.description + " </td>")
                    .append("<td>" + inputs[indx] + " </td>");
            });

            // Replace "undefined" with "n/a"
            $(trs).children('td:contains(undefined)').text("n/a");

            // Attach Events
            attachEventy();
        } else {

            // Get existing Table
            var table = $(obj).children('table');
            var tbody = table.children('tbody');
            var trs = tbody.children('tr');
            var tds = trs.children('td');

            // Get cells without input elements
            var sel = tds.not(':has(input)');

            // Iterate through Tags
            var jump = 0;
            $.each(Tags, function(ine, obb) {
                sel.eq(jump).html(String(Tags[ine].tagName));
                sel.eq(jump + 1).html(String(Tags[ine].deviceAdress));
                sel.eq(jump + 2).html(String(Tags[ine].startData));
                sel.eq(jump + 3).html(String(Tags[ine].scAdres));
                sel.eq(jump + 4).html(String(Tags[ine].typeData));
                sel.eq(jump + 5).html(String(Tags[ine].areaData));
                sel.eq(jump + 6).html(String(Tags[ine].formattedValue));
                sel.eq(jump + 7).html(String(Tags[ine].description));

                jump = jump + 8;
            });

            // Replace "undefined" with "n/a"
            $(trs).children('td:contains(undefined)').text("n/a");
        }

        // Refresh name
        TagsNamesPrev = TagsNamesAct;
    });

    // Set timeout for polling
    setTimeout(pollTable, 1000);
});

// Read request to Fenix Server
$.post("Tag/Tag0/Value", function(response) {
  // Response contains data from Fenix Server
  alert(response);
});

// Write request to Fenix Server
$.post("Tag/Tag0/Value/20", function(response) {
  // Success callback - Response contains data from Fenix Server
  console.log("Write request successful:", response);
}).fail(function(error) {
  // Error callback - Handle errors, if any
  console.error("Error in write request:", error);
});