|
16 | 16 | NavigationCacheMode="Required" |
17 | 17 | SizeChanged="ABSTRACT_PAGE_SizeChanged" |
18 | 18 | mc:Ignorable="d"> |
19 | | - <!-- PreviewKeyDown="{x:Bind PackageList_PreviewKeyDown}" --> |
20 | 19 |
|
21 | 20 | <animations:Implicit.ShowAnimations> |
22 | 21 | <animations:TranslationAnimation |
|
477 | 476 | <Grid |
478 | 477 | Name="MainHeader" |
479 | 478 | Grid.Row="0" |
480 | | - Grid.Column="1"> |
| 479 | + Grid.Column="1" |
| 480 | + ColumnSpacing="8"> |
481 | 481 | <Grid.ColumnDefinitions> |
482 | 482 | <ColumnDefinition Width="80" /> |
483 | 483 | <ColumnDefinition Width="*" /> |
|
493 | 493 | Grid.Column="0" |
494 | 494 | Width="60" |
495 | 495 | MinHeight="60" |
| 496 | + Margin="0,0,-8,0" |
496 | 497 | FontSize="50" |
497 | 498 | FontWeight="Normal" /> |
498 | 499 |
|
|
521 | 522 | TextWrapping="Wrap" /> |
522 | 523 | </StackPanel> |
523 | 524 |
|
524 | | - <StackPanel |
| 525 | + <Grid |
525 | 526 | Grid.Row="0" |
526 | 527 | Grid.Column="2" |
527 | | - Margin="0,0,4,0" |
528 | | - HorizontalAlignment="Stretch" |
529 | | - Orientation="Vertical" |
530 | | - Spacing="8"> |
531 | | - |
532 | | - <Grid HorizontalAlignment="Stretch"> |
533 | | - <Grid.ColumnDefinitions> |
534 | | - <ColumnDefinition Width="*" /> |
535 | | - <ColumnDefinition Width="Auto" /> |
536 | | - <ColumnDefinition Width="Auto" /> |
537 | | - </Grid.ColumnDefinitions> |
538 | | - |
539 | | - |
540 | | - <!--TextBox |
541 | | - x:Name="QueryBlock" |
542 | | - Grid.Column="0" |
543 | | - Height="30" |
544 | | - Padding="7,5,5,5" |
545 | | - VerticalContentAlignment="Center" |
546 | | - x:FieldModifier="protected" |
547 | | - CornerRadius="4,0,0,4" /> |
548 | | -
|
549 | | - <Button |
550 | | - x:Name="FindButton" |
551 | | - Grid.Column="1" |
552 | | - Width="32" |
553 | | - Height="32" |
554 | | - Padding="4" |
555 | | - x:FieldModifier="protected" |
556 | | - AutomationProperties.HelpText="Search" |
557 | | - CornerRadius="0,4,4,0"> |
558 | | - <AnimatedIcon> |
559 | | - <AnimatedIcon.Source> |
560 | | - <animatedvisuals:AnimatedFindVisualSource /> |
561 | | - </AnimatedIcon.Source> |
562 | | - <AnimatedIcon.FallbackIconSource> |
563 | | - <SymbolIconSource Symbol="Find" /> |
564 | | - </AnimatedIcon.FallbackIconSource> |
565 | | - </AnimatedIcon> |
566 | | - </Button--> |
567 | | - |
568 | | - <Button |
569 | | - x:Name="ReloadButton" |
570 | | - Grid.Column="2" |
571 | | - Width="32" |
572 | | - Height="32" |
573 | | - Margin="6,0,0,0" |
574 | | - Padding="0" |
575 | | - x:FieldModifier="protected" |
576 | | - AutomationProperties.HelpText="Reload packages" |
577 | | - CornerRadius="4"> |
578 | | - <FontIcon FontSize="16" Glyph="" /> |
579 | | - </Button> |
580 | | - </Grid> |
581 | | - |
| 528 | + HorizontalAlignment="Right" |
| 529 | + VerticalAlignment="Center" |
| 530 | + ColumnSpacing="8" |
| 531 | + RowSpacing="8"> |
| 532 | + <Grid.ColumnDefinitions> |
| 533 | + <ColumnDefinition Width="Auto" /> |
| 534 | + <ColumnDefinition Width="Auto" /> |
| 535 | + </Grid.ColumnDefinitions> |
| 536 | + <Grid.RowDefinitions> |
| 537 | + <RowDefinition Height="Auto" /> |
| 538 | + <RowDefinition Height="Auto" /> |
| 539 | + </Grid.RowDefinitions> |
582 | 540 |
|
583 | 541 | <StackPanel |
584 | | - Name="SearchBoxPanel" |
585 | | - HorizontalAlignment="Right" |
586 | | - Orientation="Vertical" |
587 | | - Spacing="8"> |
588 | | - |
589 | | - <StackPanel Orientation="Horizontal" Spacing="4"> |
590 | | - <widgets:TranslatedTextBlock VerticalAlignment="Center" Text="Order by:" /> |
591 | | - <DropDownButton x:Name="OrderByButton"> |
592 | | - <DropDownButton.Flyout> |
593 | | - <widgets:BetterMenu Placement="Bottom"> |
594 | | - <widgets:BetterToggleMenuItem x:Name="OrderByName_Menu" Text="Name" /> |
595 | | - <widgets:BetterToggleMenuItem x:Name="OrderById_Menu" Text="Id" /> |
596 | | - <widgets:BetterToggleMenuItem x:Name="OrderByVer_Menu" Text="Version" /> |
597 | | - <widgets:BetterToggleMenuItem |
598 | | - x:Name="OrderByNewVer_Menu" |
599 | | - Text="New version" |
600 | | - Visibility="{x:Bind RoleIsUpdateLike}" /> |
601 | | - <widgets:BetterToggleMenuItem x:Name="OrderBySrc_Menu" Text="Source" /> |
602 | | - <MenuFlyoutSeparator /> |
603 | | - <widgets:BetterToggleMenuItem x:Name="OrderAsc_Menu" Text="Ascendant" /> |
604 | | - <widgets:BetterToggleMenuItem x:Name="OrderDesc_Menu" Text="Descendant" /> |
605 | | - </widgets:BetterMenu> |
606 | | - </DropDownButton.Flyout> |
607 | | - </DropDownButton> |
608 | | - </StackPanel> |
609 | | - <StackPanel Orientation="Horizontal" Spacing="4"> |
610 | | - |
611 | | - <widgets:TranslatedTextBlock VerticalAlignment="Center" Text="View mode:" /> |
612 | | - <Toolkit:Segmented |
613 | | - x:Name="ViewModeSelector" |
614 | | - SelectionChanged="ViewModeSelector_SelectionChanged" |
615 | | - SelectionMode="Single"> |
616 | | - <Toolkit:SegmentedItem x:Name="Selector_List" Icon="{ui:FontIcon Glyph=}" /> |
617 | | - <Toolkit:SegmentedItem x:Name="Selector_Grid" Icon="{ui:FontIcon Glyph=}" /> |
618 | | - <Toolkit:SegmentedItem x:Name="Selector_Icons" Icon="{ui:FontIcon Glyph=}" /> |
619 | | - </Toolkit:Segmented> |
620 | | - </StackPanel> |
| 542 | + x:Name="OrderByContainer" |
| 543 | + Grid.Column="0" |
| 544 | + VerticalAlignment="Center" |
| 545 | + Orientation="Horizontal" |
| 546 | + Spacing="4"> |
| 547 | + <widgets:TranslatedTextBlock VerticalAlignment="Center" Text="Order by:" /> |
| 548 | + <DropDownButton x:Name="OrderByButton"> |
| 549 | + <DropDownButton.Flyout> |
| 550 | + <widgets:BetterMenu Placement="Bottom"> |
| 551 | + <widgets:BetterToggleMenuItem x:Name="OrderByName_Menu" Text="Name" /> |
| 552 | + <widgets:BetterToggleMenuItem x:Name="OrderById_Menu" Text="Id" /> |
| 553 | + <widgets:BetterToggleMenuItem x:Name="OrderByVer_Menu" Text="Version" /> |
| 554 | + <widgets:BetterToggleMenuItem |
| 555 | + x:Name="OrderByNewVer_Menu" |
| 556 | + Text="New version" |
| 557 | + Visibility="{x:Bind RoleIsUpdateLike}" /> |
| 558 | + <widgets:BetterToggleMenuItem x:Name="OrderBySrc_Menu" Text="Source" /> |
| 559 | + <MenuFlyoutSeparator /> |
| 560 | + <widgets:BetterToggleMenuItem x:Name="OrderAsc_Menu" Text="Ascendant" /> |
| 561 | + <widgets:BetterToggleMenuItem x:Name="OrderDesc_Menu" Text="Descendant" /> |
| 562 | + </widgets:BetterMenu> |
| 563 | + </DropDownButton.Flyout> |
| 564 | + </DropDownButton> |
621 | 565 | </StackPanel> |
622 | | - </StackPanel> |
| 566 | + <StackPanel |
| 567 | + x:Name="ViewModeContainer" |
| 568 | + Grid.Row="1" |
| 569 | + Grid.Column="0" |
| 570 | + Grid.ColumnSpan="2" |
| 571 | + VerticalAlignment="Center" |
| 572 | + Orientation="Horizontal" |
| 573 | + Spacing="4"> |
| 574 | + <widgets:TranslatedTextBlock VerticalAlignment="Center" Text="View mode:" /> |
| 575 | + <Toolkit:Segmented |
| 576 | + x:Name="ViewModeSelector" |
| 577 | + SelectionChanged="ViewModeSelector_SelectionChanged" |
| 578 | + SelectionMode="Single"> |
| 579 | + <Toolkit:SegmentedItem x:Name="Selector_List" Icon="{ui:FontIcon Glyph=}" /> |
| 580 | + <Toolkit:SegmentedItem x:Name="Selector_Grid" Icon="{ui:FontIcon Glyph=}" /> |
| 581 | + <Toolkit:SegmentedItem x:Name="Selector_Icons" Icon="{ui:FontIcon Glyph=}" /> |
| 582 | + </Toolkit:Segmented> |
| 583 | + </StackPanel> |
| 584 | + <Button |
| 585 | + x:Name="ReloadButton" |
| 586 | + Grid.Column="1" |
| 587 | + Width="32" |
| 588 | + Height="32" |
| 589 | + Padding="0" |
| 590 | + HorizontalAlignment="Right" |
| 591 | + VerticalAlignment="Center" |
| 592 | + x:FieldModifier="protected" |
| 593 | + AutomationProperties.HelpText="Reload packages" |
| 594 | + CornerRadius="4"> |
| 595 | + <FontIcon FontSize="16" Glyph="" /> |
| 596 | + </Button> |
| 597 | + </Grid> |
623 | 598 |
|
624 | 599 | <Grid |
625 | 600 | Grid.Row="3" |
|
0 commit comments