volcanos/plugin/local/wiki/feel.js

Volcanos("onimport", {help: "导入数据", list: [], _init: function(can, msg, list, cb, target) { can._target.innerHTML = ""
        can.ui = can.page.Append(can, can._target, [
            {view: "project"},
            {view: "profile", style: {clear: "both"}},
        ])

        can._msg = msg
        can.path = can.request({}), can.list = []
        msg.Table(function(value) {
            if (value.path.startsWith("/local")) { return }
            value.path.endsWith("/")? can.path.Push(value): can.list.push(value)
        })
        can.onappend.table(can, can.ui.project, "table", can.path, function(value, key, index, line, array) {
            return {type: "td", inner: value, click: function(event) {
                // can.Option(key, value) && can.run(event)
            can.sup.onaction.change(event, can.sup, key, value, function(msg) {
                can.run(event)
            })
            }}
        })

        can.page.Modify(can, can._action, {style: {display: "none"}})
        typeof cb == "function" && cb()

        var feature = can.Conf("feature") || {}

        can.begin = 0
        can.Action("倍速", can.rate = 1)
        can.Action("数量", can.limit = parseInt(feature["limit"]||msg.Option("limit"))||6)
        can.Action("高度", can.height = parseInt(feature["height"]||msg.Option("height"))||100)
        can.Option("path") != "最近/" && can.onimport.page(can, can.list, can.begin, can.limit)
    },
    page: function(can, list, begin, limit) { can.ui.profile.innerHTML = ""
        if (!list || list.length == 0) { return }
        for (var i = begin; i < begin+limit; i++) { list && list[i] && can.onimport.file(can, list[i].path) }
        can.Status("begin", begin), can.Status("limit", limit), can.Status("total", can.list.length)
    },
    file: function(can, path) { can.Status("文件", path)
        var p = location.href.startsWith("http")? "": "http://localhost:9020"
        path = path.startsWith("http")? path: p+can.base.Path("/share/local", " "+(can._msg.Option("prefix")||""), path)

        var ls = path.split("/")
        var ls = ls[ls.length-1].split(".")
        var ext = ls[ls.length-1].toLowerCase()
        ext && can.page.Append(can, can.ui.profile, [can.onfigure[ext](can, path)])
    },
}, ["/plugin/local/wiki/feel.css"])
Volcanos("onfigure", {help: "组件菜单", list: [],
    qrc: function(can, path) { return can.onfigure.image(can, path) },
    png: function(can, path) { return can.onfigure.image(can, path) },
    jpg: function(can, path) { return can.onfigure.image(can, path) },
    jpeg: function(can, path) { return can.onfigure.image(can, path) },
    image: function(can, path) { return {img: path, height: can.height, onclick: function(event) {
            can.Status("文件", path)
            can.page.Append(can, document.body, [{img: path, style: {
                position: "fixed", left: 0, top: 40,
                height: window.innerHeight-40,
            }, onclick: function(event) {
                can.page.Remove(can, event.target)
            }, }])
        }, onmouseover: function(event) {
            // can.Status("文件", path)
        }, _init: function(target) {
            can.Status("文件", path)
        }
    } },

    video: function(can, path) { var auto = true, loop = true, total = 0
        function cb(event) { }
        return {className: "preview", type: "video", style: {height: can.height},
            data: {src: path, controls: "controls", autoplay: auto, loop: loop, playbackRate: can.rate},
            oncontextmenu: cb, onplay: cb, onpause: cb, onended: cb,
            onmouseover: function(event) {
                can.Status("文件", path)
            },
            onloadedmetadata: function(event) { total = event.timeStamp
                event.target.currentTime = can._msg.currentTime || 0
            }, onloadeddata: cb, ontimeupdate: function(event) {
                can.Status("文件") == path && can.Status("position", can.onexport.position(can, (can._msg.currentTime=event.target.currentTime)-1, event.target.duration))
            },
        }
    },
    m4v: function(can, path) { return can.onfigure.video(can, path) },
    mp4: function(can, path) { return can.onfigure.video(can, path) },
    mov: function(can, path) { return can.onfigure.video(can, path) },
})
Volcanos("onaction", {help: "组件菜单", list: [
        ["数量", 1, 3, 6, 9, 12, 15],
        ["高度", 100, 200, 400, 600, 800],
        ["倍速", 0.1, 0.2, 0.5, 1, 2, 3, 5, 10],
    ],
    "上传": function(event, can) { can.user.upload(event, can) },
    "下载": function(event, can) { can.user.download(can, can.Status("文件")) },
    "收藏": function(event, can) {
        chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {
            chrome.tabs.sendMessage(tabs[0].id, { action: "copy" }, function (response) {
                can.onimport.file(can, response.src)
                var msg = can.request(event); msg.Option(can.Option())
                can.run(event, ["action", "spide", "mp4", response.title, response.src, "poster", response.poster], function(msg) {

                }, true)
            })
        })
    },
    "清空": function(event, can) { 
        can._target.innerHTML = ""
    },
    "参数": function(event, can) { 
        can.page.Modify(can, can._action, {style: {display: can._action.style.display=="none"? "block": "none"}})
    },
    "上一页": function(event, can, key, value) { 
        can.begin > 0 && (can.begin -= can.limit, can.onimport.page(can, can.list, can.begin, can.limit))
    },
    "下一页": function(event, can, key, value) { 
        can.begin + can.limit < can.list.length && (can.begin += can.limit, can.onimport.page(can, can.list, can.begin, can.limit))
    },
    "数量": function(event, can, key, value) { 
        can.limit = parseInt(value), can.onimport.page(can, can.list, can.begin, can.limit)
    },
    "高度": function(event, can, key, value) { 
        can.height = parseInt(value), can.onimport.page(can, can.list, can.begin, can.limit)
    },
    "倍速": function(event, can, key, value) { 
        can.rate = parseInt(value), can.onimport.page(can, can.list, can.begin, can.limit)
    },
})
Volcanos("onexport", {help: "导出数据", list: ["total", "begin", "limit", "position", "文件"],
    position: function(can, index, total) { total = total || can.max
        return parseInt((index+1)*100/total)+"%"+" = "+(parseInt(index)+1)+"/"+parseInt(total)
    },
})