Next

docs/api/configs/menu_config.md

@@ -101,7 +101,7 @@ The callback should return one of the following values:
                 ]
             }
             ~~~
-            ![Context menu item](../../assets/menu_item.png)
+            ![Default context menu item with a submenu in DHTMLX To Do List](/img/menu_item.png)
         </details>
 
         - `"separator"` - the line for separating menu items
@@ -147,7 +147,7 @@ The callback should return one of the following values:
         }
         ~~~
 
-        ![Context menu item](../../assets/menu_priorities.png)
+        ![Priority submenu with High, Medium, and Low options in DHTMLX To Do List](/img/menu_priorities.png)
         </details>
 
         - `"datepicker"` - the menu item intended for setting dates
@@ -166,7 +166,7 @@ The callback should return one of the following values:
         }
         ~~~
 
-        ![Context menu item](../../assets/menu_datepicker.png)
+        ![Datepicker menu item for setting a due date in DHTMLX To Do List](/img/menu_datepicker.png)
         </details>
 
         - `"user"` - the menu item intended for assigning users to tasks
@@ -187,7 +187,7 @@ The callback should return one of the following values:
         }
         ~~~
 
-        ![Context menu item](../../assets/menu_users.png)
+        ![Menu item for assigning users to a task in DHTMLX To Do List](/img/menu_users.png)
         </details>
 
 ### Example

docs/guides/configuration.md

