From 12eb71be75fdafd859c990e1868b3dd533150532 Mon Sep 17 00:00:00 2001
From: Christian Zheng <czheng@takima.fr>
Date: Mon, 11 Apr 2022 16:04:02 +0200
Subject: [PATCH] feat(login): add login button to home page

---
 .../deadlock-extension/src/view/gettingStartedView.ts | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/deadlock-plugins/deadlock-extension/src/view/gettingStartedView.ts b/deadlock-plugins/deadlock-extension/src/view/gettingStartedView.ts
index 578eb1e2..113a197b 100644
--- a/deadlock-plugins/deadlock-extension/src/view/gettingStartedView.ts
+++ b/deadlock-plugins/deadlock-extension/src/view/gettingStartedView.ts
@@ -30,10 +30,18 @@ export default class GettingStartedView extends WebviewBase {
 
 	renderHtmlBody() {
 		const hadMissionWorkdir = this.extensionStore.getMissionWorkdir() !== undefined;
+		const isAlreadyConnected = false;
 
 		return `
 			<h1>Getting Started</h1>
 			<div class="deadlock-getting-started-card-container">
+
+				${this.renderCardHtml(
+					'Connexion à Deadlock',
+					"Tu as besoin d'être connecté à Deadlock pour continuer.",
+					{ name: 'Se connecter', onClickFunctionName: 'openAuthenticationPageAction' },
+					isAlreadyConnected,
+				)}
 				${this.renderCardHtml(
 					'Dossier contenant tes exercices',
 					'Choisis le dossier qui contiendra tous les exercices Deadlock que tu lanceras maintenant et plus tard.',
@@ -54,6 +62,7 @@ export default class GettingStartedView extends WebviewBase {
 		description: string,
 		button: { name: string; onClickFunctionName: string },
 		isChecked: boolean,
+		callbackArgs?: string,
 	) {
 		return `
 				<div class="deadlock-getting-started-card">
@@ -65,7 +74,7 @@ export default class GettingStartedView extends WebviewBase {
 						<div class="card-description">
 							${description}
 						</div>
-						<vscode-button onclick="${button.onClickFunctionName}()">${button.name}</vscode-button>
+						<vscode-button onclick="${button.onClickFunctionName}(${callbackArgs})">${button.name}</vscode-button>
 					</div>
 				</div>
 			
-- 
GitLab