/**
 * Created by maprex on 2021-06-17
 */

'use strict';

define([
        'app', 'angular'
    ],
    function (app, angular) {
        app.controller('projectTimelineController', ['$scope', '$rootScope', '$log', '$q', '$resourceProvider', '$controller', '$injector', 'Gantt', 'SweetAlert', '$filter',
            function ($scope, $rootScope, $log, $q, $resourceProvider, $controller, $injector, Gantt, SweetAlert, $filter) {
                $scope.fn = {
                    getPageList : getPageList,  //  목록을 조회한다.
                    makeSearchConditions : makeSearchConditions, // 검색조건을 가져옴
                    startExecute : startExecute,
                    initSearch : initSearch
                };

                $scope.vm = {
                    search : {
                        name : "",  //   프로젝트 명
                        userIds : [],   //  관리자
                        statuses : [],   //  상태
                    },
                    arrProjects : [], // 프로젝트 배열
                    projectIssues : new Object(),   // 프로젝트 전체 이슈
                    projectCompleteIssues : new Object(), // 프로젝트 완료 이슈
                    searchView : false, //  상세 검색 조건 표시 여부
                    detailView : false, //  상세 모드 변경 값
                    tableConfigs : [],  //  테이블 셋팅 정보
                    responseData : {
                        data : []
                    },
                    projectName : "",   //  프로젝트 검색
                    projects : [],  //  프로젝트
                    page : {
                        selectedPage : 0,
                        selectedPageRowCount : String(99999)
                    },
                    options : {
                        statuses : [{
                            fieldKey : "01",
                            fieldValue : $filter("translate")("common.wait") // "대기"
                        }, {
                            fieldKey : "02",
                            fieldValue : $filter("translate")("common.progress") // "진행"
                        }, {
                            fieldKey : "03",
                            fieldValue : $filter("translate")("common.end") // "종료"
                        }]
                    },
                    useGantt : false,
                    chart : null // 간트차트
                };

                angular.extend(this, $controller('autoCompleteController', {$scope : $scope, $injector : $injector}));

                $scope.init = function () {
                    var workProjects = $rootScope.projects;
                    workProjects.forEach(project => {
                        if (project.id > 0) {
                            $scope.vm.projects.push(project);
                        }
                    });

                    $scope.fn.startExecute();
                }

                //  검색 조건 초기화
                function initSearch() {
                    $state.go($state.current, {}, {reload : true});
                }

                //  이슈 검색 조건을 만든다.
                function makeSearchConditions() {
                    var conditions = {
                        name: $scope.vm.search.name,
                        statuses : (function () {
                            var statuses = [];

                            angular.forEach($scope.vm.search.statuses, function (status) {
                                statuses.push(status.fieldKey);
                            });

                            return statuses;
                        })(),
                    }

                    return conditions;
                }

                function drawGanttChart(useProject = false) {
                    google.charts.load('current', {'packages':['gantt'], 'language': 'ko'});
                    google.charts.setOnLoadCallback(drawChart);
                }

                function toMilliseconds(minutes) {
                    return minutes * 60 * 1000;
                }

                // 검색조건에서 해당 프로젝트 찾기
                function findProjectSearch(projectId) {
                    var projects = $scope.vm.projects;
                    var find = false;

                    for (let i = 0; i < projects.length; i++) {
                        if (projects[i].id == projectId) {
                            find = true;
                            break;
                        }
                    }
                    return find;
                }

                function getPageList(selectedPage) {

                    if (chart != null)
                        chart.clearChart();

                    //  현재 페이지 정보
                    var currentPage = 0;

                    // $rootScope.spinner = true;

                    // 현재 선택된 프로젝트를 검색 기본으로 추가
                    if ($rootScope.workProject != null && $rootScope.workProject.id > -1) {
                        var find = findProjectSearch($rootScope.workProject.id);
                        if (!find) {
                            $scope.vm.projects.push($rootScope.workProject);
                        }
                    }

                    var conditions = $scope.fn.makeSearchConditions();

                    Gantt.findProject($resourceProvider.getContent(conditions,
                        $resourceProvider.getPageContent(currentPage, $scope.vm.page.selectedPageRowCount))).then(function (result) {

                        if (result.data.message.status === "success") {
                            $scope.vm.page.selectedPage = currentPage + 1;
                            $scope.vm.responseData = result.data;
                            drawGanttChart();
                        }
                        else {
                            //SweetAlert.error($filter("translate")("issue.failedIssueLookup"), result.data.message.message); // 이슈 조회 실패
                        }
                    });
                }

                // 프로젝트리스트에 해당 아이디가 존재하는지 여부 확인
                function containsIssue(projectId) {
                    return projectId in $scope.vm.projectIssues;
                }

                var chart;
                var otherData;
                var options;

                function drawChart() {
                    var responseData = $scope.vm.responseData;
                    var page = responseData.page;

                    otherData = new google.visualization.DataTable();
                    otherData.addColumn('string', 'Task ID');
                    otherData.addColumn('string', 'Task Name');
                    otherData.addColumn('string', 'Resource');
                    otherData.addColumn('date', '시작');
                    otherData.addColumn('date', '종료');
                    otherData.addColumn('number', '기간');
                    otherData.addColumn('number', '진행율');
                    otherData.addColumn('string', '상위프로젝트');
                    var data = responseData.data;

                    var trackHeight = 35;
                    var bottomHeight = 50;

                    $scope.vm.arrProjects = [];
                    $scope.vm.projectIssues = new Object();
                    if (page.totalCount > 0) {
                        data.forEach(el => {
                            addIssue(el.projectId, el);
                        });

                        for (const [key, value] of Object.entries($scope.vm.projectIssues)) {
                            var projectObj = $rootScope.findProject(key);
                            if (projectObj != null) {
                                var issues = $scope.vm.projectIssues[key];
                                var completeIssues = $scope.vm.projectCompleteIssues[key];
                                var start = null;
                                if (projectObj.startDate != null) {
                                    start = new Date(projectObj.startDate);
                                    start.setHours(0, 0, 0);
                                }

                                var end = null;
                                if (projectObj.endDate != null) {
                                    end = new Date(projectObj.endDate);
                                    end.setHours(23, 59, 59);
                                }

                                var duration = 0;
                                if (start != null && end != null) {
                                    duration = end.getTime() - start.getTime();
                                }

                                var percent = 0;
                                var endCount = completeIssues == null ? 0 : completeIssues.length.toFixed(2);
                                var totalCount = issues == null ? 0 : issues.length;
                                if (totalCount > 0) {
                                    percent = parseInt(endCount / totalCount * 100.0);
                                }

                                var depend = null;
                                if (projectObj.parentProjectId != null && containsIssue(projectObj.parentProjectId)) {
                                    depend = String(projectObj.parentProjectId);
                                }

                                $scope.vm.arrProjects.push(projectObj.id);
                                otherData.addRow([String(projectObj.id), projectObj.name, String(projectObj.id), start, end, duration, percent, depend]);
                            }
                        }

                        $scope.vm.useGantt = true;
                    } else {
                        otherData.addRow(["none", "일감이 없습니다", "none", new Date(), null, toMilliseconds(0), 100, null]);
                        $scope.vm.useGantt = false;
                    }

                    var dataCount = $scope.vm.arrProjects.length;
                    var chartHeight = dataCount * trackHeight + bottomHeight;

                    options = {
                        gantt: {
                            defaultStartDate : new Date(),
                            barHeight : 18,
                            barCornerRadius : 1,
                            criticalPathEnabled: true, // Critical path arrows will be the same as other arrows.
                            arrow: {
                                angle: 50,
                                width: 1,
                                color: '#0066cc',
                                radius: 2
                            },
                            labelStyle: {
                                fontName: 'NanumSquare',
                                fontSize: 12,
                                color: '#d5c209'
                            },
                            trackHeight : trackHeight
                        },
                        height: chartHeight,
                        animation: {"startup": true}
                    };

                    var container = document.getElementById('chart_div');
                    if (container == null) {
                        return;
                    }
                    chart = new google.visualization.Gantt(container);

                    hideChartTooltip(container, chart);

                    google.visualization.events.addListener(chart, 'onmouseover', function (e) {
                    });

                    google.visualization.events.addListener(chart, 'click', function() {
                    });

                    google.visualization.events.addListener(chart, 'select', function() {
                        var selection = chart.getSelection();
                        $rootScope.changeLastProject($scope.vm.arrProjects[selection[0].row]);
                    });

                    window.addEventListener('resize', function() { chart.draw(otherData, options); }, false); //화면 크기에 따라 그래프 크기 변경
                    chart.draw(otherData, options);

                }


                // 이슈를 배열에 추가
                function addIssue(projectId, issue) {
                    if ($scope.vm.projectCompleteIssues[projectId] == null)
                        $scope.vm.projectCompleteIssues[projectId] = [];

                    if ($scope.vm.projectIssues[projectId] == null)
                        $scope.vm.projectIssues[projectId] = [];

                    if (issue.issueStatusType == "CLOSE") {
                        $scope.vm.projectCompleteIssues[projectId].push(issue);
                    }
                    $scope.vm.projectIssues[projectId].push(issue);
                }

                // google chart 기본 tooltip 가리기
                function hideChartTooltip(container, chart) {
                    google.visualization.events.addOneTimeListener(chart, 'ready', function () {
                        var observer = new MutationObserver(function (nodes) {
                            Array.prototype.forEach.call(nodes, function(node) {
                                if (node.addedNodes.length > 0) {
                                    Array.prototype.forEach.call(node.addedNodes, function(addedNode) {
                                        if ((addedNode.tagName === 'rect') && (addedNode.getAttribute('fill') === 'white')) {
                                            addedNode.setAttribute('fill', 'transparent');
                                            addedNode.setAttribute('stroke', 'transparent');
                                            Array.prototype.forEach.call(addedNode.parentNode.getElementsByTagName('text'), function(label) {
                                                label.setAttribute('fill', 'transparent');
                                            });
                                        }
                                    });
                                }
                            });
                        });
                        observer.observe(container, {
                            childList: true,
                            subtree: true
                        });
                    });
                }

                function startExecute() {
                    $scope.fn.getPageList();
                }

                $rootScope.$on('changeProjectChartTab', function(evt) {
                    if (chart != null) {
                        $scope.fn.startExecute();
                    }
                });
            }]);
    });