var page = Page({
    initTree: function(field, option, output) {
        // if (!ctx.isMobile) {
        //     field.style.float = "left"
        // }

        ctx.Runs(page, option, function(msg) {
            output.innerHTML = ""
            var back = [{"button": ["知识", function(event) {
                ctx.Search({"wiki_level": "", "wiki_class": "", "wiki_favor": ""})
            }]}]
            ctx.Search("wiki_class").split("/").forEach(function(value, index, array) {
                if (value) {
                    var favor = []
                    for (var i = 0; i <= index; i++) {
                        favor.push(array[i])
                    }
                    favor.push("")
                    back.push({"button": [value, function(event) {
                        ctx.Search({"wiki_class": favor.join("/"), "wiki_favor":""})
                    }]})
                }
            })

            var ui = kit.AppendChild(output, [
                {"view": ["back"], "list": back},
                {"view": ["tree"], "list": [{"tree": ctx.Table(msg, function(value, index) {
                    if (value.filename.endsWith("/")) {
                        return {"leaf": [value.filename, function(event, target) {
                            ctx.Search({"wiki_class": ctx.Search("wiki_class")+value.filename, "wiki_favor": ""})
                        }]}
                    }
                })}]},
                {"view": ["list"], "list": [{"tree": ctx.Table(msg, function(value, index) {
                    if (!value.filename.endsWith("/")) {
                        return {"leaf": [value.time.substr(5, 5)+" "+value.filename, function(event, target) {
                            ctx.Search("wiki_favor", value.filename)
                        }]}
                    }
                })}]},
            ])
        })
        return
    },
    initList: function(field, option, output) {
        ctx.Runs(page, option, function(msg) {
            output.innerHTML = ""
            kit.AppendChild(output, [{"tree": ctx.Table(msg, function(value, index) {
                return {"leaf": [value.file, function(event, target) {
                    ctx.Search("wiki_favor", value.file)
                }]}
            })}])
        })
        return
    },
    initText: function(field, option, output) {
        ctx.Runs(page, option, function(msg) {
            if (!msg.result) {
                return
            }
            output.innerHTML = ""
            var ui = kit.AppendChild(output, [
                {"view": ["menu", "div", "", "menu"]},
                {"view": ["text", "div", msg.result.join(""), "text"]},
            ])

            ui.text.querySelectorAll("table").forEach(function(value, index, array) {
                kit.OrderTable(value)
            })
            ui.text.querySelectorAll("table.wiki_list").forEach(function(value, index, array) {
                kit.OrderTable(value, "path", function(event) {
                    var text = event.target.innerText
                    ctx.Search({"wiki_class": text})
                })
            })

            ui.text.querySelectorAll("a").forEach(function(value, index, array) {
                kit.OrderLink(value, field)
            })


            var i = 0, j = 0, k = 0
            var h0 = [], h2 = [], h3 = []
            ui.text.querySelectorAll("h2,h3,h4").forEach(function(value, index, array) {
                var id = ""
                var level = 0
                var text = value.innerText
                var ratio = parseInt(value.offsetTop/field.scrollHeight*100)

                if (value.tagName == "H2") {
                    j=k=0
                    h2 = []
                    id = ++i+"."
                    text = id+" "+text
                    h0.push({"fork": [text+" ("+ratio+"%)", h2, function(event) {
                        console.log(text)
                        location.hash = id
                    }]})
                } else if (value.tagName == "H3") {
                    k=0
                    h3 = []
                    id = i+"."+(++j)
                    text = id+" "+text
                    h2.push({"fork": [text+" ("+ratio+"%)", h3, function(event) {
                        console.log(text)
                        location.hash = id
                    }]})
                } else if (value.tagName == "H4") {
                    id = i+"."+j+"."+(++k)
                    text = id+" "+text
                    h3.push({"leaf": [text+" ("+ratio+"%)", function(event) {
                        console.log(text)
                        location.hash = id
                    }]})
                }
                value.innerText = text
                value.id = id
            })
            kit.AppendChild(ui.menu, [{"tree": h0}])


            ui.text.style.width = document.body.offsetWidth-30+"px"
            if (i > 0 && !ctx.isMobile) {
                ui.menu.style.position = "absolute"
                var width = ui.menu.offsetWidth
                var height = ui.menu.offsetHeight>400?ui.menu.offsetHeight:600

                field.style.marginLeft = width+10+"px"
                ui.menu.style.marginLeft = -width-20+"px"
                ui.text.style.height = height+"px"
                ui.text.style.width = field.offsetWidth-30-width+"px"

                // ui.text.style.width = field.offsetWidth-ui.menu.offsetWidth+"px"
            }
            if (location.hash) {
                location.href = location.hash
            }
        })
        return
    },

    onaction: function(event, target, action) {
        var page = this
        switch (action) {
            case "scroll":
                break
        }
    },
    init: function(exp) {
        var page = this

        document.querySelectorAll("body>fieldset").forEach(function(field) {
            var option = field.querySelector("form.option")
            var output = field.querySelector("div.output")

            var init = page[field.dataset.init]
            if (typeof init == "function") {
                var conf = init(field, option, output)
                if (conf) {
                    kit.AppendChild(output, conf)
                }
            }
        })
    },
    conf: {
        scroll_x: 50,
        scroll_y: 50,
    },
})