// ==UserScript==
// @name         IgnoreSomeCompanies
// @namespace    https://github.com/hfc1994
// @version      1.0.1
// @description  根据需要添加关键字，然后可以把页面上相对应公司的招聘条目给忽略
// @author       枯木
// @license      GPL
// @icon         https://avatars2.githubusercontent.com/u/32028349?s=40&v=4
// @match        https://search.51job.com/list/*
// @match        https://sou.zhaopin.com/*
// @grant        none
// @downloadURL none
// ==/UserScript==

/**
 * 根据指定的关键字，忽略求职网站上指定公司的招聘条目
 * 如果发现bug，非常欢迎向我提出来https://github.com/hfc1994/IgnoreSomeCompanies
 */

let companies = []
let website = ''

// 初始化，用来读取localStorage
// 存储格式key:companies,value:['','']
function init() {
    judgeWebsite()
    appendGlobalStyle()
    appendFloatDiv()
    try {
        companies = JSON.parse(window.localStorage.getItem('companies'))
        if (companies === null || companies === undefined || companies.length === 0) {
            companies = []
            console.warn('页面暂无需要过滤的数据')
            return
        } else {
            for (let i=0; i<companies.length; i++) {
                document.getElementById('ISC_content').appendChild(buildContentChildNode(companies[i], i))
            }
            doIgnore()
        }
    } catch(err) {
        console.error(err)
    }
}

function judgeWebsite() {
    let href = window.location.href
    if (href.indexOf('sou.zhaopin.com') !== -1) {
        website = 'zlzp'
        addMutationObserver()
    } else {
        website = '51job'
    }
    console.log(website)
}

function addMutationObserver() {
    // 因为zlzp使用的都是ajax加载的数据，所以只能通过监视DOM变动
    let observer = new MutationObserver(() => {
        // console.log('DOM changed')
        doIgnore()
    })

    let number = setInterval(() => {
        let target = document.getElementById('listContent')
        if (null !== target) {
            doIgnore() // DOM布局第一次形成，先过滤一遍
            observer.observe(target, {'childList': true})
            clearInterval(number)
            // console.log('observer设置完毕，定时任务结束')
        } else {
            // console.log('dom还没有初始化完成，500毫秒后重试')
        }
    }, 500)
}

function doIgnore() {
    let compDivs = getDivListToIgnore()
    compDivs.forEach((item) => {
        if (alreadyBeIgnored(item)) {
            return
        }
        let cName = getRealCompanyName(item)
        if (isIgnoreCompany(cName)) {
            // console.log('匹配到：' + cName)
            addIgnoreClassTag(item)
            appendNewChildNode(item, cName)
        }
    })
}

function getDivListToIgnore() {
    if (website === '51job') {
        return document.querySelectorAll('.dw_table .el')
    } else {
        return document.querySelectorAll('.contentpile__content__wrapper .clearfix')
    }
}

function getRealCompanyName(node) {
    if (website === '51job') {
        return node.getElementsByClassName('t2')[0].textContent.trim()
    } else {
        return node.getElementsByClassName('company_title')[0].textContent.trim()
    }
}

// 添加一些全局样式
function appendGlobalStyle() {
    // 需要被忽略的节点
    buildStyle('.ISC_ignoreNode{height:30px !important;background-color:#dbecfe !important;}')
    // 需要被忽略的子节点
    buildStyle('.ISC_ignoreChildNode{display:none !important;}')
    // toolbox节点里面的
    if (website === '51job') {
        // 新添加的节点
        buildStyle('.ISC_appendNode{font-size: 10px;text-align: center;margin-top: -5px;color: #bababa;}')

        buildStyle('#ISC_info {position: fixed;bottom: 126px;margin-left: 1042px;text-align: center;padding-top: 5px;height: 48px;width: 48px;}')
        buildStyle('#ISC_input {bottom: 182px;height: 30px;}')
        buildStyle('#ISC_content {bottom: 215px;min-height: 150px;}')
        buildStyle('#ISC_content,#ISC_input {position: fixed;margin-left: 890px;box-shadow: 1px 1px 3px 0px #a3a3a3;width: 200px;opacity: 0.75;z-index: 10;}')
    } else {
        // 新添加的节点
        buildStyle('.ISC_appendNode{font-size: 10px;text-align: center;padding-top: 5px;color: #bababa;}')

        buildStyle('#ISC_info {position: fixed;bottom: 22px;margin-left: 800px;text-align: center;padding-top: 5px;height: 48px;width: 48px;}')
        buildStyle('#ISC_input {bottom: 73px;height: 30px;}')
        buildStyle('#ISC_content {bottom: 106px;min-height: 150px;}')
        buildStyle('#ISC_content,#ISC_input {position: fixed;margin-left: 800px;box-shadow: 1px 1px 3px 0px #a3a3a3;width: 200px;opacity: 0.75;z-index: 10;}')

        // 额外调整UI的
        buildStyle('#filterInput {line-height: initial;background: #fff;width: 155px;height: 21px;border: 1px solid #aaa;}')
        buildStyle('#filterButton {border: 1px solid #aaa;background-color: #eee;width: 31px;height: 22px;font-size: 14px;margin-bottom: 6px;}')
    }
    
    buildStyle('#ISC_info:hover {border-radius: 10px;box-shadow: 2px 2px 5px 0px #a3a3a3;}')
    buildStyle('#ISC_info:active {transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);}')
    buildStyle('#ISC_content,#ISC_input,#ISC_info,.ISC_keyword {background-color: #ecf5ff;border: 1px solid #409eff;color: #409eff;}')
    buildStyle('.ISC_keyword {margin: 5px;padding: 1px 2px;display: inline-block;color: #000;cursor: pointer;box-shadow: 2px 2px 4px 0px #a3a3a3;}')
    buildStyle('.ISC_keyword:hover {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);}')
    buildStyle('#ISC_info,.ISC_keyword {transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;}')

    buildStyle('#filterInput, #filterButton {margin: 3px 2px;}')
    buildStyle('#ISC_node_copy {opacity: 0.4;}')
}

