kit = toolkit = {
    History: {dir: [], pod: [], ctx: [], cmd: [], txt: [], key: [],
        add: function(type, data) {
            var list = this[type] || []
            data && list.push({time: Date.now(), data: data})
            this[type] = list
            return list.length-1
        },
        get: function(type, index) {
            var list = this[type] || []
            var len = list.length
            return index == undefined? this[type]: this[type][(index+len)%len]
        },
    },
    Log: function() {
        var args = []
        for (var i = 0; i < arguments.length; i++) {
            args.push(arguments[i])
        }
        console.log(arguments.length == 1? args[0]: args)
        return args
    },
    isMobile: navigator.userAgent.indexOf("Mobile") > -1,
    CreateStyle: function(style) {
    },

    ModifyNode: function(which, html) {
        var node = typeof which == "string"? document.querySelector(which): which
        switch (typeof html) {
            case "string":
                node.innerHTML = html
                break
            case "object":
                for (var k in html) {
                    if (typeof html[k] == "object") {
                        for (var d in html[k]) {
                            node[k][d] = html[k][d]
                        }
                        continue
                    }
                    node[k] = html[k]
                }
                break
        }
        return node
    },
    CreateNode: function(element, html) {
        return this.ModifyNode(document.createElement(element), html)
    },
    AppendChild: function(parent, children, subs) {
        if (typeof children == "string") {
            var elm = this.CreateNode(children, subs)
            parent.append(elm)
            return elm
        }

        // include require styles style
        // tree, code, text, view, click
        // type, name, data, list, style
        var kit = this

        subs = subs || {}
        children.forEach(function(child, i) {
            child.data = child.data || {}
            child.type = child.type || "div"

            if (child.style) {
                var str = []
                for (var k in child.style) {
                    str.push(k)
                    str.push(":")
                    str.push(child.style[k] + (typeof child.style[k] == "number"? "px": ""))
                    str.push(";")
                }
                child.data["style"] = str.join("")
            }
            if (child.click) {
                child.data["onclick"] = child.click
            }

            if (child.include) {
                child.data["src"] = child.include[0]
                child.data["type"] = "text/javascript"
                child.include.length > 1 && (child.data["onload"] = child.include[1])
                child.type = "script"

            } else if (child.require) {
                child.data["href"] = child.require[0]
                child.data["rel"] = child.require.length > 1? child.require[1]: "stylesheet"
                child.data["type"] = child.require.length > 2? child.require[2]: "text/css"
                child.type = "link"

            } else if (child.styles) {
                var str = []
                for (var key in child.styles) {
                    str.push(key)
                    str.push(" {")
                    for (var k in child.styles[key]) {
                        str.push(k)
                        str.push(":")
                        str.push(child.styles[key][k] + (typeof child.styles[key][k] == "number"? "px": ""))
                        str.push(";")
                    }
                    str.push("}\n")
                }
                child.data["innerHTML"] = str.join("")
                child.data["type"] = "text/css"
                child.type = "style"

            } else if (child.button) {
                child.type = "button"
                child.data["innerText"] = child.button[0]
                child.data["onclick"] = child.button[1]

            } else if (child.tree) {
                child.type = "ul"
                child.list = child.tree

            } else if (child.fork) {
                child.type = "li"
                child.list = [
                    {"text": [child.fork[0], "div"], "click": (child.fork.length>2? child.fork[2]: "")},
                    {"type": "ul", "list": child.fork[1]},
                ]

            } else if (child.leaf) {
                child.type = "li"
                child.list = [{"text": [child.leaf[0], "div"]}]
                if (child.leaf.length > 1 && typeof child.leaf[1] == "function") {
                    child.data["onclick"] = function(event) {
                        child.leaf[1](event, node)
                    }
                }

            } else if (child.view) {
                child.data["className"] = child.view[0]
                child.type = child.view.length > 1? child.view[1]: "div"
                child.view.length > 2 && (child.data["innerHTML"] = child.view[2])
                child.view.length > 3 && (child.name = child.view[3])

            } else if (child.text) {
                child.data["innerText"] = child.text[0]
                child.type = child.text.length > 1? child.text[1]: "pre"
                child.text.length > 2 && (child.data["className"] = child.text[2])

            } else if (child.code) {
                child.type = "code"
                child.list = [{"type": "pre" ,"data": {"innerText": child.code[0]}, "name": child.code[1]}]
                child.code.length > 2 && (child.data["className"] = child.code[2])
            }

            var node = kit.CreateNode(child.type, child.data)
            child.list && kit.AppendChild(node, child.list, subs)
            child.name && (subs[child.name] = node)
            subs.field || (subs.field = node)
            parent.append(node)
        })
        return subs
    },
    InsertChild: function (parent, position, element, children) {
        var elm = this.CreateNode(element)
        this.AppendChild(elm, children)
        return parent.insertBefore(elm, position || parent.firstElementChild)
    },

    AppendStyle: function(parent, style) {
        return node
    },
    AppendTable: function(table, data, fields, cb) {
        if (!data || !fields) {
            return
        }
        var kit = this
        var tr = kit.AppendChild(table, "tr")
        fields.forEach(function(key, j) {
            var td = kit.AppendChild(tr, "th", key)
        })
        data.forEach(function(row, i) {
            var tr = kit.AppendChild(table, "tr")
            fields.forEach(function(key, j) {
                var td = kit.AppendChild(tr, "td", row[key])
                if (typeof cb == "function") {
                    td.onclick = function(event) {
                        cb(row[key], key, row, i, event)
                    }
                }
            })
        })
    },
    RangeTable: function(table, index, sort_asc) {
        var list = table.querySelectorAll("tr")
        var new_list = []

        var is_time = true
        var is_number = true
        for (var i = 1; i < list.length; i++) {
            var value = Date.parse(list[i].childNodes[index].innerText)
            if (!(value > 0)) {
                is_time = false
            }

            var value = parseInt(list[i].childNodes[index].innerText)
            if (!(value >= 0 || value <= 0)) {
                is_number = false
            }

            new_list.push(list[i])
        }

        var sort_order = ""
        if (is_time) {
            if (sort_asc) {
                method = function(a, b) {return Date.parse(a) > Date.parse(b)}
                sort_order = "time"
            } else {
                method = function(a, b) {return Date.parse(a) < Date.parse(b)}
                sort_order = "time_r"
            }
        } else if (is_number) {
            if (sort_asc) {
                method = function(a, b) {return parseInt(a) > parseInt(b)}
                sort_order = "int"
            } else {
                method = function(a, b) {return parseInt(a) < parseInt(b)}
                sort_order = "int_r"
            }
        } else {
            if (sort_asc) {
                method = function(a, b) {return a > b}
                sort_order = "str"
            } else {
                method = function(a, b) {return a < b}
                sort_order = "str_r"
            }
        }

        list = new_list
        new_list = []
        for (var i = 0; i < list.length; i++) {
            list[i].parentElement && list[i].parentElement.removeChild(list[i])
            for (var j = i+1; j < list.length; j++) {
                if (typeof method == "function" && method(list[i].childNodes[index].innerText, list[j].childNodes[index].innerText)) {
                    var temp = list[i]
                    list[i] = list[j]
                    list[j] = temp
                }
            }
            new_list.push(list[i])
        }

        for (var i = 0; i < new_list.length; i++) {
            table.appendChild(new_list[i])
        }
        return sort_order
    },
    OrderTable: function(table, field, cb) {
        if (!table) {return}
        var kit = this
        table.onclick = function(event) {
            var target = event.target
            var dataset = target.dataset
            var nodes = target.parentElement.childNodes
            for (var i = 0; i < nodes.length; i++) {
                if (nodes[i] == target) {
                    if (target.tagName == "TH") {
                        dataset["sort_asc"] = (dataset["sort_asc"] == "1") ? 0: 1
                        kit.RangeTable(table, i, dataset["sort_asc"] == "1")
                    } else if (target.tagName == "TD") {
                        var tr = target.parentElement.parentElement.querySelector("tr")
                        if (tr.childNodes[i].innerText.startsWith(field)) {
                            typeof cb == "function" && cb(event)
                        }
                        kit.CopyText()
                    }
                }
            }
        }
    },
    OrderCode: function(code) {
        if (!code) {return}

        var kit = this
        code.onclick = function(event) {
            kit.CopyText()
        }
    },
    OrderForm: function(page, field, option, append, result) {
        if (!option) {return}
        option.ondaemon = option.ondaemon || function(msg) {
            append.innerHTML = ""
            msg && msg.append && kit.AppendTable(append, ctx.Table(msg), msg.append, function(value, key, row, index, event) {
                typeof option.daemon_action[key] == "function" && option.daemon_action[key](value, key, row, index, event)
            })
            result && (result.innerText = (msg && msg.result)? msg.result.join(""): "")
        }

        option.querySelectorAll("select").forEach(function(select, index, array) {
            select.onchange = select.onchange || function(event) {
                if (index == array.length-1) {
                    page.Runs(page, option)
                    return
                }
                if (array[index+1].type == "button") {
                    array[index+1].click()
                    return
                }
                array[index+1].focus()
            }
        })
        option.querySelectorAll("input").forEach(function(input, index, array) {
            switch (input.type) {
                case "button":
                    input.onclick = input.onclick || function(event) {
                        if (index == array.length-1) {
                            if (input.value == "login") {
                                page.Runs(page, option, function(msg) {
                                    if (document.referrer) {
                                        location.href = document.referrer
                                    } else {
                                        ctx.Search("componet_group", "")
                                    }
                                })
                                return
                            }

                            page.Runs(page, option)
                            return
                        }
                        if (array[index+1].type == "button") {
                            array[index+1].click()
                            return
                        }
                        array[index+1].focus()
                    }
                default:
                    input.onkeyup = input.onkeyup || function(event) {
                        if (event.key != "Enter") {
                            return
                        }
                        if (index == array.length-1) {
                            page.Runs(page, option)
                            return
                        }
                        if (array[index+1].type == "button") {
                            array[index+1].click()
                            return
                        }
                        array[index+1].focus()
                    }
            }
        })
    },
    OrderLink: function(link) {
        link.target = "_blank"
    },

    CopyText: function(text) {
        text = window.getSelection().toString()
        if (text == "") {return}
        kit.History.add("txt", text)
        document.execCommand("copy")
    },
    DelText: function(target, start, count) {
        target.value = target.value.substring(0, start)+target.value.substring(start+(count||target.value.length), target.value.length)
        target.setSelectionRange(start, start)
    },
    HitText: function(target, text) {
        var start = target.selectionStart
        for (var i = 1; i < text.length+1; i++) {
            var ch = text[text.length-i]
            if (target.value[start-i] != ch && kit.History.get("key", -i).data != ch) {
                return false
            }
        }
        return true
    },

    ScrollPage: function(event, conf) {
        switch (event.key) {
            case "h":
                if (event.ctrlKey) {
                    window.scrollBy(-conf.scroll_x*10, 0)
                } else {
                    window.scrollBy(-conf.scroll_x, 0)
                }
                break
            case "H":
                window.scrollBy(-document.body.scrollWidth, 0)
                break
            case "l":
                if (event.ctrlKey) {
                    window.scrollBy(conf.scroll_x*10, 0)
                } else {
                    window.scrollBy(conf.scroll_x, 0)
                }
                break
            case "L":
                window.scrollBy(document.body.scrollWidth, 0)
                break
            case "j":
                if (event.ctrlKey) {
                    window.scrollBy(0, conf.scroll_y*10)
                } else {
                    window.scrollBy(0, conf.scroll_y)
                }
                break
            case "J":
                window.scrollBy(0, document.body.scrollHeight)
                break
            case "k":
                if (event.ctrlKey) {
                    window.scrollBy(0, -conf.scroll_y*10)
                } else {
                    window.scrollBy(0, -conf.scroll_y)
                }
                break
            case "K":
                window.scrollBy(0, -document.body.scrollHeight)
                break
        }
        return true
    },
}

function right(arg) {
    if (arg == "true") {
        return true
    }
    if (arg == "false") {
        return false
    }
    if (arg) {
        return true
    }
    return false
}
function format_date(arg) {
    var date = arg.getDate()
    if (date < 10) {
        date = "0"+date
    }
    var month = arg.getMonth()+1
    if (month < 10) {
        month = "0"+month
    }
    var hour = arg.getHours()
    if (hour < 10) {
        hour = "0"+hour
    }
    var minute = arg.getMinutes()
    if (minute < 10) {
        minute = "0"+minute
    }
    var second = arg.getSeconds()
    if (second < 10) {
        second = "0"+second
    }
    return arg.getFullYear()+"-"+month+"-"+date+" "+hour+":"+minute+":"+second
}