169 lines
9.2 KiB
XML
169 lines
9.2 KiB
XML
<Window x:Class="ModuleManager.MainWindow"
|
|
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
|
xmlns:vlc="clr-namespace:LibVLCSharp.WPF;assembly=LibVLCSharp.WPF"
|
|
mc:Ignorable="d"
|
|
Title="MainWindow" Height="450" Width="800">
|
|
<Grid>
|
|
<!-- Layout Definitions -->
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="200"/>
|
|
<ColumnDefinition/>
|
|
</Grid.ColumnDefinitions>
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="60"/> <!-- Top bar -->
|
|
<RowDefinition/> <!-- Content -->
|
|
<RowDefinition Height="70"/> <!-- Bottom player -->
|
|
</Grid.RowDefinitions>
|
|
|
|
<!-- TOP BAR -->
|
|
<Grid Grid.ColumnSpan="2" Grid.Row="0" Background="#333">
|
|
<Button Content="Login"
|
|
Width="80"
|
|
Margin="10,10,0,10"
|
|
HorizontalAlignment="Left"
|
|
VerticalAlignment="Center"/>
|
|
|
|
<Grid HorizontalAlignment="Center" VerticalAlignment="Center" Width="300">
|
|
<TextBox Name="SearchBox"
|
|
Padding="8"
|
|
FontSize="14"
|
|
Background="White"
|
|
Foreground="Black"/>
|
|
<TextBlock Text="Search..."
|
|
Margin="12,0,0,0"
|
|
VerticalAlignment="Center"
|
|
Foreground="Gray"
|
|
IsHitTestVisible="False"/>
|
|
</Grid>
|
|
|
|
<StackPanel Orientation="Horizontal"
|
|
HorizontalAlignment="Right"
|
|
Margin="0,0,20,0"
|
|
VerticalAlignment="Center">
|
|
<Button Content="scann"
|
|
Width="40"
|
|
Height="40"
|
|
Margin="0,0,10,0"
|
|
Click="scanButton_Click"/>
|
|
</StackPanel>
|
|
</Grid>
|
|
|
|
<!-- LEFT NAVIGATION -->
|
|
<StackPanel Grid.Row="1"
|
|
Grid.Column="0"
|
|
Background="#222"
|
|
VerticalAlignment="Stretch">
|
|
<Button Content="Home" Height="60" Foreground="White" Background="Transparent" Click="Home_OnClick" />
|
|
<Button Content="Musik" Height="60" Foreground="White" Background="Transparent" Click="Musik_OnClick"/>
|
|
<Button Content="Photos" Height="60" Foreground="White" Background="Transparent" Click="Photo_OnClick"/>
|
|
<Button Content="Video" Height="60" Foreground="White" Background="Transparent" Click="Video_OnClick" />
|
|
</StackPanel>
|
|
|
|
<!-- MAIN CONTENT WRAPPED IN A GRID FOR LAYERING -->
|
|
<Grid Grid.Column="1" Grid.Row="1">
|
|
<!-- ScrollViewer (Background) -->
|
|
<ScrollViewer x:Name="ScrollContentHome" Background="#444" Panel.ZIndex="0">
|
|
<StackPanel Margin="10">
|
|
<!-- Favorites -->
|
|
<TextBlock Text="Favorites" FontSize="18" Foreground="White" Margin="0,10"/>
|
|
<WrapPanel Name="Favorites_Home">
|
|
<Rectangle Fill="LightBlue" Width="150" Height="100" Margin="5"/>
|
|
<Rectangle Fill="LightBlue" Width="150" Height="100" Margin="5"/>
|
|
<Rectangle Fill="LightBlue" Width="150" Height="100" Margin="5"/>
|
|
<Rectangle Fill="LightBlue" Width="150" Height="100" Margin="5"/>
|
|
</WrapPanel>
|
|
|
|
<!-- Movies -->
|
|
<TextBlock Text="Movies" FontSize="18" Foreground="White" Margin="0,20,0,10"/>
|
|
<WrapPanel Name="Muvies_Home">
|
|
<Rectangle Fill="LightGreen" Width="150" Height="100" Margin="5"/>
|
|
<Rectangle Fill="LightGreen" Width="150" Height="100" Margin="5"/>
|
|
<Rectangle Fill="LightGreen" Width="150" Height="100" Margin="5"/>
|
|
<Rectangle Fill="LightGreen" Width="150" Height="100" Margin="5"/>
|
|
</WrapPanel>
|
|
|
|
<!-- Series -->
|
|
<TextBlock Text="Series" FontSize="18" Foreground="White" Margin="0,20,0,10"/>
|
|
<WrapPanel Name="Series_Home">
|
|
<Rectangle Fill="LightGreen" Width="150" Height="100" Margin="5"/>
|
|
<Rectangle Fill="LightGreen" Width="150" Height="100" Margin="5"/>
|
|
<Rectangle Fill="LightGreen" Width="150" Height="100" Margin="5"/>
|
|
<Rectangle Fill="LightGreen" Width="150" Height="100" Margin="5"/>
|
|
</WrapPanel>
|
|
|
|
<!-- Music -->
|
|
<TextBlock Text="Music" FontSize="18" Foreground="White" Margin="0,20,0,10"/>
|
|
<WrapPanel Name="Music_Home">
|
|
<Rectangle Fill="LightCoral" Width="150" Height="100" Margin="5"/>
|
|
<Rectangle Fill="LightCoral" Width="150" Height="100" Margin="5"/>
|
|
<Rectangle Fill="LightCoral" Width="150" Height="100" Margin="5"/>
|
|
<Rectangle Fill="LightCoral" Width="150" Height="100" Margin="5"/>
|
|
</WrapPanel>
|
|
|
|
<!-- Photos -->
|
|
<TextBlock Text="Photos" FontSize="18" Foreground="White" Margin="0,20,0,10"/>
|
|
<WrapPanel Name="Photos_Home">
|
|
<Rectangle Fill="DarkRed" Width="150" Height="100" Margin="5"/>
|
|
<Rectangle Fill="DarkRed" Width="150" Height="100" Margin="5"/>
|
|
<Rectangle Fill="DarkRed" Width="150" Height="100" Margin="5"/>
|
|
<Rectangle Fill="DarkRed" Width="150" Height="100" Margin="5"/>
|
|
</WrapPanel>
|
|
</StackPanel>
|
|
</ScrollViewer>
|
|
|
|
<!-- Video Player (Foreground) -->
|
|
<vlc:VideoView x:Name="VideoView"
|
|
Panel.ZIndex="1"
|
|
Visibility="Collapsed"
|
|
Background="Black" />
|
|
|
|
<!--Catagory-->
|
|
<ScrollViewer x:Name="ScrollContentCat" Background="#444" Panel.ZIndex="0" Visibility="Collapsed">
|
|
<StackPanel Margin="10">
|
|
<!-- Cat-name -->
|
|
<TextBlock Name="Name_of_Catagory_Text" Text="Name_of_Catagory" FontSize="18" Foreground="White" Margin="0,10"/>
|
|
<WrapPanel Name="Name_of_Catagory">
|
|
<Rectangle Fill="LightBlue" Width="150" Height="100" Margin="5"/>
|
|
<Rectangle Fill="LightBlue" Width="150" Height="100" Margin="5"/>
|
|
<Rectangle Fill="LightBlue" Width="150" Height="100" Margin="5"/>
|
|
<Rectangle Fill="LightBlue" Width="150" Height="100" Margin="5"/>
|
|
</WrapPanel>
|
|
<TextBlock Name="Name_of_Catagory_Text1" Text="Name_of_Catagory1" FontSize="18" Foreground="White" Margin="0,10"/>
|
|
<WrapPanel Name="Name_of_Catagory1" Visibility="Collapsed">
|
|
<Rectangle Fill="LightBlue" Width="150" Height="100" Margin="5"/>
|
|
<Rectangle Fill="LightBlue" Width="150" Height="100" Margin="5"/>
|
|
<Rectangle Fill="LightBlue" Width="150" Height="100" Margin="5"/>
|
|
<Rectangle Fill="LightBlue" Width="150" Height="100" Margin="5"/>
|
|
</WrapPanel>
|
|
</StackPanel>
|
|
</ScrollViewer>
|
|
</Grid>
|
|
|
|
<!-- SETTINGS BUTTON -->
|
|
<Button Grid.Column="0" Grid.Row="2"
|
|
Content="Settings"
|
|
Margin="10"
|
|
HorizontalAlignment="Left"
|
|
Click="PlayListButton_Click"/>
|
|
|
|
<!-- PLAYER CONTROLS -->
|
|
<Slider Name="itemProgress" PreviewMouseDown="ItemProgress_OnPreviewMouseDown" Panel.ZIndex="2" VerticalAlignment="Top" ValueChanged="ItemProgress_OnValueChanged" Grid.Row="2" Grid.Column="1" Padding="10"></Slider>
|
|
<ProgressBar Name="itemProgressVisual" Panel.ZIndex="1" Height="20" VerticalAlignment="Top" Grid.Row="2" Grid.Column="1" Padding="10"></ProgressBar>
|
|
<StackPanel Grid.Column="1" Grid.Row="2"
|
|
Orientation="Horizontal"
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Bottom"
|
|
Background="#222">
|
|
<TextBlock Text="Titel" Foreground="White" FontSize="16" Margin="10"/>
|
|
<Button Content="⏮" Width="40" Margin="10" Click="OnItemPriorButtonClick"/>
|
|
<Button Content="▶" Width="40" Margin="10" Click="OnItemPauseBtn_Click"/>
|
|
<Button Content="⏭" Width="40" Margin="10" Click="OnItemNextButtonClick"/>
|
|
<TextBlock Text="🔊" Foreground="White" VerticalAlignment="Center" Margin="10,0"/>
|
|
<Slider Name="vol" Width="100" Minimum="0" Maximum="100" Value="50" Margin="10" ValueChanged="RangeBase_OnValueChanged"/>
|
|
</StackPanel>
|
|
</Grid>
|
|
</Window>
|