$(function () {
    require(['public/app/admin/static/js/web/util'], function (util) {
        var funbaredit = false;
        var edithtml = '<span class="editdel"><span class="edit">编辑</span> <span class="del">删除</span></span>';
        var funbarstatus = util.cookie.get('funbar');
        if (funbarstatus && funbarstatus > 0) {
            $(".funbar").addClass("active")
        }
        $(".funbar-toggle").unbind('click').click(function () {
            $(".funbar").toggleClass('active');
            if ($('.funbar').hasClass('active')) {
                util.cookie.set('funbar', 1)
            } else {
                util.cookie.set('funbar', 0)
            }
        });
        $(".funbar .edit-btn").unbind('click').click(function () {
            $(".fb-footer .default").hide();
            $(".fb-footer .complete").show();
            $(".funbar").data('edit', 1).addClass('edit');
            $(".page-gotop.style2").addClass('edit');
            funbaredit = true;
            require(['jquery.ui'], function () {
                $("#funbar-btns").sortable({
                    containment: 'parent'
                })
            })
        });
        $(document).on('mouseover', '.funbar .fb-inner nav', function () {
            if (funbaredit) {
                if ($(this).find('.editdel').length <= 0) {
                    $(this).append(edithtml)
                } else {
                    $(this).find('.editdel').show()
                }
            }
        });
        $(document).on('mouseleave', '.funbar .fb-inner nav', function () {
            $(this).find('.editdel').hide()
        });
        $(".funbar .save-btn").unbind('click').click(function () {
            $(".fb-footer .complete").hide();
            $(".fb-footer .default").show();
            $(".funbar").data('edit', 0).removeClass('edit');
            $(".page-gotop.style2").removeClass('edit');
            funbaredit = false;
            $("#funbar-btns").sortable('destroy');
            saveFun()
        });
        $(document).on('click', '.funbar .fb-inner nav .edit', function () {
            if (funbaredit) {
                var nav = $(this).closest('nav');
                var text = nav.find('span').eq(0).text();
                var color = rgb2hex(nav.css('color'));
                if (color == '#ffffff') {
                    color = '#666666'
                }
                var bold = nav.css('font-weight');
                if (bold == 'bold') {
                    $("#modal-funbar").find('#menubold1').prop('checked', true);
                    $("#modal-funbar").find('#menubold0').removeAttr('checked')
                } else {
                    $("#modal-funbar").find('#menubold0').prop('checked', true);
                    $("#modal-funbar").find('#menubold1').removeAttr('checked')
                }
                var link = nav.data('href');
                if ($.trim(link) == '') {
                    link = thisUrl()
                }
                $("#modal-funbar").find('#menuname').val(text);
                $("#modal-funbar").find('#menucolor').val(color);
                $("#modal-funbar").find('#menulink').val(link);
                nav.addClass('active');
                $("#modal-funbar .modal-header h3").text("编辑快捷导航");
                $("#modal-funbar").modal({
                    backdrop: 'static',
                    keyboard: false
                })
            }
        });
        $(document).on('click', '.funbar .fb-inner nav .del', function () {
            if (funbaredit) {
                var _this = $(this);
                tip.confirm("确定删除吗? 删除后点击保存才生效哦~", function () {
                    _this.closest("nav").remove()
                })
            }
        });
        $("#modal-funbar .close-modal").unbind('click').click(function () {
            var modal = $(this).closest('#modal-funbar');
            var text = modal.find('#menuname').val();
            var color = modal.find('#menucolor').val();
            var link = modal.find('#menulink').val();
            var bold = modal.find("input[name='bold']:checked").val();
            if ($.trim(text) == '') {
                modal.find('#menuname').focus();
                tip.msgbox.err("请填写导航名称！");
                return false
            }
            if ($.trim(link) == '') {
                link = thisUrl()
            }
            if (bold && bold > 0) {
                var style = {
                    'font-weight': 'bold'
                }
            } else {
                var style = {
                    'font-weight': 'normal'
                }
            }
            if (color != '#666666') {
                style.color = color
            }
            if ($(".funbar .fb-inner nav.active").length > 0) {
                $(".funbar .fb-inner nav.active").css(style).data('href', link).find("span").eq(0).text(text);
                $(".funbar .fb-inner nav").removeClass('active')
            } else {
                var _html = '<nav data-href="' + link + '" style="';
                if (color != '#666666') {
                    _html += 'color: ' + color + "; "
                }
                if (bold && bold > 0) {
                    _html += 'font-weight: bold; '
                } else {
                    _html += 'font-weight: normal; '
                }
                _html += '"><span>' + text + '</span></nav>';
                $("#funbar-btns").append(_html)
            }
        });
        $("#modal-funbar .close-modal2").unbind('click').click(function () {
            $(".funbar .fb-inner nav.active").removeClass('active')
        });
        $(document).on('click', '.funbar .fb-inner nav', function () {
            if (!funbaredit) {
                var href = $(this).data('href');
                if (href) {
                    location.href = href
                }
            }
        });
        $(".add-btn").unbind('click').click(function () {
            $("#modal-funbar .modal-header h3").text("添加快捷导航");
            $("#modal-funbar").find('#menuname').val('');
            $("#modal-funbar").find('#menucolor').val('#666666');
            $("#modal-funbar").find('#menulink').val(thisUrl());
            $("#modal-funbar").modal({
                backdrop: 'static',
                keyboard: false
            })
        });
        $("#funsearch").keyup(function () {
            var kw = $(this).val();
            if (kw) {
                $("#funbar-btns nav").each(function () {
                    var _kw = $(this).find('span').eq(0).text();
                    if (_kw.indexOf(kw) >= 0) {
                        $(this).show()
                    } else {
                        $(this).hide()
                    }
                })
            } else {
                $("#funbar-btns nav").show()
            }
        });
        if ($(".funbar.style2").length > 0) {
            var funbarTop = $(".funbar.style2").css('top').replace('px', '');
            $(window).bind('scroll resize load', function () {
                var top = $(window).scrollTop();
                var top = top + parseInt(funbarTop);
                $(".funbar.style2").animate({
                    'top': top + 'px'
                }, 13)
            })
        }
    });

    function rgb2hex(rgb) {
        rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);

        function hex(x) {
            return ("0" + parseInt(x).toString(16)).slice(-2)
        }

        return "#" + hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3])
    }

    function saveFun() {
        var fundata = [];
        $("#funbar-btns nav").each(function () {
            var _href = $(this).data('href');
            var _text = $(this).find('span').eq(0).text();
            var _color = rgb2hex($(this).css('color'));
            if (_color == '#666666') {
                _color = ''
            }
            var _bold = 0;
            if ($(this).css('font-weight') == 'bold') {
                _bold = 1
            }
            fundata.push({
                'href': _href,
                'text': _text,
                'color': _color,
                'bold': _bold,
            })
        });
        $.post(biz.url('sysset/funbar'), {
            funbardata: fundata
        }, function (ret) {
            if (ret.status == 1) {
                tip.msgbox.suc("保存成功！")
            } else {
                tip.msgbox.err("保存失败请重试！")
            }
        }, 'json')
    }

    function thisUrl() {
        var str = location.protocol + "//" + location.hostname + "/web/";
        var url = window.location + '';
        return url.replace(str, "./")
    }
});