MyEMS/myems

'use strict';

app.controller('MenuController', function (
    $scope,
    $rootScope,
    $window,
    $uibModal,
    MenuService,
    toaster,
    $translate) {
    $scope.menus = [];
    $scope.currentMenu = {};
    $scope.currentMenuChildren = [];
    $scope.cur_user = JSON.parse($window.localStorage.getItem("myems_admin_ui_current_user"));
    $scope.getAllMenus = function () {
        let headers = { "User-UUID": $scope.cur_user.uuid, "Token": $scope.cur_user.token };
        MenuService.getAllMenus(headers, function (response) {
            if (angular.isDefined(response.status) && response.status === 200) {
                $scope.menus = response.data;
            } else {
                $scope.menus = [];
            }
            //create menu tree
            var treedata = { 'core': { 'data': [], "multiple": false, }, "plugins": ["wholerow"] };
            for (var i = 0; i < $scope.menus.length; i++) {
                if ($scope.menus[i].parent_menu_id == null) {
                    var node = {
                        "id": $scope.menus[i].id.toString(),
                        "parent": '#',
                        "text": $scope.menus[i].name,
                        "state": { 'opened': true },
                    };
                } else {
                    var node = {
                        "id": $scope.menus[i].id.toString(),
                        "parent": $scope.menus[i].parent_menu_id.toString(),
                        "text": $scope.menus[i].name,
                        "state": { 'opened': true },
                    };
                };
                treedata['core']['data'].push(node);
            }

            angular.element(menutree).jstree(treedata);
            //menu tree selected changed event handler
            angular.element(menutree).on("changed.jstree", function (e, data) {
                if (data.action === 'ready' || data.action === 'select_node') {
                    $scope.getMenuChildren(parseInt(data.selected[0]));
                };
            });
        });
    };

    $scope.refreshMenuTree = function () {
        let headers = { "User-UUID": $scope.cur_user.uuid, "Token": $scope.cur_user.token };
        MenuService.getAllMenus(headers, function (response) {
            if (angular.isDefined(response.status) && response.status === 200) {
                $scope.menus = response.data;
            } else {
                $scope.menus = [];
            }
            //create menu tree
            var treedata = { 'core': { 'data': [], "multiple": false, }, "plugins": ["wholerow"] };
            for (var i = 0; i < $scope.menus.length; i++) {
                if ($scope.menus[i].parent_menu_id == null) {
                    var node = {
                        "id": $scope.menus[i].id.toString(),
                        "parent": '#',
                        "text": $scope.menus[i].name,
                        "state": { 'opened': true},
                    };
                } else {
                    var node = {
                        "id": $scope.menus[i].id.toString(),
                        "parent": $scope.menus[i].parent_menu_id.toString(),
                        "text": $scope.menus[i].name,
                        "state": { 'opened': true},
                    };
                };
                treedata['core']['data'].push(node);
            }
            var menutree = document.getElementById("menutree");
            angular.element(menutree).jstree(true).settings.core.data = treedata['core']['data'];
            angular.element(menutree).jstree(true).refresh();
        });
    };

    $scope.getMenuChildren = function (menuid) {
        let headers = { "User-UUID": $scope.cur_user.uuid, "Token": $scope.cur_user.token };
        MenuService.getMenuChildren(menuid, headers, function (response) {
            if (angular.isDefined(response.status) && response.status === 200) {
                $scope.currentMenu = response.data["current"];
                $scope.currentMenuChildren = response.data["children"];
            } else {
                $scope.currentMenu = {};
                $scope.currentMenuChildren = [];
            }
        });
    };

    $scope.editMenu = function (menu) {
        var modalInstance = $uibModal.open({
            windowClass: "animated fadeIn",
            templateUrl: 'views/settings/menu/menu.model.html',
            controller: 'ModalEditMenuCtrl',
            resolve: {
                params: function () {
                    return {
                        menu: angular.copy(menu),
                        menus: angular.copy($scope.menus),
                    };
                }
            }
        });

        modalInstance.result.then(function (modifiedMenu) {
            let headers = { "User-UUID": $scope.cur_user.uuid, "Token": $scope.cur_user.token };
            MenuService.editMenu(modifiedMenu, headers, function (response) {
                if (angular.isDefined(response.status) && response.status === 200) {
                    toaster.pop({
                        type: "success",
                        title: $translate.instant("TOASTER.SUCCESS_TITLE"),
                        body: $translate.instant("TOASTER.SUCCESS_UPDATE_BODY", { template: $translate.instant("COMMON.MENU") }),
                        showCloseButton: true,
                    });
                    $scope.$emit('handleEmitMenuChanged');
                } else {
                    toaster.pop({
                        type: "error",
                        title: $translate.instant("TOASTER.ERROR_UPDATE_BODY", { template: $translate.instant("COMMON.MENU") }),
                        body: $translate.instant(response.data.description),
                        showCloseButton: true,
                    });
                }
            });
        }, function () {
            //do nothing;
        });
        $rootScope.modalInstance = modalInstance;
    };

    $scope.getAllMenus();

    $scope.$on('handleBroadcastMenuChanged', function (event) {
        $scope.refreshMenuTree();
    });

});


app.controller('ModalEditMenuCtrl', function ($scope, $uibModalInstance, params) {
    $scope.operation = "SETTING.EDIT_MENU";
    $scope.menu = params.menu;

    $scope.ok = function () {
        $uibModalInstance.close($scope.menu);
    };

    $scope.cancel = function () {
        $uibModalInstance.dismiss('cancel');
    };
});