ComponentHierarchyDgml and ShowComponentHierarchy components are now showing a information box instead of outputing to the output channel.

Author: CoderAllan

src/commands/componentHierarchyDgml.ts

@@ -65,11 +65,7 @@ export class ComponentHierarchyDgml {
       // Write the prettified xml string to the ReadMe-ProjectStructure.dgml file.
       const fsUtils = new FileSystemUtils();
       fsUtils.writeFile(path.join(directoryPath, graphFilename), fileContent, () => {
-        const angularToolsOutput = vscode.window.createOutputChannel("Angular Tools");
-        angularToolsOutput.clear();
-        angularToolsOutput.appendLine(`The project structure has been analyzed and a Directed Graph Markup Language (dgml) file has been created\n`);
-        angularToolsOutput.appendLine('The ReadMe-ProjectStructure.dgml file can now be viewed in Visual Studio\n');
-        angularToolsOutput.show();
+        vscode.window.showInformationMessage('The project structure has been analyzed and a Directed Graph Markup Language (dgml) file has been created\nThe ReadMe-ProjectStructure.dgml file can now be viewed in Visual Studio');
       });
     } catch (ex) {
       console.log('exception:' + ex);

src/commands/showComponentHierarchy/showComponentHierarchy.ts

@@ -276,10 +276,7 @@ export class ShowComponentHierarchy {
       const newFilePath = path.join(workspaceDirectory, 'ComponentHierarchy.png');
       this.fsUtils.writeFile(newFilePath, u8arr, () => {});
 
-      const angularToolsOutput = vscode.window.createOutputChannel("Angular Tools");
-      angularToolsOutput.clear();
-      angularToolsOutput.appendLine(`The file ComponentHierarchy.png has been created in the root of the workspace.\n`);
-      angularToolsOutput.show();      
+      vscode.window.showInformationMessage('The file ComponentHierarchy.png has been created in the root of the workspace.');
     }
   }
 }