You can read about general customization rules in the corresponding article.
If you want to track the progress of your tasks, you can customize ToDo to count the percentage of subtasks completed.
To add a progress counter, take the following steps:
class CustomWorkSpace extends todo.views["workspace"] {
GetProgressTemplate(obj, common) {
var percent = Math.round((obj.$checked / obj.$count_all) * 100);
return `<span class="webix_todo_count">${percent}%</span>`;
}
}
var app = new todo.App({
data: base_data,
users: users,
projects: projects,
override: new Map([
[todo.views["workspace"], CustomWorkSpace]
]),
});
app.render(document.body);
Related sample: ToDo: Adding Progress Counter
To change the date format, take the following steps:
class CustomWorkSpace extends todo.views["workspace"] {
init(view) {
super.init(view);
this.Formats.myFormat = webix.Date.dateToStr("%d.%m.%Y");
view.refresh();
}
GetDueDateFormat() {
return this.Formats.myFormat || this.Formats.full;
}
}
var app = new todo.App({
data: base_data,
users: users,
projects: projects,
override: new Map([
[todo.views["workspace"], CustomWorkSpace]
]),
});
app.render(document.body);
Related sample: ToDo: Changing Date Format
Back to top