@@ -28,7 +28,7 @@ To change configuration parameters dynamically after initialization, use the [`s
 
 Change the counter type that shows how many child tasks are complete.
 
-![counter](../assets/counter.png)
+![Counter of completed subtasks in DHTMLX To Do List](/img/counter.png)
 
 By default, each parent task shows a counter as a ratio of completed child tasks to the total number of child tasks.
 
@@ -130,11 +130,11 @@ list.api.on("end-drag", ({ target, dropPosition, mode }) => {
 
 If you specify a [due date](api/configs/tasks_config.md) for a task, due date validation tracks task completion. The due date appears in green until the task becomes overdue.
 
-![due_date](../assets/due_date.png)
+![Task with a due date shown in green in DHTMLX To Do List](/img/due_date.png)
 
 Dates of overdue tasks appear in red.
 
-![due_date](../assets/overdue_task.png)
+![Overdue task with its due date shown in red in DHTMLX To Do List](/img/overdue_task.png)
 
 Validation is enabled by default. To disable it, set `taskShape.date.validate` to `false`. See the [`taskShape`](api/configs/taskshape_config.md) reference for details. The code snippet below turns off due date validation:
 

docs/guides/integration_with_angular.md

@@ -368,6 +368,6 @@ platformBrowserDynamic()
 
 Start the app — the To Do List renders with sample data:
 
-![To Do List initialization](../assets/trial_todolist.png)
+![DHTMLX To Do List rendered in an Angular application with sample data](/img/trial_todolist.png)
 
 Find the complete project on [**GitHub**](https://github.com/DHTMLX/angular-todolist-demo).

docs/guides/integration_with_react.md

@@ -332,6 +332,6 @@ export default App;
 
 Start the app — the To Do List renders with sample data:
 
-![To Do List initialization](../assets/trial_todolist.png)
+![DHTMLX To Do List rendered in a React application with sample data](/img/trial_todolist.png)
 
 Find the complete project on [**GitHub**](https://github.com/DHTMLX/react-todolist-demo).

docs/guides/integration_with_svelte.md

@@ -322,6 +322,6 @@ const { users, tasks, projects } = getData();
 
 Start the app — the To Do List renders with sample data:
 
-![To Do List initialization](../assets/trial_todolist.png)
+![DHTMLX To Do List rendered in a Svelte application with sample data](/img/trial_todolist.png)
 
 Find the complete project on [**GitHub**](https://github.com/DHTMLX/svelte-todolist-demo).

docs/guides/integration_with_vue.md

@@ -344,6 +344,6 @@ export default {
 
 Start the app — the To Do List renders with sample data:
 
-![To Do List initialization](../assets/trial_todolist.png)
+![DHTMLX To Do List rendered in a Vue application with sample data](/img/trial_todolist.png)
 
 Find the complete project on [**GitHub**](https://github.com/DHTMLX/vue-todolist-demo).

docs/guides/multiselection.md

@@ -8,7 +8,7 @@ description: You can learn about selection of multiple tasks in the documentatio
 
 The To Do List library lets you select multiple tasks and manage them at once.
 
-![Multiselection](../assets/multiselection.png)
+![Multiple selected tasks in the DHTMLX To Do List widget](/img/multiselection.png)
 
 :::info
 Learn how to [select](/#selecting-tasks) and [manage multiple tasks](/#managing-multiple-tasks) through the UI.

docs/guides/task_users.md

@@ -50,7 +50,7 @@ const list = new ToDo("#root", {
 
 The assigned people appear to the right of the task.
 
-![users](../assets/users.png)
+![Users assigned to a task in DHTMLX To Do List](/img/users.png)
 
 To view the list of people assigned to a task, click the avatars. To close it, click outside the list.
 

docs/how_to_start.md

@@ -8,7 +8,7 @@ description: You can learn about how to start working with DHTMLX To Do List in
 
 This tutorial will teach you how to create a fully featured To Do List and add it into your web application.
 
-![how_to_start](assets/todolist.png)
+![Fully featured DHTMLX To Do List displayed on a web page](/img/todolist.png)
 
 After completing all the steps below, you will get a ready-to-use To Do List which you can easily configure to suite your needs and efficiently use in real life.
 

docs/overview.md

@@ -19,11 +19,11 @@ The interface of the To Do List component consists of two parts: [Toolbar](#tool
 
 - a **combo** control for switching between projects, and searching for the necessary project
 
-![toolbar](assets/toolbar.png)
+![DHTMLX To Do List toolbar with the project selector combo](/img/toolbar.png)
 
 - a **search bar** for searching for the needed tasks
 
-![toolbar](assets/search_field.png)
+![Search bar in the DHTMLX To Do List toolbar](/img/search_field.png)
 
 - a **menu** with a set of controls which allow you to:
     - sort tasks in the ascending/descending order by the following criteria:
@@ -36,7 +36,7 @@ The interface of the To Do List component consists of two parts: [Toolbar](#tool
     - hide/show completed tasks
     - add a new project, rename or delete a currently active project
 
-![toolbar](assets/project_menu.png)
+![DHTMLX To Do List toolbar menu with task sorting and project options](/img/project_menu.png)
 
 :::info
 You can change the toolbar structure by adding custom elements or changing the order of the built-in controls. Read more in the [**Configuration**](guides/configuration.md#toolbar) and [**Customization**](guides/customization.md#customize-the-toolbar) sections.
@@ -46,7 +46,7 @@ You can change the toolbar structure by adding custom elements or changing the o
 
 The **list of tasks** is the main part of the To Do List interface intended for adding new tasks, editing, or deleting the existing ones. You can easily configure the appearance of tasks. Read more in the [Configuration](guides/configuration.md) section. 
 
-![list](assets/list.png)
+![List of tasks in the DHTMLX To Do List widget](/img/list.png)
 
 ## Selecting tasks
 
@@ -79,7 +79,7 @@ You can manage the selected task both via the context menu or keyboard navigatio
 
 The **context menu** of a task contains a set of items and sub-items and looks like this:
 
-![context_menu_of_task](assets/task_context_menu.png)
+![Context menu of a single task in DHTMLX To Do List](/img/task_context_menu.png)
 
 ### Adding a new task
 
@@ -124,7 +124,7 @@ After you have selected [multiple tasks](#selecting-multiple-tasks), you can per
 
 - to open a **context menu** for the selected tasks
 
-![context_menu_of_tasks](assets/tasks_context_menu.png)
+![Context menu for multiple selected tasks in DHTMLX To Do List](/img/tasks_context_menu.png)
 
 - to delete tasks by pressing `Backspace`/`Delete`
 - to copy tasks via `Ctrl (Cmd) + C` and paste them via `Ctrl (Cmd) + V`. The tasks which are selected in the chaotic order will be structured depending on the structure of the data

i18n/de/docusaurus-plugin-content-docs/current/api/configs/menu_config.md

@@ -101,7 +101,7 @@ Der Callback sollte einen der folgenden Werte zurückgeben:
                 ]
             }
             ~~~
-            ![Kontextmenüeintrag](../../assets/menu_item.png)
+            ![Standardeintrag des Kontextmenüs mit Untermenü in DHTMLX To Do List](/img/menu_item.png)
         </details>
 
         - `"separator"` - die Trennlinie zwischen Menüeinträgen
@@ -147,7 +147,7 @@ Der Callback sollte einen der folgenden Werte zurückgeben:
         }
         ~~~
 
-        ![Kontextmenüeintrag](../../assets/menu_priorities.png)
+        ![Prioritäten-Untermenü mit den Optionen High, Medium und Low in DHTMLX To Do List](/img/menu_priorities.png)
         </details>
 
         - `"datepicker"` - der Menüeintrag zum Festlegen von Datumsangaben
@@ -166,7 +166,7 @@ Der Callback sollte einen der folgenden Werte zurückgeben:
         }
         ~~~
 
-        ![Kontextmenüeintrag](../../assets/menu_datepicker.png)
+        ![Datepicker-Menüeintrag zum Festlegen eines Fälligkeitsdatums in DHTMLX To Do List](/img/menu_datepicker.png)
         </details>
 
         - `"user"` - der Menüeintrag zum Zuweisen von Benutzern zu Aufgaben
@@ -187,7 +187,7 @@ Der Callback sollte einen der folgenden Werte zurückgeben:
         }
         ~~~
 
-        ![Kontextmenüeintrag](../../assets/menu_users.png)
+        ![Menüeintrag zum Zuweisen von Benutzern zu einer Aufgabe in DHTMLX To Do List](/img/menu_users.png)
         </details>
 
 ### Beispiel {#example}

i18n/de/docusaurus-plugin-content-docs/current/guides/configuration.md

@@ -28,7 +28,7 @@ Um Konfigurationsparameter nach der Initialisierung dynamisch zu ändern, verwen
 
 Ändern Sie den Zählertyp, der anzeigt, wie viele Kindaufgaben abgeschlossen sind.
 
-![counter](../assets/counter.png)
+![Zähler abgeschlossener Teilaufgaben in DHTMLX To Do List](/img/counter.png)
 
 Standardmäßig zeigt jede übergeordnete Aufgabe einen Zähler als Verhältnis abgeschlossener Kindaufgaben zur Gesamtanzahl der Kindaufgaben an.
 
@@ -130,11 +130,11 @@ list.api.on("end-drag", ({ target, dropPosition, mode }) => {
 
 Wenn Sie für eine Aufgabe ein [Fälligkeitsdatum](api/configs/tasks_config.md) angeben, verfolgt die Fälligkeitsdatum-Validierung den Abschluss der Aufgabe. Das Fälligkeitsdatum erscheint grün, bis die Aufgabe überfällig wird.
 
-![due_date](../assets/due_date.png)
+![Aufgabe mit grün hervorgehobenem Fälligkeitsdatum in DHTMLX To Do List](/img/due_date.png)
 
 Die Datumsangaben überfälliger Aufgaben erscheinen in Rot.
 
-![due_date](../assets/overdue_task.png)
+![Überfällige Aufgabe mit rot hervorgehobenem Fälligkeitsdatum in DHTMLX To Do List](/img/overdue_task.png)
 
 Die Validierung ist standardmäßig aktiviert. Um sie zu deaktivieren, setzen Sie `taskShape.date.validate` auf `false`. Weitere Details finden Sie in der [`taskShape`](api/configs/taskshape_config.md)-Referenz. Der folgende Code-Ausschnitt deaktiviert die Fälligkeitsdatum-Validierung:
 

i18n/de/docusaurus-plugin-content-docs/current/guides/integration_with_angular.md

@@ -368,6 +368,6 @@ platformBrowserDynamic()
 
 Starten Sie die App — die To-Do-Liste wird mit Beispieldaten gerendert:
 
-![To-Do-List-Initialisierung](../assets/trial_todolist.png)
+![In einer Angular-Anwendung gerendertes DHTMLX To Do List mit Beispieldaten](/img/trial_todolist.png)
 
 Das vollständige Projekt finden Sie auf [**GitHub**](https://github.com/DHTMLX/angular-todolist-demo).

i18n/de/docusaurus-plugin-content-docs/current/guides/integration_with_react.md

@@ -332,6 +332,6 @@ export default App;
 
 Starten Sie die App — die To-Do-Liste wird mit Beispieldaten gerendert:
 
-![To-Do-List-Initialisierung](../assets/trial_todolist.png)
+![In einer React-Anwendung gerendertes DHTMLX To Do List mit Beispieldaten](/img/trial_todolist.png)
 
 Das vollständige Projekt finden Sie auf [**GitHub**](https://github.com/DHTMLX/react-todolist-demo).

i18n/de/docusaurus-plugin-content-docs/current/guides/integration_with_svelte.md

@@ -322,6 +322,6 @@ const { users, tasks, projects } = getData();
 
 Starten Sie die App — die To-Do-Liste wird mit Beispieldaten gerendert:
 
-![To-Do-List-Initialisierung](../assets/trial_todolist.png)
+![In einer Svelte-Anwendung gerendertes DHTMLX To Do List mit Beispieldaten](/img/trial_todolist.png)
 
 Das vollständige Projekt finden Sie auf [**GitHub**](https://github.com/DHTMLX/svelte-todolist-demo).

i18n/de/docusaurus-plugin-content-docs/current/guides/integration_with_vue.md

@@ -344,6 +344,6 @@ export default {
 
 Starten Sie die App — die To-Do-Liste wird mit Beispieldaten gerendert:
 
-![To-Do-List-Initialisierung](../assets/trial_todolist.png)
+![In einer Vue-Anwendung gerendertes DHTMLX To Do List mit Beispieldaten](/img/trial_todolist.png)
 
 Das vollständige Projekt finden Sie auf [**GitHub**](https://github.com/DHTMLX/vue-todolist-demo).

i18n/de/docusaurus-plugin-content-docs/current/guides/multiselection.md

@@ -8,7 +8,7 @@ description: In der Dokumentation der DHTMLX JavaScript To Do List-Bibliothek er
 
 Die To Do List-Bibliothek ermöglicht die Auswahl mehrerer Aufgaben und deren gleichzeitige Verwaltung.
 
-![Mehrfachauswahl](../assets/multiselection.png)
+![Mehrere ausgewählte Aufgaben im DHTMLX To Do List-Widget](/img/multiselection.png)
 
 :::info
 Erfahren Sie, wie Sie Aufgaben über die Benutzeroberfläche [auswählen](/#selecting-tasks) und [mehrere Aufgaben verwalten](/#managing-multiple-tasks).

i18n/de/docusaurus-plugin-content-docs/current/guides/task_users.md

@@ -50,7 +50,7 @@ const list = new ToDo("#root", {
 
 Die zugewiesenen Personen erscheinen rechts neben der Aufgabe.
 
-![users](../assets/users.png)
+![Einer Aufgabe in DHTMLX To Do List zugewiesene Benutzer](/img/users.png)
 
 Um die Liste der einer Aufgabe zugewiesenen Personen anzuzeigen, klicken Sie auf die Avatare. Zum Schließen klicken Sie außerhalb der Liste.
 

i18n/de/docusaurus-plugin-content-docs/current/how_to_start.md

@@ -8,7 +8,7 @@ description: Sie können erfahren, wie Sie mit DHTMLX To Do List arbeiten. Erkun
 
 Dieses Tutorial zeigt Ihnen, wie Sie eine voll funktionsfähige To-Do-Liste erstellen und in Ihre Webanwendung einbinden.
 
-![how_to_start](assets/todolist.png)
+![Voll funktionsfähige DHTMLX To Do List auf einer Webseite](/img/todolist.png)
 
 Nach Abschluss aller folgenden Schritte erhalten Sie eine einsatzbereite To-Do-Liste, die Sie nach Ihren Wünschen konfigurieren und im praktischen Einsatz nutzen können.
 

i18n/de/docusaurus-plugin-content-docs/current/overview.md

@@ -19,11 +19,11 @@ Die **Toolbar** ist der obere Teil von To Do List und enthält:
 
 - ein **Combo**-Steuerelement zum Wechseln zwischen Projekten und zum Suchen nach dem gewünschten Projekt
 
-![toolbar](assets/toolbar.png)
+![DHTMLX To Do List-Symbolleiste mit der Projektauswahl-Combobox](/img/toolbar.png)
 
 - eine **Suchleiste** zum Suchen nach den benötigten Aufgaben
 
-![toolbar](assets/search_field.png)
+![Suchleiste in der DHTMLX To Do List-Symbolleiste](/img/search_field.png)
 
 - ein **Menü** mit einer Reihe von Steuerelementen, mit denen Sie:
     - Aufgaben aufsteigend/absteigend nach folgenden Kriterien sortieren können:
@@ -36,7 +36,7 @@ Die **Toolbar** ist der obere Teil von To Do List und enthält:
     - erledigte Aufgaben aus- oder einblenden können
     - ein neues Projekt hinzufügen, das aktuell aktive Projekt umbenennen oder löschen können
 
-![toolbar](assets/project_menu.png)
+![Symbolleistenmenü von DHTMLX To Do List mit Aufgabensortierung und Projektoptionen](/img/project_menu.png)
 
 :::info
 Sie können die Toolbar-Struktur ändern, indem Sie benutzerdefinierte Elemente hinzufügen oder die Reihenfolge der integrierten Steuerelemente anpassen. Lesen Sie dazu die Abschnitte [**Konfiguration**](guides/configuration.md#toolbar) und [**Anpassung**](guides/customization.md#customize-the-toolbar).
@@ -46,7 +46,7 @@ Sie können die Toolbar-Struktur ändern, indem Sie benutzerdefinierte Elemente
 
 Die **Aufgabenliste** ist der Hauptteil der To-Do-List-Oberfläche, mit dem Sie neue Aufgaben hinzufügen sowie vorhandene bearbeiten oder löschen können. Die Darstellung der Aufgaben lässt sich einfach konfigurieren. Lesen Sie dazu den Abschnitt [Konfiguration](guides/configuration.md). 
 
-![list](assets/list.png)
+![Aufgabenliste im DHTMLX To Do List-Widget](/img/list.png)
 
 ## Aufgaben auswählen {#selecting-tasks}
 
@@ -79,7 +79,7 @@ Sie können die ausgewählte Aufgabe sowohl über das Kontextmenü als auch per
 
 Das **Kontextmenü** einer Aufgabe enthält eine Reihe von Einträgen und Untereinträgen und sieht folgendermaßen aus:
 
-![context_menu_of_task](assets/task_context_menu.png)
+![Kontextmenü einer einzelnen Aufgabe in DHTMLX To Do List](/img/task_context_menu.png)
 
 ### Eine neue Aufgabe hinzufügen {#adding-a-new-task}
 
@@ -124,7 +124,7 @@ Nachdem Sie [mehrere Aufgaben](#selecting-multiple-tasks) ausgewählt haben, kö
 
 - ein **Kontextmenü** für die ausgewählten Aufgaben öffnen
 
-![context_menu_of_tasks](assets/tasks_context_menu.png)
+![Kontextmenü für mehrere ausgewählte Aufgaben in DHTMLX To Do List](/img/tasks_context_menu.png)
 
 - Aufgaben durch Drücken von `Backspace`/`Delete` löschen
 - Aufgaben per `Ctrl (Cmd) + C` kopieren und per `Ctrl (Cmd) + V` einfügen. Aufgaben, die in beliebiger Reihenfolge ausgewählt wurden, werden entsprechend der Datenstruktur geordnet

i18n/ko/docusaurus-plugin-content-docs/current/api/configs/menu_config.md

@@ -101,7 +101,7 @@ config: {
                 ]
             }
             ~~~
-            ![컨텍스트 메뉴 항목](../../assets/menu_item.png)
+            ![하위 메뉴가 있는 DHTMLX To Do List 컨텍스트 메뉴의 기본 항목](/img/menu_item.png)
         </details>
 
         - `"separator"` - 메뉴 항목을 구분하는 선
@@ -147,7 +147,7 @@ config: {
         }
         ~~~
 
-        ![컨텍스트 메뉴 항목](../../assets/menu_priorities.png)
+        ![High, Medium, Low 옵션이 있는 DHTMLX To Do List 우선순위 하위 메뉴](/img/menu_priorities.png)
         </details>
 
         - `"datepicker"` - 날짜 설정을 위한 메뉴 항목
@@ -166,7 +166,7 @@ config: {
         }
         ~~~
 
-        ![컨텍스트 메뉴 항목](../../assets/menu_datepicker.png)
+        ![마감일을 설정하는 DHTMLX To Do List 날짜 선택기 메뉴 항목](/img/menu_datepicker.png)
         </details>
 
         - `"user"` - 작업에 사용자를 할당하기 위한 메뉴 항목
@@ -187,7 +187,7 @@ config: {
         }
         ~~~
 
-        ![컨텍스트 메뉴 항목](../../assets/menu_users.png)
+        ![작업에 사용자를 배정하는 DHTMLX To Do List 메뉴 항목](/img/menu_users.png)
         </details>
 
 ### 예제 {#example}

i18n/ko/docusaurus-plugin-content-docs/current/guides/configuration.md

@@ -28,7 +28,7 @@ DHTMLX To Do List의 설정을 필요에 맞게 조정하세요. 사용 가능
 
 완료된 하위 작업 수를 표시하는 카운터 유형을 변경합니다.
 
-![counter](../assets/counter.png)
+![DHTMLX To Do List의 완료된 하위 작업 카운터](/img/counter.png)
 
 기본적으로 각 상위 작업은 완료된 하위 작업 수와 전체 하위 작업 수의 비율을 카운터로 표시합니다.
 
@@ -130,11 +130,11 @@ list.api.on("end-drag", ({ target, dropPosition, mode }) => {
 
 작업에 [마감일](api/configs/tasks_config.md)을 지정하면 마감일 유효성 검사가 작업 완료를 추적합니다. 마감일은 작업이 기한을 초과하기 전까지 녹색으로 표시됩니다.
 
-![due_date](../assets/due_date.png)
+![DHTMLX To Do List에서 마감일이 녹색으로 표시된 작업](/img/due_date.png)
 
 기한이 지난 작업의 날짜는 빨간색으로 표시됩니다.
 
-![due_date](../assets/overdue_task.png)
+![DHTMLX To Do List에서 마감일이 빨간색으로 표시된 기한이 지난 작업](/img/overdue_task.png)
 
 유효성 검사는 기본적으로 활성화되어 있습니다. 비활성화하려면 `taskShape.date.validate`를 `false`로 설정하세요. 자세한 내용은 [`taskShape`](api/configs/taskshape_config.md) 레퍼런스를 참고하세요. 아래 코드는 마감일 유효성 검사를 끕니다: