C.B.R.

<UserControl x:Class="CBR.Views.OptionsView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d"
             xmlns:Converters="clr-namespace:CBR.Components.Converters"
             xmlns:Model="clr-namespace:CBR.ViewModels" >
    
    <UserControl.Resources>
        <DataTemplate x:Key="LanguageTemplate" DataType="{x:Type Model:LanguageMenuItemViewModel }">
            <StackPanel Orientation="Horizontal">
                <Image Source="{Binding Icon}" Width="16" Height="16" />
                <TextBlock Text="{Binding ToDisplay}" />
            </StackPanel>
        </DataTemplate>

        
    </UserControl.Resources>

    <Grid Margin="15" HorizontalAlignment="Left" VerticalAlignment="Top">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="2*" />
            <ColumnDefinition Width="20" />
            <ColumnDefinition Width="2*" />
            <ColumnDefinition Width="20" />
            <ColumnDefinition Width="Auto" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        
        <StackPanel Grid.ColumnSpan="5">
            <TextBlock Style="{StaticResource TitleLabel}" Margin="5"
              Text="{LocalizationExtension ResModul=CBR.Backstage, Key=OptionView.Title, DefaultValue=Application Settings}" />
            <Line Style="{StaticResource DashedSeparator}" X1="0" X2="1" />
        </StackPanel>
        
        <StackPanel Grid.Row="1" Orientation="Vertical" Margin="10">
            <TextBlock Style="{StaticResource SubTitleLabel}" Margin="5"
                 Text="{LocalizationExtension ResModul=CBR.Backstage, Key=OptionView.LblImages, DefaultValue=Images}" />
            <Label Margin="5" HorizontalAlignment="Stretch" Content="{LocalizationExtension ResModul=CBR.Backstage, Key=OptionView.lblNbImage, DefaultValue=Image in cache}"/>
            <DockPanel>
                <Label Margin="5" HorizontalAlignment="Stretch" Content="{Binding ElementName=sliderImageCache, Path=Value}"/>
                <Slider Margin="15,0,15,0" Name="sliderImageCache" VerticalAlignment="Center" Value="{Binding ImageCacheCount}"
                    SmallChange="1" LargeChange="1" Maximum="10" TickPlacement="Both" TickFrequency="1" IsSnapToTickEnabled="True" AutoToolTipPlacement="None"
                    ToolTip="From 0 to 10, How long the images stays in memory from his last acces"/>
            </DockPanel>
            <Label Margin="5" HorizontalAlignment="Stretch" Content="{LocalizationExtension ResModul=CBR.Backstage, Key=OptionView.lblImageDuration, DefaultValue=Image duration (sec. after expiration)}" />
            <DockPanel>
                <Label Margin="5" HorizontalAlignment="Stretch" Content="{Binding ElementName=sliderDurationCache, Path=Value}"/>
                <Slider Margin="15,0,15,0"  Name="sliderDurationCache" VerticalAlignment="Center"  Value="{Binding ImageCacheDuration}"
                    SmallChange="1" LargeChange="1" Maximum="10" TickPlacement="Both" TickFrequency="1" IsSnapToTickEnabled="True" AutoToolTipPlacement="None" ToolTip="From 0 to 10, How long the images stays in memory from his last acces"/>
            </DockPanel>

            <Line Style="{StaticResource DashedSeparator}" X1="0" X2="1" />

                <TextBlock Style="{StaticResource SubTitleLabel}" Margin="5"
                   Text="{LocalizationExtension ResModul=CBR.Backstage, Key=OptionView.lblAutoFitMode, DefaultValue=Default auto fit mode}"></TextBlock>
                <RadioButton GroupName="AutoFit" Margin="5" Name="rbNone"
                    IsChecked="{Binding Path=AutoFitMode, Converter={x:Static Converters:IntToRadioConverter.Instance}, ConverterParameter=0}"
                    Content="{LocalizationExtension ResModul=CBR.Backstage, Key=OptionView.lblFitNo, DefaultValue=None : the images are displayed with the zoom factor}" />
                <RadioButton GroupName="AutoFit" Margin="5" Name="rbWidth"
                    IsChecked="{Binding Path=AutoFitMode, Converter={x:Static Converters:IntToRadioConverter.Instance}, ConverterParameter=1}"
                    Content="{LocalizationExtension ResModul=CBR.Backstage, Key=OptionView.lblFitWidth, DefaultValue=Width : each time an image is displayed it is adjusted to fill in width}" />
                <RadioButton GroupName="AutoFit" Margin="5" Name="rbHeight" 
                    IsChecked="{Binding Path=AutoFitMode, Converter={x:Static Converters:IntToRadioConverter.Instance}, ConverterParameter=2}"
                    Content="{LocalizationExtension ResModul=CBR.Backstage, Key=OptionView.lblFitHeight, DefaultValue=Height : each time an image is displayed it is adjusted to fill in height}" />

            <Line Style="{StaticResource DashedSeparator}" X1="0" X2="1" />

            <TextBlock Style="{StaticResource SubTitleLabel}" Margin="5"
                Text="{LocalizationExtension ResModul=CBR.Backstage, Key=OptionView.lblMagnifier, DefaultValue=Magnifier}" />
            <Label Margin="5" HorizontalAlignment="Stretch"
                  Content="{LocalizationExtension ResModul=CBR.Backstage, Key=OptionView.lblMagnifierSize, DefaultValue=Size of the magnifier}" />
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="100" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <Label Grid.Column="0" Margin="5" HorizontalAlignment="Stretch" Content="{Binding ElementName=sliderMagnifierSize, Path=Value }" ContentStringFormat="F1" Grid.ColumnSpan="2" />
                <Slider Grid.Column="1" Margin="15,0" Name="sliderMagnifierSize" VerticalAlignment="Center" Value="{Binding MagnifierSize}"
                        SmallChange="0.1" LargeChange="0.1" Minimum="0.5" Maximum="2" TickPlacement="Both" AutoToolTipPlacement="None"
                        ToolTip="The size of the magnifier, related to his original size" Grid.ColumnSpan="2" IsSnapToTickEnabled="True" TickFrequency="0.1" />
            </Grid>
            <Label Margin="5" HorizontalAlignment="Stretch"
                  Content="{LocalizationExtension ResModul=CBR.Backstage, Key=OptionView.lblMagnifierScale, DefaultValue=Scaling factor}" />
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="100" />
                    <ColumnDefinition Width="*" />
                </Grid.ColumnDefinitions>
                <Label Grid.Column="0" Margin="5" HorizontalAlignment="Stretch" Content="{Binding ElementName=sliderMagnifierScale, Path=Value, StringFormat=D}" Grid.ColumnSpan="2" />
                <Slider Grid.Column="1" Margin="15,0"  Name="sliderMagnifierScale" VerticalAlignment="Center" Value="{Binding MagnifierScaleFactor}"
                        SmallChange="10" LargeChange="30" Minimum="100" Maximum="300" TickPlacement="Both" AutoToolTipPlacement="None"
                        ToolTip="How much pixel (from the original image) in the magnifier view " Grid.ColumnSpan="2" IsSnapToTickEnabled="True" TickFrequency="10" />
            </Grid>

        </StackPanel>

        <Line Grid.Column="1" Grid.Row="1"  X1="0" Y2="1" Style="{StaticResource VerticalSeparator}" />

        <StackPanel Grid.Column="2" Grid.Row="1" Orientation="Vertical" Margin="10">
            
            <TextBlock Style="{StaticResource SubTitleLabel}" Margin="5"
                   Text="{LocalizationExtension ResModul=CBR.Backstage, Key=OptionView.lblOthers, DefaultValue=Others}" ></TextBlock>
            <Label Margin="15,5,15,5" HorizontalAlignment="Stretch"
                   Content="{LocalizationExtension ResModul=CBR.Backstage, Key=OptionView.lblMaxRecent, DefaultValue=Maximum mumber of recent book or library in the recent file list}"></Label>
            <DockPanel Margin="15,0,15,0">
                <Label Margin="5" HorizontalAlignment="Stretch" Content="{Binding ElementName=sliderRecentFileMax, Path=Value}"/>
                <Slider Margin="15,0,15,0" Name="sliderRecentFileMax" VerticalAlignment="Center" Value="{Binding MaxRecentFile}"
                    SmallChange="2" LargeChange="1" Maximum="20" TickPlacement="Both" TickFrequency="2" IsSnapToTickEnabled="True" AutoToolTipPlacement="None"
                    Minimum="5" ToolTip="From 0 to 50, how long the files stays in list from his last acces"/>
            </DockPanel>
            <Label Margin="15,5,15,5" HorizontalAlignment="Stretch"
                   Content="{LocalizationExtension ResModul=CBR.Backstage, Key=OptionView.lblStartLanguage, DefaultValue=Starting language if not system default}"></Label>

            <ComboBox Margin="20,5,20,5" ItemsSource="{Binding Languages}" SelectedItem="{Binding StartingLanguage}"
                      ItemTemplate="{StaticResource LanguageTemplate}" Height="22" />
            
            <Line Style="{StaticResource DashedSeparator}" X1="0" X2="1" />

            <TextBlock Style="{StaticResource SubTitleLabel}" Margin="5">ePUB Viewer</TextBlock>
            <Label Margin="5" HorizontalAlignment="Stretch">ePUB files can be viewed in original format or in flow viewer</Label>
            <CheckBox Margin="5" >Yes, I prefer flow formatted viewer</CheckBox>
            <Line Style="{StaticResource DashedSeparator}" X1="0" X2="1" />

            <TextBlock Style="{StaticResource SubTitleLabel}" Margin="5">Extended options</TextBlock>
            <Button Style="{StaticResource CBROnWhiteButtonStyle}" Margin="30,10,30,10" ToolTip=""
                        Content="Extended options..." Name="btnExtendedOptions" Click="btnExtendedOptions_Click" />

            <Line Style="{StaticResource DashedSeparator}" X1="0" X2="1" />

        </StackPanel>

        <Line Grid.Column="3" Grid.Row="1"  X1="0" Y2="1" Style="{StaticResource VerticalSeparator}" />

        <StackPanel Grid.Row="1" Grid.Column="5" Orientation="Vertical" Margin="10" >
            <Button Style="{StaticResource CBROnWhiteButtonStyle}" Width="80" Height="80" Margin="10" ToolTip="Save the settings" Command="{Binding SaveSettingsCommand}" 
                   Content="{LocalizationExtension ResModul=CBR.Backstage, Key=OptionView.BtnSave, DefaultValue=Save}" />
            <Button Style="{StaticResource CBROnWhiteButtonStyle}" Width="80" Height="80" Margin="10" ToolTip="Reset to default settings" Command="{Binding ResetSettingsCommand}" 
                   Content="{LocalizationExtension ResModul=CBR.Backstage, Key=OptionView.BtnReset, DefaultValue=Reset}" />
        </StackPanel>
        
    </Grid>
</UserControl>