Added ImagePickerHelper class

Author: Harsha-SF4223

ChartGeneratorAISample/ChartGenerator/ChartGenerator.csproj

@@ -68,6 +68,7 @@
 		<PackageReference Include="Newtonsoft.Json" Version="13.0.3" />
 		<PackageReference Include="SampleBrowser.Maui.Base" Version="*" />
 		<PackageReference Include="Syncfusion.Maui.AIAssistView" Version="*" />
+		<PackageReference Include="Syncfusion.Maui.PdfViewer" Version="*" />
 		<PackageReference Include="Syncfusion.Maui.Toolkit" Version="*" />
 	</ItemGroup>
 

ChartGeneratorAISample/ChartGenerator/Helper/ImagePickerHelper.cs

@@ -0,0 +1,74 @@
+using System;
+using System.Collections.Generic;
+using System.Diagnostics;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace ChartGenerator
+{
+    public class ImagePickerHelper
+    {
+        internal async Task<byte[]> PickImageAsync()
+        {
+            try
+            {
+                var result = await MediaPicker.PickPhotoAsync();
+
+                if (result != null)
+                {
+                    // Open the file stream
+                    using (Stream stream = await result.OpenReadAsync())
+                    {
+                        // Copy the stream into a memory stream to avoid object disposed exception.
+                        using (MemoryStream memoryStream = new MemoryStream())
+                        {
+                            await stream.CopyToAsync(memoryStream);
+                            return memoryStream.ToArray();
+                        }
+                    }
+                }
+            }
+            catch (Exception ex)
+            {
+                // Handle exceptions
+                Console.WriteLine($"Error picking image: {ex.Message}");
+            }
+
+            return null;
+        }
+
+        internal async Task SaveImageAsync(string filePath)
+        {
+            try
+            {
+                if (File.Exists(filePath))
+                {
+                    File.Delete(filePath);
+                }
+            }
+            catch (Exception ex)
+            {
+                Debug.WriteLine($"Error deleting image: {ex.Message}");
+            }
+
+            try
+            {
+                // Get the image from Gallery.
+                byte[] imageBytes = await PickImageAsync();
+
+                if (imageBytes != null)
+                {
+                    // Save the image bytes to a file, database, etc.
+                    File.WriteAllBytes(filePath, imageBytes);
+                }
+            }
+            catch (Exception ex)
+            {
+                Debug.WriteLine($"Error saving image: {ex.Message}");
+            }
+        }
+
+
+    }
+}

ChartGeneratorAISample/ChartGenerator/Models/ContextMenus.cs

@@ -0,0 +1,65 @@
+using System.ComponentModel;
+
+namespace ChartGenerator
+{
+    public class Option : INotifyPropertyChanged
+    {
+        #region Private Fields
+
+        private bool isEnabled;
+        private bool isOpen;
+
+        #endregion
+
+        #region Public APIs
+
+        public string Name { get; set; }
+        public string Icon { get; set; }
+        public bool CanShowSeparator { get; set; }
+
+        public bool IsEnabled
+        {
+            get { return isEnabled; }
+            set
+            {
+                isEnabled = value;
+                RaisePropertyChanged(nameof(IsEnabled));
+            }
+        }
+        public bool IsOpen
+        {
+            get { return isOpen; }
+            set
+            {
+                isOpen = value;
+                RaisePropertyChanged(nameof(IsOpen));
+            }
+        }
+
+        #endregion
+
+        #region Constructor
+        public Option()
+        {
+            IsEnabled = true;
+        }
+
+        #endregion
+
+        #region Property Changed
+
+        public event PropertyChangedEventHandler? PropertyChanged;
+        /// <summary>
+        /// Occurs when property is changed.
+        /// </summary>
+        /// <param name="propName">changed property name</param>
+        public void RaisePropertyChanged(string propName)
+        {
+            if (PropertyChanged != null)
+            {
+                PropertyChanged(this, new PropertyChangedEventArgs(propName));
+            }
+        }
+        #endregion
+    }
+}

ChartGeneratorAISample/ChartGenerator/View/ChartView.xaml

@@ -192,22 +192,35 @@
                             Grid.Column="{OnPlatform Android='0',iOS='0', Default='1'}"
                             VerticalOptions="Center"
                             HorizontalOptions="Center"/>
