Navigate to Search Result

ghost1372 · Oct 14, 2023 · c784292 · c784292
1 parent 4db256c
commit c784292
Show file tree

Hide file tree

Showing 5 changed files with 81 additions and 3 deletions.
diff --git a/dev/ViewModels/QuranViewModel/QuranViewModel.cs b/dev/ViewModels/QuranViewModel/QuranViewModel.cs
@@ -85,7 +85,7 @@ public void SearchSurah(AutoSuggestBox sender)
         }
     }
 
-    private void AddNewSurahTab(TabView tabView, ChapterProperty chapterProperty)
+    public void AddNewSurahTab(TabView tabView, ChapterProperty chapterProperty, QuranSearch2 quranSearch2 = null)
     {
         this.tabview = tabView;
         var currentTabViewItem = tabView.TabItems?.Where(tabViewItem => (tabViewItem as QuranTabViewItem)?.Chapter?.Id == chapterProperty.Id)?.FirstOrDefault();
@@ -98,6 +98,7 @@ private void AddNewSurahTab(TabView tabView, ChapterProperty chapterProperty)
         var item = new QuranTabViewItem();
         item.Header = $"{chapterProperty.Id} - {chapterProperty.Name} - {chapterProperty.Ayas} آیه - {chapterProperty.Type}";
         item.Chapter = chapterProperty;
+        item.QuranSearch2 = quranSearch2;
         tabView.TabItems.Add(item);
         item.CloseRequested += TabViewItem_CloseRequested;
         tabView.SelectedIndex = tabView.TabItems.Count - 1;

diff --git a/dev/Views/MainPage.xaml b/dev/Views/MainPage.xaml
@@ -36,6 +36,7 @@
                                     QuerySubmitted="AutoSuggestBox_QuerySubmitted"
                                     TextChanged="AutoSuggestBox_TextChanged" />
                     <CommandBar x:Name="cmbSearch"
+                                Background="Transparent"
                                 DefaultLabelPosition="Collapsed"
                                 Visibility="Collapsed">
                         <CommandBar.SecondaryCommands>

diff --git a/dev/Views/Search/QuranSearchItem.xaml → dev/Views/QuranSearchItem.xaml b/dev/Views/Search/QuranSearchItem.xaml → dev/Views/QuranSearchItem.xaml
@@ -9,6 +9,7 @@
              xmlns:local="using:AlAnvar.Common"
              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
              xmlns:tables="using:AlAnvar.Database.Tables"
+             xmlns:wuc="using:WinUICommunity"
              Loaded="TabViewItem_Loaded"
              mc:Ignorable="d">
     <TabViewItem.IconSource>
@@ -18,7 +19,10 @@
     <TabViewItem.Resources>
         <DataTemplate x:Key="QuranTemplate"
                       x:DataType="tables:QuranSearch2">
-            <community:DataRow HorizontalAlignment="Left">
+            <community:DataRow HorizontalAlignment="Left"
+                               DoubleTapped="DataRow_DoubleTapped"
+                               IsDoubleTapEnabled="True"
+                               Tag="{x:Bind}">
                 <TextBlock VerticalAlignment="Center"
                            Text="{x:Bind Id}" />
                 <TextBlock VerticalAlignment="Center"
@@ -27,12 +31,25 @@
                            Text="{x:Bind AyahNumber}" />
                 <TextBlock VerticalAlignment="Center"
                            Text="{x:Bind Text}" />
+                <community:DataRow.ContextFlyout>
+                    <MenuFlyout>
+                        <MenuFlyoutItem Margin="5"
+                                        Click="MenuGoToSurah_Click"
+                                        CornerRadius="{ThemeResource ControlCornerRadius}"
+                                        Icon="{wuc:BitmapIcon Source=Assets/Fluent/external.png}"
+                                        Tag="{x:Bind}"
+                                        Text="برو به سوره موردنظر" />
+                    </MenuFlyout>
+                </community:DataRow.ContextFlyout>
             </community:DataRow>
         </DataTemplate>
         <DataTemplate x:Key="TranslationTemplate"
                       x:DataType="tables:QuranSearch2">
             <community:DataRow HorizontalAlignment="Left"
-                               Background="{ThemeResource InfoBarWarningSeverityBackgroundBrush}">
+                               Background="{ThemeResource InfoBarWarningSeverityBackgroundBrush}"
+                               DoubleTapped="DataRow_DoubleTapped"
+                               IsDoubleTapEnabled="True"
+                               Tag="{x:Bind}">
                 <TextBlock VerticalAlignment="Center"
                            Text="{x:Bind Id}" />
                 <TextBlock VerticalAlignment="Center"
@@ -41,6 +58,16 @@
                            Text="{x:Bind AyahNumber}" />
                 <TextBlock VerticalAlignment="Center"
                            Text="{x:Bind Text}" />
+                <community:DataRow.ContextFlyout>
+                    <MenuFlyout>
+                        <MenuFlyoutItem Margin="5"
+                                        Click="MenuGoToSurah_Click"
+                                        CornerRadius="{ThemeResource ControlCornerRadius}"
+                                        Icon="{wuc:BitmapIcon Source=Assets/Fluent/external.png}"
+                                        Tag="{x:Bind}"
+                                        Text="برو به سوره موردنظر" />
+                    </MenuFlyout>
+                </community:DataRow.ContextFlyout>
             </community:DataRow>
         </DataTemplate>
 

diff --git a/dev/Views/Search/QuranSearchItem.xaml.cs → dev/Views/QuranSearchItem.xaml.cs b/dev/Views/Search/QuranSearchItem.xaml.cs → dev/Views/QuranSearchItem.xaml.cs
@@ -103,4 +103,38 @@ await Task.Run(() =>
             });
         });
     }
