Operationen mit Projekten

Das aktive Projekt wechseln

Um das aktuell aktive Projekt zu wechseln, verwenden Sie die Methode setProject(). Die Methode nimmt die Projekt-ID als Parameter entgegen. Das folgende Beispiel wechselt das aktive Projekt nach der Initialisierung:

const projects = [
    { id: "first", label: "First project" },
    { id: "second", label: "Second project" },
    { id: "third", label: "Third project" },
];

const list = new ToDo("#root", {
    projects,
    activeProject: "second"
});

const toolbar = new Toolbar("#toolbar", {
    api: list.api,
});

list.setProject({ id: "first" });

Ein neues Projekt hinzufügen

Um ein neues Projekt zu erstellen, verwenden Sie die Methode addProject(). Der folgende Code-Ausschnitt fügt ein viertes Projekt hinzu:

const projects = [
    { id: "first", label: "First project" },
    { id: "second", label: "Second project" },
    { id: "third", label: "Third project" },
];

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

const toolbar = new Toolbar("#toolbar", {
    api: list.api,
});

list.addProject({
    id: "fourth",
    project: {
        label: "Fourth project"
    }
});

Ein Projekt aktualisieren

Um Parameter eines Projekts dynamisch zu aktualisieren, verwenden Sie die Methode updateProject(). Das folgende Beispiel benennt eine Projektbezeichnung um:

const projects = [
    { id: "first", label: "First project" },
    { id: "second", label: "Second project" },
    { id: "third", label: "Third project" },
];

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

const toolbar = new Toolbar("#toolbar", {
    api: list.api,
});

list.updateProject({
    id: "second",
    project: {
        label: "Project 2"
    }
});

Ein Projekt löschen

Um ein Projekt zu entfernen, verwenden Sie die Methode deleteProject(). Der folgende Code-Ausschnitt löscht ein Projekt:

const projects = [
    { id: "first", label: "First project" },
    { id: "second", label: "Second project" },
    { id: "third", label: "Third project" },
];

const tasks = [
    { id: "1", text: "Task 1", project: "first" },
];

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

const toolbar = new Toolbar("#toolbar", {
    api: list.api,
});

list.deleteProject({ id: "first" });

Hinweis

Dem Projekt zugeordnete Aufgaben werden nicht entfernt. Die Aufgaben werden in den Bereich "No project" verschoben.

console.log(list.getTask({id: "1"})); // -> {id: '1', text: 'Task 1', project: null}