$(function () {
    $('a[data-admin="False"]').hide();
    $('#headerDataForm').autoValidate({
        sysName: {
            required: true,
            maxlength: 50
        }
    }, {
        button: ['sysSave']
    });
    $('#footerDataForm').autoValidate({
        sysFoot: {
            required: true,
            maxlength: 50
        }
    }, {
        button: ['footSave']
    });

    var bsa = new BootstrapAdmin({
        url: Profiles.url,
        bootstrapTable: null,
        validateForm: null,
        modal: null,
        dataEntity: new DataEntity({
            map: {
                Title: "sysName",
                Footer: "sysFoot"
            }
        }),
        click: {
            assign: [{
                id: 'sysSave',
                click: function (row, data) {
                    if ($(this).attr('data-valid') == "true") {
                        $.bc({
                            url: Profiles.url, data: { name: '网站标题', code: data.Title, category: Profiles.title }, title: Profiles.title,
                            callback: function (result) {
                                if (result) $('#websiteTitle').text(data.Title);
                            }
                        });
                    }
                }
            }, {
                id: 'footSave',
                click: function (row, data) {
                    if ($(this).attr('data-valid') == "true") {
                        $.bc({
                            url: Profiles.url, data: { name: '网站页脚', code: data.Footer, category: Profiles.title }, title: Profiles.title,
                            callback: function (result) {
                                if (result) $('#websiteFooter').text(data.Footer);
                            }
                        });
                    }
                }
            }, {
                id: 'cssSave',
                click: function (row, data) {
                    var cssDefine = $('#dictCssDefine').attr('data-val');
                    if (cssDefine) {
                        $.bc({
                            url: Profiles.url, data: { name: '使用样式', code: cssDefine, category: '当前样式' }, title: '网站样式',
                            callback: function (result) {
                                if (result) {
                                    window.setTimeout(function () { window.location.reload(true); }, 1000);
                                }
                            }
                        });
                    }
                }
            }]
        }
    });

    var $sortable = $('#sortable');
    var listCacheUrl = function (options) {
        options = $.extend({ clear: false }, options);
        $sortable.html('');
        $.bc({
            url: Profiles.url,
            method: 'GET',
            swal: false,
            callback: function (result) {
                if (result && $.isArray(result)) {
                    $.each(result, function (index, item) {
                        listCache($.extend({ item: item, url: item.Url }, options));
                    });
                }
            }
        });
    }

    var listCache = function (options) {
        options = $.extend({ clear: false, key: '' }, options);
        if (options.key != '') {
            options.url = $.format(options.url, options.key);
        }
        if (options.clear) {
            options.url += '&clear=clear';
        }
        $.bc({
            url: options.url,
            swal: false,
            callback: function (result) {
                if (result && options.key == '') {
                    result = $.parseJSON(result);
                    if ($.isArray(result)) {
                        var html = '<li class="{4}"><i class="fa fa-ellipsis-v"></i><div class="task-title"><span class="task-title-sp" title="{1}">{2}</span><span class="badge badge-sm label-success">{0}</span><span class="task-value" title="{3}">{3}</span><div class="pull-right hidden-phone"><button class="btn btn-danger btn-xs fa fa-trash-o tipso_style" title="{1}" data-key="{1}" data-url="{5}"></button></div></div></li>';
                        var content = result.sort(function (x, y) {
                            return x.Key > y.Key ? 1 : -1;
                        }).map(function (ele) {
                            var key = ele.Key.split('-')[0];
                            var css = 'list-default';
                            switch (key) {
                                case "MenuHelper":
                                    css = 'list-primary';
                                    break;
                                case "UserHelper":
                                    css = 'list-success';
                                    break;
                                case "RoleHelper":
                                    css = 'list-danger';
                                    break;
                                case "GroupHelper":
                                    css = 'list-warning';
                                    break;
                                case "LogHelper":
                                    css = 'list-info';
                                    break;
                                case "DictHelper":
                                    css = 'list-inverse';
                                    break;
                                case "ExceptionHelper":
                                    css = 'list-Exception';
                                    break;
                                case "MessageHelper":
                                    css = 'list-Message';
                                    break;
                                case "TaskHelper":
                                    css = 'list-Task';
                                    break;
                                case "NotificationHelper":
                                    css = 'list-Notification';
                                    break;
                                default:
                                    break;
                            }
                            return $.format(html, ele.Interval, ele.Key, ele.Desc, ele.Value, css, options.url);
                        }).join('');
                        $sortable.append($.format('<li class="title">{0}-{1}</li>', options.item.Desc, options.item.Key));
                        $sortable.append(content);
                        if (!$.browser.versions.mobile) $sortable.find('.tipso_style').tipso({ position: 'left', width: 400 });
                    }
                }
            }
        });
    }
    $('#refreshCache').click(function () { listCacheUrl(); }).trigger('click');
    $('#clearCache').click(function () { listCacheUrl({ clear: true }); });
    if (!$.browser.versions.mobile) {
        $('#refreshCache').tipso({ width: 70, position: 'left' });
        $('#clearCache').tipso({ width: 180, position: 'left' });
    }
    $sortable.on('click', '.btn', function () {
        if ($(this).hasClass('tipso_style')) $(this).tipso('hide').tipso('destroy');
        listCache({ key: $(this).attr('data-key'), url: $(this).attr('data-url') });
        listCacheUrl();
    });

    $.bc({
        Id: 1, url: Dicts.url, data: { type: 'css' }, swal: false,
        callback: function (result) {
            var html = result.map(function (ele, index) { return $.format('<li><a href="#" data-val="{1}">{0}</a></li>', ele.Name, ele.Code); }).join('');
            $('#cssContainer').html(html);
            $('.btn-select').select();
            $.bc({
                Id: 1, url: Dicts.url, data: { type: 'activeCss' }, swal: false,
                callback: function (result) {
                    if (result.length > 0)
                        $('#dictCssDefine').selectval(result[0].Code);
                }
            });
        }
    });
})