526 lines
28 KiB
XML
526 lines
28 KiB
XML
<?xml version="1.0" encoding="UTF-8" ?>
|
|
<Page
|
|
x:Class="TornadoAce_GSShop.Views.MainPage"
|
|
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:local="using:TornadoAce_GSShop"
|
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
|
Background="{StaticResource AppCanvasBrush}"
|
|
Loaded="Page_Loaded"
|
|
mc:Ignorable="d">
|
|
<NavigationView
|
|
x:Name="MainNavigation"
|
|
AlwaysShowHeader="False"
|
|
Background="{StaticResource AppCanvasBrush}"
|
|
IsBackButtonVisible="Collapsed"
|
|
IsSettingsVisible="False"
|
|
OpenPaneLength="248"
|
|
PaneDisplayMode="Left"
|
|
RequestedTheme="Light">
|
|
<NavigationView.PaneHeader>
|
|
<Grid Margin="12,16,12,8">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="38" />
|
|
<ColumnDefinition Width="*" />
|
|
</Grid.ColumnDefinitions>
|
|
<Border
|
|
Width="34"
|
|
Height="34"
|
|
Background="{StaticResource AppInkBrush}"
|
|
CornerRadius="8">
|
|
<TextBlock
|
|
HorizontalAlignment="Center"
|
|
VerticalAlignment="Center"
|
|
FontSize="15"
|
|
FontWeight="SemiBold"
|
|
Foreground="White"
|
|
Text="GS" />
|
|
</Border>
|
|
<StackPanel Grid.Column="1" Spacing="0">
|
|
<TextBlock
|
|
FontFamily="Segoe UI Variable Display"
|
|
FontSize="17"
|
|
FontWeight="SemiBold"
|
|
Foreground="{StaticResource AppTextBrush}"
|
|
Text="TornadoAce" />
|
|
<TextBlock
|
|
Style="{StaticResource LabelTextStyle}"
|
|
Text="GS Shop Control" />
|
|
</StackPanel>
|
|
</Grid>
|
|
</NavigationView.PaneHeader>
|
|
|
|
<NavigationView.MenuItems>
|
|
<NavigationViewItem Content="홈" IsSelected="True" Tag="home">
|
|
<NavigationViewItem.Icon>
|
|
<SymbolIcon Symbol="Home" />
|
|
</NavigationViewItem.Icon>
|
|
</NavigationViewItem>
|
|
<NavigationViewItem Content="상품" Tag="products">
|
|
<NavigationViewItem.Icon>
|
|
<SymbolIcon Symbol="Library" />
|
|
</NavigationViewItem.Icon>
|
|
</NavigationViewItem>
|
|
<NavigationViewItem Content="주문" Tag="orders">
|
|
<NavigationViewItem.Icon>
|
|
<SymbolIcon Symbol="Document" />
|
|
</NavigationViewItem.Icon>
|
|
</NavigationViewItem>
|
|
<NavigationViewItem Content="고객" Tag="customers">
|
|
<NavigationViewItem.Icon>
|
|
<SymbolIcon Symbol="Contact" />
|
|
</NavigationViewItem.Icon>
|
|
</NavigationViewItem>
|
|
<NavigationViewItem Content="편성" Tag="schedule">
|
|
<NavigationViewItem.Icon>
|
|
<SymbolIcon Symbol="Calendar" />
|
|
</NavigationViewItem.Icon>
|
|
</NavigationViewItem>
|
|
<NavigationViewItem Content="설정" Tag="settings">
|
|
<NavigationViewItem.Icon>
|
|
<SymbolIcon Symbol="Setting" />
|
|
</NavigationViewItem.Icon>
|
|
</NavigationViewItem>
|
|
</NavigationView.MenuItems>
|
|
|
|
<NavigationView.PaneFooter>
|
|
<Border
|
|
Margin="12"
|
|
Padding="12"
|
|
Background="{StaticResource AppSurfaceBrush}"
|
|
BorderBrush="{StaticResource AppLineBrush}"
|
|
BorderThickness="1"
|
|
CornerRadius="8">
|
|
<StackPanel Spacing="8">
|
|
<TextBlock Style="{StaticResource LabelTextStyle}" Text="채널 상태" />
|
|
<StackPanel Orientation="Horizontal" Spacing="8">
|
|
<Ellipse
|
|
Width="9"
|
|
Height="9"
|
|
VerticalAlignment="Center"
|
|
Fill="{StaticResource AppMintBrush}" />
|
|
<TextBlock
|
|
FontSize="13"
|
|
FontWeight="SemiBold"
|
|
Foreground="{StaticResource AppTextBrush}"
|
|
Text="Live Preview" />
|
|
</StackPanel>
|
|
</StackPanel>
|
|
</Border>
|
|
</NavigationView.PaneFooter>
|
|
|
|
<Grid Padding="26" RowSpacing="20">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="*" />
|
|
</Grid.RowDefinitions>
|
|
|
|
<Grid ColumnSpacing="20">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*" />
|
|
<ColumnDefinition Width="Auto" />
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<StackPanel Spacing="6">
|
|
<TextBlock Style="{StaticResource HeroTitleTextStyle}" Text="GS Shop 운영 홈" />
|
|
<StackPanel Orientation="Horizontal" Spacing="8">
|
|
<TextBlock Style="{StaticResource BodyTextStyle}" Text="상품, 주문, 웹 미리보기를 한 화면에서 확인" />
|
|
<TextBlock Style="{StaticResource BodyTextStyle}" Text="·" />
|
|
<TextBlock x:Name="UpdatedTextBlock" Style="{StaticResource BodyTextStyle}" />
|
|
</StackPanel>
|
|
</StackPanel>
|
|
|
|
<StackPanel
|
|
Grid.Column="1"
|
|
Orientation="Horizontal"
|
|
Spacing="8"
|
|
VerticalAlignment="Top">
|
|
<Button Style="{StaticResource QuietButtonStyle}" ToolTipService.ToolTip="새로 고침">
|
|
<StackPanel Orientation="Horizontal" Spacing="8">
|
|
<SymbolIcon Symbol="Refresh" />
|
|
<TextBlock Text="동기화" />
|
|
</StackPanel>
|
|
</Button>
|
|
<Button Style="{StaticResource QuietButtonStyle}" ToolTipService.ToolTip="내보내기">
|
|
<StackPanel Orientation="Horizontal" Spacing="8">
|
|
<SymbolIcon Symbol="Download" />
|
|
<TextBlock Text="내보내기" />
|
|
</StackPanel>
|
|
</Button>
|
|
<Button Style="{StaticResource PrimaryActionButtonStyle}" ToolTipService.ToolTip="라이브 적용">
|
|
<StackPanel Orientation="Horizontal" Spacing="8">
|
|
<SymbolIcon Foreground="White" Symbol="Play" />
|
|
<TextBlock Foreground="White" Text="적용" />
|
|
</StackPanel>
|
|
</Button>
|
|
</StackPanel>
|
|
</Grid>
|
|
|
|
<Grid Grid.Row="1" ColumnSpacing="20">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*" />
|
|
<ColumnDefinition Width="380" />
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<Grid RowSpacing="16">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="*" />
|
|
</Grid.RowDefinitions>
|
|
|
|
<Grid ColumnSpacing="12">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*" />
|
|
<ColumnDefinition Width="*" />
|
|
<ColumnDefinition Width="*" />
|
|
<ColumnDefinition Width="*" />
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<Border Padding="16" Style="{StaticResource PanelBorderStyle}">
|
|
<StackPanel Spacing="10">
|
|
<TextBlock Style="{StaticResource LabelTextStyle}" Text="오늘 주문" />
|
|
<TextBlock Style="{StaticResource MetricTextStyle}" Text="1,284" />
|
|
<StackPanel Orientation="Horizontal" Spacing="6">
|
|
<Border
|
|
Padding="8,3"
|
|
Background="{StaticResource AppMintSoftBrush}"
|
|
CornerRadius="8">
|
|
<TextBlock
|
|
FontSize="12"
|
|
FontWeight="SemiBold"
|
|
Foreground="{StaticResource AppMintBrush}"
|
|
Text="+12.8%" />
|
|
</Border>
|
|
<TextBlock
|
|
VerticalAlignment="Center"
|
|
Style="{StaticResource LabelTextStyle}"
|
|
Text="전일 대비" />
|
|
</StackPanel>
|
|
</StackPanel>
|
|
</Border>
|
|
|
|
<Border
|
|
Grid.Column="1"
|
|
Padding="16"
|
|
Style="{StaticResource PanelBorderStyle}">
|
|
<StackPanel Spacing="10">
|
|
<TextBlock Style="{StaticResource LabelTextStyle}" Text="방송 상품" />
|
|
<TextBlock Style="{StaticResource MetricTextStyle}" Text="36" />
|
|
<ProgressBar
|
|
Height="5"
|
|
Foreground="{StaticResource AppAccentBrush}"
|
|
Maximum="100"
|
|
Value="68" />
|
|
<TextBlock Style="{StaticResource LabelTextStyle}" Text="68% 준비 완료" />
|
|
</StackPanel>
|
|
</Border>
|
|
|
|
<Border
|
|
Grid.Column="2"
|
|
Padding="16"
|
|
Style="{StaticResource PanelBorderStyle}">
|
|
<StackPanel Spacing="10">
|
|
<TextBlock Style="{StaticResource LabelTextStyle}" Text="승인 대기" />
|
|
<TextBlock Style="{StaticResource MetricTextStyle}" Text="7" />
|
|
<StackPanel Orientation="Horizontal" Spacing="6">
|
|
<Border
|
|
Padding="8,3"
|
|
Background="{StaticResource AppAmberSoftBrush}"
|
|
CornerRadius="8">
|
|
<TextBlock
|
|
FontSize="12"
|
|
FontWeight="SemiBold"
|
|
Foreground="{StaticResource AppAmberBrush}"
|
|
Text="검수" />
|
|
</Border>
|
|
<TextBlock
|
|
VerticalAlignment="Center"
|
|
Style="{StaticResource LabelTextStyle}"
|
|
Text="콘텐츠 확인" />
|
|
</StackPanel>
|
|
</StackPanel>
|
|
</Border>
|
|
|
|
<Border
|
|
Grid.Column="3"
|
|
Padding="16"
|
|
Style="{StaticResource PanelBorderStyle}">
|
|
<StackPanel Spacing="10">
|
|
<TextBlock Style="{StaticResource LabelTextStyle}" Text="알림" />
|
|
<TextBlock Style="{StaticResource MetricTextStyle}" Text="3" />
|
|
<StackPanel Orientation="Horizontal" Spacing="6">
|
|
<Border
|
|
Padding="8,3"
|
|
Background="{StaticResource AppCoralSoftBrush}"
|
|
CornerRadius="8">
|
|
<TextBlock
|
|
FontSize="12"
|
|
FontWeight="SemiBold"
|
|
Foreground="{StaticResource AppCoralBrush}"
|
|
Text="주의" />
|
|
</Border>
|
|
<TextBlock
|
|
VerticalAlignment="Center"
|
|
Style="{StaticResource LabelTextStyle}"
|
|
Text="가격 변경" />
|
|
</StackPanel>
|
|
</StackPanel>
|
|
</Border>
|
|
</Grid>
|
|
|
|
<Border Grid.Row="1" Style="{StaticResource PanelBorderStyle}">
|
|
<Grid RowSpacing="12">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="*" />
|
|
</Grid.RowDefinitions>
|
|
|
|
<Grid Padding="16" ColumnSpacing="12">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="Auto" />
|
|
<ColumnDefinition Width="*" />
|
|
<ColumnDefinition Width="Auto" />
|
|
</Grid.ColumnDefinitions>
|
|
|
|
<StackPanel Orientation="Horizontal" Spacing="8" VerticalAlignment="Center">
|
|
<Button
|
|
MinWidth="36"
|
|
Padding="0"
|
|
Style="{StaticResource QuietButtonStyle}"
|
|
ToolTipService.ToolTip="뒤로">
|
|
<SymbolIcon Symbol="Back" />
|
|
</Button>
|
|
<Button
|
|
MinWidth="36"
|
|
Padding="0"
|
|
Style="{StaticResource QuietButtonStyle}"
|
|
ToolTipService.ToolTip="앞으로">
|
|
<SymbolIcon Symbol="Forward" />
|
|
</Button>
|
|
</StackPanel>
|
|
|
|
<Border
|
|
Grid.Column="1"
|
|
Height="38"
|
|
Padding="12,0"
|
|
Background="{StaticResource AppSurfaceSubtleBrush}"
|
|
BorderBrush="{StaticResource AppLineBrush}"
|
|
BorderThickness="1"
|
|
CornerRadius="8">
|
|
<Grid ColumnSpacing="8">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="Auto" />
|
|
<ColumnDefinition Width="*" />
|
|
</Grid.ColumnDefinitions>
|
|
<SymbolIcon
|
|
VerticalAlignment="Center"
|
|
Foreground="{StaticResource AppTextMutedBrush}"
|
|
Symbol="Globe" />
|
|
<TextBlock
|
|
Grid.Column="1"
|
|
VerticalAlignment="Center"
|
|
Style="{StaticResource MonoTextStyle}"
|
|
Text="webview2://preview/gs-shop-home" />
|
|
</Grid>
|
|
</Border>
|
|
|
|
<StackPanel
|
|
Grid.Column="2"
|
|
Orientation="Horizontal"
|
|
Spacing="8">
|
|
<Button Style="{StaticResource QuietButtonStyle}" ToolTipService.ToolTip="미리보기 새로 고침">
|
|
<SymbolIcon Symbol="Refresh" />
|
|
</Button>
|
|
<Button Style="{StaticResource QuietButtonStyle}" ToolTipService.ToolTip="새 창">
|
|
<SymbolIcon Symbol="OpenPane" />
|
|
</Button>
|
|
</StackPanel>
|
|
</Grid>
|
|
|
|
<Grid
|
|
x:Name="PreviewHost"
|
|
Grid.Row="1"
|
|
Margin="16,0,16,16">
|
|
<Border
|
|
Background="#101620"
|
|
BorderBrush="#202B39"
|
|
BorderThickness="1"
|
|
CornerRadius="8" />
|
|
</Grid>
|
|
</Grid>
|
|
</Border>
|
|
</Grid>
|
|
|
|
<ScrollViewer
|
|
Grid.Column="1"
|
|
VerticalScrollBarVisibility="Auto"
|
|
VerticalScrollMode="Auto">
|
|
<StackPanel Spacing="16">
|
|
<Border Padding="16" Style="{StaticResource PanelBorderStyle}">
|
|
<StackPanel Spacing="14">
|
|
<Grid>
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="*" />
|
|
<ColumnDefinition Width="Auto" />
|
|
</Grid.ColumnDefinitions>
|
|
<TextBlock Style="{StaticResource SectionTitleTextStyle}" Text="운영 큐" />
|
|
<Border
|
|
Grid.Column="1"
|
|
Padding="8,4"
|
|
Background="{StaticResource AppAccentSoftBrush}"
|
|
CornerRadius="8">
|
|
<TextBlock
|
|
FontSize="12"
|
|
FontWeight="SemiBold"
|
|
Foreground="{StaticResource AppAccentBrush}"
|
|
Text="ON AIR" />
|
|
</Border>
|
|
</Grid>
|
|
|
|
<Grid RowSpacing="12">
|
|
<Grid.RowDefinitions>
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="Auto" />
|
|
<RowDefinition Height="Auto" />
|
|
</Grid.RowDefinitions>
|
|
|
|
<Grid ColumnSpacing="10">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="32" />
|
|
<ColumnDefinition Width="*" />
|
|
<ColumnDefinition Width="Auto" />
|
|
</Grid.ColumnDefinitions>
|
|
<Border
|
|
Width="28"
|
|
Height="28"
|
|
Background="{StaticResource AppMintSoftBrush}"
|
|
CornerRadius="8">
|
|
<SymbolIcon
|
|
Foreground="{StaticResource AppMintBrush}"
|
|
Symbol="Accept" />
|
|
</Border>
|
|
<StackPanel Grid.Column="1" Spacing="2">
|
|
<TextBlock
|
|
FontWeight="SemiBold"
|
|
Foreground="{StaticResource AppTextBrush}"
|
|
Text="프라임 상품 카드" />
|
|
<TextBlock Style="{StaticResource LabelTextStyle}" Text="완료 · 14:20" />
|
|
</StackPanel>
|
|
<TextBlock
|
|
Grid.Column="2"
|
|
Style="{StaticResource MonoTextStyle}"
|
|
Text="A-01" />
|
|
</Grid>
|
|
|
|
<Grid Grid.Row="1" ColumnSpacing="10">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="32" />
|
|
<ColumnDefinition Width="*" />
|
|
<ColumnDefinition Width="Auto" />
|
|
</Grid.ColumnDefinitions>
|
|
<Border
|
|
Width="28"
|
|
Height="28"
|
|
Background="{StaticResource AppAccentSoftBrush}"
|
|
CornerRadius="8">
|
|
<SymbolIcon
|
|
Foreground="{StaticResource AppAccentBrush}"
|
|
Symbol="Play" />
|
|
</Border>
|
|
<StackPanel Grid.Column="1" Spacing="2">
|
|
<TextBlock
|
|
FontWeight="SemiBold"
|
|
Foreground="{StaticResource AppTextBrush}"
|
|
Text="라이브 상세 배너" />
|
|
<TextBlock Style="{StaticResource LabelTextStyle}" Text="진행 중 · 14:32" />
|
|
</StackPanel>
|
|
<TextBlock
|
|
Grid.Column="2"
|
|
Style="{StaticResource MonoTextStyle}"
|
|
Text="B-04" />
|
|
</Grid>
|
|
|
|
<Grid Grid.Row="2" ColumnSpacing="10">
|
|
<Grid.ColumnDefinitions>
|
|
<ColumnDefinition Width="32" />
|
|
<ColumnDefinition Width="*" />
|
|
<ColumnDefinition Width="Auto" />
|
|
</Grid.ColumnDefinitions>
|
|
<Border
|
|
Width="28"
|
|
Height="28"
|
|
Background="{StaticResource AppAmberSoftBrush}"
|
|
CornerRadius="8">
|
|
<SymbolIcon
|
|
Foreground="{StaticResource AppAmberBrush}"
|
|
Symbol="Clock" />
|
|
</Border>
|
|
<StackPanel Grid.Column="1" Spacing="2">
|
|
<TextBlock
|
|
FontWeight="SemiBold"
|
|
Foreground="{StaticResource AppTextBrush}"
|
|
Text="가격 비교 모듈" />
|
|
<TextBlock Style="{StaticResource LabelTextStyle}" Text="대기 · 15:00" />
|
|
</StackPanel>
|
|
<TextBlock
|
|
Grid.Column="2"
|
|
Style="{StaticResource MonoTextStyle}"
|
|
Text="C-11" />
|
|
</Grid>
|
|
</Grid>
|
|
</StackPanel>
|
|
</Border>
|
|
|
|
<Border Padding="16" Style="{StaticResource PanelBorderStyle}">
|
|
<StackPanel Spacing="14">
|
|
<TextBlock Style="{StaticResource SectionTitleTextStyle}" Text="화면 옵션" />
|
|
<ComboBox
|
|
Header="미리보기 채널"
|
|
HorizontalAlignment="Stretch"
|
|
SelectedIndex="0">
|
|
<ComboBoxItem Content="메인 홈" />
|
|
<ComboBoxItem Content="상품 상세" />
|
|
<ComboBoxItem Content="주문 흐름" />
|
|
</ComboBox>
|
|
<ToggleSwitch
|
|
Header="라이브 톤"
|
|
IsOn="True"
|
|
OffContent="기본"
|
|
OnContent="활성" />
|
|
<StackPanel Spacing="6">
|
|
<TextBlock Style="{StaticResource LabelTextStyle}" Text="패널 밀도" />
|
|
<Slider
|
|
Maximum="100"
|
|
Minimum="0"
|
|
Value="64" />
|
|
</StackPanel>
|
|
</StackPanel>
|
|
</Border>
|
|
|
|
<Border Padding="16" Style="{StaticResource PanelBorderStyle}">
|
|
<StackPanel Spacing="14">
|
|
<TextBlock Style="{StaticResource SectionTitleTextStyle}" Text="출시 체크" />
|
|
<CheckBox Content="대표 이미지 확인" IsChecked="True" />
|
|
<CheckBox Content="가격/혜택 문구 확인" IsChecked="True" />
|
|
<CheckBox Content="모바일 미리보기 확인" />
|
|
<Button
|
|
HorizontalAlignment="Stretch"
|
|
Style="{StaticResource PrimaryActionButtonStyle}">
|
|
<StackPanel
|
|
HorizontalAlignment="Center"
|
|
Orientation="Horizontal"
|
|
Spacing="8">
|
|
<SymbolIcon Foreground="White" Symbol="Send" />
|
|
<TextBlock Foreground="White" Text="검수 요청" />
|
|
</StackPanel>
|
|
</Button>
|
|
</StackPanel>
|
|
</Border>
|
|
</StackPanel>
|
|
</ScrollViewer>
|
|
</Grid>
|
|
</Grid>
|
|
</NavigationView>
|
|
</Page>
|