/*
 * Copyright (c) 2015, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
 *
 * WSO2 Inc. licenses this file to you under the Apache License,
 * Version 2.0 (the "License"); you may not use this file except
 * in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
 * either express or implied. See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

var InitiateViewOption = null;

(function () {
    var deviceId = $(".device-id");
    var deviceIdentifier = deviceId.data("deviceid");
    var deviceType = deviceId.data("type");
    var ownership = deviceId.data("ownership");
    var devStatus = deviceId.data("status");
    var payload = [deviceIdentifier];
    var operationTable;

    if ("REMOVED" !== devStatus) {
      var deviceInfoServiceAPI = deviceId.data("deviceinfoservice");
      var deviceLocationServiceAPI = deviceId.data("devicelocationservice");
      if (deviceInfoServiceAPI) {
        invokerUtil.post(
          deviceInfoServiceAPI,
          payload,
          // success-callback
          function () {
            $(".panel-body").show();
          },
          // error-callback
          function () {
            var defaultInnerHTML =
              "<br><p class='fw-warning'>Device data may not have been updated. Please refresh to try again.<p>";
            $(".panel-body").append(defaultInnerHTML);
          }
        );
      }
      if (deviceLocationServiceAPI) {
        invokerUtil.post(
          deviceLocationServiceAPI,
          payload,
          // success-callback
          function () {
            $(".panel-body").show();
          },
          // error-callback
          function () {
            var defaultInnerHTML =
              "<br><p class='fw-warning'>Device data may not have been updated. Please refresh to try again.<p>";
            $(".panel-body").append(defaultInnerHTML);
          }
        );
      }
    }

    $(".media.tab-responsive [data-toggle=tab]").on("shown.bs.tab", function (e) {
        var activeTabPane = $(e.target).attr("href");
        var activeListGroupItem = $(".media .list-group-item.active");

        $(activeTabPane).removeClass("visible-xs-block");
        $(activeTabPane).siblings().not(".arrow-left").addClass("visible-xs-block");
        positionArrow(activeListGroupItem);
    });

    $(".media.tab-responsive .tab-content").on("shown.bs.collapse", function (e) {
        var thisParent = $(e.target).parent();
        var activeTabPaneCaret = thisParent.find('.caret-updown');
        var activeTabPaneCaretSiblings = thisParent.siblings().find('.caret-updown');

        activeTabPaneCaret.removeClass("fw-up").addClass("fw-down");
        activeTabPaneCaretSiblings.removeClass("fw-down").addClass("fw-up");
    });


    $('.media.tab-responsive a[data-toggle="collapse"]').on('click', function () {
        var clickedPanel = $(this).attr('href');

        if ($(clickedPanel).hasClass('in')) {
            $(clickedPanel).collapse('hide');
        } else {
            $(clickedPanel).collapse('show');
        }
    });

    $('#status').on('save', function (e, params) {
        var deviceStatus = params.submitValue.toUpperCase();
        var serviceUrl = "/api/device-mgt/v1.0/devices/" + deviceType + "/" + deviceIdentifier
                         + "/changestatus?newStatus=" + deviceStatus;
        var payload = null;

        if (serviceUrl) {
            var successCallback = function (jqXHR, status, resp) {
                if (resp.status == 200) {
                    setTimeout(function () {
                        if (deviceStatus == "REMOVED") {
                            $('#statusIcon').removeClass().addClass('fw fw-delete icon-danger');
                        } else if (deviceStatus == "INACTIVE") {
                            $('#statusIcon').removeClass().addClass('fw fw-warning icon-warning');
                        } else if (deviceStatus == "ACTIVE") {
                            $('#statusIcon').removeClass().addClass('fw fw-success icon-success');
                        }
                        $("#statusIcon").show();

                    }, 1500);
                } else {
                    console.log(resp.status);
                }
            };

            invokerUtil.put(serviceUrl, payload,
                            successCallback, function (message) {
                    console.log(message);
                });
        }

    });

    $("#status").click(function () {
        $("#statusIcon").hide();
    });
    
    $.fn.editable.defaults.mode = 'inline';

    $('#status').editable({
                              value: $('#status').attr("selectedValue"),
                              source: [
                                  {value: 'Active', text: 'Active'},
                                  {value: "Inactive", text: 'Inactive'},
                                  {value: "Removed", text: 'Removed'}
                              ],
                              success: this.update_elements
                          });

    $.fn.editableform.buttons =
        '<button id="checkedBtn" type="submit" class="btn btn-primary btn-sm editable-submit">' +
        '<i class="fw fw-check"></i>' +
        '</button>' +
        '<button type="button" class="btn btn-secondary btn-sm editable-cancel">' +
        '<i class="fw fw-cancel"></i>' +
        '</button>';

    function positionArrow(selectedTab) {
        var selectedTabHeight = $(selectedTab).innerHeight();
        var arrowPosition = 0;
        var totalHeight = 0;
        var arrow = $(".media .panel-group.tab-content .arrow-left");
        var parentHeight = $(arrow).parent().innerHeight();


        if ($(selectedTab).prev().length) {
            $(selectedTab).prevAll().each(function () {
                totalHeight += $(this).innerHeight();
            });
            arrowPosition = totalHeight + (selectedTabHeight / 2);
        } else {
            arrowPosition = selectedTabHeight / 2;
        }

        if (arrowPosition >= parentHeight) {
            parentHeight = arrowPosition + 50;
            $(arrow).siblings(".panel.active").height(parentHeight);
        } else {
            $(arrow).parent().removeAttr("style");
        }

        $(arrow).css("top", arrowPosition - 10);
    }

    $(document).ready(function () {
        $(".device-detail-body").removeClass("hidden");
        $("#loading-content").remove();
        loadApplicationsList();
        loadPolicyCompliance();

        $("#refresh-policy").click(function () {
            $("#policy-spinner").removeClass("hidden");
            loadPolicyCompliance();
        });

        $("#refresh-apps").click(function () {
            $("#apps-spinner").removeClass("hidden");
            loadApplicationsList();
        });
    });

    function loadOperationsLog(update) {
        var owner = $("#device-owner").data("owner");
        var operationsLogTable = "#operations-log-table";
        if (update) {
            operationTable = $(operationsLogTable).DataTable();
            operationTable.ajax.reload(false);
            return;
        }
        operationTable = $(operationsLogTable).datatables_extended({
            serverSide: true,
            processing: false,
            searching: false,
            ordering: false,
            pageLength: 10,
            order: [],
            ajax: {
                url: "/devicemgt/api/operation/paginate",
                data: {deviceId: deviceIdentifier, deviceType: deviceType, owner: owner},
                dataSrc: function (json) {
                    $("#operations-spinner").addClass("hidden");
                    $("#operations-log-container").empty();
                    return json.data;
                }
            },
            columnDefs: [
                {targets: 0, data: "code"},
                {
                    targets: 1, data: "status", render: function (status) {
                    var html;
                    switch (status) {
                        case "COMPLETED" :
                            html = "<span><i class='fw fw-success icon-success'></i> Completed</span>";
                            break;
                        case "PENDING" :
                            html = "<span><i class='fw fw-warning icon-warning'></i> Pending</span>";
                            break;
                        case "ERROR" :
                            html = "<span><i class='fw fw-error icon-danger'></i> Error</span>";
                            break;
                        case "IN_PROGRESS" :
                            html = "<span><i class='fw fw-success icon-warning'></i> In Progress</span>";
                            break;
                        case "REPEATED" :
                            html = "<span><i class='fw fw-success icon-warning'></i> Repeated</span>";
                            break;
                    }
                    return html;
                }
                },
                {
                    targets: 2, data: "createdTimeStamp", render: function (date) {
                    var value = String(date);
                    return value.slice(0, 16);
                }
                }
            ],
            "createdRow": function (row, data) {
                $(row).attr("data-type", "selectable");
                $(row).attr("data-id", data["id"]);
                $.each($("td", row),
                    function (colIndex) {
                        switch (colIndex) {
                            case 1:
                                $(this).attr("data-grid-label", "Code");
                                $(this).attr("data-display", data["code"]);
                                break;
                            case 2:
                                $(this).attr("data-grid-label", "Status");
                                $(this).attr("data-display", data["status"]);
                                break;
                            case 3:
                                $(this).attr("data-grid-label", "Created Timestamp");
                                $(this).attr("data-display", data["createdTimeStamp"]);
                                break;
                        }
                    }
                );
            }
        });
    }

    function loadApplicationsList() {
        var applicationsList = $("#applications-list");
        var applicationListingTemplate = applicationsList.attr("src");
        var deviceId = applicationsList.data("device-id");
        var deviceType = applicationsList.data("device-type");

        $.template("application-list", applicationListingTemplate, function (template) {
            var serviceURL = "/api/device-mgt/v1.0/devices/" + deviceType + "/" + deviceId + "/applications";
            invokerUtil.get(
                serviceURL,
                // success-callback
                function (data, textStatus, jqXHR) {
                    if (jqXHR.status == 200 && data) {
                        data = JSON.parse(data);
                        $("#apps-spinner").addClass("hidden");
                        if (data.length > 0) {
                            for (var i = 0; i < data.length; i++) {
                                data[i]["name"] = decodeURIComponent(data[i]["name"]);
                                data[i]["platform"] = deviceType;
                            }

                            var viewModel = {};
                            viewModel["applications"] = data;
                            viewModel["deviceId"] = deviceId;
                            viewModel["deviceType"] = deviceType;
                            viewModel["appContext"] = context;
                            var content = template(viewModel);
                            $("#applications-list-container").html(content);
                            var iconSource = $("#applications-list-container").data("public-uri") + "/img/android_app_icon.png";
                            $("#applications-list-container img").attr("src",iconSource);
                        } else {
                            $("#applications-list-container").html("<div class='message message-info'><h4><i class='icon fw fw-info'></i>No applications found.</h4>" +
                                "<p>Please try refreshing the list in a while.</p></div>");
                        }
                    }
                },
                // error-callback
                function () {
                    $("#applications-list-container").html("<div class='panel-body'><br><p class='fw-warning'>&nbsp;Loading application list " +
                        "was not successful. please try refreshing the list in a while.<p></div>");
                });
        });
    }

    function loadPolicyCompliance() {
        var policyCompliance = $("#policy-view");
        var policyComplianceTemplate = policyCompliance.attr("src");
        var deviceId = policyCompliance.data("device-id");
        var deviceType = policyCompliance.data("device-type");
        var activePolicy = null;

        $.template(
            "policy-view",
            policyComplianceTemplate,
            function (template) {
                var getEffectivePolicyURL = "/api/device-mgt/v1.0/devices/" + deviceType + "/" + deviceId + "/effective-policy";
                var getDeviceComplianceURL = "/api/device-mgt/v1.0/devices/" + deviceType + "/" + deviceId + "/compliance-data";

                invokerUtil.get(
                    getEffectivePolicyURL,
                    // success-callback
                    function (data, textStatus, jqXHR) {
                        if (jqXHR.status == 200 && data) {
                            data = JSON.parse(data);
                            $("#policy-spinner").addClass("hidden");
                            if (data["active"] == true) {
                                activePolicy = data;
                                invokerUtil.get(
                                    getDeviceComplianceURL,
                                    // success-callback
                                    function (data, textStatus, jqXHR) {
                                        if (jqXHR.status == 200 && data) {
                                            var viewModel = {};
                                            viewModel["policy"] = activePolicy;
                                            viewModel["deviceType"] = deviceType;
                                            viewModel["deviceId"] = deviceId;
                                            viewModel["appContext"] = context;
                                            data = JSON.parse(data);
                                            var content;
                                            if (data["complianceData"]) {
                                                if (data["complianceData"]["complianceFeatures"] &&
                                                    data["complianceData"]["complianceFeatures"].length > 0) {
                                                    viewModel["compliance"] = "NON-COMPLIANT";
                                                    viewModel["complianceFeatures"] = data["complianceData"]["complianceFeatures"];
                                                    content = template(viewModel);
                                                    $("#policy-list-container").html(content);
                                                } else {
                                                    viewModel["compliance"] = "COMPLIANT";
                                                    content = template(viewModel);
                                                    $("#policy-list-container").html(content);
                                                    $("#policy-compliance-table").addClass("hidden");
                                                }
                                            } else {
                                                $("#policy-list-container").html("<div class='panel-body'><br><p class='fw-warning'> This device " +
                                                    "has no policy applied.<p></div>");
                                            }
                                        }
                                    },
                                    // error-callback
                                    function () {
                                        $("#policy-list-container").html("<div class='panel-body'><br><p class='fw-warning'> Loading policy compliance related data " +
                                            "was not successful. please try refreshing data in a while.<p></div>");
                                    }
                                );
                            }
                        }
                    },
                    // error-callback
                    function () {
                        $("#policy-list-container").html("<div class='panel-body'><br><p class='fw-warning'> Loading policy compliance related data " +
                            "was not successful. please try refreshing data in a while.<p></div>");
                    }
                );
            }
        );
    }

}());
