diff --git a/frame.js b/frame.js index 9b452237..0cc5b83e 100644 --- a/frame.js +++ b/frame.js @@ -396,6 +396,12 @@ Volcanos(chat.ONAPPEND, {_init: function(can, meta, list, cb, target, field) { can.page.Modify(can, toggle.profile, can.page.isDisplay(can.ui.profile)? right: left) }; return toggle }, + _toggle: function(can, target, prev, next) { + return can.page.Append(can, target, [ + {view: [[html.TOGGLE, mdb.PREV], "", can.page.unicode.prev], onclick: prev||function(event) {}}, + {view: [[html.TOGGLE, mdb.NEXT], "", can.page.unicode.next], onclick: next||function(event) {}}, + ]) + }, layout: function(can, list, type, target) { const FLOW = html.FLOW, FLEX = html.FLEX var count = 0, ui = {size: {}}; type = type||FLEX, target = target||can._output function append(target, type, list) { can.page.ClassList.add(can, target, [html.LAYOUT, type]), can.core.List(list, function(item) { @@ -420,7 +426,7 @@ Volcanos(chat.ONAPPEND, {_init: function(can, meta, list, cb, target, field) { if (can.base.isObject(meta) && meta.layout) { meta.layout(h, width) } can.page.style(can, target, html.WIDTH, width), height -= h } else { - if (item == html.PROJECT) { var w = 230, h = height } else { var w = calc(item, target.offsetWidth||target.style.width||_width/list.length, _width), h = height } + if (item == html.PROJECT) { var w = can.user.isMobile? 120: 230, h = height } else { var w = calc(item, target.offsetWidth||target.style.width||_width/list.length, _width), h = height } if (can.base.isObject(meta)) { meta.layout(h, w = _width/list.length) } can.page.style(can, target, html.HEIGHT, h, html.WIDTH, w), width -= w } diff --git a/index.css b/index.css index 6c990402..1a112680 100644 --- a/index.css +++ b/index.css @@ -270,9 +270,11 @@ div.project div.action div.item.search>span { right:10px; } div.content { position:relative; } div.content>div.toggle { position:absolute; } div.content>div.toggle:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); cursor:pointer; } +div.toggle:hover { background-color:var(--hover-bg-color); color:var(--hover-fg-color); cursor:pointer; } div.content>div.toggle.project { top:20%; left:0; height:80px; width:unset; padding-top:25px; transform:scale(1, 3); border:none; } div.content>div.toggle.profile { top:20%; right:0; height:80px; padding-top:25px; transform:scale(1, 3); border:none; } div.content>div.toggle.display { left:20%; bottom:0; width:80px; text-align:center; transform:scale(3, 1); border:none; } +body.mobile div.project:not(.toggle) { border-right:var(--box-border); width:120px; flex:0 0 120px; } div.project:not(.toggle) { border-right:var(--box-border); width:230px; flex:0 0 230px; } div.profile:not(.toggle) { border-left:var(--box-border); width:50%; } div.display:not(.toggle) { border-top:var(--box-border); } @@ -384,6 +386,7 @@ div.carte div.item:hover { background-color:var(--hover-bg-color); } div.carte div.item.danger:hover { background-color:var(--danger-bg-color); color:var(--danger-fg-color); } div.carte div.item.notice:hover { background-color:var(--notice-bg-color); color:var(--notice-fg-color); } /* mobile */ +body.cmd.mobile { overflow:hidden; } body.mobile table.content { width:100%; } body.mobile form.option>div.item { margin:0; } body.mobile form.option>div.item.button>input { display:none; } diff --git a/panel/action.js b/panel/action.js index 0bd7bef3..53385c4c 100644 --- a/panel/action.js +++ b/panel/action.js @@ -31,7 +31,9 @@ Volcanos(chat.ONACTION, {_init: function(can, target) { }, onsize: function(can, msg, height, width) { can.Conf({height: can.base.Min(height, 240), width: width}) }, onlogin: function(can, msg) { can.onimport._menu(can, msg), can.onkeymap._build(can) - can._root.River && can.onmotion.delay(can, function() { if (can.Mode()) { return } var gt = can.page.unicode.next, lt = can.page.unicode.prev, river = can._root.River._target + can._root.River && can.onmotion.delay(can, function() { + if (can.Mode()) { return } + var gt = can.page.unicode.next, lt = can.page.unicode.prev, river = can._root.River._target var target = can.page.Append(can, can._target, [{view: [[html.TOGGLE, chat.PROJECT], "", can.page.isDisplay(river)? lt: gt], onclick: function(event) { can.page.Modify(can, target, (can._river_show = can.onmotion.toggle(can, river))? lt: gt), can.onaction.layout(can) can.misc.sessionStorage(can, "river:hide", can._river_show? "": ice.TRUE) diff --git a/plugin/local/code/repos.css b/plugin/local/code/repos.css deleted file mode 100644 index f31f8443..00000000 --- a/plugin/local/code/repos.css +++ /dev/null @@ -1,110 +0,0 @@ -fieldset.repos div.output>* { - margin:auto; -} -fieldset.repos div.output table { - border: #e2e2e2solid 1px; - border-radius:5px; - color:#4183c4; - margin-top:20px; - margin-bottom:20px; -} -fieldset.repos div.output div.branch { - float:left; - margin-left:100px; - margin-top: 20px; -} -fieldset.repos div.output div.branch span { - border:solid 1px #dddddd; - padding:10px; -} -fieldset.repos div.output div.url span.branch { - float:left; -} -fieldset.repos div.output div.url { - margin-top:10px; - margin-bottom:60px; -} -fieldset.repos div.output div.url span { - border:solid 1px #dddddd; - height:40px; - padding:10px; - float:right; -} -fieldset.repos div.output div.url span:first-child { - border:solid 1px blue; -} -fieldset.repos div.output table th { - clear:both; - background-color:#f9fafb; - height:36px; -} -fieldset.repos div.output table td { - border-bottom:solid 1px #e2e2e2; - height:36px; -} -fieldset.repos div.output table td:first-child:before { - content: "😀"; -} - -fieldset.repos div.output div.code { - border:solid 1px #e2e2e2; - background-color:white; - color:black; -} -fieldset.repos div.output>div.info { - width:100%; - height:200px; - background-color:#414F5C; -} -fieldset.repos div.output>div.info>span { - display:block; -} -fieldset.repos div.output>div.info>span:first-child { - padding:20px; - color:white; - font-size:20px; -} -fieldset.repos div.output>div.info { - position:relative; -} -fieldset.repos div.output>div.info div.button:first-child { -} -fieldset.repos div.output>div.info div.button { - left:30px; - position:absolute; - bottom:0; - display:flex; - justify-content: center; - height:40px; -} -fieldset.repos div.output>div.info div.button span { - border-top-left-radius: 5px; - border-top-right-radius: 5px; - float:left; - flex:1; - text-align:center; - display:block; - width:120px; - margin:auto; - padding:10px; - height:40px; - color:white; - -} -fieldset.repos div.output>div.info div.button span:first-child { - background-color:white; - color:#2596e6; -} -fieldset.repos div.output>div.commit { - margin-left:100px; - display:flex; - height:40px; - border:solid 1px #e2e2e2; - justify-content: center; - border-top:none; -} -fieldset.repos div.output>div.commit>span { - flex:1; - text-align:center; - margin:auto; -} diff --git a/plugin/local/code/repos.js b/plugin/local/code/repos.js deleted file mode 100644 index d5fa8058..00000000 --- a/plugin/local/code/repos.js +++ /dev/null @@ -1,25 +0,0 @@ -Volcanos(chat.ONIMPORT, {_init: function(can, msg, cb, target) { - can.page.ClassList.add(can, can._fields, "repos") - can.page.Append(can, can._output, [{view: "info", list: [{text: "localhost:9020 / golang-story"}, {view: "button", list: [{text: "code"}, {text: "Issues"}, {text: "Pusll Requests"}, {text: "Wiki"}]}]}]) - can.page.Append(can, can._output, [{view: "commit", list: [{text: "56 次提交"}, {text: "3 个分支"}, {text: "5 个版本"}]}]) - can.page.Append(can, can._output, [{view: "url", list: [ - {text: "http://localhost:9020/x/golang-story.git"}, - {text: "https"}, {text: "ssh"}, - {text: "分支：master", className: "branch"}, - ]}]) - var table = can.onappend.table(can, msg) - can.onappend.board(can, msg.Option("file")) - can.page.Select(can, can._output, "div.code", function(target) { - can.page.style(can, target, "background-color", "#f0f0f0") - }) - can.onappend.board(can, msg) - can.page.style(can, table, html.WIDTH, can.ConfWidth()-200) - can.page.Select(can, can._output, "div.code", function(target) { - can.page.style(can, target, html.WIDTH, can.ConfWidth()-200) - }) - can.page.SelectChild(can, can._output, "*", function(target) { - can.page.style(can, target, html.WIDTH, can.ConfWidth()-200) - can.page.style(can, target, html.MARGIN_LEFT, 100) - }) -}}, [""]) - diff --git a/plugin/local/wiki/feel.css b/plugin/local/wiki/feel.css index 31eec04a..363aa82a 100644 --- a/plugin/local/wiki/feel.css +++ b/plugin/local/wiki/feel.css @@ -1,10 +1,12 @@ -fieldset.feel>div.output { display:flex; justify-content:center; } -fieldset.feel>div.output>div.project { flex:0 0 230px; } -fieldset.feel>div.output>div.project div.item { white-space:pre; } -fieldset.feel>div.output>div.project div.item.filter { position:sticky; top:0; } -fieldset.feel>div.output>div.project div.item.filter input { width:100%; } -fieldset.feel>div.output>div.layout { flex-grow:1; } -fieldset.feel>div.output>div.layout>div.content.float { padding:0; position:fixed; left:0; top:0; } -fieldset.feel>div.output>div.layout>div.content:not(.hide) { display:flex; justify-content:center; } -fieldset.feel>div.output>div.layout>div.display:not(.hide) { display:flex; justify-content:center; flex-wrap:wrap; max-height:100%; } -fieldset.feel>div.output img { margin-bottom:0; } +body.mobile fieldset.feel>div.output>div.project { overflow-x:hidden; } +fieldset.feel>div.output>div.layout>div.display { position:relative; overflow-y:hidden; } +fieldset.feel>div.output>div.layout>div.display:not(.hide) { height:100px; display:flex; justify-content:center; gap:10px; } +fieldset.feel>div.output>div.layout>div.display:not(:hover)>div.toggle { display:none; } +fieldset.feel>div.output>div.layout>div.display>div.toggle { font-size:48px; position:absolute; top:20%; } +fieldset.feel>div.output>div.layout>div.display>div.toggle.prev { left:0; } +fieldset.feel>div.output>div.layout>div.display>div.toggle.next { right:0; } +fieldset.feel>div.output>div.layout>div.layout>div.content { text-align:center; overflow-y:hidden; } +fieldset.feel>div.output>div.layout>div.layout>div.content:not(:hover)>div.toggle { display:none; } +fieldset.feel>div.output>div.layout>div.layout>div.content>div.toggle { font-size:48px; top:40%; height:80px; } +fieldset.feel>div.output>div.layout>div.layout>div.content>div.toggle.next { right:0; } +fieldset.feel.float>div.output { display:flex; justify-content:center; } diff --git a/plugin/local/wiki/feel.js b/plugin/local/wiki/feel.js index 9abed6eb..7077cf5b 100644 --- a/plugin/local/wiki/feel.js +++ b/plugin/local/wiki/feel.js @@ -1,53 +1,61 @@ -Volcanos(chat.ONIMPORT, {_init: function(can, msg, cb) { can.onmotion.clear(can) - can.ui = can.onappend.layout(can, [html.PROJECT, [html.CONTENT, html.DISPLAY]]) - can.dir_root = msg.Option(nfs.DIR_ROOT), can.list = [], can._path = can.request(), cb && cb(msg) +Volcanos(chat.ONIMPORT, {_init: function(can, msg, cb) { can.ui = can.onappend.layout(can), cb && cb(msg) + can.db.hash = can.isCmdMode()? can.misc.SearchHash(can): [] + can.onmotion.hidden(can, can._action), can.onmotion.toggle(can, can.ui.display, true), can.onimport.layout(can) + can.onimport._project(can, msg), can.onimport.page(can, can.db.list, can.db.begin = parseInt(msg.Option(cli.BEGIN)||"0")) + }, + _project: function(can, msg) { can.db.list = [], can.db.dir_root = msg.Option(nfs.DIR_ROOT) msg.Table(function(item) { item.name = can.base.trimPrefix(item.path, can.Option(nfs.PATH)) - can.base.endWith(item.path, nfs.PS)? can.onimport.item(can, item, function(event) { can.Option(nfs.PATH, item.path) && can.Update(event) }): can.list.push(item) + can.base.endWith(item.path, nfs.PS)? can.onimport.item(can, item, function(event) { can.Option(nfs.PATH, item.path) && can.Update(event) }): can.db.list.push(item) }) - var rate = can.misc.localStorage(can, "web.wiki.feel:rate"); rate && can.Action("speed", rate) - can.core.List(can.list, function(item, index) { var last = can.misc.localStorage(can, can.onexport.key(can, "p", can.onimport._file(can, item.path))) - item.nick = (last? last+" ": "")+item.name; var target = can.onimport.item(can, item, function(_event) { - var target = _event.target - can.cb = function(event) { var next = _event.target.nextSibling - can.misc.localStorage(can, can.onexport.key(can, "last"), item.path) - can.video = event.target, can.Status(item), target.innerHTML = parseInt(event.target.currentTime*100/event.target.duration)+"% "+item.name - if (event.type == "ratechange") { can.misc.localStorage(can, "web.wiki.feel:rate", event.target.playbackRate) } - if (event.type == "ended" && next) { can.onmotion.delay(can, function() { next.click() }, 3000), can.user.toast(can, "3s 后即将播放下一个", "", 3000) } + var rate = can.misc.localStorage(can, [can.ConfIndex(), "rate"]); rate && can.Action(html.SPEED, rate) + var _target; can.core.List(can.db.list, function(item, index) { + var last = can.misc.localStorage(can, [can.ConfIndex(), "p", can.onimport._file(can, item.path)]) + item.nick = (last? last+lex.SP: "")+item.name + var target = can.onimport.item(can, item, function(_event) { var target = _event.target + can.ui.cb = function(event) { var next = _event.target.nextSibling + target.innerHTML = parseInt(event.target.currentTime*100/event.target.duration)+"% "+item.name + can.ui.video = event.target, can.Status(item), can.misc.localStorage(can, [can.ConfIndex(), "last"], item.path) + if (event.type == "ratechange") { can.misc.localStorage(can, [can.ConfIndex(), "rate"], event.target.playbackRate) } + if (event.type == "ended" && next) { can.onmotion.delay(can, function() { next.click() }, 3000), can.user.toast(can, "3s 后即将播放下一个", "", 3000) } + } + can.onimport.layout(can), can.onmotion.scrollIntoView(can, target), can.onmotion.clear(can, can.ui.content) + var _target = can.onimport.file(can, item.path, item, index, can.ui.content, can.ui.content.offsetHeight, true) + _target.focus(), _target.onclick = function() { can.ondetail._init(can, index) } + can.isCmdMode() && can.misc.SearchHash(can, item.path) + can.onappend._toggle(can, can.ui.content, function() { + index == 0? can.user.toast(can, "已经是第一页了"): _event.target.previousSibling.click() + }, function() { + try { _event.target.nextSibling.click() } catch (e) { can.user.toast(can, "已经是最后一页了") } + }) + var limit = parseInt(can.Action(mdb.LIMIT)) + if (index < can.db.begin || index >= can.db.begin+limit) { + can.onimport.page(can, can.db.list, can.db.begin = index-index%limit) + } + }, function() {}, can.ui.project); item._target = target, _target = can.db.hash[0] == item.path? target: _target||target + if (can.isCmdMode() && item.path == can.misc.localStorage(can, [can.ConfIndex, "last"])) { + can.Action(html.HEIGHT, html.HIDE), can.onmotion.hidden(can, can.ui.display) + _target = target, can.onmotion.delay(can, function() { can.onaction.full({}, can) }) } - can.onmotion.clear(can, can.ui.content) - can.onimport.file(can, item.path, item, index, can.ui.content, can.ConfHeight()-can.onexport.height(can)-1, true).focus() - can.onmotion.delay(can, function() { target.scrollIntoView(), can.onimport.layout(can, can.ConfHeight(), can.ConfWidth()) }) - }, function() {}, can.ui.project); - if (can.isCmdMode() && item.path == can.misc.localStorage(can, can.onexport.key(can, "last"))) { - can.onmotion.hidden(can, can.ui.display), can.onmotion.hidden(can, can._action), can.Action(html.HEIGHT, "hide") - target.click(), can.isCmdMode() && can.onmotion.delay(can, function() { can.onaction.full({}, can) }) - } - }) - can.onimport.page(can, can.list, can.begin = parseInt(msg.Option(cli.BEGIN)||"0")) + }), _target && _target.click() }, _file: function(can, path) { var p = location.href.indexOf(ice.HTTP) == 0? "": "http://localhost:9020" - return path.indexOf(ice.HTTP) == 0? path: p+can.base.Path(web.SHARE_LOCAL, can.dir_root||"", path) + return path.indexOf(ice.HTTP) == 0? path: p+can.base.Path(web.SHARE_LOCAL, can.db.dir_root||"", path) }, file: function(can, path, item, index, target, height, auto) { path = can.onimport._file(can, path) var cb = can.onfigure[can.base.Ext(path)]||can.onfigure[wiki.IMAGE]; can.Status(nfs.FILE, path) return cb && can.page.Append(can, target||can.ui.display, [cb(can, path, item, index, height, auto)])._target }, page: function(can, list, begin, limit) { can.onmotion.clear(can, can.ui.display) - begin = parseInt(begin||can.begin), limit = parseInt(limit||can.Action(mdb.LIMIT)) + begin = parseInt(begin||can.db.begin), limit = parseInt(limit||can.Action(mdb.LIMIT)) for (var i = begin; i < begin+limit; i++) { list && list[i] && can.onimport.file(can, list[i].path, list[i], i) } + can.onappend._toggle(can, can.ui.display, function(event) { can.onaction.prev(event, can) }, function(event) { can.onaction.next(event, can) }) can.Status({begin: begin, limit: limit, total: list.length}) }, - layout: function(can, height, width) { - can.page.style(can, can.ui.content, html.WIDTH, can.ConfWidth()-can.ui.project.offsetWidth) - can.page.style(can, can.ui.display, html.WIDTH, can.ConfWidth()-can.ui.project.offsetWidth) - can.list.length > 0 && can.page.style(can, can.ui.project, html.HEIGHT, can.base.Min(can.ui.display.offsetHeight, can.Action(html.HEIGHT), can.ConfHeight())) - can.isCmdMode() && can.page.style(can, can.ui.project, html.HEIGHT, can.ConfHeight()) - can.isCmdMode() && can.page.Select(can, can.ui.content, html.VIDEO, function(target) { - can.page.isDisplay(can.ui.project)? - can.page.style(can, target, html.HEIGHT, can.ui.content.offsetHeight, html.MAX_WIDTH, can.ui.content.offsetWidth): - can.page.style(can, target, html.HEIGHT, can.page.height(), html.MAX_WIDTH, can.page.width()) + layout: function(can) { can.ui.layout(can.ConfHeight(), can.ConfWidth(), 0, function(height, width) { + can.page.Select(can, can.ui.content, html.VIDEO, function(target) { + can.page.style(can, target, html.HEIGHT, height, html.MAX_WIDTH, width) }) - }, + }) }, }, [""]) Volcanos(chat.ONFIGURE, { png: function(can, path, item, index, height) { return can.onfigure.image(can, path, item, index, height) }, @@ -55,9 +63,9 @@ Volcanos(chat.ONFIGURE, { jpeg: function(can, path, item, index, height) { return can.onfigure.image(can, path, item, index, height) }, image: function(can, path, item, index, height) { return {img: path, height: height||can.onexport.height(can), onmouseover: function(event) { can.Status(nfs.FILE, path), can.Status(item) }, - onclick: function(event) { can.ondetail._init(can, index) }, + onclick: function(event) { item._target.click() }, } }, - video: function(can, path, item, index, height, auto) { var total = 0, cb = can.cb||function cb(event) { } + video: function(can, path, item, index, height, auto) { var total = 0, cb = can.ui.cb||function cb(event) { } var init, last = can.misc.localStorage(can, can.onexport.key(can, path))||0 return {type: html.VIDEO, style: {height: height||can.onexport.height(can)}, data: {src: path, controls: "controls", autoplay: auto, playbackRate: parseFloat(can.Action(html.SPEED))}, @@ -79,29 +87,29 @@ Volcanos(chat.ONFIGURE, { webm: function(can, path, item, index, height, auto) { return can.onfigure.video(can, path, item, index, height, auto) }, }) Volcanos(chat.ONACTION, {list: ["full", - [html.HEIGHT, 100, 200, 400, 600, 800, "max", "hide", ice.AUTO], + [html.HEIGHT, 100, 200, 400, 600, 800, "max", html.HIDE, ice.AUTO], [mdb.LIMIT, 6, 1, 3, 6, 9, 12, 15, 20, 30, 50], [html.SPEED, 1, 0.25, 0.5, 0.75, 1, 1.25, 1.5, 2, 3, 5, 10], ], - height: function(event, can, key, value) { can.Action(key, value), can.onimport.page(can, can.list) }, - limit: function(event, can, key, value) { can.Action(key, value), can.onimport.page(can, can.list) }, - speed: function(event, can, key, value) { can.Action(key, value), can.onimport.page(can, can.list) }, - prev: function(event, can) { if (can.begin > 0) { can.begin -= parseInt(can.Action(mdb.LIMIT)), can.onimport.page(can, can.list) } else { can.user.toast(can, "已经是第一页了") } }, - next: function(event, can) { if (can.begin + parseInt(can.Action(mdb.LIMIT)) < can.list.length) { can.begin += parseInt(can.Action(mdb.LIMIT)), can.onimport.page(can, can.list) } else { can.user.toast(can, "已经是最后一页了") } }, + height: function(event, can, key, value) { can.Action(key, value), can.onimport.page(can, can.db.list) }, + limit: function(event, can, key, value) { can.Action(key, value), can.onimport.page(can, can.db.list) }, + speed: function(event, can, key, value) { can.Action(key, value), can.onimport.page(can, can.db.list) }, + prev: function(event, can) { if (can.db.begin > 0) { can.db.begin -= parseInt(can.Action(mdb.LIMIT)), can.onimport.page(can, can.db.list) } else { can.user.toast(can, "已经是第一页了") } }, + next: function(event, can) { if (can.db.begin + parseInt(can.Action(mdb.LIMIT)) < can.db.list.length) { can.db.begin += parseInt(can.Action(mdb.LIMIT)), can.onimport.page(can, can.db.list) } else { can.user.toast(can, "已经是最后一页了") } }, full: function(event, can) { var show = can.onmotion.toggle(can, can.ui.project); can.onmotion.toggle(can, can.ui.display), can.onimport.layout(can, can.ConfHeight(), can.ConfWidth()) - can.page.ClassList.set(can, can.ui.content, "float", !show), can.page.Select(can, can.ui.content, "*", function(target) { target.focus() + can.page.ClassList.set(can, can.ui.content, html.FLOAT, !show), can.page.Select(can, can.ui.content, "*", function(target) { target.focus() can.page.style(can, target, html.HEIGHT, can.ConfHeight()+(!show? 2*html.ACTION_HEIGHT: 0)-can.ui.display.offsetHeight) }) }, onkeydown: function(event, can) { try { - if (event.target != can.video) { - if (event.key == "ArrowLeft") { can.video.currentTime -= 15 } - if (event.key == "ArrowRight") { can.video.currentTime += 15 } + if (event.target != can.ui.video) { + if (event.key == "ArrowLeft") { can.ui.video.currentTime -= 15 } + if (event.key == "ArrowRight") { can.ui.video.currentTime += 15 } } if (event.key == "Escape") { can.onaction.full(event, can) } - if (event.key == "ArrowUp") { can.user.toast(can, parseInt((can.video.volume += 0.1)*100)) } - if (event.key == "ArrowDown") { can.user.toast(can, parseInt((can.video.volume -= 0.1)*100)) } + if (event.key == "ArrowUp") { can.user.toast(can, parseInt((can.ui.video.volume += 0.1)*100)) } + if (event.key == "ArrowDown") { can.user.toast(can, parseInt((can.ui.video.volume -= 0.1)*100)) } } catch (e) {} }, record0: function(event, can, name, cb) { can.user.input(event, can, [{name: nfs.FILE, value: name}], function(list) { var height = window.innerHeight navigator.mediaDevices.getDisplayMedia({video: {height: height}}).then(function(stream) { @@ -124,28 +132,29 @@ Volcanos(chat.ONACTION, {list: ["full", recorder.onstop = function() { cb(blobs, nfs.WEBM) }, recorder.start(1) }) }, }) -Volcanos(chat.ONDETAIL, {list: ["关闭", "上一个", "下一个", "设置头像", "设置背景", "复制链接", "下载", "删除"], _init: function(can, index) { +Volcanos(chat.ONDETAIL, {list: ["关闭", "上一个", "下一个", "设置头像", "设置背景", "复制链接", "下载", "删除"], + _init: function(can, index) { can.onappend._init(can, {type: "story feel play float"}, [], function(sub) { can.sub = sub, sub._legend.onclick = can._legend.onclick can.getActionSize(function(msg, left, top, width, height) { sub.onappend._action(can, can.ondetail.list, sub._action, can.ondetail), sub.onappend._status(sub, ["begin", nfs.FILE]) sub.page.style(sub, sub._target, {left: left||0, top: top||0}), sub.page.style(sub, sub._output, html.HEIGHT, height-2*html.ACTION_HEIGHT, html.WIDTH, width) - can.order = index, can.show = function(order) { path = can.onimport._file(can, can.list[order].path); var cb = can.onfigure[can.base.Ext(path)]||can.onfigure[wiki.IMAGE] + can.order = index, can.show = function(order) { path = can.onimport._file(can, can.db.list[order].path); var cb = can.onfigure[can.base.Ext(path)]||can.onfigure[wiki.IMAGE] sub.page.Appends(sub, sub._output, [can.base.Copy(cb(can, path, index), {height: "", style: kit.Dict(html.MAX_WIDTH, width, html.MAX_HEIGHT, height-2*html.ACTION_HEIGHT)})]) - sub.Status(cli.BEGIN, order+1+nfs.PS+can.list.length), sub.Status(nfs.FILE, path) + sub.Status(cli.BEGIN, order+1+nfs.PS+can.db.list.length), sub.Status(nfs.FILE, path) }, can.show(can.order) }), sub.run = function(can, cmds, cb) { can.run(can, cmds, cb, true) } }, can._root._target) }, "关闭": function(event, can) { can.page.Remove(can, can.sub._target) }, "上一个": function(event, can) { can.order > 0? can.show(--can.order): can.user.toast(can, "已经是第一张啦!") }, - "下一个": function(event, can) { can.order < can.list.length-1? can.show(++can.order): can.user.toast(can, "已经是最后一张啦!") }, - "设置头像": function(event, can) { can.setHeader(aaa.AVATAR, can.onimport._file(can, can.list[can.order].path)) }, - "设置背景": function(event, can) { can.setHeader(aaa.BACKGROUND, can.onimport._file(can, can.list[can.order].path)) }, - "复制链接": function(event, can) { can.onmotion.share(event, can, [], [mdb.LINK, can.user.copy(event, can, can.misc.MergeURL(can, {_path: can.onimport._file(can, can.list[can.order].path)}, true)) ]) }, - "下载": function(event, can) { can.user.download(can, path = can.onimport._file(can, can.list[can.order].path)) }, - "删除": function(event, can) { can.runAction(event, nfs.TRASH, [can.list[can.order].path], function(msg) { can.user.toastSuccess(can, "删除成功") }, true) }, + "下一个": function(event, can) { can.order < can.db.list.length-1? can.show(++can.order): can.user.toast(can, "已经是最后一张啦!") }, + "设置头像": function(event, can) { can.setHeader(aaa.AVATAR, can.onimport._file(can, can.db.list[can.order].path)) }, + "设置背景": function(event, can) { can.setHeader(aaa.BACKGROUND, can.onimport._file(can, can.db.list[can.order].path)) }, + "复制链接": function(event, can) { can.onmotion.share(event, can, [], [mdb.LINK, can.user.copy(event, can, can.misc.MergeURL(can, {_path: can.onimport._file(can, can.db.list[can.order].path)}, true)) ]) }, + "下载": function(event, can) { can.user.download(can, path = can.onimport._file(can, can.db.list[can.order].path)) }, + "删除": function(event, can) { can.runAction(event, nfs.TRASH, [can.db.list[can.order].path], function(msg) { can.user.toastSuccess(can, "删除成功") }, true) }, }) Volcanos(chat.ONEXPORT, {list: [cli.BEGIN, mdb.LIMIT, mdb.TOTAL, nfs.FILE, nfs.SIZE, "position"], - height: function(can) { var height = can.Action(html.HEIGHT); return parseInt(height == "hide"? 0: height == "max"? can.ConfHeight(): height == ice.AUTO? can.base.Min(can.ConfHeight()/4, 200): height) }, + height: function(can) { var height = can.Action(html.HEIGHT); return parseInt(height == html.HIDE? 0: height == "max"? can.ConfHeight(): height == ice.AUTO? can.base.Min(can.ConfHeight()/4, 200): height) }, position: function(can, index, total) { total = total || can.max; return parseInt((index+1)*100/total)+"%"+" = "+(parseInt(index)+1)+nfs.PS+parseInt(total) }, key: function(can) { return [can.Conf(ctx.INDEX)].concat(can.core.List(arguments).slice(1)).join(":") }, })