Task assignees

Delegate tasks to one or several people.

Configure task assignees

Specify the list of assignees through the users configuration property. The example below defines four users:

const users = [
    { id: "user_1", label: "Don Smith", avatar: "../avatar_61.jpg"},
    { id: "user_2", label: "Nadia Chasey", avatar: "../avatar_63.jpg" },
    { id: "user_3", label: "Mike Young", avatar: "../avatar_03.jpg" },
    { id: "user_4", label: "Elvira Webb", avatar: "../avatar_33.jpg" }
];

const list = new ToDo("#root", { users });

Set assignees on initialization

To assign people to a task at initialization, pass the ids of the assignees to the assigned parameter of the related task object. The snippet below assigns four users to a task:

const users = [
    { id: "user_1", label: "Don Smith", avatar: "../avatar_61.jpg"},
    ...
];

const tasks = [
    {
        id: "2",
        project: "introduction",
        text: "You can assign task performers using the menu.",
        assigned: [ "user_1", "user_2", "user_3", "user_4" ],
    }
];

const list = new ToDo("#root", {
    tasks,
    users
});

The assigned people appear to the right of the task.

To view the list of people assigned to a task, click the avatars. To close it, click outside the list.

Change task assignees

After initialization, reassign or remove a task assignee in one of two ways:

• through the Assign to option of the task menu
• through the assignUser() and unassignUser() methods

The example below assigns a user to one task and removes a user from another:

// assign a person to the task
list.assignUser({
    id: "3",
    userId: "user_1"
});

// unassign a person from the task
list.unassignUser({
    id: "2",
    userId: "user_1"
});