/**
 * Created by wisestone on 2018-09-05.
 */
'use strict';

define(['app', 'angular'],
    function (app, angular) {
        app.directive('issueSearchCustomFieldViewElement', ["$log", "$compile", "$rootScope",
            function ($log, $compile, $rootScope) {
                return {
                    restrict : 'AE',
                    scope : {
                        customFields : "=",
                    },
                    link : function ($scope, $element, $attrs) {

                        $scope.fn = {
                            makeSearchElements : makeSearchElements,    //  선택한 검색 대상 값을 화면에 표시한다.
                            remove : remove,     //  문자열, 단일 선택 필드 삭제
                            removeMultiSelect : removeMultiSelect
                        };

                        $scope.$watch("customFields", function () {
                            $element.empty();
                            $scope.fn.makeSearchElements();
                        }, true);

                        //  다중 선택 필드 삭제
                        function removeMultiSelect(customFieldId, value) {
                            for (var count in $scope.customFields) {
                                var customField = $scope.customFields[count];

                                if (customField.id == customFieldId) {
                                    var tempUseValues = [];

                                    for (var innerCount in customField.useValues) {
                                        if (!(customField.useValues[innerCount].value == value)) {
                                            tempUseValues.push(customField.useValues[innerCount]);
                                        }
                                    }

                                    customField.useValues = angular.copy(tempUseValues);

                                    break;
                                }
                            }
                        }

                        //  문자열, 단일 선택 필드 삭제
                        function remove(customFieldId) {
                            for (var count in $scope.customFields) {
                                var customField = $scope.customFields[count];

                                if (customField.id == customFieldId) {
                                    customField.useValues = "";
                                    break;
                                }
                            }
                        }

                        function makeSearchElements() {
                            var makeTag = "";

                            angular.forEach($scope.customFields, function (customField) {
                                if ($rootScope.isDefined(customField.useValues)) {
                                    switch (customField.customFieldType) {
                                        case "INPUT" :
                                            makeTag += "<p>";
                                            makeTag += customField.useValues;
                                            makeTag += "<span ng-click='fn.remove(" + customField.id + ")'>×</span>";
                                            makeTag += "</p>";
                                            break;

                                        case "SINGLE_SELECT" :
                                        case "MULTI_SELECT" :
                                            angular.forEach(customField.useValues, function (useValue) {
                                                makeTag += "<p>";
                                                makeTag += useValue.value;
                                                makeTag += "<span ng-click='fn.removeMultiSelect(" + customField.id + ",\"" + useValue.value + "\")'>×</span>";
                                                makeTag += "</p>";
                                            });

                                            break;
                                    }
                                }
                            });

                            var linkFn = $compile(makeTag);
                            var content = linkFn($scope);
                            $element.append(content);
                        }

                    }
                };
            }])
    });