// 根据给定内容构造样式
function buildStyle(content) {
    let newStyle = document.createElement('style')
    newStyle.type = 'text/css'
    newStyle.innerHTML = content
    document.head.appendChild(newStyle)
}

// 是否是需要被忽略的
function isIgnoreCompany(cName) {
    for (let i = 0; i < companies.length; i++) {
        let ignoreName = companies[i]
        if (cName === ignoreName || cName.indexOf(ignoreName) !== -1) {
            return true
        }
    }
    return false
}

// 是否已经被过滤过了,true为已经被过滤了
function alreadyBeIgnored(node) {
    for (let i=0; i<node.classList.length; i++) {
        if ('ISC_ignoreNode' === node.classList[i]) {
            return true
        }
    }
    return false
}

// 处理需要被忽略的目标节点
function addIgnoreClassTag(node) {
    node.classList.add('ISC_ignoreNode')
    for (let j=0; j<node.children.length; j++) {
        node.children[j].classList.add('ISC_ignoreChildNode')
    }
}

// 被忽略的节点上增加一个div，用于显示忽略信息
function appendNewChildNode(node, name) {
    let div = document.createElement('div')
    div.classList.add('ISC_appendNode')
    div.innerText = '被忽略的公司 -> ' + name

    // 把被忽略的节点给恢复
    div.onclick = function (event) {
        event.target.parentNode.classList.remove('ISC_ignoreNode')
        let children = event.target.parentNode.children
        // HTMLCollection没有forEach
        // appendNode是append上去的，是在最后一个
        for (let i=0; i<children.length; i++) {
            if (children[i].classList.contains('ISC_ignoreChildNode')) {
                children[i].classList.remove('ISC_ignoreChildNode')
            } else if (children[i].classList.contains('ISC_appendNode')) {
                children[i].remove()
            }
        }
        document.getElementById('ISC_node_copy').remove()
    }
    
    div.onmouseenter = function (event) {
        let fNode = event.target.parentNode
        let fNodeCopy = fNode.cloneNode(true)
        fNodeCopy.classList.remove('ISC_ignoreNode')
        fNodeCopy.id = 'ISC_node_copy'
        fNodeCopy.getElementsByClassName('ISC_appendNode')[0].remove()
        for (let i=0; i<fNodeCopy.children.length; i++) {
            fNodeCopy.children[i].classList.remove('ISC_ignoreChildNode')
        }

        let nextNode = fNode.nextSibling
        if (nextNode === null) {
            fNode.parentNode.append(fNodeCopy)
        } else {
            fNode.parentNode.insertBefore(fNodeCopy, nextNode)
        }
    }
    div.onmouseleave = function () {
        document.getElementById('ISC_node_copy').remove()
    }
    node.appendChild(div)
}

