extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-25 16:18:57 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add onFinish callback to countdown widget and style it

Browse Source
This commit is contained in:
Hadi Nategh 2020-11-24 13:46:05 +01:00
parent cdc6c6f86f
commit 56cc940eb0
3 changed files with 32 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
api/js/etemplate/et2_widget_countdown.js
View File

@ -70,8 +70,11 @@ var et2_countdown = /** @class */ (function (_super) {
this.time.set_value(_time); this.time.set_value(_time);
var self = this; var self = this;
this.timer = setInterval(function () { this.timer = setInterval(function () {
if (self._updateTimer() <= 0) if (self._updateTimer() <= 0) {
clearInterval(this.timer); clearInterval(self.timer);
if (typeof self.onFinish == "function")
self.onFinish();
}
}, 1000); }, 1000);
}; };
et2_countdown.prototype._updateTimer = function () { et2_countdown.prototype._updateTimer = function () {
@ -102,6 +105,12 @@ var et2_countdown = /** @class */ (function (_super) {
type: "string", type: "string",
default: "s", default: "s",
description: "Defines display format; s (Initial letter) or l (Complete word) display, default is s." description: "Defines display format; s (Initial letter) or l (Complete word) display, default is s."
},
onFinish: {
name: "on finish countdown",
type: "js",
default: et2_no_init,
description: "Callback function to call when the countdown is finished."
} }
}; };
return et2_countdown; return et2_countdown;

12
api/js/etemplate/et2_widget_countdown.ts
View File

@ -35,6 +35,12 @@ export class et2_countdown extends et2_baseWidget {
type: "string", type: "string",
default: "s", // s or l default: "s", // s or l
description: "Defines display format; s (Initial letter) or l (Complete word) display, default is s." description: "Defines display format; s (Initial letter) or l (Complete word) display, default is s."
},
onFinish: {
name: "on finish countdown",
type: "js",
default: et2_no_init,
description: "Callback function to call when the countdown is finished."
} }
}; };
@ -76,7 +82,11 @@ export class et2_countdown extends et2_baseWidget {
this.time.set_value(_time); this.time.set_value(_time);
let self = this; let self = this;
this.timer = setInterval(function(){ this.timer = setInterval(function(){
if (self._updateTimer() <= 0) clearInterval(this.timer); if (self._updateTimer() <= 0)
{
clearInterval(self.timer);
if (typeof self.onFinish == "function") self.onFinish();
}
}, 1000); }, 1000);
} }

10
api/templates/default/etemplate2.css
View File

@ -3283,3 +3283,13 @@ tr.disableIfNoEPL {
.colselection.ui-widget-content .et2_selectbox .ui-multiselect-checkboxes { .colselection.ui-widget-content .et2_selectbox .ui-multiselect-checkboxes {
height: calc(100% - 68px) !important; height: calc(100% - 68px) !important;
} }
.et2_countdown {
margin-left: 10px;
background: #f1f1f1;
}
.et2_countdown > span {
margin-right: 10px;
}
span.et2_countdown_seconds {
margin-right: 0px;
}