x/ContextOS
1
0
Fork 1
mirror of https://shylinux.com/x/ContextOS synced 2025-04-25 16:58:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

opt theme

Browse Source
This commit is contained in:
IT 老营长 @云轩领航-创始人 2023-04-29 20:19:21 +08:00
parent bd01155d8b
commit d97767507c
17 changed files with 249 additions and 241 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/macosx/controls.go
View File

@ -1,7 +0,0 @@
package macosx
import ice "shylinux.com/x/icebergs"
const CONTROLS = "controls"
func init() { Index.MergeCommands(ice.Commands{CONTROLS: {Actions: CmdHashAction()}}) }

3
src/macosx/controls.js vendored
View File

@ -1,3 +0,0 @@
Volcanos(chat.ONIMPORT, {_init: function(can, msg) {
msg.Echo("hello world").Dump(can)
}})

80
src/macosx/desktop.css
View File

@ -1,43 +1,75 @@
fieldset.macosx.desktop { background-size:cover; background-position:center; color:#e8eaed; } fieldset.macosx.desktop { background-size:cover; background-position:center; }
body.dark fieldset.macosx.desktop>div.output { background-color:unset; } fieldset.macosx.desktop>div.output>div.item { text-align:center; width:120px; float:left; overflow:hidden; }
fieldset.macosx.desktop>div.output>div.item img { width:80px; }
fieldset.macosx.desktop>div.output>fieldset.macosx { background-color:transparent; }
fieldset.macosx.desktop>div.output>fieldset.macosx>div.output { background-color:transparent; } fieldset.macosx.desktop>div.output>fieldset.macosx>div.output { background-color:transparent; }
fieldset.macosx.desktop>div.output>fieldset.macosx.menu { background-color:#08234ad1; color:#e8eaed; line-height:25px; height:25px; width:100%; position:absolute; top:0; } fieldset.macosx.desktop>div.output>fieldset.macosx.menu { line-height:25px; height:25px; width:100%; position:absolute; top:0; }
fieldset.macosx.desktop>div.output>fieldset.macosx.controls { background-color:#08234ad1; height:40%; width:240px; position:absolute; top:20px; right:0; } fieldset.macosx.desktop>div.output>fieldset.macosx.controls { height:40%; width:240px; position:absolute; top:20px; right:0; }
fieldset.macosx.desktop>div.output>fieldset.macosx.notifications { background-color:#08234ad1; height:80%; width:240px; position:absolute; top:10%; right:0; } fieldset.macosx.desktop>div.output>fieldset.macosx.notifications { height:80%; width:240px; position:absolute; top:10%; right:0; }
fieldset.macosx.desktop>div.output>fieldset.macosx.dock { position:absolute; bottom:10px; left:300px; transition:margin-left 0.3s; } fieldset.macosx.desktop>div.output>fieldset.macosx.dock { border:#ffffff3d solid 1px; border-radius:20px; position:absolute; bottom:10px; left:300px; z-index:11; transition:margin-left 0.3s; }
fieldset.macosx.desktop>div.output>fieldset.macosx.dock:hover { margin-left:-40px; transition:margin-left 0.3s; } fieldset.macosx.desktop>div.output>fieldset.macosx.dock:hover { margin-left:-40px; transition:margin-left 0.3s; }
fieldset.macosx.desktop>div.output>div.desktop:not(.select) { display:none; } fieldset.macosx.desktop>div.output>div.desktop:not(.select) { display:none; }
fieldset.macosx.desktop>div.output>div.desktop>fieldset { position:absolute; } fieldset.macosx.desktop>div.output>div.desktop>fieldset { position:absolute; }
fieldset.macosx.desktop>div.output>div.desktop>fieldset>div.item.button { border-radius:20px; height:20px; width:20px; scale:0.7; position:absolute; top:15px; right:10px; }
fieldset.macosx.desktop>div.output>div.desktop.scale>fieldset { scale:0.6; } fieldset.macosx.desktop>div.output>div.desktop.scale>fieldset { scale:0.6; }
// fieldset.macosx.desktop>div.output>div.desktop fieldset { background-color:#333434; border:#ffffff3d solid 1px; border-top:#ffffff52 ridge 2px; border-radius:10px; } fieldset.macosx.desktop>div.output>div.desktop fieldset { border-radius:10px; }
fieldset.macosx.desktop>div.output>div.desktop fieldset { background-color:#333434; border-radius:10px; }
fieldset.macosx.desktop>div.output>div.desktop fieldset>legend { background-color:unset; margin:10px 0; } fieldset.macosx.desktop>div.output>div.desktop fieldset>legend { background-color:unset; margin:10px 0; }
fieldset.macosx.desktop>div.output>div.desktop fieldset>form.option>* { margin:10px 0; background-color:unset; } fieldset.macosx.desktop>div.output>div.desktop fieldset>form.option>* { margin:10px 0; background-color:unset; }
fieldset.macosx.desktop>div.output>div.desktop fieldset>div.action>* { margin:10px 0; } fieldset.macosx.desktop>div.output>div.desktop fieldset>div.action>* { margin:10px 0; }
fieldset.macosx.desktop>div.output>div.desktop>fieldset>div.output { background-color:#1a1d1d; } fieldset.macosx.desktop>div.output>div.desktop fieldset>div.status { background-color:transparent; }
fieldset.macosx.desktop>div.output>div.desktop fieldset>div.status { background-color:transparent; border-top:#3e4040 solid 1px; } fieldset.macosx.desktop>div.output>div.desktop fieldset fieldset>legend { margin:0; }
fieldset.macosx.desktop>div.output>div.desktop fieldset>div.status>* { margin:10px 0; } fieldset.macosx.desktop>div.output>div.desktop fieldset fieldset>form.option>* { margin:0; background-color:unset; }
fieldset.macosx.desktop>div.output>div.desktop fieldset input { background-color:#333434; border:#404141 solid 1px; border-radius:5px; box-shadow:unset; } fieldset.macosx.desktop>div.output>div.desktop fieldset fieldset>div.action>* { margin:0; }
fieldset.macosx.desktop>div.output>div.desktop fieldset input[type=button] { background-color:#5e5f5f; } fieldset.macosx.desktop>div.output>div.desktop fieldset input { border-radius:5px; box-shadow:unset; }
fieldset.macosx.desktop>div.output>div.desktop fieldset table.content th { background-color:unset; } fieldset.macosx.desktop>div.output>div.desktop fieldset table.content th { background-color:unset; }
fieldset.macosx.desktop>div.output>div.desktop fieldset table.content.action td:last-child { background-color:unset; } fieldset.macosx.desktop>div.output>div.desktop fieldset table.content.action td:last-child { background-color:unset; }
fieldset.macosx.desktop>div.output>div.desktop fieldset table.content tr:nth-child(odd) { background-color:#1a1d1e; } fieldset.macosx.menu>div.output img { margin-bottom:-8px; }
fieldset.macosx.desktop>div.output>div.desktop fieldset table.content tr:nth-child(even) { background-color:#282B2F; }
fieldset.macosx.desktop>div.output>div.desktop fieldset>div.output.card>div.item { border:#3e4040 solid 1px; }
fieldset.macosx.desktop>div.output>div.desktop fieldset>div.output.card>div.item>div.title { border-bottom:#3e4040 solid 1px; }
fieldset.macosx.menu>div.output>div.item { padding:0 5px; float:right; cursor:pointer; } fieldset.macosx.menu>div.output>div.item { padding:0 5px; float:right; cursor:pointer; }
fieldset.macosx.menu>div.output>div.item img { height:25px; }
fieldset.macosx.menu>div.output>div.icon { padding:0 5px; float:right; cursor:pointer; } fieldset.macosx.menu>div.output>div.icon { padding:0 5px; float:right; cursor:pointer; }
fieldset.macosx.dock>div.output { background-color:#02142196; border:#ffffff3d solid 1px; border-radius:20px; height:80px; min-width:200px; overflow:visible; display:flex; z-index:11; } fieldset.macosx.dock>div.output { height:80px; min-width:200px; overflow:visible; display:flex; }
fieldset.macosx.dock>div.output>div.item { text-align:center; align-self:baseline; transition:margin-top 0.3s; } fieldset.macosx.dock>div.output>div.item { text-align:center; align-self:baseline; transition:margin-top 0.3s; }
fieldset.macosx.dock>div.output>div.item:hover { background-color:unset; margin-top:-80px; transition:margin-top 0.3s; } fieldset.macosx.dock>div.output>div.item:hover { background-color:unset; margin-top:-80px; transition:margin-top 0.3s; }
fieldset.macosx.dock>div.output>div.item img { width:80px; transition:width 0.3s; } fieldset.macosx.dock>div.output>div.item img { width:80px; transition:width 0.3s; }
fieldset.macosx.dock>div.output>div.item img:hover { width:160px; transition:width 0.3s; } fieldset.macosx.dock>div.output>div.item img:hover { width:160px; transition:width 0.3s; }
div.carte.macosx.float { font-size:14px; padding:10px; border:#ffffff5e solid 1px; border-radius:8px; }
div.carte.macosx.float { background:#29323beb; color:#e8eaed; font-size:14px; padding:10px; border:#ffffff5e solid 1px; border-radius:8px; }
div.carte.macosx.float div.item { background:transparent; } div.carte.macosx.float div.item { background:transparent; }
div.carte.macosx.float hr { border-bottom:gray solid 1px; } div.carte.macosx.float hr { border-bottom:gray solid 1px; }
div.carte.macosx.float { background:#e1e5ea; }
fieldset.macosx.desktop fieldset>form.option>div.item.icons>span.icon { margin-left:5px; }
fieldset.macosx.desktop input { color:#e8eaed; } body.dark div.carte.macosx.float { background:#29323beb; color:#e8eaed; }
fieldset.macosx.desktop>div.output>div.item { text-align:center; width:120px; float:left; overflow:hidden; } fieldset.macosx.desktop>div.output>fieldset.macosx.dock { background-color:#e9f1f594; }
fieldset.macosx.desktop>div.output>div.item img { width:80px; } fieldset.macosx.desktop>div.output>fieldset.macosx.menu { background-color:#08234ad1; color:#e8eaed; }
fieldset.macosx.desktop>div.output>fieldset.macosx.controls { background-color:#08234ad1; }
fieldset.macosx.desktop>div.output>fieldset.macosx.notifications { background-color:#08234ad1; }
fieldset.macosx.desktop>div.output>div.desktop fieldset { background-color:#dee1e6; }
fieldset.macosx.desktop>div.output>div.desktop>fieldset>div.output { background-color:white; }
fieldset.macosx.desktop>div.output>div.desktop fieldset>div.status { border-top:#dddede solid 1px; }
fieldset.macosx.desktop>div.output>div.desktop fieldset table.content tr:nth-child(odd) { background-color:white; color:black; }
fieldset.macosx.desktop>div.output>div.desktop fieldset table.content tr:nth-child(even) { background-color:#f4f5f5; color:black; }
fieldset.macosx.desktop>div.output>div.desktop fieldset input { background-color:white; border:#e4e5e5 solid 1px; color:black; caret-color:black; }
fieldset.macosx.desktop>div.output>div.desktop fieldset>div.output.card>div.item { border:#d3d4d4 solid 1px; }
fieldset.macosx.desktop>div.output>div.desktop fieldset>div.output.card>div.item>div.title { border-bottom:#d3d4d4 solid 1px; }
body.dark fieldset.macosx.desktop { color:#e8eaed; }
body.dark fieldset.macosx.desktop input { color:#e8eaed; }
body.dark fieldset.macosx.desktop input[type=button] { background-color:#5e5f5f; }
body.dark fieldset.macosx.desktop>div.output { background-color:unset; }
body.dark fieldset.macosx.desktop>div.output>fieldset.macosx.dock { background-color:#0e202e70; }
body.dark fieldset.macosx.desktop>div.output>fieldset.macosx.menu { background-color:#08234ad1; color:#e8eaed; }
body.dark fieldset.macosx.desktop>div.output>fieldset.macosx.controls { background-color:#08234ad1; }
body.dark fieldset.macosx.desktop>div.output>fieldset.macosx.notifications { background-color:#08234ad1; }
body.dark fieldset.macosx.desktop>div.output>div.desktop fieldset { background-color:#333434; }
body.dark fieldset.macosx.desktop>div.output>div.desktop>fieldset>div.output { background-color:#1a1d1d; }
body.dark fieldset.macosx.desktop>div.output>div.desktop fieldset>div.status { border-top:#3e4040 solid 1px; }
body.dark fieldset.macosx.desktop>div.output>div.desktop fieldset table.content tr:nth-child(odd) { background-color:#1a1d1e; color:white; }
body.dark fieldset.macosx.desktop>div.output>div.desktop fieldset table.content tr:nth-child(even) { background-color:#282B2F; color:white; }
body.dark fieldset.macosx.desktop>div.output>div.desktop fieldset input { background-color:#333434; border:#404141 solid 1px; color:white; caret-color:white; }
body.dark fieldset.macosx.desktop>div.output>div.desktop fieldset>div.output.card>div.item { border:#3e4040 solid 1px; }
body.dark fieldset.macosx.desktop>div.output>div.desktop fieldset>div.output.card>div.item>div.title { border-bottom:#3e4040 solid 1px; }
body.light fieldset.macosx.desktop>div.output { background-color:unset; }
body.black fieldset.macosx.desktop>div.output>div.desktop fieldset { background-color:#3433337a; }
body.black fieldset.macosx.desktop>div.output>div.desktop>fieldset>div.output { background-color:#1a1d1d9c; }
body.white fieldset.macosx.desktop>div.output>div.desktop fieldset { background-color:#f5f5f594; }
body.white fieldset.macosx.desktop>div.output>div.desktop fieldset>legend { color:black; }
body.white fieldset.macosx.desktop>div.output>div.desktop>fieldset>div.output { background-color:#ffffff94; }

43
src/macosx/desktop.js
View File

@ -1,23 +1,10 @@
Volcanos(chat.ONIMPORT, { Volcanos(chat.ONIMPORT, {
_init: function(can, msg, cb) { can.ui = {}, cb(msg), can.onmotion.clear(can) _init: function(can, msg, cb) { can.ui = {}, cb(msg), can.onmotion.clear(can), can.page.styleHeight(can, can._output, can.ConfHeight())
can.page.styleHeight(can, can._output, can.ConfHeight())
can.onimport._menu(can), can.onimport._dock(can), can.onimport._desktop(can, msg), can.onlayout.background(can, can.user.info.background, can._fields) can.onimport._menu(can), can.onimport._dock(can), can.onimport._desktop(can, msg), can.onlayout.background(can, can.user.info.background, can._fields)
}, },
_desktop: function(can, msg) { var target = can.page.Append(can, can._output, [{view: "desktop"}])._target
msg = msg||can._msg, msg.Table(function(item) { can.page.Append(can, target, [{view: html.ITEM, list: [{view: html.ICON, list: [{img: "/require/"+item.icon}]}, {view: [mdb.NAME, "", item.name]}]}]) })
can.onimport.tabs(can, [{name: "desktop", text: ""}], function() { can.onmotion.select(can, can._output, "div.desktop", target), can.ui.desktop = target }, function() { can.page.Remove(can, target) })
},
_window: function(can, item) { item.height = can.ConfHeight()-282, item.width = can.ConfWidth()-100
can.onappend.plugin(can, item, function(sub) { sub.onimport.size(sub, item.height, item.width, true), can.onmotion.move(can, sub._target, {"z-index": 10, top: 100, left: 100}) }, can.ui.desktop)
},
_notifications: function(can) { can.onappend.plugin(can, {index: "web.chat.macosx.notifications", style: html.OUTPUT}, function(sub) { can.ui.notifications = sub, can.onmotion.hidden(can, sub._target) }) },
_controls: function(can) { can.onappend.plugin(can, {index: "web.chat.macosx.controls", style: html.OUTPUT}, function(sub) { can.ui.controls = sub, can.onmotion.hidden(can, sub._target) }) },
_menu: function(can) { can.onappend.plugin(can, {index: "web.chat.macosx.menu", style: html.OUTPUT}, function(sub) { can.ui.menu = sub _menu: function(can) { can.onappend.plugin(can, {index: "web.chat.macosx.menu", style: html.OUTPUT}, function(sub) { can.ui.menu = sub
can.onimport._notifications(can), can.onimport._controls(can)
sub.onexport.record = function(_, value, key, item) { sub.onexport.record = function(_, value, key, item) {
switch (value) { switch (value) {
case "notifications": can.onmotion.toggle(can, can.ui.notifications._target); break
case "controls": can.onmotion.toggle(can, can.ui.controls._target); break
case "system": case "system":
var carte = can.user.carte(event, can, { var carte = can.user.carte(event, can, {
"About This Mac": function(event) { can.user.toast(can, "about this mac") }, "About This Mac": function(event) { can.user.toast(can, "about this mac") },
@ -31,12 +18,9 @@ Volcanos(chat.ONIMPORT, {
"Lock Screen": function(event) { can.user.toast(can, "about this mac") }, "Lock Screen": function(event) { can.user.toast(can, "about this mac") },
"Log Out shy...": function(event) { can.user.toast(can, "about this mac") }, "Log Out shy...": function(event) { can.user.toast(can, "about this mac") },
full: function(event) { can.onaction.full(event, can) }, full: function(event) { can.onaction.full(event, can) },
scale: function(event) { scale: function(event) { can.page.ClassList.neg(can, can.ui.desktop, "scale") },
can.page.ClassList.neg(can, can.ui.desktop, "scale")
},
}); var list = can.page.Select(can, carte._target, html.DIV_ITEM) }); var list = can.page.Select(can, carte._target, html.DIV_ITEM)
can.core.List([1, 3, 4, 5, 8], function(i) { can.page.insertBefore(can, [{type: html.HR}], list[i]) }) can.core.List([1, 3, 4, 5, 8], function(i) { can.page.insertBefore(can, [{type: html.HR}], list[i]) })
can.page.style(can, carte._target, html.TOP, "25px")
break break
} }
} }
@ -44,18 +28,23 @@ Volcanos(chat.ONIMPORT, {
_dock: function(can) { can.onappend.plugin(can, {index: "web.chat.macosx.dock", style: html.OUTPUT}, function(sub) { can.ui.dock = sub _dock: function(can) { can.onappend.plugin(can, {index: "web.chat.macosx.dock", style: html.OUTPUT}, function(sub) { can.ui.dock = sub
sub.onexport.record = function(sub, value, key, item) { can.onimport._window(can, item) } sub.onexport.record = function(sub, value, key, item) { can.onimport._window(can, item) }
}) }, }) },
layout: function(can) { _desktop: function(can, msg) { var target = can.page.Append(can, can._output, [{view: "desktop"}])._target
can.page.styleHeight(can, can._output, can.ConfHeight()) msg = msg||can._msg, msg.Table(function(item) { can.page.Append(can, target, [{view: html.ITEM, list: [{view: html.ICON, list: [{img: "/require/"+item.icon}]}, {view: [mdb.NAME, "", item.name]}]}]) })
return can.onimport.tabs(can, [{name: "desktop", text: ""}], function() { can.onmotion.select(can, can._output, "div.desktop", target), can.ui.desktop = target }, function() { can.page.Remove(can, target) })
if (can._fields.offsetHeight > 32) {
can.ConfHeight(can._fields.offsetHeight-html.ACTION_HEIGHT)
}
can.ConfWidth(can._output.offsetWidth)
can.ui && can.ui.dock && can.page.style(can, can.ui.dock._target, "bottom", "10px")
}, },
_window: function(can, item) { item.height = can.ConfHeight()-(item.index == web.CODE_VIMER? 170: 400), item.width = can.base.Max(can.ConfWidth()-200, item.index == web.CODE_VIMER? 2000: 1000)
can.onappend.plugin(can, item, function(sub) {
var index = 0; can.core.Item({
"#f95f57": function(event) { sub.onaction.close(event, sub) },
"#fcbc2f": function(event) { can.onmotion.hidden(can, sub._target) },
"#32c840": function(event) { sub.onaction.full(event, sub) },
}, function(color, cb) { can.page.insertBefore(can, [{view: [[html.ITEM, html.BUTTON]], style: {"background-color": color, right: 10+20*index++}, onclick: cb}], sub._output) })
sub.onimport.size(sub, item.height, item.width, true), can.onmotion.move(can, sub._target, {"z-index": 10, top: 25, left: 100})
}, can.ui.desktop)
},
layout: function(can) { can.page.styleHeight(can, can._output, can.ConfHeight()) },
}, [""]) }, [""])
Volcanos(chat.ONACTION, {list: ["full"], Volcanos(chat.ONACTION, {list: ["full"],
create: function(event, can, button) { can.onimport._desktop(can) }, create: function(event, can, button) { can.onimport._desktop(can) },
// full: function(event, can, button) { can._fields.requestFullscreen() },
full: function(event, can) { document.body.requestFullscreen() }, full: function(event, can) { document.body.requestFullscreen() },
}) })

22
src/macosx/dock.go
View File

@ -1,25 +1,7 @@
package macosx package macosx
import ( import ice "shylinux.com/x/icebergs"
ice "shylinux.com/x/icebergs"
"shylinux.com/x/icebergs/base/mdb"
"shylinux.com/x/icebergs/base/nfs"
kit "shylinux.com/x/toolkits"
)
const DOCK = "dock" const DOCK = "dock"
func init() { func init() { Index.MergeCommands(ice.Commands{DOCK: {Actions: CmdHashAction()}}) }
Index.MergeCommands(ice.Commands{
DOCK: {Actions: ice.MergeActions(ice.Actions{
mdb.INPUTS: {Hand: func(m *ice.Message, arg ...string) {
switch mdb.HashInputs(m, arg); arg[0] {
case mdb.NAME:
m.Cmd(nfs.DIR, "usr/icons/", func(value ice.Maps) { m.Push(arg[0], kit.TrimExt(value[nfs.PATH], nfs.PNG)) })
case mdb.ICON:
m.Cmd(nfs.DIR, "usr/icons/", func(value ice.Maps) { m.Push(arg[0], value[nfs.PATH]) })
}
}},
}, CmdHashAction())},
})
}

2
src/macosx/finder.go
View File

@ -13,7 +13,7 @@ const FINDER = "finder"
func init() { func init() {
Index.MergeCommands(ice.Commands{ Index.MergeCommands(ice.Commands{
FINDER: {Name: "finder path auto create", Help: "浏览器", Actions: ice.MergeActions(CmdHashAction()), Hand: func(m *ice.Message, arg ...string) { FINDER: {Name: "finder path auto create", Actions: CmdHashAction(), Hand: func(m *ice.Message, arg ...string) {
if len(arg) == 0 || strings.HasSuffix(arg[0], nfs.PS) { if len(arg) == 0 || strings.HasSuffix(arg[0], nfs.PS) {
switch kit.Select("", arg, 0) { switch kit.Select("", arg, 0) {
case ice.USR_LOCAL_WORK: case ice.USR_LOCAL_WORK:

9
src/macosx/macosx.go
View File

@ -4,6 +4,7 @@ import (
ice "shylinux.com/x/icebergs" ice "shylinux.com/x/icebergs"
"shylinux.com/x/icebergs/base/ctx" "shylinux.com/x/icebergs/base/ctx"
"shylinux.com/x/icebergs/base/mdb" "shylinux.com/x/icebergs/base/mdb"
"shylinux.com/x/icebergs/base/nfs"
"shylinux.com/x/icebergs/core/chat" "shylinux.com/x/icebergs/core/chat"
kit "shylinux.com/x/toolkits" kit "shylinux.com/x/toolkits"
) )
@ -17,6 +18,14 @@ func init() { chat.Index.Register(Index, nil) }
func CmdHashAction(arg ...string) ice.Actions { func CmdHashAction(arg ...string) ice.Actions {
file := kit.FileLines(2) file := kit.FileLines(2)
return ice.MergeActions(ice.Actions{ return ice.MergeActions(ice.Actions{
mdb.INPUTS: {Hand: func(m *ice.Message, arg ...string) {
switch mdb.HashInputs(m, arg); arg[0] {
case mdb.NAME:
m.Cmd(nfs.DIR, "usr/icons/", func(value ice.Maps) { m.Push(arg[0], kit.TrimExt(value[nfs.PATH], nfs.PNG)) })
case mdb.ICON:
m.Cmd(nfs.DIR, "usr/icons/", func(value ice.Maps) { m.Push(arg[0], value[nfs.PATH]) })
}
}},
mdb.SELECT: {Name: "list hash auto create", Hand: func(m *ice.Message, arg ...string) { mdb.HashSelect(m, arg...).Display(file) }}, mdb.SELECT: {Name: "list hash auto create", Hand: func(m *ice.Message, arg ...string) { mdb.HashSelect(m, arg...).Display(file) }},
}, ctx.CmdAction(), mdb.HashAction(mdb.SHORT, kit.Select("", arg, 0), mdb.FIELD, kit.Select("time,hash,type,name,icon,index,args", arg, 1), kit.Slice(arg, 2))) }, ctx.CmdAction(), mdb.HashAction(mdb.SHORT, kit.Select("", arg, 0), mdb.FIELD, kit.Select("time,hash,type,name,icon,index,args", arg, 1), kit.Slice(arg, 2)))
} }

2
src/macosx/macosx.shy
View File

@ -8,6 +8,4 @@ desktop
safari safari
preview preview
terminal terminal
settings
notifications
` `

6
src/macosx/menu.js
View File

@ -1,10 +1,4 @@
Volcanos(chat.ONIMPORT, {_init: function(can, msg) { msg.Dump(can), can.page.Append(can, can._output, can.user.header(can)) Volcanos(chat.ONIMPORT, {_init: function(can, msg) { msg.Dump(can), can.page.Append(can, can._output, can.user.header(can))
false && can.page.Append(can, can._output, [{view: ["icon", "", "notifications"], onclick: function(event) {
can.sup.onexport.record(can, "notifications", mdb.NAME, {})
}}])
false && can.page.Append(can, can._output, [{view: ["icon", "", "controls"], onclick: function(event) {
can.sup.onexport.record(can, "controls", mdb.NAME, {})
}}])
can.page.Append(can, can._output, [{view: ["icon"], list: [{img: "/require/usr/icons/menu.png"}], onclick: function(event) { can.page.Append(can, can._output, [{view: ["icon"], list: [{img: "/require/usr/icons/menu.png"}], onclick: function(event) {
can.sup.onexport.record(can, "controls", mdb.NAME, {}) can.sup.onexport.record(can, "controls", mdb.NAME, {})
}}]) }}])

7
src/macosx/notifications.go
View File

@ -1,7 +0,0 @@
package macosx
import ice "shylinux.com/x/icebergs"
const NOTIFICATIONS = "notifications"
func init() { Index.MergeCommands(ice.Commands{NOTIFICATIONS: {Actions: CmdHashAction()}}) }

3
src/macosx/notifications.js
View File

@ -1,3 +0,0 @@
Volcanos(chat.ONIMPORT, {_init: function(can, msg) {
msg.Dump(can)
}})

7
src/macosx/settings.go
View File

@ -1,7 +0,0 @@
package macosx
import ice "shylinux.com/x/icebergs"
const SETTINGS = "settings"
func init() { Index.MergeCommands(ice.Commands{SETTINGS: {Actions: CmdHashAction()}}) }

17
src/template/web.chat.header/black.css Normal file
View File

@ -0,0 +1,17 @@
body.black { background-color:black; color:cyan; }
body.black legend { background-color:#243783bd; }
body.black input { background-color:#243783bd; color:cyan; outline:none; }
body.black textarea { background-color:#243783bd; color:cyan; outline:none; }
body.black table.content th { background-color:steelblue; }
body.black table.content.action td:last-child { background-color:steelblue; }
body.black div.output { background-color:unset; }
body.black fieldset>div.status { border-top:darkcyan solid 1px; }
body.black fieldset:not(.panel):not(.float):not(.full) { background-color:#061c3c9e; }
body.black fieldset.panel:not(.main):not(.auto) { background-color:unset; }
body.black fieldset.panel:not(.main):not(.auto)>div.output { background-color:unset; }
body.black div.float { background-color:#061c3ceb; }
body.black div.zone>div.item { background-color:steelblue; color:white; }
body.black div.zone>div.list>div.zone>div.item { background-color:#09466fc2; }
body.black div.tabs div:hover { background-color:unset; color:white }
body.black div.tabs div.select { background-color:unset; color:white }
body.black select, body.black input[type=text], body.black textarea { box-shadow:4px 4px 20px 4px #626bd0; }

109
src/template/web.chat.header/dark.css
View File

@ -1,71 +1,44 @@
body.dark { color:silver } body.dark { background-color:black; color:silver; }
body.dark legend { background-color:#212121;color:silver;border-radius:5px;outline:none;box-shadow:none;background-color:#212121 } body.dark legend { background-color:#212121; border-radius:5px; }
body.dark legend:hover { color:white } body.dark legend:hover { color:white }
body.dark select { background-color:#212121;color:silver;border-radius:5px;outline:none;box-shadow:none; } body.dark input { background-color:#232526; color:silver; border-radius:5px; }
body.dark select:hover { color:white }
body.dark input { background-color:#212121;color:silver;border-radius:5px;outline:none;box-shadow:none; }
body.dark input:hover { color:white } body.dark input:hover { color:white }
body.dark input:not([type=button]) { border-radius:0 } body.dark input:not([type=button]) { border-radius:0; }
body.dark input:not([type=button]):hover { border:blue solid 1px } body.dark input:not([type=button]):hover { border:blue solid 1px; }
body.dark input:not([type=button]):focus { border:blue solid 1px } body.dark input:not([type=button]):focus { border:blue solid 1px; outline:none; }
body.dark input.select:focus { border:blue solid 1px } body.dark textarea { background-color:#232526; color:silver; }
body.dark input.select:hover { border:blue solid 1px } body.dark table.content tr:hover { background-color:black; color:white; }
body.dark textarea:focus { border:blue solid 1px } body.dark table.content th { background-color:black; }
body.dark textarea:hover { border:blue solid 1px } body.dark table.content td:hover { background-color:black; }
body.dark textarea { background-color:#212121;color:silver;border-radius:5px;outline:none;box-shadow:none } body.dark table.content td.select { background-color:black; }
body.dark textarea { border-radius:0 } body.dark table.content.action td:last-child { background-color:black; }
body.dark form.option div.item.select { background-color:transparent } body.dark tr.line:hover { background-color:black; }
body.dark form.option div.item:hover { background-color:transparent } body.dark tr.line.select { background-color:black; }
body.dark div.action div.item.select { background-color:transparent } body.dark h1:hover { background-color:black; color:white; }
body.dark div.action div.item:hover { background-color:transparent } body.dark h2:hover { background-color:black; color:white; }
body.dark div.output { background-color:#0d1117 } body.dark h3:hover { background-color:black; color:white; }
body.dark div.status { background-color:black;color:silver } body.dark div.item:hover { background-color:#232526; color:white; }
body.dark div.item.select { background-color:#212121;color:white } body.dark div.item.select { background-color:#232526; color:white; }
body.dark div.item:hover { background-color:#212121;color:white } body.dark span.item:hover { background-color:black; color:white; }
body.dark span.item.select { background-color:#212121;color:white } body.dark span.item.select { background-color:black; color:white; }
body.dark span.item:hover { background-color:#212121;color:white } body.dark div.action div.tabs:hover { background-color:#232526; color:white; }
body.dark div.action div.tabs.select { background-color:#232526; color:white; }
body.dark div.output { background-color:#232526; }
body.dark fieldset>div.status { border-top:gray solid 1px }
body.dark fieldset:not(.panel) { background-color:black; border-radius:10px; }
body.dark fieldset.panel:not(.main) { background-color:black; }
body.dark fieldset.panel:not(.main)>div.output { background-color:black; }
body.dark fieldset.input div.output { background-color:black; }
body.dark fieldset.input tr:hover { background-color:#232526; }
body.dark fieldset.input td:hover { background-color:#232526; }
body.dark div.float { background-color:black; }
body.dark div.carte div.item { background-color:black; }
body.dark div.carte div.item:hover { background-color:#232526; }
body.dark div.zone>div.item { background-color:black; }
body.dark div.zone>div.list>div.zone>div.item { background-color:black; }
body.dark div.tabs div { background-color:black } body.dark div.tabs div { background-color:black }
body.dark div.tabs div:hover { background-color:#0d1117; color:white } body.dark div.tabs div:hover { background-color:#232526; color:white }
body.dark div.tabs div.select { background-color:#0d1117; color:white } body.dark div.tabs div.select { background-color:#232526; color:white }
body.dark div.action div.tabs:hover { background-color:#0d1117; color:white } body.dark div.plug legend { background-color:#232526 }
body.dark div.action div.tabs.select { background-color:#0d1117; color:white } body.dark div.plug legend.select { background-color:black; }
body.dark div.path { background-color:#0d1117 } body.dark div.complete>table { background-color:black; }
body.dark div.path span:hover { background-color:#212121;color:white }
body.dark div.plug legend { background-color:#0d1117 }
body.dark div.plug legend.select { background-color:black;border-radius:10px }
body.dark div.zone>div.item { background-color:black;color:silver }
body.dark div.zone>div.item:hover { background-color:black;color:white }
body.dark div.zone>div.list>div.zone>div.item { background-color:black;color:silver }
body.dark div.zone>div.list>div.zone>div.item:hover { background-color:black;color:white }
body.dark div.zone div.item>div.name:hover { color:white }
body.dark tr.line.select { background-color:#212121; }
body.dark tr.line:hover { background-color:#212121; }
body.dark tr.line>td.line { background-color:#0d1117 }
body.dark tr.line.select>td.line { background-color:#212121; }
body.dark div.complete>table { background-color:black;color:silver }
body.dark table.content tr:hover { color:white;background-color:black }
body.dark table.content th { background-color:black;color:silver }
body.dark table.content.action td:last-child { background-color:black;color:silver }
body.dark table.content td.select { background-color:#0d1117 }
body.dark table.content td:hover { background-color:#0d1117 }
body.dark h1:hover { background-color:#212121;color:white }
body.dark h2:hover { background-color:#212121;color:white }
body.dark h3:hover { background-color:#212121;color:white }
body.dark a { color:blue }
body.dark label { color:silver }
body.dark fieldset.panel { background-color:black;color:silver }
body.dark fieldset.panel>div.output { background-color:black;color:silver }
body.dark fieldset.panel.Action div.output { background-color:#0d1117; }
body.dark fieldset.plugin { background-color:black;border-radius:10px; }
body.dark fieldset.plugin >div.status { border-top:gray solid 1px }
body.dark fieldset.story { background-color:black;border-radius:10px; }
body.dark fieldset.story >div.status { border-top:gray solid 1px }
body.dark fieldset.input { background-color:black;border-radius:10px }body.dark fieldset.input div.output { background-color:black;border-radius:10px }
body.dark fieldset.input { border-radius:0 }
body.dark fieldset.input td.select { background-color:#0d1117 }
body.dark fieldset.input td:hover { background-color:#212121 }
body.dark fieldset.input tr:hover { background-color:#0d1117 }
body.dark fieldset.float { background-color:black;border-radius:10px }
body.dark div.float { background-color:black;border-radius:10px }
body.dark div.carte div.item { background-color:black;color:silver; }
body.dark div.carte div.item:hover { background-color:#212121;color:white }

116
src/template/web.chat.header/light.css
View File

@ -1,68 +1,52 @@
body.light { background-color:#4a566e; color:black } body.light legend { background-color:lightsteelblue; border-radius:5px; }
body.light legend { background-color:white;color:black;border-radius:5px;outline:none;box-shadow:none;background-color:lightsteelblue } body.light select { border-radius:5px; }
body.light legend:hover { color:black } body.light input { background-color:white; border-radius:5px; }
body.light select { background-color:white;color:black;border-radius:5px;outline:none;box-shadow:none } body.light input:not([type=button]) { border-radius:0; }
body.light select:hover { color:black } body.light input:not([type=button]):hover { border:blue solid 1px; }
body.light input { background-color:white;color:black;border-radius:5px;outline:none;box-shadow:none } body.light input:not([type=button]):focus { border:blue solid 1px; outline:none; }
body.light input:hover { color:black } body.light table.content tr:hover { background-color:aliceblue; }
body.light input:not([type=button]) { border-radius:0 } body.light table.content th { background-color:aliceblue; }
body.light input:not([type=button]):hover { border:blue solid 1px } body.light table.content td:hover { background-color:aliceblue; }
body.light input:not([type=button]):focus { border:blue solid 1px } body.light table.content td.select { background-color:aliceblue; }
body.light input.select:focus { border:blue solid 1px } body.light table.content.action td:last-child { background-color:aliceblue; }
body.light input.select:hover { border:blue solid 1px }
body.light textarea:focus { border:blue solid 1px }
body.light textarea:hover { border:blue solid 1px }
body.light textarea { background-color:white;color:black;border-radius:5px;outline:none;box-shadow:none }
body.light textarea { border-radius:0 }
body.light form.option div.item.select { background-color:transparent }
body.light form.option div.item:hover { background-color:transparent }
body.light div.output { background-color:white }
body.light div.status { background-color:aliceblue;color:black }
body.light div.item.select { background-color:aliceblue;color:black }
body.light div.item:hover { background-color:aliceblue;color:black }
body.light span.item.select { background-color:aliceblue;color:black }
body.light span.item:hover { background-color:aliceblue;color:black }
body.light div.tabs div { background-color:aliceblue }
body.light div.tabs div:hover { background-color:white; color:black }
body.light div.tabs div.select { background-color:white; color:black }
body.light div.action div.tabs:hover { background-color:white; color:black }
body.light div.action div.tabs.select { background-color:white; color:black }
body.light div.path span:hover { background-color:aliceblue;color:black }
body.light div.plug legend { background-color:white }
body.light div.plug legend.select { background-color:aliceblue;border-radius:10px }
body.light div.zone>div.item { background-color:aliceblue;color:black }
body.light div.zone>div.item:hover { background-color:aliceblue;color:black }
body.light div.zone>div.list>div.zone>div.item { background-color:aliceblue;color:black }
body.light div.zone>div.list>div.zone>div.item:hover { background-color:aliceblue;color:black }
body.light div.zone div.item>div.name:hover { color:black }
body.light tr.line.select { background-color:aliceblue; }
body.light tr.line:hover { background-color:aliceblue; } body.light tr.line:hover { background-color:aliceblue; }
body.light tr.line>td.line { background-color:white } body.light tr.line.select { background-color:aliceblue; }
body.light tr.line.select>td.line { background-color:aliceblue; } body.light h1:hover { background-color:aliceblue; }
body.light div.complete>table { background-color:aliceblue;color:black } body.light h2:hover { background-color:aliceblue; }
body.light table.content tr:hover { color:black;background-color:aliceblue } body.light h3:hover { background-color:aliceblue; }
body.light table.content th { background-color:aliceblue;color:black } body.light div.item:hover { background-color:aliceblue; }
body.light table.content.action td:last-child { background-color:aliceblue;color:black } body.light div.item.select { background-color:aliceblue; }
body.light table.content td.select { background-color:white } body.light span.item:hover { background-color:aliceblue; }
body.light table.content td:hover { background-color:white } body.light span.item.select { background-color:aliceblue; }
body.light h1:hover { background-color:aliceblue;color:black } body.light form.option div.item:hover { background-color:white; }
body.light h2:hover { background-color:aliceblue;color:black } body.light form.option div.item.select { background-color:white; }
body.light h3:hover { background-color:aliceblue;color:black } body.light div.action div.tabs:hover { background-color:white; }
body.light a { color:blue } body.light div.action div.tabs.select { background-color:white; }
body.light label { color:black } body.light div.output { background-color:white; }
body.light fieldset.panel { background-color:white;color:black } body.light fieldset>div.status { border-top:transparent solid 1px; }
body.light fieldset.panel>div.output { background-color:white;color:black } body.light fieldset:not(.panel) { background-color:aliceblue; color:black; border-radius:10px; }
body.light fieldset.panel.Action div.output { background-color:white; } body.light fieldset.panel:not(.main) { background-color:#4a566e; color:#d0d3da; }
body.light fieldset.plugin { background-color:aliceblue;border-radius:10px; } body.light fieldset.panel:not(.main)>div.output { background-color:#4a566e; color:#d0d3da; }
body.light fieldset.plugin >div.status { border-top:transparent solid 1px } body.light fieldset.panel:not(.main)>div.output fieldset>div.output { color:black; }
body.light fieldset.story { background-color:aliceblue;border-radius:10px; } body.light fieldset.panel:not(.main)>div.output div.state:hover { background-color:#2b3446; color:white; }
body.light fieldset.story >div.status { border-top:transparent solid 1px } body.light fieldset.panel:not(.main)>div.output div.title:hover { background-color:#2b3446; color:white; }
body.light fieldset.input { background-color:aliceblue;border-radius:10px }body.light fieldset.input div.output { background-color:aliceblue;border-radius:10px } body.light fieldset.panel:not(.main)>div.output div.menu:hover { background-color:#2b3446; color:white; }
body.light fieldset.input { border-radius:0 } body.light fieldset.panel:not(.main):not(.auto) div.item:hover { background-color:#2b3446; color:white; }
body.light fieldset.input td.select { background-color:white } body.light fieldset.panel:not(.main):not(.auto) div.item.select { background-color:#2b3446; color:white; }
body.light fieldset.input td:hover { background-color:aliceblue } body.light fieldset.panel:not(.main):not(.auto) input { background-color:#6b7488; color:white; border-radius:5px; }
body.light fieldset.input tr:hover { background-color:white } body.light fieldset.panel:not(.main)>div.output>div.item>input::placeholder { background-color:#6b7488; color:#d0d3da; }
body.light fieldset.float { background-color:aliceblue;border-radius:10px } body.light fieldset.panel:not(.main) label { color:#d0d3da; }
body.light fieldset.input div.output { background-color:aliceblue; }
body.light fieldset.input tr:hover { background-color:white; }
body.light fieldset.input td:hover { background-color:white; }
body.light div.float { background-color:aliceblue; } body.light div.float { background-color:aliceblue; }
body.light div.carte div.item { background-color:aliceblue;color:black; } body.light div.carte div.item { background-color:aliceblue; }
body.light div.carte div.item:hover { background-color:white;color:black } body.light div.carte div.item:hover { background-color:white; }
body.light div.zone>div.item { background-color:aliceblue; }
body.light div.zone>div.list>div.zone>div.item { background-color:aliceblue; }
body.light div.tabs div { background-color:aliceblue; }
body.light div.tabs div:hover { background-color:white; }
body.light div.tabs div.select { background-color:white; }
body.light div.plug legend { background-color:white }
body.light div.plug legend.select { background-color:aliceblue; }
body.light div.complete>table { background-color:aliceblue; }

45
src/template/web.chat.header/mobile.css Normal file
View File

@ -0,0 +1,45 @@
body.mobile legend { font-size:1.4rem; height:32px; }
body.mobile input:not([type=file]) { margin-right:0px; }
body.mobile form.option>div.item { margin:0; height:32px; }
body.mobile form.option>div.item.icon { font-size:32px; padding:2px 4px; }
body.mobile form.option>div.item.icon.prev { font-size:26px; }
body.mobile form.option>div.item.icon.next { font-size:26px; }
body.mobile form.option>div.item.textarea { height:unset; }
body.mobile form.option>div.item.button>input { display:none; }
body.mobile form.option>div.button.icons>input { display:none; }
body.mobile form.option>div.button>span.icon { line-height:32px; font-size:32px; height:32px; }
body.mobile fieldset>div.status { max-height:32px; }
body.mobile div.item.text>span.icon.delete { top:4px; }
body.mobile div.action>div.item { margin:0; height:32px; }
body.mobile div.carte div.item { padding:10px; }
body.mobile table.content th { padding:6px; }
body.mobile table.content { width:100%; }
body.mobile fieldset:not(.panel):not(.input):not(.play)>div.action { display:none; }
body.mobile fieldset.plugin:not(.float):not(.full):not(.cmd) { margin:10px 0; }
body.mobile fieldset.Action>div.output>fieldset.plugin:not(.float):not(.full):not(.cmd)>legend { margin:10px; }
body.mobile fieldset.Header { padding:0; width:100%; position:fixed; top:0; }
body.mobile.landscape fieldset.Header { position:unset; }
body.mobile fieldset.Header>div.output { font-size:1.4rem; line-height:48px; height:48px; }
body.mobile fieldset.Header div.output div.search { padding:0; height:48px; width:100%; margin:0; }
body.mobile fieldset.Header div.output div.search>input { font-size:2.2rem; background-color:#21181838; color:white; height:53px; width:100%; }
body.mobile fieldset.Header div.output div.item.text.title.search { display:none; }
body.mobile fieldset.Header div.output div.item:not(.avatar) { padding:0px 10px; }
body.mobile fieldset.Search>div.action>div.item.filter>input { width:100%; }
body.mobile fieldset.River { min-width:240px; position:fixed; top:48px; z-index:10; }
body.mobile fieldset.River>div.output { font-size:1.4rem; width:320px; }
body.mobile fieldset.Action { margin-top:48px; }
body.mobile.landscape fieldset.Action { margin-top:0; }
body.mobile fieldset.Action.cmd { margin-top:0; margin-bottom:0; }
body.mobile fieldset.Action>div.output { overflow-x:hidden; }
body.mobile fieldset.Action>div.output>fieldset.plugin:not(.output):not(.float):not(.full):not(.cmd) { padding:0px; }
body.mobile fieldset.Footer { font-size:1.4rem; height:48px; width:100%; position:fixed; bottom:0; }
body.mobile fieldset.Footer div.output { height:48px; }
body.mobile fieldset.Footer div.output div { height:48px; }
body.mobile fieldset.Footer input[name=cmd] { height:48px; }
body.mobile.landscape fieldset.Footer { display:none; }
body.mobile fieldset.Footer { display:none; }
body.mobile fieldset.input.date div.output td { padding:8px 20px; }
body.mobile fieldset.word.float>div.output>div.project { top:32px; }
body.mobile fieldset.word>div.output { overflow-x:hidden; }
body.mobile fieldset.word>div.output>fieldset.story>form.option>div.text { display:none; }
body.mobile fieldset>div.status { overflow:hidden; }

12
src/template/web.chat.header/white.css Normal file
View File

@ -0,0 +1,12 @@
body.white { color:black; }
body.white legend { color:white; }
body.white input { background-color:#ffffff7d; color:black; }
body.white textarea { background-color:white; color:black; }
body.white table.content tr:hover { background-color:skyblue; }
body.white table.content th { background-color:skyblue; }
body.white table.content td:hover { background-color:skyblue; }
body.white table.content.action td:last-child { background-color:skyblue; }
body.white fieldset:not(.panel):not(.float):not(.full) { background-color:#ffffffa1; }
body.white fieldset.float { background-color:aliceblue; }
body.white fieldset.full { background-color:aliceblue; }
body.white div.float { background-color:aliceblue; }