app.controller('editCtr', ['$scope', '$state', '$timeout', 'bookmarkService', 'pubSubService', function($scope, $state, $timeout, bookmarkService, pubSubService) {
    console.log("Hello , I enter editCtr...");
    init();
    semanticInit();

    $scope.$watch('url', function(newValue, oldValue, scope) {
        $scope.urlError = $scope.url == '';
    });

    $scope.$watch('title', function(newValue, oldValue, scope) {
        $scope.titleError = $scope.title == '';
    });

    $scope.addTags = function() {
        console.log('Hello , you have click add tag btn......');
        $scope.newTags = $scope.newTags.replace(/，/g, ",").replace(/,+/g, ","); // 先将中文逗号替换成英文逗号，然后将多个英文逗号换成一个英文逗号
        var tags = $scope.newTags.split(",");
        var params = [];
        tags.forEach(function(tag) {
            tag = tag.replace(/(^\s*)|(\s*$)/g, '').replace(/\s+/g, ' '); // 去除前后空格，多个空格转为一个空格;

            var find = false;
            for (var i = 0; i < $scope.tags.length; i++) {
                if ($scope.tags[i].name === tag) {
                    find = true;
                    $('.ui.fluid.search.dropdown').dropdown('set selected', $scope.tags[i].id); // 在标签上已有的直接加入标签
                }
            };
            if (!find && tag !== '') {
                params.push(tag);
            }
        });

        console.log(params);

    }
    $scope.cancel = function() {
        console.log('Hello , you have click cancel btn......');
    }
    $scope.ok = function() {
        console.log('Hello , you have click ok btn......');
        var selectedTags = $('.ui.modal.js-add-bookmark .ui.dropdown').dropdown('get value');
        console.log($scope.url, $scope.title, $scope.description, $scope.public, selectedTags);
        $scope.urlError = $scope.url == '';
        $scope.titleError = $scope.title == '';
        $scope.tagsError = (selectedTags.length == 0 || selectedTags.length > 3);

        bookmarkService.addBookmark({
            a: 'Hello i love this world'
        }).then(
            function(data) {
                console.log(data);
            },
            function(errorMsg) {
                console.log(errorMsg);
            }
        );
    }

    pubSubService.subscribe('MenuCtr.showAddBookmarkMoadl', $scope, function(event, params) {
        console.log('subscribe MenuCtr.MenuCtr.showAddBookmarkMoadl', params);
        $('.ui.modal.js-add-bookmark').modal('show');
        $('.ui.modal.js-add-bookmark .ui.dropdown').dropdown('clear');
        $('.ui.modal.js-add-bookmark .ui.dropdown').addClass('loading');
        init();
        var params = {
            user_id: 1
        };
        getTags(params);
    });

    function getTags(params) {
        bookmarkService.getTags(params).then(
            function(data) {
                $scope.tags = data;
                semanticInit();
                $('.ui.modal.js-add-bookmark .ui.dropdown').removeClass('loading');
            },
            function(errorMsg) {
                console.log(errorMsg);
            }
        );
    }

    function semanticInit() {
        setTimeout(() => {
            $('.ui.dropdown').dropdown({
                forceSelection: false,
                maxSelections: 3,
                onChange: function(value, text, $choice) {
                    var selectedTags = $('.ui.modal.js-add-bookmark .ui.dropdown').dropdown('get value');
                    $timeout(function() {
                        $scope.tagsError = (selectedTags.length == 0 || selectedTags.length > 3);
                    });
                }
            });
        }, 1000);
    }

    function init() {
        $scope.url = '';
        $scope.title = '';
        $scope.description = '';
        $scope.newTags = '';
        $scope.tags = []; // tag = {id:xxx, name:'yyy'}

        $scope.urlError = false;
        $scope.titleError = false;
        $scope.tagsError = false;

        $scope.public = '1';
    }
}]);