leantime.blueprintsController = (function () {

    var canvasName = '';

    var setCanvasName = function (name) {
        canvasName = name;
    };

    var setRowHeights = function () {
        // Collect all unique row IDs from .canvas-row elements
        var rowIds = [];
        jQuery(".canvas-row[id]").each(function () {
            var id = jQuery(this).attr("id");
            if (id && rowIds.indexOf(id) === -1) {
                rowIds.push(id);
            }
        });

        if (rowIds.length === 0) {
            return;
        }

        var nbRows = rowIds.length;
        var rowHeight = jQuery("html").height() - 320 - 20 * nbRows - 25;
        var perRowHeight = rowHeight / nbRows;

        // For each row, find the tallest content and set all columns to that height
        for (var i = 0; i < rowIds.length; i++) {
            var rowSelector = "#" + rowIds[i];
            var maxHeight = perRowHeight;

            jQuery(rowSelector + " div.contentInner").each(function () {
                if (jQuery(this).height() > maxHeight) {
                    maxHeight = jQuery(this).height() + 50;
                }
            });

            jQuery(rowSelector + " .column .contentInner").css("height", maxHeight);
        }
    };

    var initFilterBar = function () {

        jQuery(window).bind("load", function () {
            jQuery(".loading").fadeOut();
            jQuery(".filterBar .row-fluid").css("opacity", "1");
        });

    };

    var initCanvasLinks = function () {

        jQuery(".addCanvasLink").nyroModal();

        jQuery(".editCanvasLink").click(function () {
            jQuery('#editCanvas').modal('show');
        });

        jQuery(".cloneCanvasLink").click(function () {
            jQuery('#cloneCanvas').modal('show');
        });

        jQuery(".mergeCanvasLink").click(function () {
            jQuery('#mergeCanvas').modal('show');
        });

        jQuery(".importCanvasLink").click(function () {
            jQuery('#importCanvas').modal('show');
        });

    };

    var closeModal = false;

    //Variables
    var canvasoptions = function () {
        return {
            sizes: {
                minW:  700,
                minH: 1000,
            },
            resizable: true,
            autoSizable: true,
            callbacks: {
                beforeShowCont: function () {
                    jQuery(".showDialogOnLoad").show();
                    if (closeModal == true) {
                        closeModal = false;
                        location.reload();
                    }
                },
                afterShowCont: function () {
                    window.htmx.process('.nyroModalCont');
                    jQuery(".blueprintsCanvasModal, #commentForm, #commentForm .deleteComment, .blueprintsCanvasMilestone .deleteMilestone").nyroModal(canvasoptions());
                },
                beforeClose: function () {
                    location.reload();
                }
            },
            titleFromIframe: true
        };
    };

    //Functions

    var _initModals = function () {
        jQuery(".blueprintsCanvasModal, #commentForm, #commentForm .deleteComment, .blueprintsCanvasMilestone .deleteMilestone").nyroModal(canvasoptions());
    };

    var openModalManually = function (url) {
        jQuery.nmManual(url, canvasoptions());
    };

    var toggleMilestoneSelectors = function (trigger) {
        if (trigger == 'existing') {
            jQuery('#newMilestone, #milestoneSelectors').hide('fast');
            jQuery('#existingMilestone').show();
            _initModals();
        }
        if (trigger == 'new') {
            jQuery('#newMilestone').show();
            jQuery('#existingMilestone, #milestoneSelectors').hide('fast');
            _initModals();
        }

        if (trigger == 'hide') {
            jQuery('#newMilestone, #existingMilestone').hide('fast');
            jQuery('#milestoneSelectors').show('fast');
        }
    };

    var setCloseModal = function () {
        closeModal = true;
    };

    var initUserDropdown = function () {

        jQuery("body").on(
            "click",
            ".userDropdown .dropdown-menu a",
            function () {

                var dataValue = jQuery(this).attr("data-value").split("_");
                var dataLabel = jQuery(this).attr('data-label');

                if (dataValue.length == 3) {
                    var canvasId = dataValue[0];
                    var userId = dataValue[1];
                    var profileImageId = dataValue[2];

                    jQuery.ajax(
                        {
                            type: 'PATCH',
                            url: leantime.appUrl + '/api/blueprints/' + canvasName,
                            data:
                                {
                                    id : canvasId,
                                    author: userId
                                }
                        }
                    ).done(
                        function () {
                            jQuery("#userDropdownMenuLink" + canvasId + " span.text span#userImage" + canvasId + " img").attr("src", leantime.appUrl + "/users/profileImage/" + encodeURIComponent(userId));
                            jQuery.growl({message: leantime.i18n.__("short_notifications.user_updated"), style: "success"});
                        }
                    );
                }
            }
        );
    };

    var initStatusDropdown = function () {

        jQuery("body").on(
            "click",
            ".statusDropdown .dropdown-menu a",
            function () {

                var dataValue = jQuery(this).attr("data-value").split("/");
                var dataLabel = jQuery(this).attr('data-label');

                if (dataValue.length == 2) {
                    var canvasItemId = dataValue[0];
                    var status = dataValue[1];
                    var statusClass = jQuery(this).attr('class');

                    jQuery.ajax(
                        {
                            type: 'PATCH',
                            url: leantime.appUrl + '/api/blueprints/' + canvasName,
                            data:
                                {
                                    id : canvasItemId,
                                    status: status
                                }
                        }
                    ).done(
                        function () {
                            jQuery("#statusDropdownMenuLink" + canvasItemId + " span.text").text(dataLabel);
                            jQuery("#statusDropdownMenuLink" + canvasItemId).removeClass().addClass(statusClass + " dropdown-toggle f-left status ");
                            jQuery.growl({message: leantime.i18n.__("short_notifications.status_updated")});
                        }
                    );
                }
            }
        );

    };

    var initRelatesDropdown = function () {

        jQuery("body").on(
            "click",
            ".relatesDropdown .dropdown-menu a",
            function () {

                var dataValue = jQuery(this).attr("data-value").split("/");
                var dataLabel = jQuery(this).attr('data-label');

                if (dataValue.length == 2) {
                    var canvasItemId = dataValue[0];
                    var relates = dataValue[1];
                    var relatesClass = jQuery(this).attr('class');

                    jQuery.ajax(
                        {
                            type: 'PATCH',
                            url: leantime.appUrl + '/api/blueprints/' + canvasName,
                            data:
                                {
                                    id : canvasItemId,
                                    relates: relates
                                }
                        }
                    ).done(
                        function () {
                            jQuery("#relatesDropdownMenuLink" + canvasItemId + " span.text").text(dataLabel);
                            jQuery("#relatesDropdownMenuLink" + canvasItemId).removeClass().addClass(relatesClass + " dropdown-toggle f-left relates ");
                            jQuery.growl({message: leantime.i18n.__("short_notifications.relates_updated")});
                        }
                    );
                }
            }
        );

    };

    // Make public what you want to have public, everything else is private
    return {
        setCanvasName: setCanvasName,
        setRowHeights: setRowHeights,
        initFilterBar: initFilterBar,
        initCanvasLinks: initCanvasLinks,
        initUserDropdown: initUserDropdown,
        initStatusDropdown: initStatusDropdown,
        initRelatesDropdown: initRelatesDropdown,
        setCloseModal: setCloseModal,
        toggleMilestoneSelectors: toggleMilestoneSelectors,
        openModalManually: openModalManually
    };

})();