Merge pull request #51 from mlakatkou/GS-3266

GS-3266

Author: AlexKlimenkov

docs/api/method/updatetask.md

@@ -20,65 +20,62 @@ description: "updates the specified task"
 ### Example
 
 ~~~jsx
-var taskId = gantt.addTask({
-    id:10,
-    text:"Task #10",
-    start_date:"02-04-2013",
-    duration:8,
-    parent:1
+const taskId = gantt.addTask({
+    id: 10,
+    text: "Task #10",
+    start_date: "2027-04-02",
+    duration: 8,
+    parent: 1
 });
 
-gantt.getTask(taskId).text = "Task #13"; //changes task's data
-gantt.updateTask(taskId); //renders the updated task
+gantt.getTask(taskId).text = "Task #13"; // changes task data
+gantt.updateTask(taskId); // renders the updated task
 ~~~
 
 ### Details
 
 :::note
-The method invokes the [onAfterTaskUpdate](api/event/onaftertaskupdate.md) event. 
+The method invokes the [`onAfterTaskUpdate`](api/event/onaftertaskupdate.md) event.
 :::
 
 :::note
-The method triggers the [DataProcessor](guides/server-side.md) if the dataProcessor is enabled. 
+The method triggers the [DataProcessor](api/method/dataprocessor.md) if the dataProcessor is enabled.
 :::
 
 This method should be called after modifying the task object to update the Gantt's state, repaint related UI elements, and send the changes to the backend.
 
-Calling this method will fire the [onAfterTaskUpdate](api/event/onaftertaskupdate.md) event, which may trigger additional recalculations.
+Calling this method will fire the [`onAfterTaskUpdate`](api/event/onaftertaskupdate.md) event, which may trigger additional recalculations.
 
-If you're using the [DataProcessor](guides/server-side.md), invoking this method will prompt an **update** request to the server.
+If you're using the [DataProcessor](api/method/dataprocessor.md), invoking this method will prompt an **update** request to the server.
 
-For making visual changes that don't require saving, **use the [refreshTask](api/method/refreshtask.md) method instead**. This will repaint the task without invoking extra calculations.
+For making visual changes that don't require saving, **use the [`refreshTask()`](api/method/refreshtask.md) method instead**. This will repaint the task without invoking extra calculations.
 
-~~~js
-gantt.templates.task_class = function(start, end, task){
-    if(task.$active) {
-        return "active_task";
-    }
-};
+~~~js {5}
+gantt.templates.task_class = (startDate, endDate, task) => task.$active ? "active_task" : "";
 
-gantt.attachEvent("onTaskClick", function(id,e){
-    gantt.getTask(id).$active = true;
-    gantt.refreshTask(id); /*!*/
+gantt.attachEvent("onTaskClick", (taskId, event) => {
+    gantt.getTask(taskId).$active = true;
+    gantt.refreshTask(taskId);
 });
 ~~~
 
-
-You can also replace the existing task with new values via setting a new task object as the second parameter of the **updateTask** method: 
+You can also replace the existing task with new values by setting a new task object as the second parameter of the `updateTask()` method:
 
 ~~~js
-var task = {
-    id: 2, text: 'New task text', 
-    start_date: new Date(2025,03,02), 
-    end_date: new Date(2025,03,04), 
-    $source: [1], 
+const updatedTask = {
+    id: 2,
+    text: 'New task text',
+    start_date: new Date(2025, 3, 2),
+    end_date: new Date(2025, 3, 4),
+    $source: [1],
     $target: [2]
-}
-gantt.updateTask(2,task);
+};
+
+gantt.updateTask(2, updatedTask);
 ~~~
 
 :::note
-sample: [Updating task ](https://snippet.dhtmlx.com/fnfpoiik)
+Sample: [Updating task](https://snippet.dhtmlx.com/fnfpoiik)
 :::
 
 ### Related API
@@ -88,4 +85,3 @@ sample: [Updating task ](https://snippet.dhtmlx.com/fnfpoiik)
 
 ### Related Guides
 - [Server-Side Integration](guides/server-side.md)
-