@@ -177,8 +177,8 @@ export class CodeSnippetEditor extends ReactWidget {
177177 document . getElementById ( 'code-' + this . _codeSnippetEditorMetaData . id )
178178 ) {
179179 const editorFactory = this . editorServices . factoryService . newInlineEditor ;
180- const getMimeTypeByLanguage = this . editorServices . mimeTypeService
181- . getMimeTypeByLanguage ;
180+ const getMimeTypeByLanguage =
181+ this . editorServices . mimeTypeService . getMimeTypeByLanguage ;
182182
183183 this . editor = editorFactory ( {
184184 host : document . getElementById (
@@ -257,15 +257,21 @@ export class CodeSnippetEditor extends ReactWidget {
257257 this . dispose ( ) ;
258258 super . onCloseRequest ( msg ) ;
259259 } else if ( response . button . label === 'Save' ) {
260- const name = ( document . querySelector (
261- `.${ CODE_SNIPPET_EDITOR } -${ this . _codeSnippetEditorMetaData . id } .${ CODE_SNIPPET_EDITOR_NAME_INPUT } `
262- ) as HTMLInputElement ) . value ;
263- const description = ( document . querySelector (
264- `.${ CODE_SNIPPET_EDITOR } -${ this . _codeSnippetEditorMetaData . id } .${ CODE_SNIPPET_EDITOR_DESC_INPUT } `
265- ) as HTMLInputElement ) . value ;
266- const language = ( document . querySelector (
267- `.${ CODE_SNIPPET_EDITOR } -${ this . _codeSnippetEditorMetaData . id } .${ CODE_SNIPPET_EDITOR_LANG_INPUT } `
268- ) as HTMLSelectElement ) . value ;
260+ const name = (
261+ document . querySelector (
262+ `.${ CODE_SNIPPET_EDITOR } -${ this . _codeSnippetEditorMetaData . id } .${ CODE_SNIPPET_EDITOR_NAME_INPUT } `
263+ ) as HTMLInputElement
264+ ) . value ;
265+ const description = (
266+ document . querySelector (
267+ `.${ CODE_SNIPPET_EDITOR } -${ this . _codeSnippetEditorMetaData . id } .${ CODE_SNIPPET_EDITOR_DESC_INPUT } `
268+ ) as HTMLInputElement
269+ ) . value ;
270+ const language = (
271+ document . querySelector (
272+ `.${ CODE_SNIPPET_EDITOR } -${ this . _codeSnippetEditorMetaData . id } .${ CODE_SNIPPET_EDITOR_LANG_INPUT } `
273+ ) as HTMLSelectElement
274+ ) . value ;
269275
270276 const validity = validateInputs ( name , description , language ) ;
271277 if ( validity ) {
@@ -333,15 +339,21 @@ export class CodeSnippetEditor extends ReactWidget {
333339 }
334340
335341 saveChange ( event : React . MouseEvent < HTMLElement , MouseEvent > ) : void {
336- const name = ( document . querySelector (
337- `.${ CODE_SNIPPET_EDITOR } -${ this . _codeSnippetEditorMetaData . id } .${ CODE_SNIPPET_EDITOR_NAME_INPUT } `
338- ) as HTMLInputElement ) . value ;
339- const description = ( document . querySelector (
340- `.${ CODE_SNIPPET_EDITOR } -${ this . _codeSnippetEditorMetaData . id } .${ CODE_SNIPPET_EDITOR_DESC_INPUT } `
341- ) as HTMLInputElement ) . value ;
342- const language = ( document . querySelector (
343- `.${ CODE_SNIPPET_EDITOR } -${ this . _codeSnippetEditorMetaData . id } .${ CODE_SNIPPET_EDITOR_LANG_INPUT } `
344- ) as HTMLSelectElement ) . value ;
342+ const name = (
343+ document . querySelector (
344+ `.${ CODE_SNIPPET_EDITOR } -${ this . _codeSnippetEditorMetaData . id } .${ CODE_SNIPPET_EDITOR_NAME_INPUT } `
345+ ) as HTMLInputElement
346+ ) . value ;
347+ const description = (
348+ document . querySelector (
349+ `.${ CODE_SNIPPET_EDITOR } -${ this . _codeSnippetEditorMetaData . id } .${ CODE_SNIPPET_EDITOR_DESC_INPUT } `
350+ ) as HTMLInputElement
351+ ) . value ;
352+ const language = (
353+ document . querySelector (
354+ `.${ CODE_SNIPPET_EDITOR } -${ this . _codeSnippetEditorMetaData . id } .${ CODE_SNIPPET_EDITOR_LANG_INPUT } `
355+ ) as HTMLSelectElement
356+ ) . value ;
345357
346358 const validity = validateInputs ( name , description , language ) ;
347359 if ( validity ) {
@@ -350,15 +362,21 @@ export class CodeSnippetEditor extends ReactWidget {
350362 }
351363
352364 async updateSnippet ( ) : Promise < boolean > {
353- const name = ( document . querySelector (
354- `.${ CODE_SNIPPET_EDITOR } -${ this . _codeSnippetEditorMetaData . id } .${ CODE_SNIPPET_EDITOR_NAME_INPUT } `
355- ) as HTMLInputElement ) . value ;
356- const description = ( document . querySelector (
357- `.${ CODE_SNIPPET_EDITOR } -${ this . _codeSnippetEditorMetaData . id } .${ CODE_SNIPPET_EDITOR_DESC_INPUT } `
358- ) as HTMLInputElement ) . value ;
359- const language = ( document . querySelector (
360- `.${ CODE_SNIPPET_EDITOR } -${ this . _codeSnippetEditorMetaData . id } .${ CODE_SNIPPET_EDITOR_LANG_INPUT } `
361- ) as HTMLSelectElement ) . value ;
365+ const name = (
366+ document . querySelector (
367+ `.${ CODE_SNIPPET_EDITOR } -${ this . _codeSnippetEditorMetaData . id } .${ CODE_SNIPPET_EDITOR_NAME_INPUT } `
368+ ) as HTMLInputElement
369+ ) . value ;
370+ const description = (
371+ document . querySelector (
372+ `.${ CODE_SNIPPET_EDITOR } -${ this . _codeSnippetEditorMetaData . id } .${ CODE_SNIPPET_EDITOR_DESC_INPUT } `
373+ ) as HTMLInputElement
374+ ) . value ;
375+ const language = (
376+ document . querySelector (
377+ `.${ CODE_SNIPPET_EDITOR } -${ this . _codeSnippetEditorMetaData . id } .${ CODE_SNIPPET_EDITOR_LANG_INPUT } `
378+ ) as HTMLSelectElement
379+ ) . value ;
362380
363381 this . _codeSnippetEditorMetaData . name = name ;
364382 this . _codeSnippetEditorMetaData . description = description ;
@@ -409,11 +427,10 @@ export class CodeSnippetEditor extends ReactWidget {
409427 ) . then ( ( res : boolean ) => {
410428 if ( res ) {
411429 // get the id of snippet you are editting
412- const removedSnippet = this . contentsService . getSnippet (
413- oldName
414- ) [ 0 ] ;
430+ const removedSnippet =
431+ this . contentsService . getSnippet ( oldName ) [ 0 ] ;
415432
416- // delete the one you are editting
433+ // delete the one you are editing
417434 this . contentsService . deleteSnippet ( removedSnippet . id ) ;
418435 } else {
419436 return false ;
0 commit comments