-            
-            <buttons:SfButton
-                Grid.Row="0"
-                Margin="0,0,20,0"
-                Grid.Column="{OnPlatform Android='0',iOS='0', Default='1'}"
-                x:Name="aibutton"
-                Text="&#xe7e1;" 
-                FontFamily="MauiSampleFontIcon" 
-                CornerRadius="5" 
-                BackgroundColor="#CAC4D0"
-                FontSize="{OnPlatform WinUI=20, Android=15, MacCatalyst=20, iOS=20}" WidthRequest="30" HeightRequest="30"
-                ToolTipProperties.Text="Click to open AI assistant"  
-                FontAttributes="Bold" 
-                VerticalOptions="Start"
-                HorizontalOptions="End"/>
-        </Grid>
+                <buttons:SfButton  Grid.Row="0"
+                                     Margin="0,0,60,0"
+                                     Grid.Column="{OnPlatform Android='0',iOS='0', Default='1'}"
+                                     x:Name="exportchartbutton"
+                                     Text="Export Chart" 
+                                     Clicked="Exportchartbutton_Clicked"
+                                     FontFamily="MauiSampleFontIcon" 
+                                     CornerRadius="5" 
+                                     TextColor="White"
+                                     BackgroundColor="#6750a4"
+                                     FontSize="{OnPlatform WinUI=17, Android=15, MacCatalyst=17, iOS=17}" WidthRequest="120" HeightRequest="30"
+                                     ToolTipProperties.Text="Click to Export the Chart"  
+                                     FontAttributes="Bold"                                      VerticalOptions="Start"
+                                     HorizontalOptions="End"/>
+                <buttons:SfButton
+                                Grid.Row="0"
+                                Margin="0,0,20,0"
+                                Grid.Column="{OnPlatform Android='0',iOS='0', Default='1'}"
+                                x:Name="aibutton"
+                                Text="&#xe7e1;" 
+                                FontFamily="MauiSampleFontIcon" 
+                                CornerRadius="5" 
+                                BackgroundColor="#CAC4D0"
+                                FontSize="{OnPlatform WinUI=20, Android=15, MacCatalyst=20, iOS=20}" WidthRequest="30" HeightRequest="30"
+                                ToolTipProperties.Text="Click to open AI assistant"  
+                                FontAttributes="Bold" 
+                                VerticalOptions="Start"
+                                HorizontalOptions="End"/>
+            </Grid>
     </Grid>
     </ContentPage.Content>
 

ChartGeneratorAISample/ChartGenerator/View/ChartView.xaml.cs

@@ -1,9 +1,18 @@
+using Syncfusion.Maui.PdfViewer;
+using Microsoft.Maui.Controls.Internals;
+using Microsoft.Maui.Graphics;
 using Syncfusion.Maui.AIAssistView;
+using System.Drawing;
+using Syncfusion.Pdf;
+using Syncfusion.Pdf.Graphics;
+using Syncfusion.Maui.Core;
+using Syncfusion.Maui.Core.Internals;
 
 namespace ChartGenerator;
 
 public partial class ChartView : ContentPage
 {
+    int count = 0;
     ChartViewModel ViewModel;
     public ChartView(ChartViewModel viewModel)
     {
@@ -28,6 +37,47 @@ private void close_Clicked(object sender, EventArgs e)
             headerView.IsVisible = false;
         }
     }
+
+    private async void Exportchartbutton_Clicked(object sender, EventArgs e)
+    {
+        PdfDocument document = new PdfDocument();
+        PdfPage page = document.Pages.Add();
+        PdfGraphics graphics = page.Graphics;
+
+        float width = (float)templatedItemView.Width + 75;
+        float height = (float)templatedItemView.Height + 125;
+
+        //To reduce the width and height of the Windows and MAC platform
+#if !IOS && !ANDROID
+        width = (float)templatedItemView.Width / 2.5f;
+        height = (float)templatedItemView.Height / 1.5f;
+#endif
+
+        PdfImage img = new PdfBitmap((await templatedItemView.GetStreamAsync(ImageFileFormat.Png)));
+        graphics.DrawImage(img, 0, 0, width, height);
+        MemoryStream stream = new MemoryStream();
+        document.Save(stream);
+        document.Close(true);
+        stream.Position = 0;
+        SavePDF("ChartAsPDF.pdf", stream);
+        stream.Flush();
+        stream.Dispose();
+    }
+    private async void SavePDF(string fileName, Stream stream)
+    {
+        fileName = Path.GetFileNameWithoutExtension(fileName) + ".pdf";
+
+#if ANDROID
+        string path = Android.OS.Environment.GetExternalStoragePublicDirectory(Android.OS.Environment.DirectoryDocuments).ToString();
+#else
+        string path = Environment.GetFolderPath(Environment.SpecialFolder.MyDocuments);
+#endif
+        string filePath = Path.Combine(path, fileName);
+        using FileStream fileStream = new(filePath, FileMode.Create, FileAccess.ReadWrite);
+        await stream.CopyToAsync(fileStream);
+        fileStream.Flush();
+        fileStream.Dispose();
+    }
 }
 
 public class ChartTemplateSelector : DataTemplateSelector

ChartGeneratorAISample/ChartGenerator/View/DesktopUI.xaml

