|
19 | 19 | xmlns:ucs="using:Files.App.UserControls.StatusCenter"
|
20 | 20 | xmlns:vm="using:Files.App.ViewModels.UserControls"
|
21 | 21 | x:Name="NavToolbar"
|
22 |
| - Height="50" |
23 | 22 | Loading="NavToolbar_Loading"
|
24 | 23 | mc:Ignorable="d">
|
25 | 24 |
|
|
55 | 54 | </UserControl.Resources>
|
56 | 55 |
|
57 | 56 | <Grid
|
58 |
| - Padding="8" |
| 57 | + Height="48" |
| 58 | + Padding="4,0,4,0" |
59 | 59 | Background="{ThemeResource App.Theme.AddressBar.BackgroundBrush}"
|
60 | 60 | ColumnSpacing="4">
|
61 | 61 | <Grid.ColumnDefinitions>
|
62 | 62 | <ColumnDefinition Width="Auto" />
|
63 | 63 | <ColumnDefinition Width="*" />
|
64 | 64 | <ColumnDefinition Width="Auto" />
|
65 |
| - <ColumnDefinition Width="Auto" /> |
66 | 65 | </Grid.ColumnDefinitions>
|
67 | 66 |
|
68 | 67 | <!-- Listary Integration -->
|
|
203 | 202 | </Button>
|
204 | 203 | </StackPanel>
|
205 | 204 |
|
206 |
| - <!-- Path Box --> |
207 |
| - <AutoSuggestBox |
208 |
| - x:Name="VisiblePath" |
209 |
| - Grid.Column="1" |
210 |
| - HorizontalAlignment="Stretch" |
211 |
| - VerticalAlignment="Center" |
212 |
| - x:Load="{x:Bind ViewModel.ManualEntryBoxLoaded, Mode=OneWay}" |
213 |
| - BorderBrush="{ThemeResource SystemBaseMediumLowColor}" |
214 |
| - BorderThickness="{ThemeResource TextControlBorderThemeThickness}" |
215 |
| - CornerRadius="{StaticResource ControlCornerRadius}" |
216 |
| - FocusDisengaged="VisiblePath_LostFocus" |
217 |
| - FontWeight="SemiBold" |
218 |
| - ItemsSource="{x:Bind ViewModel.NavigationBarSuggestions, Mode=OneWay}" |
219 |
| - Loaded="VisiblePath_Loaded" |
220 |
| - LostFocus="VisiblePath_LostFocus" |
221 |
| - PlaceholderText="{helpers:ResourceString Name=NavigationToolbarVisiblePath/PlaceholderText}" |
222 |
| - PreviewKeyDown="VisiblePath_KeyDown" |
223 |
| - QuerySubmitted="VisiblePath_QuerySubmitted" |
224 |
| - ScrollViewer.HorizontalScrollBarVisibility="Auto" |
225 |
| - ScrollViewer.VerticalScrollBarVisibility="Hidden" |
226 |
| - Text="{x:Bind ViewModel.PathText, Mode=OneWay}" |
227 |
| - TextChanged="{x:Bind ViewModel.VisiblePath_TextChanged, Mode=OneWay}" |
228 |
| - TextMemberPath="Text" |
229 |
| - Visibility="{x:Bind converters:MultiBooleanConverter.OrNotConvertToVisibility(ShowSearchBox, ViewModel.IsSearchBoxVisible), Mode=OneWay}"> |
230 |
| - <AutoSuggestBox.ItemTemplate> |
231 |
| - <DataTemplate x:DataType="items:NavigationBarSuggestionItem"> |
232 |
| - <StackPanel Margin="0,4"> |
233 |
| - <Grid ColumnSpacing="8"> |
234 |
| - <Grid.ColumnDefinitions> |
235 |
| - <ColumnDefinition Width="*" /> |
236 |
| - <ColumnDefinition Width="Auto" /> |
237 |
| - </Grid.ColumnDefinitions> |
238 |
| - |
239 |
| - <!-- Primary Title --> |
240 |
| - <TextBlock |
241 |
| - x:Name="PrimaryDisplayBlock" |
242 |
| - Grid.Column="0" |
243 |
| - Foreground="{ThemeResource TextFillColorPrimaryBrush}" |
244 |
| - MaxLines="1" |
245 |
| - TextTrimming="CharacterEllipsis" |
246 |
| - TextWrapping="NoWrap"> |
247 |
| - <Run FontWeight="Normal" Text="{x:Bind PrimaryDisplayPreMatched, Mode=OneWay}" /><Run FontWeight="Bold" Text="{x:Bind PrimaryDisplayMatched, Mode=OneWay}" /><Run FontWeight="Normal" Text="{x:Bind PrimaryDisplayPostMatched, Mode=OneWay}" /> |
248 |
| - </TextBlock> |
249 |
| - |
250 |
| - <!-- Keyboard Shortcuts --> |
251 |
| - <keyboard:KeyboardShortcut |
252 |
| - x:Name="RightAlignedKeyboardShortcut" |
253 |
| - Grid.Column="1" |
254 |
| - HotKeys="{x:Bind HotKeys, Mode=OneWay}" /> |
255 |
| - </Grid> |
256 |
| - </StackPanel> |
257 |
| - </DataTemplate> |
258 |
| - </AutoSuggestBox.ItemTemplate> |
259 |
| - </AutoSuggestBox> |
260 |
| - |
261 |
| - <!-- Path Breadcrumb Bar --> |
| 205 | + <!-- Legacy breadcrumb bar --> |
262 | 206 | <Grid
|
263 |
| - x:Name="ClickablePath" |
| 207 | + x:Name="LegacyBreadcrumb" |
264 | 208 | Grid.Column="1"
|
265 |
| - MinHeight="33" |
266 |
| - HorizontalAlignment="Stretch" |
267 |
| - VerticalAlignment="Center" |
268 |
| - x:Load="{x:Bind ViewModel.ClickablePathLoaded, Mode=OneWay}" |
269 |
| - Background="{ThemeResource TextControlBackground}" |
270 |
| - BorderBrush="{ThemeResource ControlElevationBorderBrush}" |
271 |
| - BorderThickness="1" |
272 |
| - CornerRadius="{StaticResource ControlCornerRadius}" |
273 |
| - GettingFocus="ClickablePath_GettingFocus" |
274 |
| - PointerPressed="ManualPathEntryItem_Click" |
275 |
| - Visibility="{x:Bind converters:MultiBooleanConverter.OrNotConvertToVisibility(ShowSearchBox, ViewModel.IsSearchBoxVisible), Mode=OneWay}"> |
| 209 | + x:Load="{x:Bind ViewModel.EnableOmnibar, Mode=OneWay, Converter={StaticResource BoolNegationConverter}}" |
| 210 | + ColumnSpacing="4"> |
276 | 211 | <Grid.ColumnDefinitions>
|
277 | 212 | <ColumnDefinition Width="*" />
|
278 | 213 | <ColumnDefinition Width="Auto" />
|
279 | 214 | </Grid.ColumnDefinitions>
|
280 |
| - <uc:PathBreadcrumb |
281 |
| - Grid.Column="0" |
282 |
| - VerticalAlignment="Stretch" |
283 |
| - HorizontalContentAlignment="Stretch" |
284 |
| - VerticalContentAlignment="Stretch" |
285 |
| - ViewModel="{x:Bind ViewModel, Mode=OneWay}" /> |
286 |
| - <FontIcon |
| 215 | + <!-- Path Box --> |
| 216 | + <AutoSuggestBox |
| 217 | + x:Name="VisiblePath" |
| 218 | + HorizontalAlignment="Stretch" |
| 219 | + VerticalAlignment="Center" |
| 220 | + x:Load="{x:Bind ViewModel.ManualEntryBoxLoaded, Mode=OneWay}" |
| 221 | + BorderBrush="{ThemeResource SystemBaseMediumLowColor}" |
| 222 | + BorderThickness="{ThemeResource TextControlBorderThemeThickness}" |
| 223 | + CornerRadius="{StaticResource ControlCornerRadius}" |
| 224 | + FocusDisengaged="VisiblePath_LostFocus" |
| 225 | + FontWeight="SemiBold" |
| 226 | + ItemsSource="{x:Bind ViewModel.NavigationBarSuggestions, Mode=OneWay}" |
| 227 | + Loaded="VisiblePath_Loaded" |
| 228 | + LostFocus="VisiblePath_LostFocus" |
| 229 | + PlaceholderText="{helpers:ResourceString Name=NavigationToolbarVisiblePath/PlaceholderText}" |
| 230 | + PreviewKeyDown="VisiblePath_KeyDown" |
| 231 | + QuerySubmitted="VisiblePath_QuerySubmitted" |
| 232 | + ScrollViewer.HorizontalScrollBarVisibility="Auto" |
| 233 | + ScrollViewer.VerticalScrollBarVisibility="Hidden" |
| 234 | + Text="{x:Bind ViewModel.PathText, Mode=OneWay}" |
| 235 | + TextChanged="{x:Bind ViewModel.VisiblePath_TextChanged, Mode=OneWay}" |
| 236 | + TextMemberPath="Text" |
| 237 | + Visibility="{x:Bind converters:MultiBooleanConverter.OrNotConvertToVisibility(ShowSearchBox, ViewModel.IsSearchBoxVisible), Mode=OneWay}"> |
| 238 | + <AutoSuggestBox.ItemTemplate> |
| 239 | + <DataTemplate x:DataType="items:NavigationBarSuggestionItem"> |
| 240 | + <StackPanel Margin="0,4"> |
| 241 | + <Grid ColumnSpacing="8"> |
| 242 | + <Grid.ColumnDefinitions> |
| 243 | + <ColumnDefinition Width="*" /> |
| 244 | + <ColumnDefinition Width="Auto" /> |
| 245 | + </Grid.ColumnDefinitions> |
| 246 | + |
| 247 | + <!-- Primary Title --> |
| 248 | + <TextBlock |
| 249 | + x:Name="PrimaryDisplayBlock" |
| 250 | + Grid.Column="0" |
| 251 | + Foreground="{ThemeResource TextFillColorPrimaryBrush}" |
| 252 | + MaxLines="1" |
| 253 | + TextTrimming="CharacterEllipsis" |
| 254 | + TextWrapping="NoWrap"> |
| 255 | + <Run FontWeight="Normal" Text="{x:Bind PrimaryDisplayPreMatched, Mode=OneWay}" /><Run FontWeight="Bold" Text="{x:Bind PrimaryDisplayMatched, Mode=OneWay}" /><Run FontWeight="Normal" Text="{x:Bind PrimaryDisplayPostMatched, Mode=OneWay}" /> |
| 256 | + </TextBlock> |
| 257 | + |
| 258 | + <!-- Keyboard Shortcuts --> |
| 259 | + <keyboard:KeyboardShortcut |
| 260 | + x:Name="RightAlignedKeyboardShortcut" |
| 261 | + Grid.Column="1" |
| 262 | + HotKeys="{x:Bind HotKeys, Mode=OneWay}" /> |
| 263 | + </Grid> |
| 264 | + </StackPanel> |
| 265 | + </DataTemplate> |
| 266 | + </AutoSuggestBox.ItemTemplate> |
| 267 | + </AutoSuggestBox> |
| 268 | + |
| 269 | + <!-- Path Breadcrumb Bar --> |
| 270 | + <Grid |
| 271 | + x:Name="ClickablePath" |
| 272 | + Height="34" |
| 273 | + HorizontalAlignment="Stretch" |
| 274 | + VerticalAlignment="Center" |
| 275 | + x:Load="{x:Bind ViewModel.ClickablePathLoaded, Mode=OneWay}" |
| 276 | + Background="{ThemeResource TextControlBackground}" |
| 277 | + BorderBrush="{ThemeResource ControlElevationBorderBrush}" |
| 278 | + BorderThickness="1" |
| 279 | + CornerRadius="{StaticResource ControlCornerRadius}" |
| 280 | + GettingFocus="ClickablePath_GettingFocus" |
| 281 | + PointerPressed="ManualPathEntryItem_Click" |
| 282 | + Visibility="{x:Bind converters:MultiBooleanConverter.OrNotConvertToVisibility(ShowSearchBox, ViewModel.IsSearchBoxVisible), Mode=OneWay}"> |
| 283 | + <Grid.ColumnDefinitions> |
| 284 | + <ColumnDefinition Width="*" /> |
| 285 | + <ColumnDefinition Width="Auto" /> |
| 286 | + </Grid.ColumnDefinitions> |
| 287 | + <uc:PathBreadcrumb |
| 288 | + Grid.Column="0" |
| 289 | + VerticalAlignment="Stretch" |
| 290 | + HorizontalContentAlignment="Stretch" |
| 291 | + VerticalContentAlignment="Stretch" |
| 292 | + ViewModel="{x:Bind ViewModel, Mode=OneWay}" /> |
| 293 | + <FontIcon |
| 294 | + Grid.Column="1" |
| 295 | + Margin="12" |
| 296 | + FontSize="16" |
| 297 | + Foreground="{ThemeResource App.Theme.IconBaseBrush}" |
| 298 | + Glyph="" /> |
| 299 | + </Grid> |
| 300 | + |
| 301 | + <!-- Storage Search Box --> |
| 302 | + <uc:SearchBox |
| 303 | + x:Name="SearchRegion" |
287 | 304 | Grid.Column="1"
|
288 |
| - Margin="12" |
289 |
| - FontSize="16" |
290 |
| - Foreground="{ThemeResource App.Theme.IconBaseBrush}" |
291 |
| - Glyph="" /> |
| 305 | + Width="240" |
| 306 | + Height="34" |
| 307 | + HorizontalAlignment="Stretch" |
| 308 | + VerticalAlignment="Center" |
| 309 | + AccessKey="K" |
| 310 | + AccessKeyInvoked="SearchRegion_AccessKeyInvoked" |
| 311 | + Canvas.ZIndex="100" |
| 312 | + CornerRadius="{StaticResource ControlCornerRadius}" |
| 313 | + GotFocus="SearchRegion_OnGotFocus" |
| 314 | + LostFocus="SearchRegion_LostFocus" |
| 315 | + SearchBoxViewModel="{x:Bind ViewModel.SearchBoxViewModel, Mode=OneWay}" |
| 316 | + Visibility="{x:Bind converters:MultiBooleanConverter.OrConvertToVisibility(ShowSearchBox, ViewModel.IsSearchBoxVisible), Mode=OneWay}" /> |
292 | 317 | </Grid>
|
293 | 318 |
|
294 |
| - <!-- Storage Search Box --> |
295 |
| - <uc:SearchBox |
296 |
| - x:Name="SearchRegion" |
297 |
| - Grid.Column="2" |
298 |
| - Width="240" |
299 |
| - Height="34" |
300 |
| - HorizontalAlignment="Stretch" |
301 |
| - VerticalAlignment="Center" |
302 |
| - AccessKey="K" |
303 |
| - AccessKeyInvoked="SearchRegion_AccessKeyInvoked" |
304 |
| - Canvas.ZIndex="100" |
305 |
| - CornerRadius="{StaticResource ControlCornerRadius}" |
306 |
| - GotFocus="SearchRegion_OnGotFocus" |
307 |
| - LostFocus="SearchRegion_LostFocus" |
308 |
| - SearchBoxViewModel="{x:Bind ViewModel.SearchBoxViewModel, Mode=OneWay}" |
309 |
| - Visibility="{x:Bind converters:MultiBooleanConverter.OrConvertToVisibility(ShowSearchBox, ViewModel.IsSearchBoxVisible), Mode=OneWay}" /> |
| 319 | + <!-- Omnibar --> |
| 320 | + <controls:Omnibar |
| 321 | + x:Name="Omnibar" |
| 322 | + Grid.Column="1" |
| 323 | + x:Load="{x:Bind ViewModel.EnableOmnibar, Mode=OneWay}" /> |
310 | 324 |
|
311 | 325 | <!-- Right Side Action Buttons -->
|
312 | 326 | <StackPanel
|
313 |
| - Grid.Column="3" |
| 327 | + Grid.Column="2" |
314 | 328 | Orientation="Horizontal"
|
315 | 329 | Spacing="4">
|
316 | 330 |
|
|
465 | 479 | </VisualState.StateTriggers>
|
466 | 480 | <VisualState.Setters>
|
467 | 481 | <Setter Target="ShowSearchButton.Visibility" Value="Visible" />
|
468 |
| - <Setter Target="SearchRegion.(Grid.Column)" Value="1" /> |
| 482 | + <Setter Target="SearchRegion.(Grid.Column)" Value="0" /> |
469 | 483 | <Setter Target="SearchRegion.Width" Value="NaN" />
|
470 | 484 | </VisualState.Setters>
|
471 | 485 | </VisualState>
|
|
0 commit comments