forked from x/ContextOS
add ctrl+0
This commit is contained in:
shaoying
parent
6e2722a939
commit
4e5216dfbf
@ -34,11 +34,34 @@ var page = Page({
|
||||
case "control":
|
||||
if (event.ctrlKey) {
|
||||
switch (event.key) {
|
||||
case "0":
|
||||
page.source.Select()
|
||||
break
|
||||
case "1":
|
||||
case "2":
|
||||
case "3":
|
||||
case "4":
|
||||
case "5":
|
||||
case "6":
|
||||
case "7":
|
||||
case "8":
|
||||
case "9":
|
||||
page.action.Select(parseInt(event.key))
|
||||
break
|
||||
case "n":
|
||||
page.ocean.Show()
|
||||
break
|
||||
case "m":
|
||||
page.steam.Show()
|
||||
break
|
||||
case "i":
|
||||
page.storm.Next()
|
||||
break
|
||||
case "o":
|
||||
page.storm.Prev()
|
||||
break
|
||||
case "b":
|
||||
page.action.Action["最大"](event)
|
||||
|
||||
}
|
||||
break
|
||||
@ -133,6 +156,7 @@ var page = Page({
|
||||
}
|
||||
|
||||
pane.Show = function() {
|
||||
page.footer.State("text", 0)
|
||||
output.Update(["flow", river], "text", ["text"], "index", false, fun)
|
||||
}
|
||||
|
||||
@ -144,6 +168,7 @@ var page = Page({
|
||||
pane.Send = function(type, text, cb) {
|
||||
form.Run(["flow", river, type, text], function(msg) {
|
||||
output.Append(type, {text:text, index: msg.result[0]}, ["text"], "index", fun)
|
||||
page.footer.State("text", msg.result[0])
|
||||
typeof cb == "function" && cb()
|
||||
})
|
||||
}
|
||||
@ -164,6 +189,9 @@ var page = Page({
|
||||
ui.first.style.width = (width-7)+"px"
|
||||
ui.first.style.height = (height-7)+"px"
|
||||
}
|
||||
pane.Select = function() {
|
||||
ui.first.focus()
|
||||
}
|
||||
|
||||
pane.Clear = function(value) {
|
||||
ui.first.value = value || ""
|
||||
@ -171,13 +199,21 @@ var page = Page({
|
||||
return
|
||||
},
|
||||
initAction: function(page, pane, form, output) {
|
||||
var river = "", water = 0, input = "", share = ""
|
||||
var cache = {}
|
||||
var river = "", storm = 0, input = "", share = ""
|
||||
pane.Listen = {
|
||||
river: function(value, old) {
|
||||
river = value
|
||||
},
|
||||
storm: function(value, old) {
|
||||
water = value, pane.Show()
|
||||
var temp = document.createDocumentFragment()
|
||||
while (output.childNodes.length>0) {
|
||||
item = output.childNodes[0]
|
||||
item.parentNode.removeChild(item)
|
||||
temp.appendChild(item)
|
||||
}
|
||||
cache[river+storm] = temp
|
||||
storm = value, pane.Show()
|
||||
},
|
||||
source: function(value, old) {
|
||||
input = value, kit.Log(value)
|
||||
@ -187,11 +223,21 @@ var page = Page({
|
||||
},
|
||||
}
|
||||
pane.Show = function() {
|
||||
output.Update([river, water], "plugin", ["node", "name"], "index", false, function(line, index, event, args, cbs) {
|
||||
if (cache[river+storm]) {
|
||||
while (cache[river+storm].childNodes.length>0) {
|
||||
item = cache[river+storm].childNodes[0]
|
||||
item.parentNode.removeChild(item)
|
||||
output.appendChild(item)
|
||||
}
|
||||
cache[river+storm] = undefined
|
||||
return
|
||||
}
|
||||
|
||||
output.Update([river, storm], "plugin", ["node", "name"], "index", false, function(line, index, event, args, cbs) {
|
||||
event.shiftKey? page.target.Send("field", JSON.stringify({
|
||||
name: line.name, view: line.view, init: line.init,
|
||||
node: line.node, group: line.group, index: line.index, inputs: line.inputs,
|
||||
})): form.Run([river, water, index].concat(args), function(msg) {
|
||||
})): form.Run([river, storm, index].concat(args), function(msg) {
|
||||
event.ctrlKey && (msg.append && msg.append[0]?
|
||||
page.target.Send("table", JSON.stringify(ctx.Table(msg))):
|
||||
page.target.Send("text", msg.result.join("")))
|
||||
@ -200,6 +246,11 @@ var page = Page({
|
||||
})
|
||||
}
|
||||
|
||||
pane.Select = function(index) {
|
||||
output.querySelectorAll("fieldset")[index-1].Select()
|
||||
}
|
||||
|
||||
var toggle = false
|
||||
pane.Action = {
|
||||
"恢复": function(event) {
|
||||
page.onlayout(event, page.conf.layout)
|
||||
@ -216,14 +267,17 @@ var page = Page({
|
||||
"最宽": function(event) {
|
||||
page.onlayout(event, {river:0, storm:0})
|
||||
},
|
||||
"最大": function(event) {
|
||||
(toggle = !toggle)? page.onlayout(event, page.conf.layout): page.onlayout(event, {river:0, action:-1, source:60})
|
||||
},
|
||||
"全屏": function(event) {
|
||||
page.onlayout(event, {header:0, footer:0, river:0, action: -1, storm:0})
|
||||
},
|
||||
}
|
||||
return {"button": ["恢复", "缩小", "放大", "最高", "最宽", "全屏"], "action": pane.Action}
|
||||
return {"button": ["恢复", "缩小", "放大", "最高", "最宽", "最大", "全屏"], "action": pane.Action}
|
||||
},
|
||||
initStorm: function(page, pane, form, output) {
|
||||
var river = ""
|
||||
var river = "", index = -1
|
||||
pane.Listen = {
|
||||
river: function(value, old) {
|
||||
pane.which.set(""), river = value, pane.Show()
|
||||
@ -232,6 +286,14 @@ var page = Page({
|
||||
pane.Show = function() {
|
||||
output.Update([river], "text", ["key", "count"], "key", true)
|
||||
}
|
||||
pane.Next = function() {
|
||||
var next = output.querySelector("div.item.select").nextSibling
|
||||
next? next.click(): output.firstChild.click()
|
||||
}
|
||||
pane.Prev = function() {
|
||||
var prev = output.querySelector("div.item.select").previousSibling
|
||||
prev? prev.click(): output.lastChild.click()
|
||||
}
|
||||
pane.Action = {
|
||||
"创建": function(event) {
|
||||
page.steam.Show()
|
||||
@ -282,8 +344,9 @@ var page = Page({
|
||||
}
|
||||
|
||||
form.Run(cmd, function(msg) {
|
||||
page.action.Show()
|
||||
page.storm.Show()
|
||||
page.storm.which.set(ui.name.value)
|
||||
page.action.Show()
|
||||
pane.Show()
|
||||
})
|
||||
}]}, {name: "list", view: ["list", "table"]},
|
||||
@ -302,6 +365,8 @@ var page = Page({
|
||||
})
|
||||
})
|
||||
})
|
||||
table.querySelector("td").click()
|
||||
ui.name.focus()
|
||||
}))
|
||||
}
|
||||
|
||||
@ -330,7 +395,8 @@ var page = Page({
|
||||
}
|
||||
output.Select = function(index) {
|
||||
-1 < last && last < list.length && (list[last].className = "item")
|
||||
last = index, list[index].className = "item select"
|
||||
last = index
|
||||
list[index] && (list[index].className = "item select")
|
||||
}
|
||||
output.Append = function(type, line, key, which, cb) {
|
||||
var index = list.length, ui = page.View(output, line.type || type, line, key, function(event, cmds, cbs) {
|
||||
@ -365,5 +431,7 @@ var page = Page({
|
||||
return conf
|
||||
})
|
||||
page.onlayout(null, page.conf.layout)
|
||||
page.footer.State("action", "")
|
||||
page.footer.Order(["action", "text"])
|
||||
},
|
||||
})
|
||||
|
||||
@ -57,6 +57,19 @@ fieldset.dialog div.create {
|
||||
margin-left:10px;
|
||||
float:left;
|
||||
}
|
||||
fieldset.Footer {
|
||||
clear:both;
|
||||
}
|
||||
fieldset.Footer div.output div.title {
|
||||
float:left;
|
||||
}
|
||||
fieldset.Footer div.output div.state {
|
||||
float:right;
|
||||
}
|
||||
fieldset.Footer div.output div.state div {
|
||||
margin-left:5px;
|
||||
float:right;
|
||||
}
|
||||
|
||||
fieldset table {
|
||||
font-size:14px;
|
||||
@ -116,6 +129,3 @@ fieldset.Banner>ul>li {
|
||||
fieldset.Banner>ul>li:hover {
|
||||
background-color:red;
|
||||
}
|
||||
fieldset.Footer {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
@ -79,6 +79,8 @@ function Page(page) {
|
||||
},
|
||||
oninput: function(event, local) {
|
||||
var target = event.target
|
||||
kit.History.add("key", (event.ctrlKey? "Control+": "")+(event.shiftKey? "Shift+": "")+event.key)
|
||||
|
||||
if (event.ctrlKey) {
|
||||
if (typeof local == "function" && local(event)) {
|
||||
return
|
||||
@ -116,6 +118,16 @@ function Page(page) {
|
||||
}
|
||||
return true
|
||||
}
|
||||
switch (event.key) {
|
||||
case "Escape":
|
||||
target.blur()
|
||||
break
|
||||
default:
|
||||
if (kit.HitText(target, "jk")) {
|
||||
kit.DelText(target, target.selectionStart-2, 2)
|
||||
target.blur()
|
||||
}
|
||||
}
|
||||
return false
|
||||
},
|
||||
ontoast: function(text, title, duration) {
|
||||
@ -182,8 +194,22 @@ function Page(page) {
|
||||
})
|
||||
return [{"text": ["shylinux", "div", "title"]}]
|
||||
},
|
||||
initFooter: function(page, field, option) {
|
||||
return [{"view": ["title", "div", "<a href='mailto:shylinux@163.com'>shylinux@163.com</>"]}]
|
||||
initFooter: function(page, pane, form, output) {
|
||||
var state = {}, list = []
|
||||
pane.State = function(name, value) {
|
||||
state[name] = value, pane.Show()
|
||||
}
|
||||
pane.Order = function(value) {
|
||||
list = value, pane.Show()
|
||||
}
|
||||
|
||||
pane.Show = function() {
|
||||
output.innerHTML = "", kit.AppendChild(output, [
|
||||
{"view": ["title", "div", "<a href='mailto:shylinux@163.com'>shylinux@163.com</>"]},
|
||||
{"view": ["state"], list: list.map(function(item) {return {text: [item+":"+state[item], "div"]}})},
|
||||
])
|
||||
}
|
||||
return
|
||||
},
|
||||
initField: function(page, cb) {
|
||||
document.querySelectorAll("body>fieldset").forEach(function(pane) {
|
||||
@ -260,13 +286,28 @@ function Plugin(field, inputs, plugin) {
|
||||
})(msg)
|
||||
})
|
||||
}
|
||||
field.onclick = function(event) {
|
||||
page.plugin = field
|
||||
page.footer.State("action", field.id)
|
||||
}
|
||||
|
||||
inputs && kit.AppendChild(option, inputs.map(function(item, index, inputs) {
|
||||
var ui = kit.AppendChild(option, inputs.map(function(item, index, inputs) {
|
||||
item.type == "button"? item.onclick = function(event) {
|
||||
(plugin[item.click] || run)(event)
|
||||
}: item.onkeyup = function(event) {
|
||||
plugin[item.click]? plugin[item.click](event, item, option, field): run(event)
|
||||
|
||||
}: (item.onkeyup = function(event) {
|
||||
page.oninput(event, function(event) {
|
||||
switch (event.key) {
|
||||
case "i":
|
||||
var next = field.nextSibling;
|
||||
// (next? next: field.parentNode.firstChild).querySelectorAll("input")[1].focus()
|
||||
next && (next.querySelectorAll("input")[1].focus(), event.stopPropagation())
|
||||
break
|
||||
case "o":
|
||||
var prev = field.previousSibling;
|
||||
// (prev? prev: field.parentNode.lastChild).querySelectorAll("input")[1].focus()
|
||||
prev && (prev.querySelectorAll("input")[1].focus(), event.stopPropagation())
|
||||
break
|
||||
case "c":
|
||||
output.innerHTML = ""
|
||||
break
|
||||
@ -288,9 +329,12 @@ function Plugin(field, inputs, plugin) {
|
||||
return true
|
||||
})
|
||||
event.key == "Enter" && (index == inputs.length-1? run(event): event.target.nextSibling.focus())
|
||||
}
|
||||
}, field.Select = function() {
|
||||
ui.first.focus()
|
||||
})
|
||||
return {type: "input", data: item}
|
||||
}))
|
||||
ui.first.focus()
|
||||
|
||||
plugin = plugin || {}, plugin.__proto__ = {
|
||||
show: function() {},
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
{
|
||||
show: function(item, index, intpus, event, option) {
|
||||
show: function(event, item, option, plugin) {
|
||||
var args = item.value == "所有"? ["all"]: []
|
||||
option.Run(event, args, function(msg) {
|
||||
option.ondaemon(msg)
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user