Added informative hint to channels pages UI & added AppStrings

- Added informative hint to channels pages UI - Added AppStrings for static strings that will be used throughout the program
primetime43 · Nov 15, 2024 · 26e8f57 · 26e8f57
1 parent dbd1381
commit 26e8f57
Show file tree

Hide file tree

Showing 4 changed files with 92 additions and 36 deletions.
diff --git a/X-IPTV/AppStrings.cs b/X-IPTV/AppStrings.cs
@@ -0,0 +1,13 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace X_IPTV
+{
+    public static class AppStrings
+    {
+        public const string ChannelsHint = "Right-click on a channel to open it in the player or copy the URL. Hover over items for additional descriptions.";
+    }
+}
diff --git a/X-IPTV/Views/M3UChannelList.xaml b/X-IPTV/Views/M3UChannelList.xaml
@@ -5,6 +5,7 @@
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:local="clr-namespace:X_IPTV.Views"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:strings="clr-namespace:X_IPTV"
     d:DesignHeight="450"
     d:DesignWidth="800"
     mc:Ignorable="d">
@@ -89,25 +90,38 @@
             <RowDefinition Height="*" />
         </Grid.RowDefinitions>
 
-        <!--  Header for search box  -->
         <StackPanel
             Grid.Row="0"
             Margin="10"
             HorizontalAlignment="Center"
             VerticalAlignment="Top"
-            Orientation="Horizontal">
+            Orientation="Vertical">
+
+            <!--  Search Header  -->
+            <StackPanel HorizontalAlignment="Center" Orientation="Horizontal">
+                <TextBlock
+                    VerticalAlignment="Center"
+                    FontSize="16"
+                    Foreground="White"
+                    Text="Search: " />
+                <TextBox
+                    x:Name="SearchTextBox"
+                    Width="200"
+                    Margin="5"
+                    VerticalAlignment="Center"
+                    Background="White"
+                    TextChanged="M3USearchTextBox_TextChanged" />
+            </StackPanel>
+
+            <!--  Instructional Text  -->
             <TextBlock
-                VerticalAlignment="Center"
-                FontSize="16"
-                Foreground="White"
-                Text="Search: " />
-            <TextBox
-                x:Name="SearchTextBox"
-                Width="200"
                 Margin="5"
-                VerticalAlignment="Center"
-                Background="White"
-                TextChanged="M3USearchTextBox_TextChanged" />
+                HorizontalAlignment="Center"
+                FontSize="12"
+                Foreground="LightGray"
+                Text="{x:Static strings:AppStrings.ChannelsHint}"
+                TextAlignment="Center"
+                TextWrapping="Wrap" />
         </StackPanel>
 
         <!--  ListBox placed in the second row  -->

diff --git a/X-IPTV/Views/UniversalSearchList.xaml b/X-IPTV/Views/UniversalSearchList.xaml
@@ -5,6 +5,7 @@
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:local="clr-namespace:X_IPTV.Views"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:strings="clr-namespace:X_IPTV"
     MinWidth="800"
     MinHeight="450"
     d:DesignHeight="450"
@@ -98,27 +99,41 @@
             <RowDefinition Height="*" />
         </Grid.RowDefinitions>
 
-        <!--  Header for search box  -->
         <StackPanel
             Grid.Row="0"
             Margin="10"
             HorizontalAlignment="Center"
             VerticalAlignment="Top"
-            Orientation="Horizontal">
+            Orientation="Vertical">
+
+            <!--  Search Header  -->
+            <StackPanel HorizontalAlignment="Center" Orientation="Horizontal">
+                <TextBlock
+                    VerticalAlignment="Center"
+                    FontSize="16"
+                    Foreground="White"
+                    Text="Search: " />
+                <TextBox
+                    x:Name="USearchTextBox"
+                    Width="200"
+                    Margin="5"
+                    VerticalAlignment="Center"
+                    Background="White"
+                    TextChanged="USearchTextBox_TextChanged" />
+            </StackPanel>
+
+            <!--  Instructional Text  -->
             <TextBlock
-                VerticalAlignment="Center"
-                FontSize="16"
-                Foreground="White"
-                Text="Search: " />
-            <TextBox
-                x:Name="USearchTextBox"
-                Width="200"
                 Margin="5"
-                VerticalAlignment="Center"
-                Background="White"
-                TextChanged="USearchTextBox_TextChanged" />
+                HorizontalAlignment="Center"
+                FontSize="12"
+                Foreground="LightGray"
+                Text="{x:Static strings:AppStrings.ChannelsHint}"
+                TextAlignment="Center"
+                TextWrapping="Wrap" />
         </StackPanel>
 
+
         <!--  ListBox placed in the second row  -->
         <ListBox
             Name="USearchChannelLst"

diff --git a/X-IPTV/Views/XtreamChannelList.xaml b/X-IPTV/Views/XtreamChannelList.xaml
@@ -5,6 +5,7 @@
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:local="clr-namespace:X_IPTV.Views"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:strings="clr-namespace:X_IPTV"
     MinWidth="800"
     MinHeight="450"
     d:DesignHeight="450"
@@ -96,25 +97,38 @@
             <RowDefinition Height="*" />
         </Grid.RowDefinitions>
 
-        <!--  Header for search box  -->
         <StackPanel
             Grid.Row="0"
             Margin="10"
             HorizontalAlignment="Center"
             VerticalAlignment="Top"
-            Orientation="Horizontal">
+            Orientation="Vertical">
+
+            <!--  Search Header  -->
+            <StackPanel HorizontalAlignment="Center" Orientation="Horizontal">
+                <TextBlock
+                    VerticalAlignment="Center"
+                    FontSize="16"
+                    Foreground="White"
+                    Text="Search: " />
+                <TextBox
+                    x:Name="SearchTextBox"
+                    Width="200"
+                    Margin="5"
+                    VerticalAlignment="Center"
+                    Background="White"
+                    TextChanged="XtreamSearchTextBox_TextChanged" />
+            </StackPanel>
+
+            <!--  Instructional Text  -->
             <TextBlock
-                VerticalAlignment="Center"
-                FontSize="16"
-                Foreground="White"
-                Text="Search: " />
-            <TextBox
-                x:Name="SearchTextBox"
-                Width="200"
                 Margin="5"
-                VerticalAlignment="Center"
-                Background="White"
-                TextChanged="XtreamSearchTextBox_TextChanged" />
+                HorizontalAlignment="Center"
+                FontSize="12"
+                Foreground="LightGray"
+                Text="{x:Static strings:AppStrings.ChannelsHint}"
+                TextAlignment="Center"
+                TextWrapping="Wrap" />
         </StackPanel>
 
         <!--  ListBox placed in the second row  -->