Dotnet-Core-WPF-Example/MainWindow.xaml at master · OttFH/Dotnet-Core-WPF-Example · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<Window x:Class="DotnetCoreWpfExample.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:local="clr-namespace:DotnetCoreWpfExample"
        xmlns:model="clr-namespace:DotnetCoreWpfExample.Models"
        xmlns:con="clr-namespace:DotnetCoreWpfExample.Converter"
        mc:Ignorable="d"
        Title="YouTube Video Collection" Height="650" Width="1200"
        Loaded="Window_Loaded" Closing="Window_Closing">

    <Window.Resources>
        <model:ViewModel x:Key="ViewModel"/>

        <con:ThumbnailConverter x:Key="thumbConverter"/>
        <con:VisibilityConverter x:Key="visabilityConverter"/>
        <con:LikeConverter x:Key="likeConverter"/>
    </Window.Resources>

    <Grid DataContext="{StaticResource ViewModel}"
          d:DataContext="{d:DesignInstance Type=model:ViewModel}">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="300"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>

        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="*"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>

            <ListBox x:Name="lbxVideos"
                     ItemsSource="{Binding Path=Videos}"
                     ScrollViewer.HorizontalScrollBarVisibility="Disabled">
                <ListBox.ItemContainerStyle>
                    <Style TargetType="ListBoxItem">
                        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
                    </Style>
                </ListBox.ItemContainerStyle>
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <StackPanel>
                            <TextBlock Text="{Binding Path=OEmbed.title}"
                                       TextWrapping="Wrap"/>
                            <TextBlock Text="{Binding Path=OEmbed.author_name}"
                                       FontStyle="Italic" TextWrapping="Wrap"/>
                        </StackPanel>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>

            <Grid Grid.Row="1">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto"/>
                    <ColumnDefinition Width="*"/>
                    <ColumnDefinition Width="Auto"/>
                </Grid.ColumnDefinitions>

                <TextBlock Text="New ID:" Margin="3" VerticalAlignment="Center"/>
                <TextBox x:Name="tbxNewId" Grid.Column="1"
                         Margin="3" VerticalAlignment="Center"/>
                <Button Grid.Column="2" Content="Add" Width="65" Margin="3"
                        VerticalAlignment="Center" Click="BtnAddId_Click"/>
            </Grid>
        </Grid>

        <Grid Grid.Column="1" DataContext="{Binding ElementName=lbxVideos,Path=SelectedItem}"
              d:DataContext="{d:DesignInstance Type=model:YouTubeVideo}"
              Visibility="{Binding Converter={StaticResource visabilityConverter}}">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" MinWidth="300"/>
                <ColumnDefinition Width="Auto"/>
            </Grid.ColumnDefinitions>

            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>

            <Grid Margin="2">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>

                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>

                <TextBlock Grid.Row="0" Text="ID:" Margin="2"
                           HorizontalAlignment="Right" FontWeight="Bold"/>
                <TextBlock Grid.Column="1" Grid.Row="0" Margin="2"
                           Text="{Binding Path=ID}" HorizontalAlignment="Left"/>

                <TextBlock Grid.Row="1" Text="Title:" Margin="2"
                           HorizontalAlignment="Right" FontWeight="Bold"/>
                <TextBlock Grid.Column="1" Grid.Row="1" Margin="2" TextWrapping="Wrap"
                           Text="{Binding Path=OEmbed.title}" HorizontalAlignment="Left"/>

                <TextBlock Grid.Row="2" Text="Channel:" Margin="2"
                           HorizontalAlignment="Right" FontWeight="Bold"/>
                <TextBlock Grid.Column="1" Grid.Row="2" Margin="2" TextWrapping="Wrap"
                           Text="{Binding Path=OEmbed.author_name}" HorizontalAlignment="Left"/>

                <TextBlock Grid.Row="3" Text="Channel Url:" Margin="2"
                           HorizontalAlignment="Right" FontWeight="Bold"/>
                <TextBlock Grid.Column="1" Grid.Row="3" Margin="2" TextWrapping="Wrap"
                           Text="{Binding Path=OEmbed.author_url}" HorizontalAlignment="Left"/>

                <TextBlock Grid.Row="4" Text="Size:" Margin="2"
                           HorizontalAlignment="Right" FontWeight="Bold"/>
                <StackPanel Grid.Column="1" Grid.Row="4" Orientation="Horizontal"
                            HorizontalAlignment="Left" Margin="2">
                    <TextBlock Text="{Binding Path=OEmbed.width}"/>
                    <TextBlock Text=" x "/>
                    <TextBlock Text="{Binding Path=OEmbed.height}"/>
                </StackPanel>

                <StackPanel Grid.ColumnSpan="2" Grid.Row="6" Orientation="Horizontal">
                    <Button Content="Reload" Width="100" Margin="3"
                            HorizontalAlignment="Left" Click="BtnReloadOEmbed_Click"/>
                    <Button Content="Open" Width="100" Margin="3"
                            HorizontalAlignment="Left" Click="BtnOpen_Click"/>
                </StackPanel>
            </Grid>

            <Image Grid.Column="1" Grid.RowSpan="2" Margin="10" Width="480"
                   VerticalAlignment="Stretch" HorizontalAlignment="Stretch"
                   Source="{Binding Path=OEmbed.thumbnail_url,Converter={StaticResource thumbConverter}}">
            </Image>

            <StackPanel Grid.Row="1" VerticalAlignment="Bottom" Margin="5">
                <CheckBox Content="Like" IsChecked="{Binding LikeState,Converter={StaticResource likeConverter},ConverterParameter=like}"/>
                <CheckBox Content="Dislike" IsChecked="{Binding LikeState,Converter={StaticResource likeConverter},ConverterParameter=dislike}"/>
            </StackPanel>

            <TextBlock Grid.Row="2" Text="Comment:" HorizontalAlignment="Left"
                       VerticalAlignment="Bottom" Margin="2,5,2,0"/>
            <TextBox Grid.ColumnSpan="2" Grid.Row="3" Margin="3" AcceptsReturn="True"
                     Text="{Binding Path=Comment,Mode=TwoWay}"/>
        </Grid>
    </Grid>
</Window>