+
+    private void MenuGoToSurah_Click(object sender, RoutedEventArgs e)
+    {
+        var menu = sender as MenuFlyoutItem;
+        if (menu != null && menu.Tag != null)
+        {
+            GoToSurah(menu.Tag as QuranSearch2);
+        }
+    }
+
+    private void DataRow_DoubleTapped(object sender, Microsoft.UI.Xaml.Input.DoubleTappedRoutedEventArgs e)
+    {
+        var dataRow = sender as DataRow;
+        if (dataRow != null && dataRow.Tag != null)
+        {
+            GoToSurah(dataRow.Tag as QuranSearch2);
+        }
+    }
+
+    private async void GoToSurah(QuranSearch2 quranSearch2)
+    {
+        if (quranSearch2 != null)
+        {
+            if (QuranPage.Instance != null)
+            {
+                using var db = new AlAnvarDBContext();
+                var chapter = await db.Chapters.Where(x=> x.Name == quranSearch2.SurahName).FirstOrDefaultAsync();
+                if (chapter != null)
+                {
+                    QuranPage.Instance.ViewModel.AddNewSurahTab(QuranPage.Instance.GetTabView(), chapter, quranSearch2);
+                }
+            }
+        }
+    }
 }
diff --git a/dev/Views/QuranTabViewItem.xaml.cs b/dev/Views/QuranTabViewItem.xaml.cs
@@ -27,6 +27,16 @@ public ChapterProperty Chapter
         set => SetValue(ChapterProperty, value);
     }
 
+    public static readonly DependencyProperty QuranSearch2Property =
+        DependencyProperty.Register("QuranSearch2", typeof(QuranSearch2), typeof(QuranTabViewItem),
+        new PropertyMetadata(null));
+
+    public QuranSearch2 QuranSearch2
+    {
+        get => (QuranSearch2) GetValue(QuranSearch2Property);
+        set => SetValue(QuranSearch2Property, value);
+    }
+
     public ObservableCollection<QuranItem> QuranCollection { get; set; } = new ObservableCollection<QuranItem>();
     private List<TranslationItem> TranslationCollection { get; set; } = new List<TranslationItem>();
     private List<Quran> AyahCollection { get; set; } = new List<Quran>();
@@ -97,6 +107,11 @@ await Task.Run(() =>
         prgLoading.IsActive = false;
         nbxRange1.Maximum = Chapter.Ayas;
         nbxRange2.Maximum = Chapter.Ayas;
+
+        if (QuranSearch2 != null)
+        {
+            ScrollIntoView(QuranSearch2.AyahNumber - 1);
+        }
     }
 
     private void LoadQaris()