// 默认和自定义手册
getAllFeatures = () => {
    var defaultFts = {
        "linux": {
            features: {
                "code": "linux",
                "explain": "linux命令大全",
                "cmds": ["linux命令"],
                "icon": "logo/linux.png"    
            },
            type: "default"
        },
        "php": {
            features: {
                "code": "php",
                "explain": "官方php函数文档",
                "cmds": ["php函数"],
                "icon": "logo/php.png"
            },
            type: "default"
        },
        "python": {
            features: {
                "code": "python",
                "explain": "官方python标准库及常用第三方库文档",
                "cmds": ["python库"],
                "icon": "logo/python.png"
            },
            type: "default"
        },
        "c": {
            features: {
                "code": "c",
                "explain": "C语言函数速查",
                "cmds": ["C函数"],
                "icon": "logo/c.png"
            },
            type: "default"
        },
        "vim": {
            features: {
                "code": "vim",
                "explain": "vim命令大全",
                "cmds": ["vim命令"],
                "icon": "logo/vim.png"
            },
            type: "default"
        },
        "git": {
            features: {
                "code": "git",
                "explain": "git命令概览",
                "cmds": ["git命令"],
                "icon": "logo/git.png"
            },
            type: "default"
        },
        "docker": {
            features: {
                "code": "docker",
                "explain": "docker常用命令",
                "cmds": ["docker命令"],
                "icon": "logo/docker.png"
            },
            type: "default"
        },
        "sql": {
            features: {
                "code": "sql",
                "explain": "sql操作手册",
                "cmds": ["sql手册"],
                "icon": "logo/sql.png"
            },
            type: "default"
        },
        "utools": {
            features: {
                "code": "utools",
                "explain": "uTools的API文档",
                "cmds": ["uToolsAPI"],
                "icon": "logo/utools.png"
            },
            type: "default"
        }
    };
    var db = utools.db.get("customFts");
    var customFts = db ? db.data : {}
    var allFts = Object.assign(defaultFts, customFts);
    return allFts;
}


// 配置页面
showOptions = () => {
    $("#options").show();
    var currentFts = utools.getFeatures();
    var allFts = getAllFeatures();
    let featureList = '<table><tr><td></td><td>关键字</td><td>说明</td><td>启用</td><td>主输入框搜索</td></tr>';
    for (var fts in allFts) {
        let features = allFts[fts].features;
        var cmds = '';
        features.cmds.forEach(cmd => {
            if (typeof (cmd) == "string") cmds += `<span class="keyword">${cmd}</span>`;
        });
        var isChecked1 = '';
        var isChecked2 = '';
        var isDisabled = 'disabled';
        for(var c of currentFts){
            if (c.code == features.code) {
                isChecked1 = 'checked';
                isDisabled = '';
                if (typeof(c.cmds[c.cmds.length - 1]) != 'string') isChecked2 = 'checked';
                break;
            }
        }
        var editBtn = ""
        var logoDir = ""
        if (allFts[fts].type == "custom") {
            editBtn = `<span class="editBtn" code="${features.code}">✎</span>
            <span class="delBtn" code="${features.code}">✘</span>`;
            logoDir = allFts[fts].path + '/';
        }
        featureList += `<tr><td><img class="logo" src="${logoDir}logo/${features.code}.png"></td>
        <td>${cmds}</td><td width="300px">${features.explain}</td><td>
        <label class="switch-btn">
        <input class="checked-switch" id="${features.code}_1" type="checkbox" ${isChecked1}>
        <span class="text-switch"></span>
        <span class="toggle-btn"></span>
        </label></td><td>
        <label class="switch-btn">
        <input class="checked-switch" id="${features.code}_2" type="checkbox" ${isDisabled} ${isChecked2}>
        <span class="text-switch"></span>
        <span class="toggle-btn"></span>
        </label>${editBtn}</td>`
    };
    featureList += '</tr></table><div class="foot"><div class="addBtn">添加手册</div></div>'
    $("#options").html(featureList);
}

showCustomize = () => {
    $("#customize").remove()
    customWindow = `<div id="customize">
    <p>名称:</p>
    <p><input type="text" id="code" placeholder="手册的名称, 请勿重复"></p>
    <p>关键字:</p>
    <p><input type="text" id="kw" placeholder="多个关键字用逗号隔开"></p>
    <p>说明:</p>
    <p><input type="text" id="desc" placeholder="手册功能的描述"></p>  
    <p>路径:</p>
    <p><input type="text" id="path" placeholder="手册的绝对路径"></p>
    <p><button class="cancelBtn">取消</button>
    <button class="saveBtn">保存</button></p>`
    $("#options").append(customWindow)
    $("#customize").animate({ right: '0px'});
}

// 监听开关
$("#options").on('change', 'input[type=checkbox]', function () {
    var allFts = getAllFeatures();
    var id = $(this).attr('id').split('_');
    var code = id[0]
    if (id[1] == '1') {
        if (!utools.removeFeature(code)) {
            utools.setFeature(allFts[code].features);
            $(`#${code}_2`).prop('disabled', false);
        } else {
            $(`#${code}_2`).prop('checked', false);
            $(`#${code}_2`).prop('disabled', true);
        }
    } else {
        var featureConf = allFts[code].features;
        if($(this).prop('checked')){
            featureConf.cmds.push({
                "type": "over",
                "label": featureConf.cmds[0],
                "maxLength": 50
            });
        }
        utools.setFeature(featureConf);
    }
});

$("#options").on('click', '.addBtn', function () {
    showCustomize();
})

$("#options").on('click', '.cancelBtn', function () {
    $("#customize").animate({ right: '-370px'});
})

$("#options").on('click', '.editBtn', function () {
    var code = $(this).attr('code');
    var data = utools.db.get("customFts").data[code];
    showCustomize();
    $("#code").attr('disabled', true);
    $('#code').val(data.features.code);
    $('#kw').val(data.features.cmds.toString());
    $('#desc').val(data.features.explain);
    $('#path').val(data.path);
})

$("#options").on('click', '.delBtn', function () {
    var code = $(this).attr('code');
    var db = utools.db.get("customFts")
    var data = db.data;
    delete data[code];
    utools.removeFeature(code);
    utools.db.put({ _id: "customFts", data: data, _rev: db._rev }); 
    showOptions();
})

$("#options").on('click', '.saveBtn', function () {
    var code = $('#code').val()
    var allFts = getAllFeatures();
    if (code in allFts && $("#code").prop('disabled') == false) {
        $('#code').css({ 'border-bottom-color': '#ec1212' })
        utools.showNotification('名称与现有的手册重复！')
    } else {
        var kw = $('#kw').val().split(',');
        var desc = $('#desc').val();
        var p = $('#path').val();
        $("#customize").animate({ right: '-370px' });
        var pushData = {};
        pushData[code] = {
            features: {
                "code": code,
                "explain": desc,
                "cmds": kw,
                "icon": `${p}/logo/${code}.png`
            },
            path: p,
            type: "custom"
        }
        var db = utools.db.get("customFts");
        if (db) {
            var rev = db._rev
            var data = db.data
            data[code] = pushData[code];
            utools.db.put({ _id: "customFts", data: data, _rev: rev });
        } else {
            utools.db.put({ _id: "customFts", data: pushData });
        }
        showOptions();
    }
})