DYN-5322 Update ML NodeAutocomplete Documentation (#13602)

RobertGlobant20 · web-flow · commit 483d9ee57716 · 2022-12-07T11:51:12.000+08:00
* DYN-5322-Doc-MLNodeAutocomplete

I updated the NodeAutocompleteDcoumentation.html to match the docx document attached to the Jira task.
For the GIFs/PNG updated I did the next actions:
- Modified the original images resolution to 450 x XXX (according to the aspect ratio).
- Compressed the modified image/GIF so it will use the minimum size in the html file when converted to Base 64 (otherwise the WebView2 component was crashing).
- Convert the Image/GIF to Base64 content and put it in the HTML file.

* DYN-5322-Doc-MLNodeAutocomplete CodeReview1

I've added the MouseDown event and the handler so every time the question mark symbol is clicked in the preferences panel the DocumentationBrowser ML NodeAutocomplete documentation will be opened.
diff --git a/src/DynamoCoreWpf/Controls/Docs/NodeAutocompleteDocumentation.html b/src/DynamoCoreWpf/Controls/Docs/NodeAutocompleteDocumentation.html
diff --git a/src/DynamoCoreWpf/Views/Menu/PreferencesView.xaml b/src/DynamoCoreWpf/Views/Menu/PreferencesView.xaml
@@ -728,13 +728,14 @@
                                                VerticalAlignment="Center"
                                                Foreground="{StaticResource PreferencesWindowFontColor}"/>
                                         <Image Name="MLNodeAutocompleteToolTip"
-                                                        Margin="5,3,0,0"
-                                                        Width="14"
-                                                        Height="14"
-                                                        HorizontalAlignment="Center"
-                                                        VerticalAlignment="Center"
-                                                        Style="{StaticResource QuestionIcon}"
-                                                        ToolTipService.ShowDuration="30000">
+                                               Margin="5,3,0,0"
+                                               Width="14"
+                                               Height="14"
+                                               HorizontalAlignment="Center"
+                                               VerticalAlignment="Center"
+                                               Style="{StaticResource QuestionIcon}"
+                                               MouseDown="OnMoreInfoClicked"
+                                               ToolTipService.ShowDuration="30000">
                                             <Image.ToolTip>
                                                 <ToolTip Content="{x:Static p:Resources.PreferencesViewEnableNodeAutoCompleteTooltipText}" Style="{StaticResource GenericToolTipLight}"/>
                                             </Image.ToolTip>
diff --git a/src/DynamoCoreWpf/Views/Menu/PreferencesView.xaml.cs b/src/DynamoCoreWpf/Views/Menu/PreferencesView.xaml.cs
@@ -477,6 +477,11 @@ private void importTextBlock_MouseLeftButtonDown(object sender, MouseButtonEvent
             }            
         }
 
+        private void OnMoreInfoClicked(object sender, MouseButtonEventArgs e)
+        {
+            dynViewModel.OpenDocumentationLinkCommand.Execute(new OpenDocumentationLinkEventArgs(new Uri(Dynamo.Wpf.Properties.Resources.NodeAutocompleteDocumentationUriString, UriKind.Relative)));
+        }
+
         private void exportTextBlock_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
         {
             var dialog = new DynamoFolderBrowserDialog

Original file line number	Diff line number	Diff line change
`@@ -477,6 +477,11 @@ private void importTextBlock_MouseLeftButtonDown(object sender, MouseButtonEvent`
`477`	`477`	`}`
`478`	`478`	`}`
`479`	`479`
	`480`	`+ private void OnMoreInfoClicked(object sender, MouseButtonEventArgs e)`
	`481`	`+ {`
	`482`	`+ dynViewModel.OpenDocumentationLinkCommand.Execute(new OpenDocumentationLinkEventArgs(new Uri(Dynamo.Wpf.Properties.Resources.NodeAutocompleteDocumentationUriString, UriKind.Relative)));`
	`483`	`+ }`
	`484`	`+`
`480`	`485`	`private void exportTextBlock_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)`
`481`	`486`	`{`
`482`	`487`	`var dialog = new DynamoFolderBrowserDialog`