// 添加toolbox
function appendFloatDiv() {
    let toolbox = document.createElement('div')
    toolbox.id = 'ISC_toolbox'
    let content = document.createElement('div')
    content.id = 'ISC_content'
    content.style = 'display: none;'
    let input = document.createElement('div')
    input.id = 'ISC_input'
    input.style = 'display: none;'
    input.innerHTML = '<input id="filterInput" placeholder="关键字" type="text"/><button id="filterButton" type="button">添加</button>'
    let info = document.createElement('div')
    info.id = 'ISC_info'
    info.innerHTML = '<span>添加<br/>忽略</span>'
    info.onclick = function() {
        // 切换显示与否
        let visible = divVisibleSwitch()
        if (visible === 'block') {
            document.onwheel = function() {
                divVisibleSwitch()
                document.onwheel = undefined
            }
        } else {
            document.onwheel = undefined
        }
    }

    toolbox.appendChild(content)
    toolbox.appendChild(input)
    toolbox.appendChild(info)

    if (website === '51job') {
        document.getElementById('resultList').append(toolbox)
    } else {
        document.getElementById('listItemPile').append(toolbox)
    }

    document.getElementById('filterButton').onclick = function () {
        let keyword = document.getElementById('filterInput').value.trim()
        if (keyword.length === 0) {
            alert('不能使用空字符串')
            return
        }
        if (companies.length === 32) {
            alert('关键字限定数量为32，此刻关键字数量已达上限，可点击关键字进行删减')
            document.getElementById('filterInput').value = ''
            return
        }
        let status = addIntoCompanies(keyword)
        if (status !== -1) {
            let index = modifyLocalStorage()
            if (status !== 0) {
                // 等于0时已经在检测时替换掉了
                // 在content中显示该关键字
                document.getElementById('ISC_content').appendChild(buildContentChildNode(keyword, index))
            }
            doIgnore()
        } else {
            alert('关键字' + keyword + '已经存在，或者已经存在比它更详细的关键字了')
        }

        document.getElementById('filterInput').value = ''
    }

    // 敲击回车添加过滤
    document.getElementById('filterInput').onkeydown = function(e){
        if(e.keyCode === 13){
            document.getElementById('filterButton').click()
        }
    }
}

// 可见与不可见间转换
function divVisibleSwitch() {
    let obj1 = document.getElementById('ISC_input')
    let obj2 = document.getElementById('ISC_content')
    if (obj1.style.display === 'none') {
        obj1.style.display = 'block'
        obj2.style.display = 'block'
        return 'block'
    } else {
        obj1.style.display = 'none'
        obj2.style.display = 'none'
        return 'none'
    }
}

// 检查str是否已经在companies中存在，或者str是否包含或被包含于companies的某个值
// return 1 表示之前没有，现在已经添加进去了
// return 0 表示是一个更具体的值
// return -1 表示之前就有，或已有比其更具体值的存在
function addIntoCompanies(str) {
    if (companies === null) {
        companies = []
    }
    let len = companies.length
    for (let i=0; i<len; i++) {
        if (str === companies[i]) {
            return -1
        } else if (companies[i].indexOf(str) !== -1) {
            // str比companies[i]的值更具体，那么就需要用str替换对应的值
            companies[i] = str
            document.getElementById('ISC_keyword_' + i).textContent = str
            return 0
        } else if (str.indexOf(companies[i]) !== -1) {
            return -1
        }
    }

    companies.push(str)
    return 1
}

// 返回值作为新增节点的id
function modifyLocalStorage() {
    window.localStorage.setItem('companies', JSON.stringify(companies))
    return companies.length-1
}

// ISC_content区域里面的keyword节点
function buildContentChildNode(val, index) {
    let childNode = document.createElement('div')
    childNode.classList.add('ISC_keyword')
    let id = 'ISC_keyword_' + index
    childNode.id = id
    childNode.textContent = val
    childNode.onclick = function (event) {
        let tmpIndex = parseInt(event.target.id.split('_')[2])
        let tmpKeyword = event.target.innerText
        event.target.remove()
        companies.splice(tmpIndex, 1)
        modifyLocalStorage()
        correctNodeId(tmpIndex)
        removeIgnoredTag(tmpKeyword)
    }

    return childNode
}

// 点击删除一个节点后，后续节点的id就需要修正
// id值的最后一部分是代表这个关键字在companies中的序号
// index是刚被删除的节点的序号
function correctNodeId(index) {
    for (let i = index+1; i<=companies.length; i++) {
        let node = document.getElementById('ISC_keyword_' + i)
        if (null !== node) {
            node.id = 'ISC_keyword_' + (i - 1)
        }
    }
}

// 被移除的关键字对应的条目被恢复可见
function removeIgnoredTag(keyword) {
    let compDivs = getDivListToIgnore()
    compDivs.forEach(node => {
        if (alreadyBeIgnored(node)) {
            let cName = getRealCompanyName(node)
            if (cName.indexOf(keyword) !== -1) {
                node.classList.remove('ISC_ignoreNode')
                for (let j=0; j<node.children.length; j++) {
                    if (node.children[j].classList.contains('ISC_appendNode')) {
                        node.children[j].remove()
                    } else {
                        node.children[j].classList.remove('ISC_ignoreChildNode')
                    }
                }
            }
        }
    })
}

// 入口函数
init()