'use strict';

/**
 * @ngdoc function
 * @name opnfvdashBoardAngularApp.controller:TableController
 * @description
 * # TableController
 * Controller of the opnfvdashBoardAngularApp
 */
angular.module('opnfvApp')
    .controller('TableController', ['$scope', '$state', '$stateParams', '$http', 'TableFactory', function($scope, $state, $stateParams, $http, TableFactory) {

        $scope.filterlist = [];
        $scope.selection = [];
        $scope.statusList = [];
        $scope.projectList = [];
        $scope.installerList = [];
        $scope.versionlist = [];
        $scope.loopci = [];
        $scope.time = [];
        $scope.tableDataAll = {};
        $scope.tableInfoAll = {};
        $scope.scenario = {};

        $scope.VersionConfig = {
            create: true,
            valueField: 'title',
            labelField: 'title',
            delimiter: '|',
            maxItems: 1,
            placeholder: 'Version',
            onChange: function(value) {
                checkElementArrayValue($scope.selection, $scope.VersionOption);
                $scope.selection.push(value);
                // console.log($scope.selection);
                getScenarioData();

            }
        }

        $scope.LoopConfig = {
            create: true,
            valueField: 'title',
            labelField: 'title',
            delimiter: '|',
            maxItems: 1,
            placeholder: 'Loop',
            onChange: function(value) {
                checkElementArrayValue($scope.selection, $scope.LoopOption);
                $scope.selection.push(value);
                // console.log($scope.selection);
                getScenarioData();

            }
        }

        $scope.TimeConfig = {
            create: true,
            valueField: 'title',
            labelField: 'title',
            delimiter: '|',
            maxItems: 1,
            placeholder: 'Time',
            onChange: function(value) {
                checkElementArrayValue($scope.selection, $scope.TimeOption);
                $scope.selection.push(value);
                // console.log($scope.selection)
                getScenarioData();


            }
        }


        init();

        function init() {
            $scope.toggleSelection = toggleSelection;
            getScenarioData();
            // radioSetting();
            getFilters();
        }

        function getFilters() {
            TableFactory.getFilter().get({


            }).$promise.then(function(response) {
                if (response != null) {
                    $scope.statusList = response.filters.status;
                    $scope.projectList = response.filters.projects;
                    $scope.installerList = response.filters.installers;
                    $scope.versionlist = response.filters.version;
                    $scope.loopci = response.filters.loops;
                    $scope.time = response.filters.time;

                    $scope.statusListString = $scope.statusList.toString();
                    $scope.projectListString = $scope.projectList.toString();
                    $scope.installerListString = $scope.installerList.toString();
                    $scope.VersionSelected = $scope.versionlist[1];
                    $scope.LoopCiSelected = $scope.loopci[0];
                    $scope.TimeSelected = $scope.time[0];
                    radioSetting($scope.versionlist, $scope.loopci, $scope.time);

                } else {
                    alert("网络错误");
                }
            })
        }

        function getScenarioData() {

            var utl = BASE_URL + '/scenarios';
            var data = {
                'status': ['success', 'danger', 'warning'],
                'projects': ['functest', 'yardstick'],
                'installers': ['apex', 'compass', 'fuel', 'joid'],
                'version': $scope.VersionSelected,
                'loops': $scope.LoopCiSelected,
                'time': $scope.TimeSelected
            };
            var config = {
                headers: {
                    'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8;'
                }
            }
            $http.post(utl, data, config).then(function(response) {
                if (response.status == 200) {
                    $scope.scenario = response.data;
                    constructJson();
                }
            })
        }

        //construct json 
        function constructJson() {

            var colspan;
            var InstallerData;
            var projectsInfo;
            $scope.tableDataAll["scenario"] = [];


            for (var item in $scope.scenario.scenarios) {

                var headData = Object.keys($scope.scenario.scenarios[item].installers).sort();
                var scenarioStatus = $scope.scenario.scenarios[item].status;
                var scenarioStatusDisplay;
                if (scenarioStatus == "success") {
                    scenarioStatusDisplay = "navy";
                } else if (scenarioStatus == "danger") {
                    scenarioStatusDisplay = "danger";
                } else if (scenarioStatus == "warning") {
                    scenarioStatusDisplay = "warning";
                }

                InstallerData = headData;
                var projectData = [];
                var datadisplay = [];
                var projects = [];

                for (var j = 0; j < headData.length; j++) {

                    projectData.push($scope.scenario.scenarios[item].installers[headData[j]]);
                }
                for (var j = 0; j < projectData.length; j++) {

                    for (var k = 0; k < projectData[j].length; k++) {
                        projects.push(projectData[j][k].project);
                        var temArray = [];
                        if (projectData[j][k].score == null) {
                            temArray.push("null");
                            temArray.push(projectData[j][k].project);
                            temArray.push(headData[j]);
                        } else {
                            temArray.push(projectData[j][k].score);
                            temArray.push(projectData[j][k].project);
                            temArray.push(headData[j]);
                        }


                        if (projectData[j][k].status == "platinium") {
                            temArray.push("primary");
                            temArray.push("P");
                        } else if (projectData[j][k].status == "gold") {
                            temArray.push("danger");
                            temArray.push("G");
                        } else if (projectData[j][k].status == "silver") {
                            temArray.push("warning");
                            temArray.push("S");
                        } else if (projectData[j][k].status == null) {
                            temArray.push("null");
                        }

                        datadisplay.push(temArray);

                    }

                }

                colspan = projects.length / headData.length;

                var tabledata = {
                    scenarioName: item,
                    Installer: InstallerData,
                    projectData: projectData,
                    projects: projects,
                    datadisplay: datadisplay,
                    colspan: colspan,
                    status: scenarioStatus,
                    statusDisplay: scenarioStatusDisplay
                };

                JSON.stringify(tabledata);
                $scope.tableDataAll.scenario.push(tabledata);

                // console.log(tabledata);

            }


            projectsInfo = $scope.tableDataAll.scenario[0].projects;

            var tempHeadData = [];

            for (var i = 0; i < InstallerData.length; i++) {
                for (var j = 0; j < colspan; j++) {
                    tempHeadData.push(InstallerData[i]);
                }
            }

            //console.log(tempHeadData);

            var projectsInfoAll = [];

            for (var i = 0; i < projectsInfo.length; i++) {
                var tempA = [];
                tempA.push(projectsInfo[i]);
                tempA.push(tempHeadData[i]);
                projectsInfoAll.push(tempA);

            }
            //console.log(projectsInfoAll);

            $scope.tableDataAll["colspan"] = colspan;
            $scope.tableDataAll["Installer"] = InstallerData;
            $scope.tableDataAll["Projects"] = projectsInfoAll;

            // console.log($scope.tableDataAll);
            $scope.colspan = $scope.tableDataAll.colspan;

        }

        //get json element size
        function getSize(jsondata) {
            var size = 0;
            for (var item in jsondata) {
                size++;
            }
            return size;
        }

        $scope.colspan = $scope.tableDataAll.colspan;
        // console.log($scope.colspan);


        //find all same element index 
        function getSameElementIndex(array, element) {
            var indices = [];
            var idx = array.indexOf(element);
            while (idx != -1) {
                indices.push(idx);
                idx = array.indexOf(element, idx + 1);
            }
            //return indices;
            var result = { element: element, index: indices };
            JSON.stringify(result);
            return result;
        }

        //delete element in array
        function deletElement(array, index) {
            array.splice(index, 1);

        }

        function radioSetting(array1, array2, array3) {
            var tempVersion = [];
            var tempLoop = [];
            var tempTime = [];
            for (var i = 0; i < array1.length; i++) {
                var temp = {
                    title: array1[i]
                };
                tempVersion.push(temp);
            }
            for (var i = 0; i < array2.length; i++) {
                var temp = {
                    title: array2[i]
                };
                tempLoop.push(temp);
            }
            for (var i = 0; i < array3.length; i++) {
                var temp = {
                    title: array3[i]
                };
                tempTime.push(temp);
            }
            $scope.VersionOption = tempVersion;
            $scope.LoopOption = tempLoop;
            $scope.TimeOption = tempTime;
        }

        //remove element in the array
        function removeArrayValue(arr, value) {
            for (var i = 0; i < arr.length; i++) {
                if (arr[i] == value) {
                    arr.splice(i, 1);
                    break;
                }
            }
        }

        //check if exist element
        function checkElementArrayValue(arrayA, arrayB) {
            for (var i = 0; i < arrayB.length; i++) {
                if (arrayA.indexOf(arrayB[i].title) > -1) {
                    removeArrayValue(arrayA, arrayB[i].title);
                }
            }
        }

        function toggleSelection(status) {
            var idx = $scope.selection.indexOf(status);

            if (idx > -1) {
                $scope.selection.splice(idx, 1);
                filterData($scope.selection)
            } else {
                $scope.selection.push(status);
                filterData($scope.selection)
            }
            // console.log($scope.selection);

        }

        //filter function
        function filterData(selection) {

            $scope.selectInstallers = [];
            $scope.selectProjects = [];
            $scope.selectStatus = [];
            for (var i = 0; i < selection.length; i++) {
                if ($scope.statusListString.indexOf(selection[i]) > -1) {
                    $scope.selectStatus.push(selection[i]);
                }
                if ($scope.projectListString.indexOf(selection[i]) > -1) {
                    $scope.selectProjects.push(selection[i]);
                }
                if ($scope.installerListString.indexOf(selection[i]) > -1) {
                    $scope.selectInstallers.push(selection[i]);
                }
            }

            $scope.colspan = $scope.selectProjects.length;
            //when some selection is empty, we set it full
            if ($scope.selectInstallers.length == 0) {
                $scope.selectInstallers = $scope.installerList;

            }
            if ($scope.selectProjects.length == 0) {
                $scope.selectProjects = $scope.projectList;
                $scope.colspan = $scope.tableDataAll.colspan;
            }
            if ($scope.selectStatus.length == 0) {
                $scope.selectStatus = $scope.statusList
            }

            // console.log($scope.selectStatus);
            // console.log($scope.selectProjects);

        }


    }]);