diff --git a/deadlock-plugins/deadlock-extension/src/view/quickSetupView.ts b/deadlock-plugins/deadlock-extension/src/view/quickSetupView.ts index 0c09a3432b10756053286f85229c1f4adc17b138..daeb16529db561a4389c29535b84496c16cac449 100644 --- a/deadlock-plugins/deadlock-extension/src/view/quickSetupView.ts +++ b/deadlock-plugins/deadlock-extension/src/view/quickSetupView.ts @@ -28,30 +28,30 @@ export default class QuickSetupView extends WebviewBase { render(): string { return ` - <head> - ${this.renderHeaderHtml()} - </head> - <body> - ${this.renderHtmlBody()} - </body> - `; + <head> + ${this.renderHeaderHtml()} + </head> + <body> + ${this.renderHtmlBody()} + </body> + `; } renderHtmlBody() { const hadMissionWorkdir = this.extensionStore.getMissionWorkdir() !== undefined; return ` - <h1>Quick Setup</h1> - <div class="deadlock-getting-started-card-container"> + <h1>Quick Setup</h1> + <div class="deadlock-getting-started-card-container"> - ${this.renderCardHtml( + ${this.renderCardHtml( 'Connexion à Deadlock', "Tu as besoin d'être connecté à Deadlock pour continuer.", { name: 'Se connecter', onClickFunctionName: 'openAuthenticationPageAction' }, this._isAlreadyConnected, this._isAlreadyConnected, )} - ${this.renderCardHtml( + ${this.renderCardHtml( 'Dossier contenant tes exercices', 'Choisis le dossier qui contiendra tous les exercices Deadlock.', { @@ -60,10 +60,10 @@ export default class QuickSetupView extends WebviewBase { }, hadMissionWorkdir, )} - </div> - - - `; + </div> + + + `; } renderCardHtml( @@ -75,22 +75,22 @@ export default class QuickSetupView extends WebviewBase { callbackArgs?: string, ) { return ` - <div class="deadlock-getting-started-card"> - <vscode-checkbox ${isChecked ? 'checked' : ''} readonly> </vscode-checkbox> - <div class="card-body"> - <div class="card-title"> - ${title} - </div> - <div class="card-description"> - ${description} - </div> - <vscode-button ${isDisabled ? 'disabled' : ''} onclick="${button.onClickFunctionName}(${callbackArgs})">${ + <div class="deadlock-getting-started-card"> + <vscode-checkbox ${isChecked ? 'checked' : ''} readonly> </vscode-checkbox> + <div class="card-body"> + <div class="card-title"> + ${title} + </div> + <div class="card-description"> + ${description} + </div> + <vscode-button ${isDisabled ? 'disabled' : ''} onclick="${button.onClickFunctionName}(${callbackArgs})">${ button.name }</vscode-button> - </div> - </div> - - `; + </div> + </div> + + `; } renderHeaderHtml() { @@ -111,11 +111,11 @@ export default class QuickSetupView extends WebviewBase { const customScript = this.getExternalRessourcePath(this.extensionUri, ['resources', 'js', 'gettingStartedView.js']); return ` - <meta charset="UTF-8"> - <script type="module" src="${toolkitUri}"></script> - <script type="text/javascript" src="${customScript}"></script> - <link href="${customStyle}" rel="stylesheet" /> - `; + <meta charset="UTF-8"> + <script type="module" src="${toolkitUri}"></script> + <script type="text/javascript" src="${customScript}"></script> + <link href="${customStyle}" rel="stylesheet" /> + `; } onMessageReceive(message: any): void { diff --git a/deadlock-plugins/deadlock-extension/src/view/view.ts b/deadlock-plugins/deadlock-extension/src/view/view.ts index 07e4e62ce6e2bb5be4f0871209596a0ed1947674..43791cdbadd2625dd8be886001b18eb52e4aa7e6 100644 --- a/deadlock-plugins/deadlock-extension/src/view/view.ts +++ b/deadlock-plugins/deadlock-extension/src/view/view.ts @@ -1,4 +1,3 @@ -import * as path from 'path'; import * as vscode from 'vscode'; function getNonce() { @@ -178,16 +177,16 @@ export default abstract class View { } return `<!DOCTYPE html><html lang="en"> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title>Deadlock</title> - </head> - <body> - <div> - ${content} - </div> - </body></html>`; + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Deadlock</title> + </head> + <body> + <div> + ${content} + </div> + </body></html>`; } /**