dany/antos-frontend
1
0
Fork 0
mirror of https://github.com/lxsang/antos-frontend.git synced 2024-12-30 19:18:20 +01:00
Code Issues 1 Actions Projects Releases Wiki Activity

Compare commits

base: dany:59fb302e1879b51a4320a8ce45cd29ff47b3c2d3
Branches Tags
dany:master
dany:1.2.x
dany:antos-.0.3.0a
dany:1.2.1
dany:1.2.0-b
dany:v0.3.0-a
dany:0.2.4-a
dany:0.2.3-a
dany:0.2.0-alpha
dany:0.1.11a
dany:0.1.10a
..
compare: dany:bfeef223a8dfb5e6d0f97ecec743a993de0c3f8c
Branches Tags
dany:master
dany:1.2.x
dany:antos-.0.3.0a
dany:1.2.1
dany:1.2.0-b
dany:v0.3.0-a
dany:0.2.4-a
dany:0.2.3-a
dany:0.2.0-alpha
dany:0.1.11a
dany:0.1.10a

No commits in common. "59fb302e1879b51a4320a8ce45cd29ff47b3c2d3" and "bfeef223a8dfb5e6d0f97ecec743a993de0c3f8c" have entirely different histories.
59fb302e18 ... bfeef223a8

26 changed files with 97 additions and 487 deletions
Show Stats Expand all files Collapse all files

2
Makefile
View File

@ -8,7 +8,7 @@ TSC=./node_modules/typescript/bin/tsc
UGLIFYJS=./node_modules/terser/bin/terser UGLIFYJS=./node_modules/terser/bin/terser
UGLIFYCSS=./node_modules/uglifycss/uglifycss UGLIFYCSS=./node_modules/uglifycss/uglifycss
VERSION?=2.0.3-b VERSION?=2.0.1-b
BUILDID?=master BUILDID?=master
GSED=sed GSED=sed

119
d.ts/antos.d.ts vendored
View File

