|
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