mirror of
https://github.com/antos-rde/antosdk-apps.git
synced 2025-07-23 17:29:51 +02:00
move some optional packages to new repository
This commit is contained in:
Xuan Sang LE
3
ShowCase/README.md
Normal file
3
ShowCase/README.md
Normal file
@ -0,0 +1,3 @@
|
||||
# AntOS showcase
|
||||
|
||||
This application demonstrates the basic GUI features supported by AntOS
|
||||
50
ShowCase/assets/scheme.html
Normal file
50
ShowCase/assets/scheme.html
Normal file
@ -0,0 +1,50 @@
|
||||
<afx-app-window data-id="example-show-case" apptitle="AntOS GUI widgets" width="650" height="500">
|
||||
<afx-vbox>
|
||||
<afx-menu data-height="30" data-id="menu" />
|
||||
<afx-tab-container data-id="tabctn" tabbarheight= "30">
|
||||
|
||||
<afx-hbox tabname="Widgets">
|
||||
<afx-vbox data-width="150">
|
||||
<afx-tree-view data-id="tree" dragndrop="true" />
|
||||
<afx-slider data-id="slider" data-height="30" value="50"/>
|
||||
</afx-vbox>
|
||||
<afx-resizer data-width="5" />
|
||||
<afx-vbox data-width="grow">
|
||||
<afx-hbox min-height="50">
|
||||
<afx-switch data-id="switch" />
|
||||
<afx-button text="__(This is the label)"
|
||||
data-id="bttest"
|
||||
iconclass="fa fa-camera-retro fa-lg"
|
||||
icon="os://packages/DummyApp/icon.png"/>
|
||||
<afx-nspinner data-id="spin" value="10" step="2" />
|
||||
</afx-hbox>
|
||||
<afx-resizer data-height="5" />
|
||||
<afx-hbox>
|
||||
<afx-list-view data-id="list" dropdown="false" multiselect="true" />
|
||||
</afx-hbox>
|
||||
<afx-hbox data-height="150">
|
||||
<afx-grid-view data-id="grid" multiselect="false" />
|
||||
</afx-hbox>
|
||||
</afx-vbox>
|
||||
</afx-hbox>
|
||||
<afx-hbox tabname="Calendar & color picker">
|
||||
<afx-calendar-view data-id = "cal"/>
|
||||
<afx-color-picker data-id = "cpk"/>
|
||||
</afx-hbox>
|
||||
<afx-hbox tabname="File view">
|
||||
<afx-vbox>
|
||||
<afx-file-view data-id = "fileview" view="icon" />
|
||||
<afx-list-view data-id = "viewoption" data-height="30" dropdown="true" />
|
||||
</afx-vbox>
|
||||
</afx-hbox>
|
||||
|
||||
<afx-hbox tabname="Dialogs">
|
||||
<afx-vbox>
|
||||
<afx-list-view data-id = "dialoglist"/>
|
||||
<afx-button data-id = "btrundia" text="Run dialog" data-height="30"/>
|
||||
</afx-vbox>
|
||||
</afx-hbox>
|
||||
|
||||
</afx-tab-container>
|
||||
</afx-vbox>
|
||||
</afx-app-window>
|
||||
3
ShowCase/build/debug/README.md
Normal file
3
ShowCase/build/debug/README.md
Normal file
@ -0,0 +1,3 @@
|
||||
# AntOS showcase
|
||||
|
||||
This application demonstrates the basic GUI features supported by AntOS
|
||||
1
ShowCase/build/debug/main.css
Normal file
1
ShowCase/build/debug/main.css
Normal file
@ -0,0 +1 @@
|
||||
|
||||
588
ShowCase/build/debug/main.js
Normal file
588
ShowCase/build/debug/main.js
Normal file
@ -0,0 +1,588 @@
|
||||
(function() {
|
||||
void 0;
|
||||
var Ant, ShowCase;
|
||||
|
||||
Ant = this;
|
||||
|
||||
ShowCase = class ShowCase extends this.OS.GUI.BaseApplication {
|
||||
constructor(args) {
|
||||
super("ShowCase", args);
|
||||
}
|
||||
|
||||
main() {
|
||||
var bt, btrun, cal, dllist, fileview, grid, list, menu, pk, slider, spin, sw, tdata, tree, viewoption;
|
||||
bt = this.find('bttest');
|
||||
bt.set("onbtclick", (e) => {
|
||||
return this.error("test error");
|
||||
});
|
||||
this.observable.on("btclick", (e) => {
|
||||
return this.notify("button clicked");
|
||||
});
|
||||
this.observable.on("menuselect", (e) => {
|
||||
return this.notify(e.id);
|
||||
});
|
||||
list = this.find('list');
|
||||
list.set("data", [
|
||||
{
|
||||
text: "some thing with avery long text"
|
||||
},
|
||||
{
|
||||
text: "some thing 1",
|
||||
closable: true
|
||||
},
|
||||
{
|
||||
text: "some thing 2",
|
||||
iconclass: "fa fa-camera-retro fa-lg"
|
||||
},
|
||||
{
|
||||
text: "some thing 3"
|
||||
},
|
||||
{
|
||||
text: "some thing 4"
|
||||
},
|
||||
{
|
||||
text: "some thing 5"
|
||||
}
|
||||
]);
|
||||
list.unshift({
|
||||
text: "shifted el"
|
||||
});
|
||||
list.set("onlistselect", (e) => {
|
||||
return this.notify(e.data.items);
|
||||
});
|
||||
sw = this.find('switch');
|
||||
sw.set("onchange", (e) => {
|
||||
return this.notify(e.data);
|
||||
});
|
||||
spin = this.find('spin');
|
||||
spin.set("onchange", (e) => {
|
||||
return this.notify(e.data);
|
||||
});
|
||||
menu = this.find('menu');
|
||||
menu.set("items", this.menu());
|
||||
list.contextmenuHandle = (e, m) => {
|
||||
m.set("items", this.menu());
|
||||
return m.show(e);
|
||||
};
|
||||
grid = this.find('grid');
|
||||
grid.set("oncelldbclick", (e) => {
|
||||
return this.notify("on dbclick", e);
|
||||
});
|
||||
grid.set("onrowselect", (e) => {
|
||||
return this.notify("on rowselect", e.data.items);
|
||||
});
|
||||
this.observable.on("cellselect", function(e) {
|
||||
return console.log("observable", e);
|
||||
});
|
||||
grid.set("header", [
|
||||
{
|
||||
text: "header1",
|
||||
width: 80
|
||||
},
|
||||
{
|
||||
text: "header2"
|
||||
},
|
||||
{
|
||||
text: "header3"
|
||||
}
|
||||
]);
|
||||
grid.set("rows", [
|
||||
[
|
||||
{
|
||||
text: "text 1"
|
||||
},
|
||||
{
|
||||
text: "text 2"
|
||||
},
|
||||
{
|
||||
text: "text 3"
|
||||
}
|
||||
],
|
||||
[
|
||||
{
|
||||
text: "text 4"
|
||||
},
|
||||
{
|
||||
text: "text 5"
|
||||
},
|
||||
{
|
||||
text: "text 6"
|
||||
}
|
||||
],
|
||||
[
|
||||
{
|
||||
text: "text 7"
|
||||
},
|
||||
{
|
||||
text: "text 8"
|
||||
},
|
||||
{
|
||||
text: "text 9"
|
||||
}
|
||||
],
|
||||
[
|
||||
{
|
||||
text: "text 7"
|
||||
},
|
||||
{
|
||||
text: "Subgrid on columns and rows. Subgrid on columns, implicit grid rows. Subgrid on rows, defined column tracks"
|
||||
},
|
||||
{
|
||||
text: "text 9"
|
||||
}
|
||||
],
|
||||
[
|
||||
{
|
||||
text: "text 7"
|
||||
},
|
||||
{
|
||||
text: "text 8"
|
||||
},
|
||||
{
|
||||
text: "text 9"
|
||||
}
|
||||
],
|
||||
[
|
||||
{
|
||||
text: "text 7"
|
||||
},
|
||||
{
|
||||
text: "text 8"
|
||||
},
|
||||
{
|
||||
text: "text 9"
|
||||
}
|
||||
],
|
||||
[
|
||||
{
|
||||
text: "text 7"
|
||||
},
|
||||
{
|
||||
text: "text 8"
|
||||
},
|
||||
{
|
||||
text: "text 9"
|
||||
}
|
||||
],
|
||||
[
|
||||
{
|
||||
text: "text 7"
|
||||
},
|
||||
{
|
||||
text: "text 8"
|
||||
},
|
||||
{
|
||||
text: "text 9"
|
||||
}
|
||||
],
|
||||
[
|
||||
{
|
||||
text: "text 7"
|
||||
},
|
||||
{
|
||||
text: "text 8"
|
||||
},
|
||||
{
|
||||
text: "text 9"
|
||||
}
|
||||
],
|
||||
[
|
||||
{
|
||||
text: "text 7"
|
||||
},
|
||||
{
|
||||
text: "text 8"
|
||||
},
|
||||
{
|
||||
text: "text 9"
|
||||
}
|
||||
],
|
||||
[
|
||||
{
|
||||
text: "text 7"
|
||||
},
|
||||
{
|
||||
text: "text 8"
|
||||
},
|
||||
{
|
||||
text: "text 9"
|
||||
}
|
||||
]
|
||||
]);
|
||||
tdata = {
|
||||
name: 'My Tree',
|
||||
nodes: [
|
||||
{
|
||||
name: 'hello',
|
||||
iconclass: 'fa fa-car'
|
||||
},
|
||||
{
|
||||
name: 'wat'
|
||||
},
|
||||
{
|
||||
name: 'child folder',
|
||||
nodes: [
|
||||
{
|
||||
name: 'child folder',
|
||||
nodes: [
|
||||
{
|
||||
name: 'hello'
|
||||
},
|
||||
{
|
||||
name: 'wat'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'hello'
|
||||
},
|
||||
{
|
||||
name: 'wat'
|
||||
},
|
||||
{
|
||||
name: 'child folder',
|
||||
nodes: [
|
||||
{
|
||||
name: 'hello'
|
||||
},
|
||||
{
|
||||
name: 'wat'
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
};
|
||||
tree = this.find('tree');
|
||||
tree.set("data", tdata);
|
||||
tree.set("ontreeselect", (e) => {
|
||||
return this.notify(e.data.item.get("treepath"));
|
||||
});
|
||||
tree.set("ontreedbclick", (e) => {
|
||||
return this.notify("treedbclick", e);
|
||||
});
|
||||
this.observable.on("treedbclick", (e) => {
|
||||
return this.notify("observable treedbclick", e);
|
||||
});
|
||||
slider = this.find('slider');
|
||||
slider.set("onchange", (v) => {
|
||||
return this.notify(v);
|
||||
});
|
||||
cal = this.find('cal');
|
||||
cal.set("ondateselect", (e) => {
|
||||
return this.notify(e);
|
||||
});
|
||||
pk = this.find('cpk');
|
||||
pk.set("oncolorselect", (e) => {
|
||||
return this.notify(e);
|
||||
});
|
||||
pk.set("oncolorselect", (e) => {
|
||||
return this.notify(e);
|
||||
});
|
||||
fileview = this.find('fileview');
|
||||
fileview.set("fetch", function(path) {
|
||||
return new Promise(function(resolve, reject) {
|
||||
var dir;
|
||||
dir = path.asFileHandle();
|
||||
return dir.read().then(function(d) {
|
||||
var p;
|
||||
p = dir.parent().asFileHandle();
|
||||
p.filename = "[..]";
|
||||
p.type = "dir";
|
||||
if (d.error) {
|
||||
return reject(d.error);
|
||||
}
|
||||
d.result.unshift(p);
|
||||
return resolve(d.result);
|
||||
});
|
||||
});
|
||||
});
|
||||
fileview.set("path", "home:///");
|
||||
viewoption = this.find('viewoption');
|
||||
viewoption.set("data", [
|
||||
{
|
||||
text: "icon"
|
||||
},
|
||||
{
|
||||
text: "list"
|
||||
},
|
||||
{
|
||||
text: "tree"
|
||||
}
|
||||
]);
|
||||
viewoption.set("onlistselect", (e) => {
|
||||
this.notify(e.data.item.get("data").text);
|
||||
return fileview.set("view", e.data.item.get("data").text);
|
||||
});
|
||||
dllist = this.find("dialoglist");
|
||||
btrun = this.find("btrundia");
|
||||
dllist.set("data", [
|
||||
{
|
||||
text: "Prompt dialog",
|
||||
id: "prompt"
|
||||
},
|
||||
{
|
||||
text: "Calendar dialog",
|
||||
id: "calendar"
|
||||
},
|
||||
{
|
||||
text: "Color picker dialog",
|
||||
id: "colorpicker"
|
||||
},
|
||||
{
|
||||
text: "Info dialog",
|
||||
id: "info"
|
||||
},
|
||||
{
|
||||
text: "YesNo dialog",
|
||||
id: "yesno"
|
||||
},
|
||||
{
|
||||
text: "Selection dialog",
|
||||
id: "selection"
|
||||
},
|
||||
{
|
||||
text: "About dialog",
|
||||
id: "about"
|
||||
},
|
||||
{
|
||||
text: "File dialog",
|
||||
id: "file"
|
||||
}
|
||||
]);
|
||||
return btrun.set("onbtclick", (e) => {
|
||||
var item;
|
||||
item = dllist.get("selectedItem");
|
||||
if (!item) {
|
||||
return;
|
||||
}
|
||||
switch (item.get("data").id) {
|
||||
case "prompt":
|
||||
return this.openDialog("PromptDialog", {
|
||||
title: "Prompt review",
|
||||
value: "txt data",
|
||||
label: "enter value"
|
||||
}).then((d) => {
|
||||
return this.notify(d);
|
||||
});
|
||||
case "calendar":
|
||||
return this.openDialog("CalendarDialog", {
|
||||
title: "Calendar"
|
||||
}).then((d) => {
|
||||
return this.notify(d);
|
||||
});
|
||||
case "colorpicker":
|
||||
return this.openDialog("ColorPickerDialog").then((d) => {
|
||||
return this.notify(d);
|
||||
});
|
||||
case "info":
|
||||
return this.openDialog("InfoDialog", {
|
||||
title: "Info application",
|
||||
name: "Show case",
|
||||
date: "10/12/2014",
|
||||
description: "the brown fox jumps over the lazy dog"
|
||||
}).then(function(d) {});
|
||||
case "yesno":
|
||||
return this.openDialog("YesNoDialog", {
|
||||
title: "Question ?",
|
||||
text: "Do you realy want to delete file ?"
|
||||
}).then((d) => {
|
||||
return this.notify(d);
|
||||
});
|
||||
case "selection":
|
||||
return this.openDialog("SelectionDialog", {
|
||||
title: "Select data ?",
|
||||
data: [
|
||||
{
|
||||
text: "Option 1"
|
||||
},
|
||||
{
|
||||
text: "Option 2"
|
||||
},
|
||||
{
|
||||
text: "Option 3",
|
||||
iconclass: "fa fa-camera-retro fa-lg"
|
||||
}
|
||||
]
|
||||
}).then((d) => {
|
||||
return this.notify(d.text);
|
||||
});
|
||||
case "about":
|
||||
return this.openDialog("AboutDialog").then((d) => {});
|
||||
case "file":
|
||||
return this.openDialog("FileDialog", {
|
||||
title: "Select file ?",
|
||||
//root: "home:///",
|
||||
mimes: ["text/*", "dir"],
|
||||
file: "Untitled".asFileHandle()
|
||||
}).then((f, name) => {
|
||||
return this.notify(f, name);
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
mnFile() {
|
||||
var arr;
|
||||
//@notify file
|
||||
arr = {
|
||||
text: "__(File)",
|
||||
child: [
|
||||
{
|
||||
text: "__(New file)",
|
||||
dataid: `${this.name}-mkf`,
|
||||
shortcut: 'C-F'
|
||||
},
|
||||
{
|
||||
text: "__(New folder)",
|
||||
dataid: `${this.name}-mkdir`,
|
||||
shortcut: 'C-D'
|
||||
},
|
||||
{
|
||||
text: "__(Open with)",
|
||||
dataid: `${this.name}-open`,
|
||||
child: this.apps
|
||||
},
|
||||
{
|
||||
text: "__(Upload)",
|
||||
dataid: `${this.name}-upload`,
|
||||
shortcut: 'C-U'
|
||||
},
|
||||
{
|
||||
text: "__(Download)",
|
||||
dataid: `${this.name}-download`
|
||||
},
|
||||
{
|
||||
text: "__(Share file)",
|
||||
dataid: `${this.name}-share`,
|
||||
shortcut: 'C-S'
|
||||
},
|
||||
{
|
||||
text: "__(Properties)",
|
||||
dataid: `${this.name}-info`,
|
||||
shortcut: 'C-I'
|
||||
}
|
||||
],
|
||||
onchildselect: (e) => {
|
||||
return this.notify("child", e);
|
||||
}
|
||||
};
|
||||
return arr;
|
||||
}
|
||||
|
||||
mnEdit() {
|
||||
return {
|
||||
text: "__(Edit)",
|
||||
child: [
|
||||
{
|
||||
text: "__(Rename)",
|
||||
dataid: `${this.name}-mv`,
|
||||
shortcut: 'C-R'
|
||||
},
|
||||
{
|
||||
text: "__(Delete)",
|
||||
dataid: `${this.name}-rm`,
|
||||
shortcut: 'C-M'
|
||||
},
|
||||
{
|
||||
text: "__(Cut)",
|
||||
dataid: `${this.name}-cut`,
|
||||
shortcut: 'C-X'
|
||||
},
|
||||
{
|
||||
text: "__(Copy)",
|
||||
dataid: `${this.name}-copy`,
|
||||
shortcut: 'C-C'
|
||||
},
|
||||
{
|
||||
text: "__(Paste)",
|
||||
dataid: `${this.name}-paste`,
|
||||
shortcut: 'C-P'
|
||||
}
|
||||
],
|
||||
onchildselect: (e) => {
|
||||
return console.log("child", e);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
menu() {
|
||||
var menu;
|
||||
menu = [
|
||||
this.mnFile(),
|
||||
this.mnEdit(),
|
||||
{
|
||||
text: "__(View)",
|
||||
child: [
|
||||
{
|
||||
text: "__(Refresh)",
|
||||
dataid: `${this.name}-refresh`,
|
||||
onmenuselect: function(e) {
|
||||
return console.log("select",
|
||||
e);
|
||||
}
|
||||
},
|
||||
{
|
||||
text: "__(Sidebar)",
|
||||
switch: true,
|
||||
checked: true
|
||||
},
|
||||
{
|
||||
text: "__(Navigation bar)",
|
||||
switch: true,
|
||||
checked: false
|
||||
},
|
||||
{
|
||||
text: "__(Hidden files)",
|
||||
switch: true,
|
||||
checked: true,
|
||||
dataid: `${this.name}-hidden`
|
||||
},
|
||||
{
|
||||
text: "__(Type)",
|
||||
child: [
|
||||
{
|
||||
text: "__(Icon view)",
|
||||
radio: true,
|
||||
checked: true,
|
||||
dataid: `${this.name}-icon`,
|
||||
type: 'icon'
|
||||
},
|
||||
{
|
||||
text: "__(List view)",
|
||||
radio: true,
|
||||
checked: false,
|
||||
dataid: `${this.name}-list`,
|
||||
type: 'list'
|
||||
},
|
||||
{
|
||||
text: "__(Tree view)",
|
||||
radio: true,
|
||||
checked: false,
|
||||
dataid: `${this.name}-tree`,
|
||||
type: 'tree'
|
||||
}
|
||||
],
|
||||
onchildselect: function(e) {
|
||||
return console.log("child",
|
||||
e);
|
||||
}
|
||||
}
|
||||
],
|
||||
onchildselect: (e) => {
|
||||
return console.log("child",
|
||||
e);
|
||||
}
|
||||
}
|
||||
];
|
||||
return menu;
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
ShowCase.singleton = true;
|
||||
|
||||
this.OS.register("ShowCase", ShowCase);
|
||||
|
||||
}).call(this);
|
||||
17
ShowCase/build/debug/package.json
Normal file
17
ShowCase/build/debug/package.json
Normal file
@ -0,0 +1,17 @@
|
||||
{
|
||||
"app":"ShowCase",
|
||||
"name": "ShowCase",
|
||||
"description":"AntOS 1.1.0a features showcase",
|
||||
"info":{
|
||||
"author": "Xuan Sang LE",
|
||||
"email": "xsang.le@gmail.com",
|
||||
"licences": "GPLv3"
|
||||
},
|
||||
"version":"0.0.1-a",
|
||||
"category":"Other",
|
||||
"mimes":["none"],
|
||||
"iconclass": "fa fa-delicious",
|
||||
"locales": {
|
||||
"en_GB": {}
|
||||
}
|
||||
}
|
||||
50
ShowCase/build/debug/scheme.html
Normal file
50
ShowCase/build/debug/scheme.html
Normal file
@ -0,0 +1,50 @@
|
||||
<afx-app-window data-id="example-show-case" apptitle="AntOS GUI widgets" width="650" height="500">
|
||||
<afx-vbox>
|
||||
<afx-menu data-height="30" data-id="menu" />
|
||||
<afx-tab-container data-id="tabctn" tabbarheight= "30">
|
||||
|
||||
<afx-hbox tabname="Widgets">
|
||||
<afx-vbox data-width="150">
|
||||
<afx-tree-view data-id="tree" dragndrop="true" />
|
||||
<afx-slider data-id="slider" data-height="30" value="50"/>
|
||||
</afx-vbox>
|
||||
<afx-resizer data-width="5" />
|
||||
<afx-vbox data-width="grow">
|
||||
<afx-hbox min-height="50">
|
||||
<afx-switch data-id="switch" />
|
||||
<afx-button text="__(This is the label)"
|
||||
data-id="bttest"
|
||||
iconclass="fa fa-camera-retro fa-lg"
|
||||
icon="os://packages/DummyApp/icon.png"/>
|
||||
<afx-nspinner data-id="spin" value="10" step="2" />
|
||||
</afx-hbox>
|
||||
<afx-resizer data-height="5" />
|
||||
<afx-hbox>
|
||||
<afx-list-view data-id="list" dropdown="false" multiselect="true" />
|
||||
</afx-hbox>
|
||||
<afx-hbox data-height="150">
|
||||
<afx-grid-view data-id="grid" multiselect="false" />
|
||||
</afx-hbox>
|
||||
</afx-vbox>
|
||||
</afx-hbox>
|
||||
<afx-hbox tabname="Calendar & color picker">
|
||||
<afx-calendar-view data-id = "cal"/>
|
||||
<afx-color-picker data-id = "cpk"/>
|
||||
</afx-hbox>
|
||||
<afx-hbox tabname="File view">
|
||||
<afx-vbox>
|
||||
<afx-file-view data-id = "fileview" view="icon" />
|
||||
<afx-list-view data-id = "viewoption" data-height="30" dropdown="true" />
|
||||
</afx-vbox>
|
||||
</afx-hbox>
|
||||
|
||||
<afx-hbox tabname="Dialogs">
|
||||
<afx-vbox>
|
||||
<afx-list-view data-id = "dialoglist"/>
|
||||
<afx-button data-id = "btrundia" text="Run dialog" data-height="30"/>
|
||||
</afx-vbox>
|
||||
</afx-hbox>
|
||||
|
||||
</afx-tab-container>
|
||||
</afx-vbox>
|
||||
</afx-app-window>
|
||||
BIN
ShowCase/build/release/ShowCase.zip
Normal file
BIN
ShowCase/build/release/ShowCase.zip
Normal file
Binary file not shown.
273
ShowCase/coffees/main.coffee
Normal file
273
ShowCase/coffees/main.coffee
Normal file
@ -0,0 +1,273 @@
|
||||
Ant = this
|
||||
class ShowCase extends this.OS.GUI.BaseApplication
|
||||
constructor: (args) ->
|
||||
super "ShowCase", args
|
||||
|
||||
main: () ->
|
||||
|
||||
bt = @find 'bttest'
|
||||
bt.set "onbtclick", (e) =>
|
||||
@error "test error"
|
||||
|
||||
@observable.on "btclick", (e) =>
|
||||
@notify "button clicked"
|
||||
|
||||
@observable.on "menuselect", (e) =>
|
||||
@notify e.id
|
||||
|
||||
list = @find 'list'
|
||||
|
||||
list.set "data", [
|
||||
{ text: "some thing with avery long text" },
|
||||
{ text: "some thing 1", closable: true },
|
||||
{ text: "some thing 2", iconclass: "fa fa-camera-retro fa-lg" },
|
||||
{ text: "some thing 3" },
|
||||
{ text: "some thing 4" },
|
||||
{ text: "some thing 5" }
|
||||
]
|
||||
list.unshift { text: "shifted el" }
|
||||
list.set "onlistselect", (e) => @notify(e.data.items)
|
||||
|
||||
sw = @find 'switch'
|
||||
sw.set "onchange", (e) =>
|
||||
@notify e.data
|
||||
|
||||
spin = @find 'spin'
|
||||
spin.set "onchange", (e) =>
|
||||
@notify e.data
|
||||
|
||||
menu = @find 'menu'
|
||||
menu.set "items", @menu()
|
||||
|
||||
list.contextmenuHandle = (e, m) =>
|
||||
m.set "items", @menu()
|
||||
m.show e
|
||||
|
||||
grid = @find 'grid'
|
||||
grid.set "oncelldbclick", (e) =>
|
||||
@notify "on dbclick", e
|
||||
grid.set "onrowselect", (e) =>
|
||||
@notify "on rowselect", e.data.items
|
||||
|
||||
@observable.on "cellselect", (e) ->
|
||||
console.log "observable", e
|
||||
|
||||
grid.set "header", [{ text: "header1", width: 80 }, { text: "header2" }, { text: "header3" }]
|
||||
grid.set "rows", [
|
||||
[{ text: "text 1" }, { text: "text 2" }, { text: "text 3" }],
|
||||
[{ text: "text 4" }, { text: "text 5" }, { text: "text 6" }],
|
||||
[{ text: "text 7" }, { text: "text 8" }, { text: "text 9" }],
|
||||
[{ text: "text 7" }, { text: "Subgrid on columns and rows. Subgrid on columns, implicit grid rows. Subgrid on rows, defined column tracks" }, { text: "text 9" }],
|
||||
[{ text: "text 7" }, { text: "text 8" }, { text: "text 9" }],
|
||||
[{ text: "text 7" }, { text: "text 8" }, { text: "text 9" }],
|
||||
[{ text: "text 7" }, { text: "text 8" }, { text: "text 9" }],
|
||||
[{ text: "text 7" }, { text: "text 8" }, { text: "text 9" }],
|
||||
[{ text: "text 7" }, { text: "text 8" }, { text: "text 9" }],
|
||||
[{ text: "text 7" }, { text: "text 8" }, { text: "text 9" }],
|
||||
[{ text: "text 7" }, { text: "text 8" }, { text: "text 9" }]
|
||||
]
|
||||
|
||||
tdata = {
|
||||
name: 'My Tree',
|
||||
nodes: [
|
||||
{ name: 'hello', iconclass:'fa fa-car'},
|
||||
{ name: 'wat' },
|
||||
{
|
||||
name: 'child folder',
|
||||
nodes: [
|
||||
{
|
||||
name: 'child folder',
|
||||
nodes: [
|
||||
{ name: 'hello' },
|
||||
{ name: 'wat' }
|
||||
]
|
||||
},
|
||||
{ name: 'hello' },
|
||||
{ name: 'wat' },
|
||||
{
|
||||
name: 'child folder',
|
||||
nodes: [
|
||||
{ name: 'hello' },
|
||||
{ name: 'wat' }
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
tree = @find 'tree'
|
||||
tree.set "data", tdata
|
||||
tree.set "ontreeselect", (e) =>
|
||||
@notify e.data.item.get "treepath"
|
||||
tree.set "ontreedbclick", (e) =>
|
||||
@notify "treedbclick", e
|
||||
@observable.on "treedbclick", (e) =>
|
||||
@notify "observable treedbclick", e
|
||||
|
||||
slider = @find 'slider'
|
||||
slider.set "onchange", (v) =>
|
||||
@notify v
|
||||
|
||||
cal = @find 'cal'
|
||||
cal.set "ondateselect", (e) =>
|
||||
@notify e
|
||||
|
||||
pk = @find 'cpk'
|
||||
pk.set "oncolorselect", (e) =>
|
||||
@notify e
|
||||
pk.set "oncolorselect", (e) =>
|
||||
@notify e
|
||||
|
||||
fileview = @find 'fileview'
|
||||
fileview.set "fetch", (path) ->
|
||||
new Promise (resolve, reject) ->
|
||||
dir = path.asFileHandle()
|
||||
dir.read().then (d) ->
|
||||
p = dir.parent().asFileHandle()
|
||||
p.filename = "[..]"
|
||||
p.type = "dir"
|
||||
return reject d.error if d.error
|
||||
d.result.unshift p
|
||||
resolve d.result
|
||||
fileview.set "path", "home:///"
|
||||
|
||||
viewoption = @find 'viewoption'
|
||||
viewoption.set "data", [
|
||||
{ text: "icon" },
|
||||
{ text: "list" },
|
||||
{ text: "tree" }
|
||||
]
|
||||
viewoption.set "onlistselect", (e) =>
|
||||
@notify e.data.item.get("data").text
|
||||
fileview.set "view", e.data.item.get("data").text
|
||||
|
||||
dllist = @find "dialoglist"
|
||||
btrun = @find "btrundia"
|
||||
|
||||
dllist.set "data", [
|
||||
{ text: "Prompt dialog", id: "prompt" },
|
||||
{ text: "Calendar dialog", id: "calendar" },
|
||||
{ text: "Color picker dialog", id: "colorpicker" },
|
||||
{ text: "Info dialog", id: "info" },
|
||||
{ text: "YesNo dialog", id: "yesno" },
|
||||
{ text: "Selection dialog", id: "selection" },
|
||||
{ text: "About dialog", id: "about" },
|
||||
{ text: "File dialog", id: "file" }
|
||||
]
|
||||
|
||||
btrun.set "onbtclick", (e) =>
|
||||
item = dllist.get "selectedItem"
|
||||
return unless item
|
||||
switch item.get("data").id
|
||||
when "prompt"
|
||||
@openDialog("PromptDialog", {
|
||||
title: "Prompt review",
|
||||
value: "txt data",
|
||||
label: "enter value"
|
||||
})
|
||||
.then (d) =>
|
||||
@notify d
|
||||
when "calendar"
|
||||
@openDialog("CalendarDialog", {
|
||||
title: "Calendar"
|
||||
})
|
||||
.then (d) =>
|
||||
@notify d
|
||||
when "colorpicker"
|
||||
@openDialog("ColorPickerDialog")
|
||||
.then (d) =>
|
||||
@notify d
|
||||
when "info"
|
||||
@openDialog("InfoDialog", {
|
||||
title: "Info application",
|
||||
name: "Show case",
|
||||
date: "10/12/2014",
|
||||
description: "the brown fox jumps over the lazy dog"
|
||||
})
|
||||
.then (d) ->
|
||||
when "yesno"
|
||||
@openDialog("YesNoDialog", {
|
||||
title: "Question ?",
|
||||
text: "Do you realy want to delete file ?"
|
||||
})
|
||||
.then (d) =>
|
||||
@notify d
|
||||
when "selection"
|
||||
@openDialog("SelectionDialog", {
|
||||
title: "Select data ?",
|
||||
data: [
|
||||
{ text: "Option 1" },
|
||||
{ text: "Option 2" },
|
||||
{ text: "Option 3", iconclass: "fa fa-camera-retro fa-lg" }
|
||||
]
|
||||
})
|
||||
.then (d) =>
|
||||
@notify d.text
|
||||
when "about"
|
||||
@openDialog("AboutDialog" )
|
||||
.then (d) =>
|
||||
when "file"
|
||||
@openDialog("FileDialog", {
|
||||
title: "Select file ?",
|
||||
#root: "home:///",
|
||||
mimes: ["text/*", "dir"],
|
||||
file: "Untitled".asFileHandle()
|
||||
})
|
||||
.then (f, name) =>
|
||||
@notify f, name
|
||||
else return
|
||||
|
||||
|
||||
|
||||
mnFile: () ->
|
||||
#@notify file
|
||||
arr = {
|
||||
text: "__(File)",
|
||||
child: [
|
||||
{ text: "__(New file)", dataid: "#{@name}-mkf", shortcut: 'C-F' },
|
||||
{ text: "__(New folder)", dataid: "#{@name}-mkdir", shortcut: 'C-D' },
|
||||
{ text: "__(Open with)", dataid: "#{@name}-open", child: @apps },
|
||||
{ text: "__(Upload)", dataid: "#{@name}-upload", shortcut: 'C-U' },
|
||||
{ text: "__(Download)", dataid: "#{@name}-download" },
|
||||
{ text: "__(Share file)", dataid: "#{@name}-share", shortcut: 'C-S' },
|
||||
{ text: "__(Properties)", dataid: "#{@name}-info", shortcut: 'C-I' }
|
||||
], onchildselect: (e) => @notify "child", e
|
||||
}
|
||||
return arr
|
||||
mnEdit: () ->
|
||||
|
||||
{
|
||||
text: "__(Edit)",
|
||||
child: [
|
||||
{ text: "__(Rename)", dataid: "#{@name}-mv", shortcut: 'C-R' },
|
||||
{ text: "__(Delete)", dataid: "#{@name}-rm", shortcut: 'C-M' },
|
||||
{ text: "__(Cut)", dataid: "#{@name}-cut", shortcut: 'C-X' },
|
||||
{ text: "__(Copy)", dataid: "#{@name}-copy", shortcut: 'C-C' },
|
||||
{ text: "__(Paste)", dataid: "#{@name}-paste", shortcut: 'C-P' }
|
||||
], onchildselect: (e) => console.log "child", e
|
||||
}
|
||||
|
||||
menu: () ->
|
||||
menu = [
|
||||
@mnFile(),
|
||||
@mnEdit(),
|
||||
{
|
||||
text: "__(View)",
|
||||
child: [
|
||||
{ text: "__(Refresh)", dataid: "#{@name}-refresh", onmenuselect: (e) -> console.log "select", e },
|
||||
{ text: "__(Sidebar)", switch: true, checked: true },
|
||||
{ text: "__(Navigation bar)", switch: true, checked: false },
|
||||
{ text: "__(Hidden files)", switch: true, checked: true, dataid: "#{@name}-hidden" },
|
||||
{ text: "__(Type)", child: [
|
||||
{ text: "__(Icon view)", radio: true, checked: true, dataid: "#{@name}-icon", type: 'icon' },
|
||||
{ text: "__(List view)", radio:true, checked: false, dataid: "#{@name}-list", type: 'list' },
|
||||
{ text: "__(Tree view)", radio:true, checked: false, dataid: "#{@name}-tree", type: 'tree' }
|
||||
], onchildselect: (e) -> console.log "child", e
|
||||
},
|
||||
], onchildselect: (e) => console.log "child", e
|
||||
},
|
||||
]
|
||||
menu
|
||||
ShowCase.singleton = true
|
||||
this.OS.register "ShowCase", ShowCase
|
||||
0
ShowCase/css/main.css
Normal file
0
ShowCase/css/main.css
Normal file
17
ShowCase/package.json
Normal file
17
ShowCase/package.json
Normal file
@ -0,0 +1,17 @@
|
||||
{
|
||||
"app":"ShowCase",
|
||||
"name": "ShowCase",
|
||||
"description":"AntOS 1.1.0a features showcase",
|
||||
"info":{
|
||||
"author": "Xuan Sang LE",
|
||||
"email": "xsang.le@gmail.com",
|
||||
"licences": "GPLv3"
|
||||
},
|
||||
"version":"0.0.1-a",
|
||||
"category":"Other",
|
||||
"mimes":["none"],
|
||||
"iconclass": "fa fa-delicious",
|
||||
"locales": {
|
||||
"en_GB": {}
|
||||
}
|
||||
}
|
||||
8
ShowCase/project.json
Normal file
8
ShowCase/project.json
Normal file
@ -0,0 +1,8 @@
|
||||
{
|
||||
"name": "ShowCase",
|
||||
"root": "home://workspace/antosdk-apps/ShowCase",
|
||||
"css": ["css/main.css"],
|
||||
"javascripts": [],
|
||||
"coffees": ["coffees/main.coffee"],
|
||||
"copies": ["assets/scheme.html", "package.json", "README.md"]
|
||||
}
|
||||
Reference in New Issue
Block a user