FuntionalityChange

Dependency-Graph/app.json

@@ -2,7 +2,7 @@
   "id": "3c9a4c22-42f6-4e8f-8b96-744c7fef331f",
   "name": "Dependency-Graph",
   "publisher": "ANJ",
-  "version": "3.6.0.0",
+  "version": "3.8.0.3",
   "brief": "App to generate the dependency tree",
   "description": "App to generate the dependency tree of the extensions we have installed.",
   "privacyStatement": "https://github.com/NovoaDev/Dependency-Graph-BCExt",

Dependency-Graph/src/Base/MarkdownFactboxANJ.Page.al

@@ -7,14 +7,15 @@ page 80805 MarkdownFactbox_ANJ
     Caption = 'Markdown Text', comment = 'ESP="Texto Markdown"';
     Editable = false;
     PageType = CardPart;
-    UsageCategory = Administration;
+    UsageCategory = None;
 
     layout
     {
         area(Content)
         {
             field(MarkdownText; MarkdownText)
             {
+                Editable = false;
                 MultiLine = true;
                 ShowCaption = false;
             }

Dependency-Graph/src/ControlAddinViewer/MarkdownViewerANJ.ControlAddin.al

@@ -3,11 +3,13 @@
 /// </summary>
 controladdin MarkdownViewer_ANJ
 {
-    HorizontalStretch = true;
+    HorizontalShrink = true;
+    RequestedHeight = 600;
+    RequestedWidth = 650;
     Scripts = 'src\ControlAddinViewer\Scripts.js', 'https://cdnjs.cloudflare.com/ajax/libs/mermaid/9.3.0/mermaid.min.js';
     StartupScript = 'src\ControlAddinViewer\Start.js';
-    VerticalStretch = true;
-
+    StyleSheets = 'src\ControlAddinViewer\Style.css';
+    VerticalShrink = true;
 
     /// <summary>
     /// Ready.

Dependency-Graph/src/ControlAddinViewer/MarkdownViewerFSANJ.ControlAddin.al

@@ -0,0 +1,22 @@
+/// <summary>
+/// ControlAddIn "MarkdownViewer_ANJ._ANJ"
+/// </summary>
+controladdin MarkdownViewerFS_ANJ
+{
+    HorizontalStretch = true;
+    Scripts = 'src\ControlAddinViewer\Scripts.js', 'https://cdnjs.cloudflare.com/ajax/libs/mermaid/9.3.0/mermaid.min.js';
+    StartupScript = 'src\ControlAddinViewer\Start.js';
+    VerticalStretch = true;
+
+
+    /// <summary>
+    /// Ready.
+    /// </summary>
+    event Ready();
+
+    /// <summary>
+    /// Draw.
+    /// </summary>
+    /// <param name="Markdown">Text.</param>
+    procedure Draw(Markdown: Text);
+}

Dependency-Graph/src/ControlAddinViewer/Scripts.js

@@ -9,7 +9,7 @@ https://www.hougaard.com/
 function Draw(Markdown) {
     try {
         const insertSvg = function (svgCode, bindFunctions) {
-            document.getElementById('controlAddIn').innerHTML = svgCode;
+            document.getElementById('controlAddIn').innerHTML = '<div class=\'MermaidDiv\'>' + svgCode + '</div>';
         };
         mermaid.mermaidAPI.render('chart', Markdown, insertSvg);
     }

Dependency-Graph/src/ControlAddinViewer/Style.css

@@ -0,0 +1,11 @@
+iframe {
+    margin: 0 auto;
+}
+
+.MermaidDiv {
+    width: 100%;
+    height: auto;
+    word-wrap: break-word;
+    padding-left: 1%;
+    padding-right: 1;
+}

Dependency-Graph/src/Markdown/MarkdownViewerANJ.Page.al

@@ -40,8 +40,9 @@ page 80804 MarkdownViewer_ANJ
     begin
         CurrPage.MarkdownViewer_ANJ.Draw(Markdown);
     end;
+
     /// <summary>
-    /// Draw.
+    /// SetMarkdown.
     /// </summary>
     /// <param name="AuxMarkdown">Text.</param>
     internal procedure SetMarkdown(AuxMarkdown: Text)

Dependency-Graph/src/Markdown/MarkdownViewerFullANJ.Page.al

@@ -12,7 +12,7 @@ page 80806 MarkdownViewerFull_ANJ
     {
         area(Content)
         {
-            usercontrol(MarkdownViewer_ANJ; MarkdownViewer_ANJ)
+            usercontrol(MarkdownViewerFS_ANJ; MarkdownViewerFS_ANJ)
             {
             }
         }
@@ -23,7 +23,7 @@ page 80806 MarkdownViewerFull_ANJ
         MarkdownMermaidFieldID: Integer;
     begin
         MarkdownMermaidFieldID := 15;
-        CurrPage.MarkdownViewer_ANJ.Draw(MarkdownMgmt.GetMarkdown(MarkdownMermaidFieldID));
+        CurrPage.MarkdownViewerFS_ANJ.Draw(MarkdownMgmt.GetMarkdown(MarkdownMermaidFieldID));
     end;
 
     var

README.md

@@ -1,12 +1,12 @@
 # Dependency Graph 
-[![in](https://img.shields.io/badge/lang-en-pink.svg)](https://github.com/NovoaDev/Dependency-Graph-BCExt/blob/main/README.md)
-[![en](https://img.shields.io/badge/lang-es-black.svg)](https://github.com/NovoaDev/Dependency-Graph-BCExt/blob/main/README.es-ES.md)
-
 Small tool designed to create a graph showing installed extensions and their respective dependencies, all from the **Business Central** environment in which the extension is running. In addition, it allows you to preview and download the generated text to easily add it to the client's documentation in Markdown format. <br> <br>
 **PS:** <br>
 Although there are numerous more advanced tools available, this one has been created for the simple purpose of practice, but it could prove useful for other users.
 
-## Prerequisites
+## Usage
+![Usage.gif](/res/Usage.gif.png)
+
+## Previous configuration
 ### Azure
 #### Create App registrations
 **Supported account types:** <br>
@@ -48,26 +48,4 @@ Features to include for chart generation: <br>
 Historical.
 
 - Dependency graph <br>
-Action to access the data generation page for the graph.
-
-## Show in dependency graph page
-![3ShowInDG](/res/3ShowInDG.png)
-### Extensions subpage 
-List of installed extensions. We can modify the field **Display name** and **Show in chart**. Every time we uncheck the **Show in graph** option of an extension with dependencies, we will have to generate the data from the relationship table again. This is done by the action on the subpage named **Update Relationship Table**.
-
-### Relationships subpage
-List of relationships between extensions. We can modify the **Link text** field to add a text between dependencies and **Show in graphic**.
-
-### Actions
-#### Generate data
-The button generates the data in the intermediate tables that are related to the subpages corresponding to the **extensions** and **relationships** sections. These tables are the ones we will use to customize the graph.
-### Display dependency graph
-The button will open a new page where we can see the graph as a draft. 
-![4DGV.png](/res/4DGV.png)
-
-### Download Markdown as a .md
-The button will download an .md file with the content of the chart, which you can easily add to any document.
-![5DPDownload](/res/5DPDownload.png)
-
-**Note:** <br>
-Both for the action of viewing and downloading the graph, it will be generated using the data found in the extensions and relationships subpages, which must be marked with the Show in graph option.
+Action to access the data generation page for the graph.