'use strict';

define(['app', 'angular'],
    function (app, angular) {

        app.directive('tableColumnGenerator', ['$compile', '$log', '$rootScope', '$tableProvider', '$filter',
            function ($compile, $log, $rootScope, $tableProvider, $filter) {
                return {
                    restrict : "A",
                    compile : function (tElement, tAttrs) {
                        return function (scope, element, attrs) {
                            scope.data = scope[attrs["tableColumnGenerator"]];

                            var makeTag = "";
                            var treeStartToken = "└";

                            scope.tableConfigs.forEach(function (tableConfig, index) {

                                if (tableConfig.colSpan > 0) {
                                    return;
                                }

                                // 하위 단계 표시 추가
                                var myToken = "";
                                if ( scope.data.depth > 0)  {
                                    for(var i=0; i<scope.data.depth; i++) {
                                        if (i == scope.data.depth - 1) {
                                            myToken += treeStartToken;
                                        } else {
                                            myToken += "&emsp;";
                                        }
                                    }
                                    myToken += "&nbsp;";
                                }

                                makeTag = '<td class="' + tableConfig.dAlign + ' ' + tableConfig.dVisible + '">';

                                if (tableConfig.dType === "checkbox") {
                                    //  체크 박스일때
                                    if (scope.data.defaultYn) {
                                        makeTag += '<input type="checkbox" ng-checked="data.checked == true ? true : false" disabled ng-click="$root.$tableProvider.rowChecked(tableConfigs, data, fn.getResponseData())">';
                                    }
                                    else {
                                        makeTag += '<input type="checkbox" ng-checked="data.checked == true ? true : false" ng-click="$root.$tableProvider.rowChecked(tableConfigs, data, fn.getResponseData())">';
                                    }

                                    tableConfig.hChecked = false;
                                }
                                else if (tableConfig.dType === "radio") {
                                    //  라디오 버튼일때
                                    makeTag += '<input type="radio" ng-checked="data.checked == true ? true : false" ng-click="$root.$tableProvider.rowChecked(tableConfigs, data, fn.getResponseData())">';
                                }
                                else if (tableConfig.dType === "renderer") {
                                    //  랜더러 일때
                                    switch (tableConfig.dRenderer) {
                                        //  프로젝트 상태
                                        case "PROJECT_STATUS" :
                                            switch (scope.data.status) {
                                                case "01":
                                                    makeTag += "<span class='badge badge-success' translate='common.wait'>대기</span>";
                                                    break;
                                                case "02":
                                                    makeTag += "<span class='badge badge-primary' translate='common.progress'>진행</span>";
                                                    break;
                                                case "03":
                                                    makeTag += "<span class='badge badge-secondary' translate='common.end'>종료</span>";
                                                    break;
                                            }
                                            break;
                                        //  프로젝트 관리자 정보
                                        case "PROJECT_MANAGER" :
                                            makeTag += '<div owl-profile-over class="os-dropdown-trigger os-dropdown-position-left user-with-avatar" table-user-image="data" target="projectManagerVos"></div>';
                                            break;

                                        //  프로젝트 이름(프로젝트 리스트에서 사용)
                                        case "PROJECT_NAME" :
                                            if ($rootScope.workProject != null && $rootScope.workProject.id == scope.data.id) {
                                                makeTag += "<span class='titlenameSelect cursor table-word-break-all sub-line' ng-click='event.changeLastProject(data.id)'>" + myToken + scope.data.name.replace(/</gi, '&lt;') + "</span>";
                                            } else {
                                                makeTag += "<span class='titlename cursor table-word-break-all sub-line' ng-click='event.changeLastProject(data.id)'>" + myToken + scope.data.name.replace(/</gi, '&lt;') + "</span>";
                                            }
                                            break;

                                        //  프로젝트 목록에서 사용자 정의 필드 설정 표시
                                        case "CUSTOM_FIELD_CONFIG" :
                                            //  관리자만 수정할 수 있다.
                                            if ($rootScope.checkMngPermission('USER_PERMISSION_MNG_PROJECT')) {
                                                makeTag += '<button class="btn btn-info" ng-if="data.modifyPermissionCheck" ng-click="event.projectCustomFieldConfig(data.id)"><i class="os-icon os-icon-ui-46" uib-tooltip="사용자 정의 필드 설정"></i></button>';
                                            }

                                            break;
                                        //  프로젝트 팀원 정보
                                        case "PROJECT_USER":
                                            makeTag += '<div owl-profile-over class="" table-user-image="data" target="projectUserVos"></div>';
                                            break;

                                        case "ISSUE_STATUS_TYPE" :
                                            switch (scope.data.issueStatusType) {
                                                case "READY":
                                                    makeTag += "<span class='badge badge-success' translate='common.wait'>대기</span>";
                                                    break;
                                                case "OPEN":
                                                    makeTag += "<span class='badge badge-primary' translate='common.progress'>진행</span>";
                                                    break;
                                                case "CLOSE":
                                                    makeTag += "<span class='badge badge-secondary' translate='common.end'>종료</span>";
                                                    break;
                                            }
                                            break;

                                        case "COLOR" :
                                            makeTag += "<span class='status-pill' ng-style='{ \"background-color\" : data.color }'></span>";
                                            break;

                                        case "USE_WORKFLOW_LIST" :
                                            makeTag += "<ul class='ul-not-comma'>";

                                            angular.forEach(scope.data.workflowVos, function (workflowVo) {
                                                makeTag += "<li>" + workflowVo.name + "</li>";
                                            });

                                            makeTag += "</ul>";
                                            break;

                                        case "USE_ISSUE_TYPE_LIST" :
                                            makeTag += "<ul class='ul-not-comma'>";

                                            angular.forEach(scope.data.issueTypeVos, function (issueTypeVo) {
                                                makeTag += "<li>" + issueTypeVo.name + "</li>";
                                            });

                                            makeTag += "</ul>";
                                            break;

                                        case "CONFIG" :
                                            makeTag += '<a ng-click="event.modify(data.id)"><i class="fa fa-pencil fa-lg" uib-tooltip="수정"></i></a>';
                                            break;
                                        //  이슈 목록에서 기간 표시
                                        case "ISSUE_DUE_DATE" :
                                            if (!$rootScope.isDefined(scope.data.startDate) && !$rootScope.isDefined(scope.data.completeDate)) {
                                                makeTag += "<span></span>";
                                            }
                                            else {
                                                makeTag += "<span>" + scope.data.startDate + " ~ " + scope.data.completeDate + "</span>";
                                            }
                                            break;

                                        //  프로젝트 기간 표시
                                        case "PROJECT_DUE_DATE" :
                                            makeTag += "<span>" + scope.data.startDate + " ~ " + scope.data.endDate + "</span>";
                                            break;

                                        case "ISSUE_DETAIL_FLOATING" :
                                            makeTag += '<div class="tags">';
                                            makeTag += '<i class="fa fa-star move-star" ng-show="$root.currentDetailIssueId == data.id">&nbsp;</i>';
                                            makeTag += '<span class="number-tag">' + scope.data.projectKey + ' - ' + scope.data.issueNumber + '</span>';
                                            makeTag += ' <span class="tag"> / </span> ';
                                            makeTag += "<span class='badge' ng-style='{ \"background-color\" : \"" + scope.data.issueStatusColor + "\"," + "\"border-color\"" + " : \"" + scope.data.issueStatusColor + "\", \"color\": \"#FFFFFF\" }'>" + scope.data.issueStatusName + "</span>";
                                            makeTag += ' <span class="tag"> / </span> ';
                                            makeTag += '<span class="tag">' + scope.data.projectName + '</span>';
                                            makeTag += '</div>';
                                            makeTag += '<div class="titlename cursor" ng-click="event.changeDetailView(data.id)">' + scope.data.title.replace(/</gi, '&lt;') + '</div>';
                                            makeTag += '<div class="extra-infodiv">';
                                            makeTag += '<span class="extra-info">';
                                            makeTag += '<i class="os-icon os-icon-mail-12"></i>';
                                            makeTag += '<span>' + scope.data.issueCommentCount + '</span>';
                                            makeTag += '</span>';
                                            makeTag += '<span class="extra-info">';
                                            makeTag += '<i class="os-icon os-icon-ui-51"></i>';
                                            makeTag += '<span>' + scope.data.attachedFileCount + '</span>';
                                            makeTag += '</span>';
                                            makeTag += '</div>';
                                            break;

                                        case "ISSUE_DETAIL_MOVE" :
                                            makeTag += "<a ui-sref='issues.detail({ id : " + scope.data.id + " })'><span>" + scope.data.title + "</span></a>";
                                            break;


                                        // 연관일감 이동
                                        case "ISSUE_RELATION_MOVE" :
                                            makeTag += "<span class=\"titlename cursor\" ng-click=\"event.changeDetailView(data.issueRelation)\">" + scope.data.title + "</span></a>";
                                            break;

                                            // 연관일감 구분
                                        case "ISSUE_RELATION_TYPE":
                                            makeTag += "<span>" + scope.data.relationIssueTypeName + "</span>";
                                            break;

                                            // 연관일감 삭제
                                        case "ISSUE_RELATION_DELETE":
                                            makeTag += '<img class="cursor" src="/assets/images/delete-icon.png" ng-click="event.removeRelationIssue(data.id)">';
                                            break;

                                        //  이름을 클릭하면 수정 팝업 표시
                                        case "COMMON_MODIFY" :
                                            if (scope.data.modifyPermissionCheck) {
                                                makeTag += "<span class='titlename cursor table-word-break-all' ng-click='event.modify(data.id)'>" + scope.data.name.replace(/</gi, '&lt;') + "</span>";
                                            }
                                            else {
                                                makeTag += "<span class='titlename not-modify table-word-break-all'>" + scope.data.name + "</span>";
                                            }
                                            break;
                                        //  설정 버튼 클릭하면 수정 팝업 표시
                                        case "BUTTON_MODIFY" :
                                                makeTag += '<button class="btn btn-info" ng-if="data.modifyPermissionCheck" ng-click="event.modify(data.id)"><i class="os-icon os-icon-ui-46" uib-tooltip="프로젝트 설정"></i></button>';
                                            break;

                                        //  사용자 정의 필드 옵션 표시
                                        case "CUSTOM_FIELD_OPTION" :
                                            switch (scope.data.customFieldType) {
                                                case "INPUT" :
                                                    makeTag += "<span translate='common.stringField'>문자열 필드</span>";
                                                    break;
                                                case "MULTI_SELECT" :
                                                    makeTag += "<span translate='common.multipleSelectionField'>다중 선택 필드</span>";
                                                    break;
                                                case "SINGLE_SELECT" :
                                                    makeTag += "<span translate='common.singleSelectionField'>단일 선택 필드</span>";
                                                    break;
                                            }

                                            break;

                                        case "COMMON_PRIORITY" :
                                            makeTag += "<span class='badge' ng-style='{ \"background-color\" : \"" + scope.data.priorityColor + "\"," + "\"border-color\"" + " : \"" + scope.data.priorityColor + "\", \"color\": \"#FFFFFF\" }' translate='" + scope.data.priorityName + "'></span>";
                                            break;

                                        case "COMMON_SEVERITY" :
                                            makeTag += "<span class='badge' ng-style='{ \"background-color\" : \"" + scope.data.severityColor + "\"," + "\"border-color\"" + " : \"" + scope.data.severityColor + "\", \"color\": \"#FFFFFF\" }' translate='" + scope.data.severityName + "'></span>";
                                            break;

                                        case "ISSUE_USER" :
                                            makeTag += '<div owl-profile-over class="" table-user-image="data" target="userVos"></div>';
                                            break;

                                        case "REGISTER" :
                                            scope.data.registsrVos = [scope.data.registerVo];
                                            makeTag += '<div owl-profile-over class="" table-user-image="data" target="registsrVos"></div>';
                                            break;

                                        case "WORKFLOW_NAME":
                                            makeTag += "<span>" + scope.data.workflowVo.name + "</span>";
                                            break;

                                        case "USER_STATUS" :
                                            switch (scope.data.status) {
                                                case "01":
                                                    makeTag += "<span class='btn btn-xs btn-rounded btn-primary pdt0' translate='users.enable'>활성</span>";
                                                    break;
                                                case "02":
                                                    makeTag += "<span class='btn btn-xs btn-rounded btn-warning pdt0' translate='users.disable'>비활성</span>";
                                                    break;
                                                case "03":
                                                    makeTag += "<span class='btn btn-xs btn-rounded btn-danger pdt0' translate='users.withdrawal'>탈퇴</span>";
                                                    break;
                                            }
                                            break;

                                        case "USER_EDIT" :
                                            makeTag += "<i class='fa fa-pencil fa-lg text-primary cursor' ng-click='event.userModify(data.id)' uib-tooltip='수정'></i>";
                                            break;


                                        case "PROJECT_PROCESS_RATE" :
                                            makeTag += "<span>" + scope.data.projectProcessRate + "%</span>";
                                            break;

                                        case "TARGET_REMOVE" :
                                            makeTag += "<a ng-click='event.remove(data.id)' ng-show='!event.checkProjectManager(data.id)'><i class='fa fa-trash fa-lg' uib-tooltip='제거'></i></a>";
                                            break;

                                        case "PROJECT_USER_NAME" :
                                            makeTag += "<span class='btn btn-xs btn-rounded btn-primary' ng-show='event.checkProjectManager(data.id)' translate='dashboard.admin'>관리자</span>&nbsp;";
                                            makeTag += "<span>" + scope.data.name + "</span>";
                                            break;

                                        case "FILE_SIZE" :
                                            makeTag += "<span>{{data.size/1024/1024 | number:2}} MB<span>";
                                            break;

                                        case "FILE_REMOVE" :
                                            makeTag += "<a ng-click='event.fileRemove(data.index)'><i class='fa fa-trash fa-lg' uib-tooltip='제거'></i></a>";
                                            break;

                                        case "USER_LEVEL_MODIFY":
                                            if ($rootScope.checkMngPermission('USER_PERMISSION_MNG_WORKSPACE')) {
                                                makeTag += "<span class='titlename cursor table-word-break-all' ng-click='event.modifyLevel(data.id)'>" + scope.data.levelName + "</span>";
                                            }
                                            else {
                                                makeTag += "<span class='titlename cursor table-word-break-all'>" + scope.data.levelName + "</span>";
                                            }
                                            break;

                                        case "WORKSPACE_SETTING_PERM_YN" :
                                            makeTag += "<label class='switch'><input type='checkbox' ng-model='data.permWorkSpaceSetting' ng-click='event.modify(data)'><span class='slider round'></span></label>";
                                            break;

                                        case "PROJECT_SETTING_PERM_YN" :
                                            makeTag += "<label class='switch'><input type='checkbox' ng-model='data.permProjectSetting' ng-click='event.modifyUserPermission(data)'><span class='slider round'></span></label>";
                                            break;

                                        case "ISSUE_SETTING_PERM_YN" :
                                            makeTag += "<label class='switch'><input type='checkbox' ng-model='data.permIssueSetting' ng-click='event.modifyUserPermission(data)'><span class='slider round'></span></label>";
                                            break;

                                        case "USER_PERM_YN" :
                                            makeTag += "<label class='switch'><input type='checkbox' ng-model='data.permApi' ng-click='event.modifyUserPermission(data)'><span class='slider round'></span></label>";
                                            break;

                                        case "NOTICE_PERM_YN" :
                                            makeTag += "<label class='switch'><input type='checkbox' ng-model='data.permNotice' ng-click='event.modifyUserPermission(data)'><span class='slider round'></span></label>";
                                            break;

                                        case "FAQ_PERM_YN" :
                                            makeTag += "<label class='switch'><input type='checkbox' ng-model='data.permFAQ' ng-click='event.modifyUserPermission(data)'><span class='slider round'></span></label>";
                                            break;

                                        case "QNA_PERM_YN" :
                                            makeTag += "<label class='switch'><input type='checkbox' ng-model='data.permQnA' ng-click='event.modifyUserPermission(data)'><span class='slider round'></span></label>";
                                            break;

                                        case "EVENT_PERM_YN" :
                                            makeTag += "<label class='switch'><input type='checkbox' ng-model='data.permEvent' ng-click='event.modifyUserPermission(data)'><span class='slider round'></span></label>";
                                            break;

                                        case "GUIDE_PERM_YN" :
                                            makeTag += "<label class='switch'><input type='checkbox' ng-model='data.permGuide' ng-click='event.modifyUserPermission(data)'><span class='slider round'></span></label>";
                                            break;

                                        case "ISSUE_CUSTOM_FIELD_VALUE_VIEW" :
                                            var values = [];

                                            for (var count in scope.data.issueCustomFieldValueVos) {
                                                var issueCustomFieldValueVo = scope.data.issueCustomFieldValueVos[count];
                                                //  테이블 설정에서 dName 부분에 사용자 정의 필드 id 를 넣고 해당 값을 추출한다.
                                                if (tableConfig.columnHint.id == issueCustomFieldValueVo.customFieldVo.id) {
                                                    values.push(issueCustomFieldValueVo.useValue);
                                                }
                                            }

                                            angular.forEach(values, function (value) {
                                                makeTag += '<span class="table-word-break-all">' + value + '<span><br>';
                                            });

                                            break;

                                        case "NOTICE_MODIFY":
                                            if ($rootScope.checkMngPermission('USER_PERMISSION_MNG_NOTICE')) {
                                                makeTag += "<span class='titlename cursor table-word-break-all' ng-click='event.modify(data.id)'>" + scope.data.title.replace(/</gi, '&lt;') + "</span>";
                                            }
                                            else {
                                                makeTag += "<span class='titlename cursor table-word-break-all' ng-click='event.view(data.title, data.description)'>" + scope.data.title + "</span>";
                                            }

                                            break;

                                        case "NOTICE_REGISTER":
                                            makeTag += '<img src="/assets/images/logineyes.png" style="width:30px;"> <span class="fc-blue bold">OWL ITS TEAM</span>';
                                            break;
                                        case "GUIDE_MODIFY":
                                            if ($rootScope.checkMngPermission('USER_PERMISSION_MNG_GUIDE')) {
                                                makeTag += "<span class='titlename cursor table-word-break-all' ng-click='event.modify(data.id)'>" + scope.data.title.replace(/</gi, '&lt;') + "</span>";
                                            }
                                            else {
                                                makeTag += "<span class='titlename cursor table-word-break-all' ng-click='event.view(data.title, data.description)'>" + scope.data.title + "</span>";
                                            }

                                            break;

                                        case "GUIDE_REGISTER":
                                            makeTag += '<img src="/assets/images/logineyes.png" style="width:30px;"> <span class="fc-blue bold">' + scope.data.writer + '</span>';
                                            break;

                                        case "GUIDE_ACTIVE" :
                                            makeTag += "<label class='switch'><input type='checkbox' ng-model='data.activation' ng-click='event.activation(data)'><span class='slider round'></span></label>";
                                            break;
                                        case "EVENT_DUE_DATE" :
                                            makeTag += "<span>" + scope.data.startDate + " ~ " + scope.data.endDate + "</span>";
                                            break;

                                        case "EVENT_MODIFY":
                                            if ($rootScope.checkMngPermission('USER_PERMISSION_MNG_EVENT')) {
                                                makeTag += "<span class='titlename cursor table-word-break-all' ng-click='event.modify(data.id)'>" + scope.data.title.replace(/</gi, '&lt;') + "</span>";
                                            }
                                            else {
                                                makeTag += "<span class='titlename cursor table-word-break-all' ng-click='event.view(data.title, data.description)'>" + scope.data.title + "</span>";
                                            }

                                            break;

                                        case "EVENT_REGISTER":
                                            makeTag += '<img src="/assets/images/logineyes.png" style="width:30px;"> <span class="fc-blue bold">' + scope.data.writer + '</span>';
                                            break;

                                        case "EVENT_ACTIVE" :
                                            makeTag += "<label class='switch'><input type='checkbox' ng-model='data.activation' ng-click='event.activation(data)'><span class='slider round'></span></label>";
                                            break;


                                        case "FAQ_MODIFY":
                                            if ($rootScope.checkMngPermission('USER_PERMISSION_MNG_FAQ')) {
                                                makeTag += "<span class='titlename cursor table-word-break-all' ng-click='event.modify(data.id)'>" + scope.data.title.replace(/</gi, '&lt;') + "</span>";
                                            }
                                            else {
                                                makeTag += "<span class='titlename cursor table-word-break-all' ng-click='event.view(data.title, data.description)'>" + scope.data.title + "</span>";
                                            }

                                            break;

                                        case "FAQ_REGISTER":
                                            makeTag += '<img src="/assets/images/logineyes.png" style="width:30px;"> <span class="fc-blue bold">' + scope.data.writer + '</span>';
                                            break;
                                        case "FAQ_ACTIVE" :
                                            makeTag += "<label class='switch'><input type='checkbox' ng-model='data.activation' ng-click='event.activation(data)'><span class='slider round'></span></label>";
                                            break;

                                        case "QNA_MODIFY":
                                            if ($rootScope.checkMngPermission('USER_PERMISSION_MNG_QNA')) {
                                                makeTag += "<span class='titlename cursor table-word-break-all' ng-click='event.modify(data.id)'>" + scope.data.title.replace(/</gi, '&lt;') + "</span>";
                                            }
                                            else {
                                                makeTag += "<span class='titlename cursor table-word-break-all' ng-click='event.view(data.title, data.description)'>" + scope.data.title + "</span>";
                                            }
                                            break;

                                        case "QNA_REGISTER":
                                            makeTag += '<img src="/assets/images/logineyes.png" style="width:30px;"> <span class="fc-blue bold">' + scope.data.writer + '</span>';
                                            break;
                                    }
                                }
                                else if (tableConfig.dType === "date") {
                                    makeTag += $filter('date')(scope.data[tableConfig.dName], $tableProvider.getDateFormat(tableConfig.dDateFormat, scope.data[tableConfig.dName]));
                                }
                                else {
                                    if (angular.isDefined(scope.data[tableConfig.dName]) && scope.data[tableConfig.dName] != null) {
                                        makeTag += '<span>' + scope.data[tableConfig.dName] + '</span>';
                                    }
                                    else {
                                        makeTag += '<span></span>';
                                    }
                                }

                                makeTag += '</td>';

                                var linkFn = $compile(makeTag);
                                var content = linkFn(scope);

                                element.append(content);

                            });
                        }
                    }
                }
            }]);
    });