@ -2337,7 +2337,7 @@ declare namespace OS {
* in JSON format as .settings.json and will be loaded automatically * in JSON format as .settings.json and will be loaded automatically
* when application is initialized. * when application is initialized.
* *
* This object is globally accessible to all processes of the same application * This object is globally acessible to all processes of the same application
* *
* @type {GenericObject<any>} * @type {GenericObject<any>}
* @memberof BaseApplication * @memberof BaseApplication
@ -3927,12 +3927,6 @@ declare namespace OS {
* @memberof AFXTag * @memberof AFXTag
*/ */
set tooltip(v: string); set tooltip(v: string);
/**
* Setter to activate or deactivate focus on a Tag
*
* @memberof AFXTag
*/
set focusable(v: boolean);
/** /**
* *
* This function looking for a property name of the tag * This function looking for a property name of the tag
@ -4507,14 +4501,6 @@ declare namespace OS {
* @memberof ListViewTag * @memberof ListViewTag
*/ */
private _data; private _data;
/**
* Navigation index, used for keyboard navigation only
*
* @private
* @type {number}
* @memberof ListViewTag
*/
private _nav_index;
private _drop; private _drop;
private _show; private _show;
/** /**
@ -4767,43 +4753,6 @@ declare namespace OS {
* @memberof ListViewTag * @memberof ListViewTag
*/ */
private iclick; private iclick;
/**
* Reset the navigation indicator
*
* @private
*/
private nav_reset;
/**
* Navigate the list up
*
* @public
* @returns {void}
* @memberof ListViewTag
*/
nav_prev(): void;
/**
* Navigate the list down
*
* @returns {void}
* @memberof ListViewTag
*/
nav_next(): void;
/**
* Commit the navigated item
*
* @returns {void}
* @memberof ListViewTag
*/
nav_commit(): void;
/**
* Handle special key event such as key up and down
*
* @private
* @param {JQuery.KeyboardEventBase} event
* @returns {void}
* @memberof ListViewTag
*/
private handle_special_key;
/** /**
* This function triggers the double click event on an item * This function triggers the double click event on an item
* *
@ -4813,15 +4762,6 @@ declare namespace OS {
* @memberof ListViewTag * @memberof ListViewTag
*/ */
protected idbclick(e: TagEventType<ListViewItemTag>): void; protected idbclick(e: TagEventType<ListViewItemTag>): void;
/**
* This function scroll to item if it is not visible
*
* @public
* @param {ListViewItemTag} item tag event object
* @returns
* @memberof ListViewTag
*/
scroll_to_item(item: ListViewItemTag): void;
/** /**
* This function triggers the list item select event * This function triggers the list item select event
* *
@ -6300,13 +6240,6 @@ declare namespace OS {
* @memberof GridViewTag * @memberof GridViewTag
*/ */
private _dnd; private _dnd;
/**
* Grid navigation index
*
* @private
* @type {number}
*/
private _nav_index;
/** /**
* placeholder of list drag and drop event handle * placeholder of list drag and drop event handle
* *
@ -6487,12 +6420,6 @@ declare namespace OS {
* @memberof GridViewTag * @memberof GridViewTag
*/ */
delete(row: GridRowTag): void; delete(row: GridRowTag): void;
/**
* Scroll the grid view to item
*
* @memberof GridViewTag
*/
scroll_to_item(item: GridRowTag): void;
/** /**
* Scroll the grid view to bottom * Scroll the grid view to bottom
* *
@ -6572,42 +6499,6 @@ declare namespace OS {
* @memberof GridViewTag * @memberof GridViewTag
*/ */
private calibrate_header; private calibrate_header;
/**
* Reset the navigation indicator
*
* @private
*/
private nav_reset;
/**
* Navigate the list up
*
* @public
* @returns {void}
* @memberof ListViewTag
*/
nav_prev(): void;
/**
* Navigate the list down
*
* @returns {void}
* @memberof ListViewTag
*/
nav_next(): void;
/**
* Commit the navigated item
*
* @returns {void}
* @memberof ListViewTag
*/
nav_commit(): void;
/**
* Handle special key event such as key up and down
*
* @private
* @param {JQuery.KeyboardEventBase} event
* @returns {void}
*/
private handle_special_key;
/** /**
* Mount the grid view tag * Mount the grid view tag
* *
@ -6666,6 +6557,14 @@ declare namespace OS {
* @memberof SystemPanelTag * @memberof SystemPanelTag
*/ */
private _pending_task; private _pending_task;
/**
* Flag indicate where the selected application shall be opened
*
* @private
* @type {boolean}
* @memberof SystemPanelTag
*/
private _prevent_open;
/** /**
* Store the current attached service * Store the current attached service
* *

2
src/core/BaseApplication.ts
View File

@ -40,7 +40,7 @@ namespace OS {
* in JSON format as .settings.json and will be loaded automatically * in JSON format as .settings.json and will be loaded automatically
* when application is initialized. * when application is initialized.
* *
* This object is globally accessible to all processes of the same application * This object is globally acessible to all processes of the same application
* *
* @type {GenericObject<any>} * @type {GenericObject<any>}
* @memberof BaseApplication * @memberof BaseApplication

16
src/core/BaseDialog.ts
View File

@ -685,7 +685,7 @@ namespace OS {
InfoDialog.scheme = `\ InfoDialog.scheme = `\
<afx-app-window width='300' height='350' apptitle = "Info" > <afx-app-window width='300' height='350' apptitle = "Info" >
<afx-vbox padding = "10"> <afx-vbox padding = "10">
<afx-grid-view data-id = "grid" focusable="true"></afx-grid-view> <afx-grid-view data-id = "grid" ></afx-grid-view>
<div data-height="35" style="text-align: right;"> <div data-height="35" style="text-align: right;">
<afx-button data-id = "btnCancel" text = "__(Cancel)"></afx-button> <afx-button data-id = "btnCancel" text = "__(Cancel)"></afx-button>
</div> </div>
@ -833,7 +833,7 @@ namespace OS {
SelectionDialog.scheme = `\ SelectionDialog.scheme = `\
<afx-app-window width='350' height='300' apptitle = "Selection"> <afx-app-window width='350' height='300' apptitle = "Selection">
<afx-vbox padding = "10"> <afx-vbox padding = "10">
<afx-list-view data-id = "list" focusable="true"></afx-list-view> <afx-list-view data-id = "list" ></afx-list-view>
<div data-height="35" style = "text-align: right;"> <div data-height="35" style = "text-align: right;">
<afx-button data-id = "btnOk" text = "__(Ok)" ></afx-button> <afx-button data-id = "btnOk" text = "__(Ok)" ></afx-button>
<afx-button data-id = "btnCancel" text = "__(Cancel)"></afx-button> <afx-button data-id = "btnCancel" text = "__(Cancel)"></afx-button>
@ -1114,6 +1114,18 @@ namespace OS {
if (this.data && this.data.hidden) { if (this.data && this.data.hidden) {
return (fileview.showhidden = this.data.hidden); return (fileview.showhidden = this.data.hidden);
} }
$(this.scheme).on("keyup", (evt)=>{
if(evt.which === 38)
{
const currdir = fileview.path.asFileHandle();
if (currdir.isRoot()) {
return;
}
const p = currdir.parent();
return fileview.path = p.path;
}
});
} }
} }

2
src/core/tags/DesktopTag.ts
View File

@ -65,7 +65,7 @@ namespace OS {
* TRICKY HACK * TRICKY HACK
* When focusing on a window which overflows the desktop, * When focusing on a window which overflows the desktop,
* the desktop scrolls automatically to bottom, * the desktop scrolls automatically to bottom,
* even when `overflow: hidden` is set on CSS. * even when `overflow: hiddle` is set on CSS.
* *
* The following event listener prevents * The following event listener prevents
* the desktop to scroll down in this case * the desktop to scroll down in this case

5
src/core/tags/FileViewTag.ts
View File

@ -733,11 +733,6 @@ namespace OS {
}; };
const grid = this.refs.gridview as GridViewTag; const grid = this.refs.gridview as GridViewTag;
const list = this.refs.listview as ListViewTag; const list = this.refs.listview as ListViewTag;
list.focusable = true;
grid.focusable = true;
tree.focusable = true;
grid.resizable = true; grid.resizable = true;
grid.header = this._header; grid.header = this._header;
tree.dragndrop = true; tree.dragndrop = true;

137
src/core/tags/GridViewTag.ts
View File

@ -497,14 +497,6 @@ namespace OS {
*/ */
private _dnd: { from: GridRowTag[]; to: GridRowTag }; private _dnd: { from: GridRowTag[]; to: GridRowTag };
/**
* Grid navigation index
*
* @private
* @type {number}
*/
private _nav_index: number;
/** /**
* placeholder of list drag and drop event handle * placeholder of list drag and drop event handle
* *
@ -522,7 +514,6 @@ namespace OS {
*/ */
constructor() { constructor() {
super(); super();
this._nav_index = -1;
} }
/** /**
@ -892,35 +883,6 @@ namespace OS {
} }
$(row).remove(); $(row).remove();
} }
/**
* Scroll the grid view to item
*
* @memberof GridViewTag
*/
scroll_to_item(item: GridRowTag)
{
const cell = $(item).children()[0];
const offset = $(this.refs.container).offset();
const cell_offset = $(cell).offset();
const top = $(this.refs.container).scrollTop();
const cell_height = $(cell).outerHeight();
const container_height = $(this.refs.container).outerHeight();
if (cell_offset.top + cell_height > container_height + offset.top)
{
$(this.refs.container).scrollTop(
top +
(cell_offset.top + cell_height - offset.top - container_height)
);
} else if (cell_offset.top < offset.top) {
$(this.refs.container).scrollTop(
top -
(offset.top - cell_offset.top)
);
}
}
/** /**
* Scroll the grid view to bottom * Scroll the grid view to bottom
* *
@ -1080,7 +1042,6 @@ namespace OS {
} }
evt.data.item = row; evt.data.item = row;
this._selectedRow = row; this._selectedRow = row;
this._nav_index = $(row).index();
this._onrowselect(evt); this._onrowselect(evt);
return this.observable.trigger("rowselect", evt); return this.observable.trigger("rowselect", evt);
} }
@ -1191,101 +1152,6 @@ namespace OS {
} }
} }
/**
* Reset the navigation indicator
*
* @private
*/
private nav_reset() {
const el = $(this.refs.grid).children().eq(this._nav_index);
if(el)
{
$(el).removeClass("gridview-nav-focus");
}
}
/**
* Navigate the list up
*
* @public
* @returns {void}
* @memberof ListViewTag
*/
public nav_prev() {
console.log("nav_prev");
if(this._nav_index <= 0) {
return;
}
this.nav_reset();
this._nav_index--;
const el = $(this.refs.grid).children().eq(this._nav_index);
if(el) {
$(el).addClass("gridview-nav-focus");
this.scroll_to_item(el[0] as GridRowTag);
}
}
/**
* Navigate the list down
*
* @returns {void}
* @memberof ListViewTag
*/
public nav_next() {
console.log("nav_next");
if(this._nav_index >= this.rows.length - 1) {
return;
}
this.nav_reset();
this._nav_index++;
const el = $(this.refs.grid).children().eq(this._nav_index);
if(el) {
$(el).addClass("gridview-nav-focus");
this.scroll_to_item(el[0] as GridRowTag);
}
}
/**
* Commit the navigated item
*
* @returns {void}
* @memberof ListViewTag
*/
public nav_commit() {
if(this._nav_index > this.rows.length - 1 || this._nav_index < 0) {
return;
}
const el = $(this.refs.grid).children().eq(this._nav_index);
if(el) {
(el[0] as GridRowTag).selected = true;
}
}
/**
* Handle special key event such as key up and down
*
* @private
* @param {JQuery.KeyboardEventBase} event
* @returns {void}
*/
private handle_special_key(event: JQuery.KeyboardEventBase) {
switch (event.which) {
case 37:
case 38:
this.nav_prev();
return event.preventDefault();
case 39:
case 40:
this.nav_next();
return event.preventDefault();
case 13:
event.preventDefault();
return this.nav_commit();
default:
break;
}
}
/** /**
* Mount the grid view tag * Mount the grid view tag
* *
@ -1294,9 +1160,6 @@ namespace OS {
* @memberof GridViewTag * @memberof GridViewTag
*/ */
protected mount(): void { protected mount(): void {
$(this).on("keyup", (e) => {
this.handle_special_key(e);
});
$(this).css("overflow", "hidden"); $(this).css("overflow", "hidden");
$(this.refs.grid).css("display", "grid"); $(this.refs.grid).css("display", "grid");
$(this.refs.header).css("display", "grid"); $(this.refs.header).css("display", "grid");

188
src/core/tags/ListViewTag.ts
View File

@ -550,15 +550,6 @@ namespace OS {
* @memberof ListViewTag * @memberof ListViewTag
*/ */
private _data: GenericObject<any>[]; private _data: GenericObject<any>[];
/**
* Navigation index, used for keyboard navigation only
*
* @private
* @type {number}
* @memberof ListViewTag
*/
private _nav_index: number;
private _drop: (any) => void; private _drop: (any) => void;
private _show: (any) => void; private _show: (any) => void;
@ -610,7 +601,6 @@ namespace OS {
this.dragndrop = false; this.dragndrop = false;
this._anchor = undefined; this._anchor = undefined;
this.itemtag = "afx-list-item"; this.itemtag = "afx-list-item";
this._nav_index = -1;
$(this).addClass("afx-list-view"); $(this).addClass("afx-list-view");
} }
@ -634,7 +624,6 @@ namespace OS {
this.attsw(v, "dropdown"); this.attsw(v, "dropdown");
$(this.refs.container).removeAttr("style"); $(this.refs.container).removeAttr("style");
$(this.refs.mlist).removeAttr("style"); $(this.refs.mlist).removeAttr("style");
this.dir = "column";
$(this).removeClass("dropdown"); $(this).removeClass("dropdown");
if (v) { if (v) {
$(this).addClass("dropdown"); $(this).addClass("dropdown");
@ -810,11 +799,7 @@ namespace OS {
this.calibrate(); this.calibrate();
} }
get dir(): string { get dir(): string {
const v = $(this).attr("dir"); return $(this).attr("dir");
if(!v) {
return "column";
}
return v;
} }
/** /**
* Getter: Get data of the list * Getter: Get data of the list
@ -876,17 +861,14 @@ namespace OS {
const el = data[i].domel as ListViewItemTag; const el = data[i].domel as ListViewItemTag;
el.selected = true; el.selected = true;
}; };
this.nav_reset();
if (Array.isArray(idx)) { if (Array.isArray(idx)) {
if (this.multiselect) { if (this.multiselect) {
for (const i of idx as number[]) { for (const i of idx as number[]) {
select(i); select(i);
this._nav_index = i;
} }
} }
} else { } else {
select(idx as number); select(idx as number);
this._nav_index = idx;
} }
} }
@ -1092,106 +1074,14 @@ namespace OS {
if (!e.data) { if (!e.data) {
return; return;
} }
this.nav_reset();
this._nav_index = -1;
const list = this.selectedItems; const list = this.selectedItems;
if (this.multiselect && list.includes(e.data) && !flag) { if (this.multiselect && list.includes(e.data) && !flag) {
list.splice(list.indexOf(e.data), 1); list.splice(list.indexOf(e.data), 1);
e.data.selected = false; e.data.selected = false;
return; return;
} }
this._nav_index = $(e.data).index();
e.data.selected = true; e.data.selected = true;
} }
/**
* Reset the navigation indicator
*
* @private
*/
private nav_reset() {
if(this._nav_index >= 0 && this._nav_index < this.data.length)
{
$(this.data[this._nav_index].domel as ListViewItemTag).removeClass("listview_nav_focus");
}
}
/**
* Navigate the list up
*
* @public
* @returns {void}
* @memberof ListViewTag
*/
public nav_prev() {
if(this._nav_index <= 0) {
return;
}
this.nav_reset();
this._nav_index--;
const new_el = this.data[this._nav_index].domel as ListViewItemTag;
if(new_el) {
$(new_el).addClass("listview_nav_focus");
this.scroll_to_item(new_el);
}
}
/**
* Navigate the list down
*
* @returns {void}
* @memberof ListViewTag
*/
public nav_next() {
if(this._nav_index >= this.data.length - 1) {
return;
}
this.nav_reset();
this._nav_index++;
const new_el = this.data[this._nav_index].domel as ListViewItemTag;
if(new_el) {
$(new_el).addClass("listview_nav_focus");
this.scroll_to_item(new_el);
}
}
/**
* Commit the navigated item
*
* @returns {void}
* @memberof ListViewTag
*/
public nav_commit() {
if(this._nav_index > this.data.length - 1 || this._nav_index < 0) {
return;
}
this.selected = this._nav_index;
}
/**
* Handle special key event such as key up and down
*
* @private
* @param {JQuery.KeyboardEventBase} event
* @returns {void}
* @memberof ListViewTag
*/
private handle_special_key(event: JQuery.KeyboardEventBase) {
switch (event.which) {
case 37:
case 38:
this.nav_prev();
return event.preventDefault();
case 39:
case 40:
this.nav_next();
return event.preventDefault();
case 13:
event.preventDefault();
return this.nav_commit();
default:
break;
}
}
/** /**
* This function triggers the double click event on an item * This function triggers the double click event on an item
@ -1209,56 +1099,6 @@ namespace OS {
this._onlistdbclick(evt); this._onlistdbclick(evt);
return this.observable.trigger("listdbclick", evt); return this.observable.trigger("listdbclick", evt);
} }
/**
* This function scroll to item if it is not visible
*
* @public
* @param {ListViewItemTag} item tag event object
* @returns
* @memberof ListViewTag
*/
public scroll_to_item(item: ListViewItemTag) {
const li = $(item).children()[0];
const offset = $(this.refs.container).offset();
const li_offset = $(li).offset();
if(this.dir == "column") {
const top = $(this.refs.container).scrollTop();
const li_height = $(li).outerHeight();
const container_height = $(this.refs.container).outerHeight();
if (li_offset.top + li_height > container_height + offset.top)
{
$(this.refs.container).scrollTop(
top +
(li_offset.top + li_height - offset.top - container_height)
);
} else if ($(li).offset().top < offset.top) {
$(this.refs.container).scrollTop(
top -
(offset.top - li_offset.top)
);
}
}
else
{
const left = $(this.refs.container).scrollLeft();
const li_w = $(li).outerWidth();
const container_w = $(this.refs.container).outerWidth();
if (li_offset.left + li_w > offset.left + container_w)
{
$(this.refs.container).scrollLeft(
left +
(li_offset.left + li_w - offset.left - container_w)
);
} else if ($(li).offset().left < offset.left) {
$(this.refs.container).scrollLeft(
left -
(offset.left - li_offset.left)
);
}
}
}
/** /**
* This function triggers the list item select event * This function triggers the list item select event
@ -1301,7 +1141,25 @@ namespace OS {
this._selectedItems = [e.data]; this._selectedItems = [e.data];
edata.items = [e.data]; edata.items = [e.data];
//scroll element //scroll element
this.scroll_to_item(e.data); const li = $(e.data).children()[0];
const offset = $(this.refs.container).offset();
const top = $(this.refs.container).scrollTop();
if (
$(li).offset().top + $(li).height() >
$(this.refs.container).height() + offset.top
) {
$(this.refs.container).scrollTop(
top +
$(this.refs.container).height() -
$(li).height()
);
} else if ($(li).offset().top < offset.top) {
$(this.refs.container).scrollTop(
top -
$(this.refs.container).height() +
$(li).height()
);
}
} }
// set the label content event it is hidden // set the label content event it is hidden
@ -1327,12 +1185,6 @@ namespace OS {
from: undefined, from: undefined,
to: undefined, to: undefined,
}; };
$(this).on("keyup", (e) => {
this.handle_special_key(e);
});
//$(this.refs.search).on("click",(e) => {
// console.log("focus")
//})
this._onmousedown = (e) => { this._onmousedown = (e) => {
if(this.multiselect || this.selectedItems == undefined || this.selectedItems.length == 0) if(this.multiselect || this.selectedItems == undefined || this.selectedItems.length == 0)
{ {

22
src/core/tags/SystemPanelTag.ts
View File

@ -39,6 +39,14 @@ namespace OS {
*/ */
private _pending_task: Promise<any>[]; private _pending_task: Promise<any>[];
/**
* Flag indicate where the selected application shall be opened
*
* @private
* @type {boolean}
* @memberof SystemPanelTag
*/
private _prevent_open: boolean;
/** /**
* Store the current attached service * Store the current attached service
* *
@ -88,6 +96,7 @@ namespace OS {
this._loading_toh = undefined; this._loading_toh = undefined;
this.app_list= []; this.app_list= [];
this._services = []; this._services = [];
this._prevent_open = false;
} }
/** /**
@ -128,6 +137,11 @@ namespace OS {
* @memberof SystemPanelTag * @memberof SystemPanelTag
*/ */
private open(): void { private open(): void {
if(this._prevent_open)
{
this._prevent_open = false;
return;
}
const applist = this.refs.applist as ListViewTag; const applist = this.refs.applist as ListViewTag;
const el = applist.selectedItem; const el = applist.selectedItem;
if (!el) { if (!el) {
@ -156,18 +170,20 @@ namespace OS {
return this.toggle(false); return this.toggle(false);
case 37: case 37:
applist.nav_prev(); this._prevent_open = true;
applist.selectPrev();
return e.preventDefault(); return e.preventDefault();
case 38: case 38:
return e.preventDefault(); return e.preventDefault();
case 39: case 39:
applist.nav_next(); this._prevent_open = true;
applist.selectNext();
return e.preventDefault(); return e.preventDefault();
case 40: case 40:
return e.preventDefault(); return e.preventDefault();
case 13: case 13:
e.preventDefault(); e.preventDefault();
return applist.nav_commit(); return this.open();
default: default:
catlist.selected = 0; catlist.selected = 0;
var text = (this.refs.search as HTMLInputElement) var text = (this.refs.search as HTMLInputElement)

3
src/core/tags/TabContainerTag.ts
View File

@ -169,7 +169,7 @@ namespace OS {
} }
$(v.container).show(); $(v.container).show();
this.observable.trigger("resize", undefined); this.observable.trigger("resize", undefined);
$(v.container).trigger("focus"); $(v.container).attr("tabindex",-1).css("outline", "none").trigger("focus");
} }
get selectedTab(): TabContainerTabType { get selectedTab(): TabContainerTabType {
return this._selectedTab; return this._selectedTab;
@ -230,7 +230,6 @@ namespace OS {
$(item.container) $(item.container)
.css("width", "100%") .css("width", "100%")
.css("height", "100%") .css("height", "100%")
.attr("tabindex",-1).css("outline", "none") // allow focus this tab
.hide(); .hide();
const el = (this.refs.bar as TabBarTag).push( const el = (this.refs.bar as TabBarTag).push(
item item

2
src/core/tags/WindowTag.ts
View File

@ -436,7 +436,7 @@ namespace OS {
w: this.width, w: this.width,
h: this.height, h: this.height,
}); });
this.focusable = true $(this).attr("tabindex", 0).css("outline", "none");
if(OS.mobile) if(OS.mobile)
{ {
this.toggle_window(); this.toggle_window();

13
src/core/tags/tag.ts
View File

@ -532,19 +532,6 @@ namespace OS {
} }
$(this).attr("tooltip", v); $(this).attr("tooltip", v);
} }
/**
* Setter to activate or deactivate focus on a Tag
*
* @memberof AFXTag
*/
set focusable(v: boolean) {
if(v) {
$(this).attr("tabindex", 0).css("outline", "none");
} else {
$(this).removeAttr("tabindex");
}
}
/** /**
* *

5
src/packages/Files/main.css
View File

@ -10,17 +10,14 @@ afx-app-window[data-id ='files-app-window'] afx-file-view afx-list-view i:before
text-align: center; text-align: center;
} }
/*
afx-app-window[data-id ='files-app-window'] afx-list-view[data-id='favouri'] li.selected { afx-app-window[data-id ='files-app-window'] afx-list-view[data-id='favouri'] li.selected {
background-color: var(--background-quaternary) !important; background-color: var(--background-quaternary) !important;
color:var(--text-secondary) !important; color:var(--text-secondary) !important;
} }
*/
/*
afx-app-window[data-id ='files-app-window'] afx-file-view { afx-app-window[data-id ='files-app-window'] afx-file-view {
background-color: var(--background-tertiary); background-color: var(--background-tertiary);
} }
*/
afx-app-window[data-id ='files-app-window'] button{ afx-app-window[data-id ='files-app-window'] button{
border-radius: 0; border-radius: 0;

17
src/packages/Files/main.ts
View File

@ -433,14 +433,6 @@ namespace OS {
this.bindKey("CTRL-ALT-R", ()=>{ this.bindKey("CTRL-ALT-R", ()=>{
this.view.path = this.currdir.path; this.view.path = this.currdir.path;
}); });
this.bindKey("CTRL-B", () => {
if (this.currdir.isRoot()) {
return;
}
const p = this.currdir.parent();
this.favo.selected = -1;
return this.view.path = p.path;
});
(this.find("btgrid") as GUI.tag.ButtonTag).onbtclick = (e) => { (this.find("btgrid") as GUI.tag.ButtonTag).onbtclick = (e) => {
this.view.view = "icon"; this.view.view = "icon";
this.viewType.icon = true; this.viewType.icon = true;
@ -462,6 +454,15 @@ namespace OS {
} }
}); });
$(this.scheme).on("keyup", (evt)=>{ $(this.scheme).on("keyup", (evt)=>{
if(evt.which === 38)
{
if (this.currdir.isRoot()) {
return;
}
const p = this.currdir.parent();
this.favo.selected = -1;
return this.view.path = p.path;
}
if(!evt.ctrlKey) if(!evt.ctrlKey)
{ {
this.view.multiselect = false; this.view.multiselect = false;

2
src/packages/Files/package.json
View File

@ -6,7 +6,7 @@
"author": "Xuan Sang LE", "author": "Xuan Sang LE",
"email": "xsang.le@gmail.com" "email": "xsang.le@gmail.com"
}, },
"version":"0.1.11-b", "version":"0.1.10-b",
"category":"System", "category":"System",
"iconclass":"fa fa-hdd-o", "iconclass":"fa fa-hdd-o",
"mimes":["dir"], "mimes":["dir"],

4
src/packages/Files/scheme.html
View File

@ -1,7 +1,7 @@
<afx-app-window data-id = "files-app-window" apptitle="Files" width="600" height="500" responsive="true"> <afx-app-window data-id = "files-app-window" apptitle="Files" width="600" height="500" responsive="true">
<afx-tile data-id="container" name="vbox" dir="column"> <afx-tile data-id="container" name="vbox" dir="column">
<afx-tile data-height = "35" min-width="120" data-width="180" data-id = "nav-bar" name="hbox" dir="row"> <afx-tile data-height = "35" min-width="120" data-width="180" data-id = "nav-bar" name="hbox" dir="row">
<afx-list-view data-id = "favouri" dropdown="true" focusable="true"></afx-list-view> <afx-list-view data-id = "favouri" dropdown="true"></afx-list-view>
</afx-tile> </afx-tile>
<afx-resizer data-id="resizer" dir="column" disable="true" data-width="3" data-height="0"></afx-resizer> <afx-resizer data-id="resizer" dir="column" disable="true" data-width="3" data-height="0"></afx-resizer>
<afx-vbox> <afx-vbox>
@ -12,6 +12,6 @@
<afx-button data-width = "40" data-id = "btlist" iconclass = "fa fa-th-list"></afx-button> <afx-button data-width = "40" data-id = "btlist" iconclass = "fa fa-th-list"></afx-button>
</afx-hbox> </afx-hbox>
<afx-file-view data-id = "fileview"></afx-file-view> <afx-file-view data-id = "fileview"></afx-file-view>
</afx-vbox> </afx-vbox>
</afx-tile> </afx-tile>
</afx-app-window> </afx-app-window>

2
src/packages/Setting/package.json
View File

@ -6,7 +6,7 @@
"author": "Xuan Sang LE", "author": "Xuan Sang LE",
"email": "xsang.le@gmail.com" "email": "xsang.le@gmail.com"
}, },
"version":"0.2.2-b", "version":"0.2.0-b",
"category":"System", "category":"System",
"iconclass":"fa fa-wrench", "iconclass":"fa fa-wrench",
"mimes":["none"] "mimes":["none"]

16
src/packages/Setting/scheme.html
View File

@ -6,7 +6,7 @@
<afx-vbox> <afx-vbox>
<afx-label text = "__(Wallpaper)" iconclass = "fa fa-image" class = "header" data-height="30"></afx-label> <afx-label text = "__(Wallpaper)" iconclass = "fa fa-image" class = "header" data-height="30"></afx-label>
<afx-hbox> <afx-hbox>
<afx-list-view data-width="150" data-id="wplist" focusable="true"></afx-list-view> <afx-list-view data-width="150" data-id="wplist"></afx-list-view>
<afx-resizer data-width="2"></afx-resizer> <afx-resizer data-width="2"></afx-resizer>
<div data-id = "wp-preview"></div> <div data-id = "wp-preview"></div>
</afx-hbox> </afx-hbox>
@ -25,7 +25,7 @@
<afx-hbox data-id="vfs" tabname = "__(VFS)" iconclass = "fa fa-inbox" padding="10"> <afx-hbox data-id="vfs" tabname = "__(VFS)" iconclass = "fa fa-inbox" padding="10">
<afx-vbox> <afx-vbox>
<afx-label text = "__(Mount points)" iconclass = "fa fa-folder" class = "header" data-height="30"></afx-label> <afx-label text = "__(Mount points)" iconclass = "fa fa-folder" class = "header" data-height="30"></afx-label>
<afx-list-view data-id="mplist" focusable="true"></afx-list-view> <afx-list-view data-id="mplist"></afx-list-view>
<afx-label text = "__(Desktop path)" iconclass = "fa fa-desktop" class = "header" data-height="30"></afx-label> <afx-label text = "__(Desktop path)" iconclass = "fa fa-desktop" class = "header" data-height="30"></afx-label>
<afx-hbox data-height = "40" > <afx-hbox data-height = "40" >
<div data-width="16"></div> <div data-width="16"></div>
@ -45,7 +45,7 @@
<afx-hbox data-id="locale" tabname = "__(Languages)"iconclass = "fa fa-globe" padding="10"> <afx-hbox data-id="locale" tabname = "__(Languages)"iconclass = "fa fa-globe" padding="10">
<afx-vbox> <afx-vbox>
<afx-label text = "__(System locale)" iconclass = "fa fa-globe" class = "header" data-height="30"></afx-label> <afx-label text = "__(System locale)" iconclass = "fa fa-globe" class = "header" data-height="30"></afx-label>
<afx-list-view data-id="lglist" focusable="true"></afx-list-view> <afx-list-view data-id="lglist"></afx-list-view>
<div data-height="10"></div> <div data-height="10"></div>
</afx-vbox> </afx-vbox>
</afx-hbox> </afx-hbox>
@ -53,10 +53,10 @@
<afx-hbox data-id="startup" tabname = "__(Startup)" iconclass = "fa fa-cog" padding="10"> <afx-hbox data-id="startup" tabname = "__(Startup)" iconclass = "fa fa-cog" padding="10">
<afx-vbox> <afx-vbox>
<afx-label text = "__(Startup services)" iconclass = "fa fa-tasks" class = "header" data-height="30"></afx-label> <afx-label text = "__(Startup services)" iconclass = "fa fa-tasks" class = "header" data-height="30"></afx-label>
<afx-list-view data-id="srvlist" focusable="true"></afx-list-view> <afx-list-view data-id="srvlist"></afx-list-view>
<div data-height="5"></div> <div data-height="5"></div>
<afx-label text = "__(Startup applications)" iconclass = "fa fa-adn" class = "header" data-height="30"></afx-label> <afx-label text = "__(Startup applications)" iconclass = "fa fa-adn" class = "header" data-height="30"></afx-label>
<afx-list-view data-id="applist" focusable="true"></afx-list-view> <afx-list-view data-id="applist"></afx-list-view>
<div data-height="10"></div> <div data-height="10"></div>
</afx-vbox> </afx-vbox>
</afx-hbox> </afx-hbox>
@ -64,10 +64,10 @@
<afx-hbox data-id="app-services" tabname = "__(Apps. and Services)" iconclass = "fa fa-adn" padding="10"> <afx-hbox data-id="app-services" tabname = "__(Apps. and Services)" iconclass = "fa fa-adn" padding="10">
<afx-vbox> <afx-vbox>
<afx-label text = "__(Services)" iconclass = "fa fa-tasks" class = "header" data-height="30"></afx-label> <afx-label text = "__(Services)" iconclass = "fa fa-tasks" class = "header" data-height="30"></afx-label>
<afx-list-view data-id="sys-srvlist" focusable="true"></afx-list-view> <afx-list-view data-id="sys-srvlist"></afx-list-view>
<div data-height="5"></div> <div data-height="5"></div>
<afx-label text = "__(Pinned applications)" iconclass = "fa fa-adn" class = "header" data-height="30"></afx-label> <afx-label text = "__(Pinned applications)" iconclass = "fa fa-adn" class = "header" data-height="30"></afx-label>
<afx-list-view data-id="sys-applist" focusable="true"></afx-list-view> <afx-list-view data-id="sys-applist"></afx-list-view>
<div data-height="10"></div> <div data-height="10"></div>
</afx-vbox> </afx-vbox>
</afx-hbox> </afx-hbox>
@ -75,7 +75,7 @@
<afx-hbox data-id="app-about" tabname = "__(Versions)" iconclass = "bi bi-info-square" padding="10"> <afx-hbox data-id="app-about" tabname = "__(Versions)" iconclass = "bi bi-info-square" padding="10">
<afx-vbox> <afx-vbox>
<afx-label text = "__(System versions)" iconclass = "bi bi-gear-wide-connected" class = "header" data-height="30"></afx-label> <afx-label text = "__(System versions)" iconclass = "bi bi-gear-wide-connected" class = "header" data-height="30"></afx-label>
<afx-grid-view data-id="grid-version" focusable="true"></afx-grid-view> <afx-grid-view data-id="grid-version"></afx-grid-view>
</afx-vbox> </afx-vbox>
</afx-hbox> </afx-hbox>

2
src/packages/SystemReport/package.json
View File

@ -8,7 +8,7 @@
"email": "xsang.le@gmail.com", "email": "xsang.le@gmail.com",
"licences": "GPLv3" "licences": "GPLv3"
}, },
"version": "0.1.5-b", "version": "0.1.4-b",
"category": "System", "category": "System",
"iconclass": "fa fa-bug", "iconclass": "fa fa-bug",
"mimes": [] "mimes": []

2
src/packages/SystemReport/scheme.html
View File

@ -1,6 +1,6 @@
<afx-app-window data-id="SystemReport" width='600' height='450' apptitle = "__(System error log)" responsive="true"> <afx-app-window data-id="SystemReport" width='600' height='450' apptitle = "__(System error log)" responsive="true">
<afx-hbox> <afx-hbox>
<afx-list-view data-id = "loglist" data-width="200" focusable="true"> </afx-list-view> <afx-list-view data-id = "loglist" data-width="200"> </afx-list-view>
<afx-resizer data-width = "2" ></afx-resizer> <afx-resizer data-width = "2" ></afx-resizer>
<afx-vbox> <afx-vbox>
<div data-id = "container"> <div data-id = "container">

3
src/themes/default/afx-file-view.css
View File

@ -6,10 +6,9 @@ afx-file-view afx-label.status{
afx-file-view afx-list-view > div.list-container > ul li{ afx-file-view afx-list-view > div.list-container > ul li{
background-color: transparent; background-color: transparent;
} }
/*
afx-file-view afx-list-view > div.list-container > ul .afx-list-item:nth-child(even) li { afx-file-view afx-list-view > div.list-container > ul .afx-list-item:nth-child(even) li {
background-color: transparent; background-color: transparent;
}*/ }
afx-file-view afx-list-view i.dir:before{ afx-file-view afx-list-view i.dir:before{
content: "\f07b"; content: "\f07b";
font-family: "FontAwesome"; font-family: "FontAwesome";

4
src/themes/default/afx-grid-view.css
View File

@ -17,10 +17,6 @@ afx-grid-view afx-grid-row.afx-grid-row-selected afx-grid-cell
background-color: var(--item-bg-active); background-color: var(--item-bg-active);
color:var(--text-tertiary); color:var(--text-tertiary);
} }
afx-grid-view afx-grid-row.gridview-nav-focus afx-grid-cell
{
background-color: var(--item-bg-hover);
}
afx-grid-view afx-grid-row.afx-grid-row-selected afx-grid-cell.afx-grid-cell-selected afx-grid-view afx-grid-row.afx-grid-row-selected afx-grid-cell.afx-grid-cell-selected
{ {
font-weight: normal; font-weight: normal;

4
src/themes/default/afx-list-view.css
View File

@ -65,7 +65,3 @@ afx-list-view .afx-list-item li afx-label.description
padding-left: 10px; padding-left: 10px;
} }
afx-list-view > div.list-container > ul > .listview_nav_focus > li{
background-color: var(--item-bg-hover);
}

3
src/themes/default/afx-sys-panel.css
View File

@ -49,8 +49,7 @@ afx-sys-panel afx-hbox[data-id="btlist"] afx-button button
font-size: 24px; font-size: 24px;
} }
afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul .afx-list-item li:hover, afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul .afx-list-item li:hover
afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul .listview_nav_focus > li
{ {
background-color: var(--antos-ant-color)/*#cecece*/; background-color: var(--antos-ant-color)/*#cecece*/;
color: var(--text-tertiary); color: var(--text-tertiary);

4
src/themes/system/afx-float-list.css
View File

@ -1,11 +1,11 @@
afx-desktop > div.list-container > ul, afx-float-list > div.list-container > ul{ afx-desktop div.list-container > ul, afx-float-list div.list-container > ul{
padding: 0; padding: 0;
margin: 0; margin: 0;
background-color: transparent; background-color: transparent;
} }
afx-desktop > div.list-container > ul li, afx-float-list > div.list-container > ul li{ afx-desktop div.list-container > ul li, afx-float-list div.list-container > ul li{
padding: 0; padding: 0;
margin: 0; margin: 0;
background-color: transparent; background-color: transparent;

5
src/themes/system/afx-sys-panel.css
View File

@ -121,11 +121,10 @@ afx-sys-panel afx-list-view[data-id="applist"] afx-label span
{ {
flex-direction: column; flex-direction: column;
} }
/*
afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul li:hover { afx-sys-panel afx-list-view[data-id="applist"] > div.list-container > ul li:hover {
background-color: transparent; background-color: transparent;
}*/ }
afx-sys-panel afx-list-view[data-id="applist"]> div.list-container > ul .afx-list-item li afx-sys-panel afx-list-view[data-id="applist"]> div.list-container > ul .afx-list-item:nth-child(even) li
{ {
background-color: transparent; background-color: transparent;
} }