dany/antos-frontend
1
0
Fork 0
mirror of https://github.com/lxsang/antos-frontend.git synced 2024-11-09 14:28:21 +01:00
Code Issues 1 Actions Projects Releases Wiki Activity

improve: allow changing year in calendar widget
All checks were successful
AntOS front-end / Build-AntOS-Frontend (push) Successful in 34s
Details

Browse Source
This commit is contained in:
DanyLE 2024-07-27 11:50:04 +02:00
parent a554a678d8
commit bfeef223a8
5 changed files with 9267 additions and 9239 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
Makefile
View File

@ -8,11 +8,11 @@ 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.0-b VERSION?=2.0.1-b
BUILDID?=master BUILDID?=master
GSED=sed GSED=sed
UNAME_S := $(shell uname -s) UNAME_S := $(shell uname -s)cd
ifeq ($(UNAME_S),Darwin) ifeq ($(UNAME_S),Darwin)
GSED=gsed GSED=gsed
endif endif

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

File diff suppressed because it is too large Load Diff

21
src/core/tags/CalendarTag.ts
View File

@ -115,8 +115,18 @@ namespace OS {
protected mount(): void { protected mount(): void {
(this.refs.prev as ButtonTag).iconclass = "fa fa-angle-left"; (this.refs.prev as ButtonTag).iconclass = "fa fa-angle-left";
(this.refs.next as ButtonTag).iconclass = "fa fa-angle-right"; (this.refs.next as ButtonTag).iconclass = "fa fa-angle-right";
(this.refs.prev_year as ButtonTag).iconclass = "fa fa-angle-left";
(this.refs.next_year as ButtonTag).iconclass = "fa fa-angle-right";
(this.refs.prev as ButtonTag).onbtclick = (e) => this.prevmonth(); (this.refs.prev as ButtonTag).onbtclick = (e) => this.prevmonth();
(this.refs.next as ButtonTag).onbtclick = (e) => this.nextmonth(); (this.refs.next as ButtonTag).onbtclick = (e) => this.nextmonth();
(this.refs.next_year as ButtonTag).onbtclick = (e) => {
this._year++;
this.calendar(new Date(this._year, this._month, 1));
}
(this.refs.prev_year as ButtonTag).onbtclick = (e) => {
this._year--;
this.calendar(new Date(this._year, this._month, 1));
}
const grid = this.refs.grid as GridViewTag; const grid = this.refs.grid as GridViewTag;
grid.header = [ grid.header = [
{ text: "__(Sun)" }, { text: "__(Sun)" },
@ -304,7 +314,8 @@ namespace OS {
grid.rows = rows; grid.rows = rows;
(this.refs.mlbl as LabelTag).text = `${ (this.refs.mlbl as LabelTag).text = `${
months[this._month] months[this._month]
} ${this._year}`; }`;
(this.refs.ylbl as LabelTag).text = `${this._year}`;
} }
/** /**
@ -320,9 +331,13 @@ namespace OS {
el: "div", el: "div",
ref: "ctrl", ref: "ctrl",
children: [ children: [
{ el: "afx-button", class: "prevmonth", ref: "prev" }, { el: "afx-button", ref: "prev" },
{ el: "afx-label", ref: "mlbl" }, { el: "afx-label", ref: "mlbl" },
{ el: "afx-button", class: "nextmonth", ref: "next" }, { el: "afx-button", ref: "next" },
{ el: "div"},
{ el: "afx-button", ref: "prev_year" },
{ el: "afx-label", ref: "ylbl" },
{ el: "afx-button", ref: "next_year" },
], ],
}, },
{ el: "afx-grid-view", ref: "grid" }, { el: "afx-grid-view", ref: "grid" },

13
src/themes/default/afx-calendar-view.css
View File

@ -6,6 +6,19 @@ afx-calendar-view > div afx-label i{
font-weight: bold; font-weight: bold;
} }
afx-calendar-view afx-button button,
afx-calendar-view afx-button button:active,
afx-calendar-view afx-button button.btactive
{
border: 0;
background-color: transparent;
}
afx-calendar-view afx-button button:active,
afx-calendar-view afx-button button.btactive
{
color: var(--item-bg-active);
}
afx-calendar-view afx-grid-view afx-grid-row.afx-grid-row-selected afx-grid-cell afx-calendar-view afx-grid-view afx-grid-row.afx-grid-row-selected afx-grid-cell
{ {

4
src/themes/system/afx-calendar-view.css
View File

@ -6,7 +6,7 @@ afx-calendar-view afx-grid-view afx-grid-row:nth-child(even) afx-grid-cell
afx-calendar-view afx-grid-view .grid_row_header afx-grid-cell{ afx-calendar-view afx-grid-view .grid_row_header afx-grid-cell{
border-right: 0; border-right: 0;
} }
afx-calendar-view afx-label { afx-calendar-view afx-label, afx-calendar-view > div > div {
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
} }
@ -15,7 +15,7 @@ afx-calendar-view > div {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
afx-calendar-view > div > afx-label afx-calendar-view > div > div
{ {
flex:1; flex:1;
} }