@@ -33,24 +33,72 @@
 
             <Grid ColumnDefinitions="500,auto" HorizontalOptions="Center" ColumnSpacing="5" Padding="5">
 
-                    <Grid ColumnDefinitions="*" HorizontalOptions="FillAndExpand" Grid.Column="0">
-                        <Editor Grid.Column="1" IsEnabled="{Binding IsDisable}"
+                    <Grid RowDefinitions="Auto,*,Auto" HorizontalOptions="FillAndExpand" Grid.Column="0">
+                    <core:SfChip  
+                                  Text="&#xe7CD;" 
+                                  FontFamily="MauiSampleFontIcon"
+                                  VerticalOptions="Start"
+                                  HorizontalOptions="Center"
+                                  VerticalTextAlignment="Center"
+                                  HorizontalTextAlignment="Center"
+                                  CornerRadius="20"
+                                  Stroke="Transparent"
+                                  StrokeThickness="0"
+                                  HeightRequest="30"
+                                  WidthRequest="30"
+                                  Margin="10"
+                                  Grid.Row="1"
+                                  Command="{Binding EditorExpandCollapseCommand}"
+                                  CommandParameter="{x:Reference editor}"
+                                  />
+                    <Editor Grid.Row="2" IsEnabled="{Binding IsDisable}"  x:Name="editor"
                                 BackgroundColor="Transparent"
                                 HeightRequest="100"
                                 PlaceholderColor="Gray"
                                 Text="{Binding EntryText}"
                                 Placeholder="Describe what you want to create.."
                                 HorizontalOptions="FillAndExpand"
-                                FontSize="14"
-                                TextColor="Black"
-                             >
-                        </Editor>
+                                FontSize="14"  
+                                TextColor="Black">
+                       
+                    </Editor>
 
-                        <core:SfBusyIndicator IsRunning="{Binding IsLoading}"
+                    <core:SfChipGroup ItemHeight="40" Margin="5,50,5,5" 
+                                    ChipCornerRadius="20" 
+                                    ChipBackground="Transparent" 
+                                    ChipStrokeThickness="0"  
+                                    Grid.Row="3"
+                                    ChipPadding="0"
+                                    ChipClicked="OnChipClicked"
+                                    ItemsSource="{Binding Path=EditorOptions}">         
+                        <core:SfChipGroup.ItemTemplate>
+                            <DataTemplate>
+                                <Grid x:Name="editorOptionGrid" ColumnDefinitions="Auto,Auto">
+                                    <Label x:Name="editorOptions"
+                                         Text="{Binding Icon}"
+                                         VerticalTextAlignment="Center" 
+                                         HorizontalTextAlignment="Center" 
+                                         HorizontalOptions="Center" 
+                                         FontFamily="MauiSampleFontIcon" 
+                                         TextColor="#611C1B1F"
+                                         FontSize="20"
+                                         WidthRequest="40"   >
+                                        <Label.GestureRecognizers>
+                                            <TapGestureRecognizer Command="{Binding Source={x:Reference editor}, Path=BindingContext.AttachmentContextMenuCommand}" CommandParameter="{Binding .}" />
+                                        </Label.GestureRecognizers>
+
+                                    </Label>
+                                    
+                                
+                                </Grid>
+                            </DataTemplate>
+                        </core:SfChipGroup.ItemTemplate>
+                    </core:SfChipGroup>
+                    <core:SfBusyIndicator IsRunning="{Binding IsLoading}"
                                               IsVisible="{Binding IsLoading}"
-                                              AnimationType="SingleCircle"
-    />
-                    </Grid>
+                                              AnimationType="SingleCircle"/>
+                   
+                </Grid>
 
                 <buttons:SfButton Text="&#xe76f;" 
                          FontFamily="MauiSampleFontIcon" 

ChartGeneratorAISample/ChartGenerator/View/DesktopUI.xaml.cs

@@ -1,3 +1,5 @@
+using Syncfusion.Maui.Core; 
+
 namespace ChartGenerator;
 
 public partial class DesktopUI : ContentPage
@@ -6,4 +8,26 @@ public DesktopUI()
     {
         InitializeComponent();
     }
+    private void OnChipClicked(object sender, EventArgs e)
+    {
+        var viewmodel = this.BindingContext as ChartViewModel;
+        var chip = (sender as SfChip);
+        var layout = chip.Children[0] as HorizontalStackLayout;
+
+        Option option;
+        if (layout != null)
+        {
+            option = layout.BindingContext as Option;
+        }
+        else
+        {
+            var label = chip.Children[0] as Grid;
+            option = label.BindingContext as Option;
+        }
+
+        if (string.IsNullOrEmpty(option.Name) || !option.IsEnabled)
+            return;
+
+        viewmodel.EditorOptionsComamnd.Execute(option);  
+    }
 }