From 716862c8b5815f0d3d8d92a223801db91051906c Mon Sep 17 00:00:00 2001
From: vicky1999 <ravivignesh2000@gmail.com>
Date: Sun, 13 Feb 2022 19:49:10 +0530
Subject: [PATCH 1/4] edit task data click event

---
 src/kanbanBoard.js | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/kanbanBoard.js b/src/kanbanBoard.js
index 5f94ac4..c1e6a20 100644
--- a/src/kanbanBoard.js
+++ b/src/kanbanBoard.js
@@ -62,6 +62,17 @@ const loadKanbanBoard = (bootstrap,data,sortablejs) => {
                     })
                 }
 
+                function dataClicked(data, status) {
+                    console.log('Edit Data: ', data, status);
+                    vscode.postMessage({
+                        command: 'edit',
+                        text: {
+                            name: data.name,
+                            description: data.description
+                        }
+                    })
+                }
+
                 Sortable.create(todo,{
                     group: {
                         name: "kanban",
@@ -255,8 +266,9 @@ const displayData = (data,key,name) => {
     for(let i=0;i<data.length;i++) {
         res+=`
         <li class="list-group-item d-flex justify-content-between align-items-center" style="cursor: pointer;">
-            ${data[i].name}
-            
+            <div onclick='dataClicked(${JSON.stringify(data[i])}, "${name}");'>
+                ${data[i].name}
+            <div>
             <button type="button" class="btn btn-outline-danger" onclick="deleteTask('${data[i].name}','${key}');" style="float: right;">
                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash-fill" viewBox="0 0 16 16">
                     <path d="M2.5 1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1H3v9a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V4h.5a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H10a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1H2.5zm3 4a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 .5-.5zM8 5a.5.5 0 0 1 .5.5v7a.5.5 0 0 1-1 0v-7A.5.5 0 0 1 8 5zm3 .5v7a.5.5 0 0 1-1 0v-7a.5.5 0 0 1 1 0z"/>

From 7919f6115861f1e0f6cf8227b9253355bcf53509 Mon Sep 17 00:00:00 2001
From: vicky1999 <ravivignesh2000@gmail.com>
Date: Sun, 13 Feb 2022 19:53:04 +0530
Subject: [PATCH 2/4] edit task api handling

---
 src/extension.ts | 41 +++++++++++++++++++++++++++++++++++++++--
 1 file changed, 39 insertions(+), 2 deletions(-)

diff --git a/src/extension.ts b/src/extension.ts
index 019c0a1..c24d977 100644
--- a/src/extension.ts
+++ b/src/extension.ts
@@ -22,8 +22,7 @@ const getIndex = async (arr:any,val:string) => {
 export function activate(context: vscode.ExtensionContext) {
 
 	// Load KanbanBoard file
-	const KanbanBoard = require(context.extensionPath+"\\src\\kanbanBoard.js");
-	
+	const KanbanBoard = require(context.extensionPath+"/src/kanbanBoard.js");	
 	// Use the console to output diagnostic information (console.log) and errors (console.error)
 	// This line of code will only be executed once when your extension is activated
 	// console.log('Congratulations, your extension "kanban-vscode" is now active!');
@@ -170,6 +169,44 @@ export function activate(context: vscode.ExtensionContext) {
 							});
 						});
 						return;
+
+					case 'edit':
+						window.showInputBox({
+							placeHolder: "Task Name",
+							title: "Edit Task",
+							value: message.text.name
+						}).then((input) => {
+							window.showInputBox({
+								placeHolder: "Task Description",
+								title: "Edit Task",
+								value: message.text.description
+							}).then((desc) => {
+								window.showQuickPick(items,{
+									canPickMany: false,
+									placeHolder: "Please select",
+									title: "Task Status"
+								}).then((value) => {
+									// window.showInformationMessage(`Task Name: ${input}.  Task status: ${value}`);
+									fs.readFile(jsonPath,"utf8",(err:any,data:any) => {
+										if(err) {
+											vscode.window.showErrorMessage("Error in Loading Kanban Board.");
+											return;
+										}
+										let val:string = value || '';
+										data = JSON.parse(data);
+										data[val].push({"name":input, "description": desc});
+										
+										fs.writeFile(jsonPath,JSON.stringify(data,undefined,4),(err: any) => {
+											if(err) {
+												vscode.window.showErrorMessage("Something went Wrong!");
+											}
+											panel.webview.html = KanbanBoard.loadKanbanBoard(bootstrap,JSON.stringify(data,undefined,4),sortablejs);
+										});
+									});
+								});
+							});
+						}	
+					);
 						
 				}
 		});

From eee4c77d2fc83109aff703967e62626e03f249d5 Mon Sep 17 00:00:00 2001
From: vicky1999 <ravivignesh2000@gmail.com>
Date: Sun, 13 Feb 2022 20:00:46 +0530
Subject: [PATCH 3/4] fix on edit task api triggered on deletion

---
 src/extension.ts   | 6 ++++--
 src/kanbanBoard.js | 4 ++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/extension.ts b/src/extension.ts
index c24d977..92d053b 100644
--- a/src/extension.ts
+++ b/src/extension.ts
@@ -61,6 +61,8 @@ export function activate(context: vscode.ExtensionContext) {
 			});
 		}
 
+		let items = ["todo","inprogress","testing","completed"];
+
 		//Load Kanban page
 		const panel = vscode.window.createWebviewPanel(
 			'kanbanBoard',
@@ -113,8 +115,6 @@ export function activate(context: vscode.ExtensionContext) {
 						});
 						return;
 					case 'addTask':
-						let items = ["todo","inprogress","testing","completed"];
-
 						window.showInputBox({
 							placeHolder: "Task Name",
 							title: "Create Task"
@@ -151,6 +151,7 @@ export function activate(context: vscode.ExtensionContext) {
 						}	
 					);				
 					case 'delete':
+						console.log('Delete api event Click!');
 						fs.readFile(jsonPath,"utf8",async (err:any,data:any) => {
 							if(err) {
 								vscode.window.showErrorMessage("Can't delete.  Please try again");
@@ -171,6 +172,7 @@ export function activate(context: vscode.ExtensionContext) {
 						return;
 
 					case 'edit':
+						console.log('Edit api event Click!');
 						window.showInputBox({
 							placeHolder: "Task Name",
 							title: "Edit Task",
diff --git a/src/kanbanBoard.js b/src/kanbanBoard.js
index c1e6a20..8d45bd2 100644
--- a/src/kanbanBoard.js
+++ b/src/kanbanBoard.js
@@ -266,8 +266,8 @@ const displayData = (data,key,name) => {
     for(let i=0;i<data.length;i++) {
         res+=`
         <li class="list-group-item d-flex justify-content-between align-items-center" style="cursor: pointer;">
-            <div onclick='dataClicked(${JSON.stringify(data[i])}, "${name}");'>
-                ${data[i].name}
+            <div>
+                <div onclick='dataClicked(${JSON.stringify(data[i])}, "${name}");'>${data[i].name}</div>
             <div>
             <button type="button" class="btn btn-outline-danger" onclick="deleteTask('${data[i].name}','${key}');" style="float: right;">
                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash-fill" viewBox="0 0 16 16">

From 281b29e8816c9a6390e14d0fc988c2ff02adcf99 Mon Sep 17 00:00:00 2001
From: vicky1999 <ravivignesh2000@gmail.com>
Date: Sun, 13 Feb 2022 20:20:03 +0530
Subject: [PATCH 4/4] json and UI upation for edit task

---
 src/extension.ts   | 11 +++++++++++
 src/kanbanBoard.js |  3 ++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/extension.ts b/src/extension.ts
index 92d053b..18829f9 100644
--- a/src/extension.ts
+++ b/src/extension.ts
@@ -137,6 +137,12 @@ export function activate(context: vscode.ExtensionContext) {
 										}
 										let val:string = value || '';
 										data = JSON.parse(data);
+										for(let i=0;i<items.length;i++) {
+											if(data[items[i]].findIndex(d => d.name === input) > -1) {
+												vscode.window.showErrorMessage("Task Already exist.  Please create a task with different name");
+												return;
+											}
+										}
 										data[val].push({"name":input, "description": desc});
 										
 										fs.writeFile(jsonPath,JSON.stringify(data,undefined,4),(err: any) => {
@@ -196,6 +202,11 @@ export function activate(context: vscode.ExtensionContext) {
 										}
 										let val:string = value || '';
 										data = JSON.parse(data);
+										let key = message.text.status.replace(" ", '').toLowerCase();
+										let ind = data[key].findIndex(d => d.name === message.text.name);
+										if(ind > -1) {
+											data[key].splice(ind, 1);
+										}
 										data[val].push({"name":input, "description": desc});
 										
 										fs.writeFile(jsonPath,JSON.stringify(data,undefined,4),(err: any) => {
diff --git a/src/kanbanBoard.js b/src/kanbanBoard.js
index 8d45bd2..d8424ce 100644
--- a/src/kanbanBoard.js
+++ b/src/kanbanBoard.js
@@ -68,7 +68,8 @@ const loadKanbanBoard = (bootstrap,data,sortablejs) => {
                         command: 'edit',
                         text: {
                             name: data.name,
-                            description: data.description
+                            description: data.description,
+                            status: status
                         }
                     })
                 }