Minecraft/bedrock-samples
1
0
Fork 0
mirror of https://github.com/Mojang/bedrock-samples.git synced 2024-11-23 12:26:14 +00:00
Code
main
bedrock-samples/resource_pack/ui/store_data_driven_screen.json
Mike Ammerlaan 1440438305 v1.21.30.3
2024-09-17 09:13:33 -07:00

1403 lines
45 KiB
JSON
Raw Permalink Blame History

{
"namespace": "store_layout",
//--------------------------------------------------------------------------------
// Content
//--------------------------------------------------------------------------------
"today_gift_icon": {
"type": "image",
"texture": "textures/ui/gift_featured",
"layer": 1
},
"watch": {
"type": "image",
"size": [ 11, 11 ],
"texture": "textures/ui/timer"
},
"today_gift_icon_panel": {
"type": "panel",
"controls": [
{
"wrapped_gift@store_layout.today_gift_icon": {
"layer": 1,
"bindings": [
{
"binding_type": "$store_factory_binding_type",
"binding_collection_name": "$store_factory_collection_name",
"binding_name": "#promo_wrapped",
"binding_name_override": "#visible"
}
]
}
},
{
"unwrapped_gift": {
"type": "image",
"layer": 1,
"bindings": [
{
"binding_type": "$store_factory_binding_type",
"binding_collection_name": "$store_factory_collection_name",
"binding_name": "(not #promo_wrapped)",
"binding_name_override": "#visible"
},
{
"binding_type": "$store_factory_binding_type",
"binding_collection_name": "$store_factory_collection_name",
"binding_name": "#promo_texture_path",
"binding_name_override": "#texture"
},
{
"binding_type": "$store_factory_binding_type",
"binding_collection_name": "$store_factory_collection_name",
"binding_name": "#promo_texture_file_system",
"binding_name_override": "#texture_file_system"
}
]
}
},
{
"today_label": {
"type": "label",
"size": [ "default", "default" ],
"max_size": [ "100% - 4px", 20 ],
"layer": 2,
"offset": [ -2, -2 ],
"anchor_from": "bottom_right",
"anchor_to": "bottom_right",
"text": "store.promo.today",
"text_alignment": "right",
"font_type": "smooth",
"color": "$body_text_color",
"bindings": [
{
"binding_type": "$store_factory_binding_type",
"binding_collection_name": "$store_factory_collection_name",
"binding_name": "#promo_wrapped",
"binding_name_override": "#visible"
}
]
}
},
{
"checkbox@store_layout.promo_checkbox": {
"$binding_type": "global",
"$binding_name": "#today_promo_owned",
"layer": 3,
"bindings": [
{
"binding_type": "$store_factory_binding_type",
"binding_collection_name": "$store_factory_collection_name",
"binding_name": "(not #promo_wrapped)",
"binding_name_override": "#visible"
}
]
}
}
]
},
"checkbox_checked@common.focus_border_white": {
"controls": [
{
"checkmark": {
"size": [ "100% - 2px", "100% - 2px" ],
"type": "image",
"layer": 1,
"texture": "textures/ui/check_green_white"
}
}
]
},
"promo_checkbox": {
"type": "panel",
"size": [ 10, 10 ],
"offset": [ 3, -3 ],
"anchor_from": "bottom_left",
"anchor_to": "bottom_left",
"$binding_collection_name|default": "",
"$binding_type|default": "none",
"$binding_name|default": "",
"controls": [
{
"checked@store_layout.checkbox_checked": {
"bindings": [
{
"binding_type": "$store_factory_collection_details",
"binding_collection_name": "$store_factory_collection_name",
"binding_collection_prefix": "$store_factory_collection_prefix"
},
{
"binding_name": "$binding_name",
"binding_name_override": "#visible",
"binding_type": "$binding_type",
"binding_collection_name": "$binding_collection_name"
}
]
}
}
]
},
"promo_loading_panel": {
"type": "panel",
"size": [ "100%", "100%c" ],
"controls": [
{
"promo_row_progress_loading@common_store.progress_loading": {
"size": [ "100% - 4px", "7.8261%x + 10.4349px" ],
"layer": 100, // Make this on top
"bindings": [
{
"binding_name": "(not #promo_row_visible)",
"binding_name_override": "#visible"
}
]
}
}
]
},
"promo_row_panel": {
"type": "panel",
"size": [ "100%", "100%cm + 4px" ],
"controls": [
{
"promo_row_content_stack": {
"type": "stack_panel",
"size": [ "100%", "100%c" ],
"clip_state_change_event": "$store_factory_clipping_event",
"controls": [
{
"promo_row_label_panel": {
"type": "panel",
"size": [ "100%", 12 ],
"controls": [
{
"promo_panel_label@store_layout.promo_panel_label": {}
}
]
}
},
{
"promo_grid_panel": {
"type": "panel",
"size": [ "100%", "100%c" ],
"controls": [
{
"promo_row_with_featured_offer_grid_panel@store_layout.promo_row_with_featured_offer_grid_panel": {
"bindings": [
{
"binding_type": "$store_factory_binding_type",
"binding_collection_name": "$store_factory_collection_name",
"binding_name": "#promo_offer_today",
"binding_name_override": "#visible"
}
]
}
},
{
"promo_row_grid_panel@store_layout.promo_row_grid_panel": {
"bindings": [
{
"binding_type": "$store_factory_binding_type",
"binding_collection_name": "$store_factory_collection_name",
"binding_name": "(not #promo_offer_today)",
"binding_name_override": "#visible"
}
]
}
}
]
}
}
],
"bindings": [
{
"binding_type": "$store_factory_collection_details",
"binding_collection_name": "$store_factory_collection_name",
"binding_collection_prefix": "$store_factory_collection_prefix"
},
{
"binding_type": "$store_factory_binding_type",
"binding_collection_name": "$store_factory_collection_name",
"binding_name": "#promo_row_visible",
"binding_name_override": "#visible"
}
]
}
},
{
"promo_loading_panel": {
"type": "panel",
"size": [ "100%", "100%c" ],
"controls": [
{
"promo_row_progress_loading@common_store.progress_loading": {
"size": [ "100% - 4px", "7.8261%x + 10.4349px" ],
"layer": 100, // Make this on top
"bindings": [
{
"binding_type": "$store_factory_binding_type",
"binding_collection_name": "$store_factory_collection_name",
"binding_name": "#promo_row_loading_visible",
"binding_name_override": "#visible"
}
]
}
}
]
}
}
]
},
"sdl_scrolling_content_stack": {
"anchor_from": "top_left",
"anchor_to": "top_left",
"type": "stack_panel",
"orientation": "vertical",
"focus_container": true,
"use_last_focus": true,
"$is_non_scrollable_sdl_screen|default": false,
"$sdl_scrolling_content_stack_size": [ "100%", "100%c" ],
"variables": [
{
"requires": "$is_non_scrollable_sdl_screen",
"$sdl_scrolling_content_stack_size": [ "100%", "100%" ]
}
],
"size": "$sdl_scrolling_content_stack_size",
"offset": [ 0, 0 ],
"controls": [
{
"padding_0": {
"type": "panel",
"size": [ "100%", 4 ]
}
},
{ "store_screen_layout_factory@common_store.store_section_factory": {} },
{ "footer@common_store.footer": {} }
]
},
"sdl_scrolling_section_panel": {
"type": "stack_panel",
"size": [ "100%", "100%" ],
"controls": [
{
"padding0": {
"type": "panel",
"size": [ "100%", 1 ]
}
},
{ "side_selection@persona_sdl.side_selection_row": {} },
{
"padding1": {
"type": "panel",
"size": [ "100%", 1 ]
}
},
{
"sdl_scrolling_section@store_layout.sdl_scrolling_section": { "size": [ "100%", "100% - 4px" ] }
}
]
},
"sdl_scrolling_section@common.scrolling_panel": {
"anchor_from": "top_left",
"anchor_to": "top_left",
"size": [ "100%", "100%" ],
"$scrolling_content": "store_layout.sdl_scrolling_content_stack",
"$scroll_size": [ 4, "100% - 8px" ],
"$scroll_bar_left_padding_size": [ 0, 0 ],
"$scroll_bar_right_padding_size": [ 3, "100%" ],
"$show_background": false
},
"character_creator_sdl_scroll_section@store_layout.sdl_scrolling_section_panel": {
"variables": [
{
"requires": "$is_ps4",
"$scroll_view_control_anchor": "top_left",
"$scroll_view_control_size": [ "100%", "100% - 25px" ],
"$scroll_view_port_panel_size": [ "100%", "100% + 25px" ],
"$scroll_view_port_size": [ "100%", "100% - 25px" ],
"$scroll_view_port_clips_children": false
}
]
},
"character_creator_sdl_section": {
"type": "stack_panel",
"size": [ "52%", "100%" ],
"layer": 2,
"$persona_dialog_content|default": "store_layout.character_creator_sdl_scroll_section",
"$scrolling_content_anchor_from": "top_middle",
"$scrolling_content_anchor_to": "top_middle",
"$scroll_view_port_size": [ "100% - 8px", "100%" ],
"$scrolling_pane_size": [ "100%", "100%" ],
"$scrolling_pane_offset": [ 0, 0 ],
"$scrollbar_always_visible": true,
"$scroll_bar_contained": true,
"controls": [
{
"sdl_section@persona_sdl.dialog_background_object": { "size": [ "100%", "100% - 4px" ] }
}
],
"focus_container": true,
"use_last_focus": true,
"focus_wrap_enabled": false,
"focus_navigation_mode_down": "stop",
"focus_navigation_mode_right": "custom",
"focus_container_custom_right": [
{
"other_focus_container_name": "right_main_panel"
}
],
"$is_sidebar_navigation_enabled|default": false,
"$focus_navigation_mode_up|default": "none",
"$focus_container_custom_up|default": [],
"variables": [
{
"requires": "(not $is_sidebar_navigation_enabled)",
"$focus_navigation_mode_up": "custom",
"$focus_container_custom_up": [
{
"other_focus_container_name": "persona_tabs_cape"
}
]
}
],
"focus_navigation_mode_up": "$focus_navigation_mode_up",
"focus_container_custom_up": "$focus_container_custom_up"
},
"character_creator_panel@common.horizontal_stack_panel": {
"size": [ "100%", "100%" ],
"$allows_sdl_section_focus_container": false,
"$left_focus_container_override": "character_creator_sdl_portion",
"$skin_model_anims": [
"@common.screen_exit_size_animation_push",
"@common.screen_exit_size_animation_pop",
"@persona_sdl.enter_screen_appearance_size_animation"
],
"$character_creator_right_side_content|default": "persona_sdl.default_right_side_stack",
"controls": [
{ "left_main_panel_padding@persona_sdl.horizontal_2_padding": {} },
{ "character_creator_sdl_portion@store_layout.character_creator_sdl_section": {} },
{ "middle_main_panel_padding@persona_sdl.horizontal_1_padding": {} },
{ "right_main_panel@$character_creator_right_side_content": {} },
{ "right_main_panel_padding@persona_sdl.horizontal_2_padding": {} }
]
},
"character_creator_screen_layout": {
"type": "panel",
"size": [ "100%", "100%" ],
"controls": [
{ "character_creator_panel@store_layout.character_creator_panel": {} }
]
},
"promo_panel_label": {
"type": "stack_panel",
"size": [ "100%c", "100%" ],
"orientation": "horizontal",
"controls": [
{
"timer_1@store_layout.watch": {}
},
{
"padding_0": {
"type": "panel",
"size": [ 2, "100%" ]
}
},
{
"label_panel": {
"type": "panel",
"size": [ "100%c", "100%" ],
"controls": [
{
"promo_label": {
"type": "label",
"size": [ "default", "default" ],
"text": "#promo_row_text",
"color": "$body_text_color",
"bindings": [
{
"binding_type": "$store_factory_binding_type",
"binding_collection_name": "$store_factory_collection_name",
"binding_name": "#promo_row_text"
}
]
}
}
]
}
},
{
"padding_1": {
"type": "panel",
"size": [ 2, "100%" ]
}
},
{
"timer_2@store_layout.watch": {}
}
]
},
"future_promo_image_with_border": {
"type": "panel",
"controls": [
{
"image": {
"type": "image",
"size": [ "100% - 2px", "100% - 2px" ],
"texture": "textures/ui/gift_square",
"layer": 2
}
},
{
"date": {
"type": "label",
"size": [ "100% - 2px", "default" ],
"ignored": "$default_state",
"offset": [ 0, -3 ],
"color": "$body_text_color",
"font_type": "smooth",
"text": "#promo_unlock_date",
"anchor_from": "bottom_middle",
"anchor_to": "bottom_middle",
"text_alignment": "center",
"layer": 3,
"bindings": [
{
"binding_type": "$store_factory_collection_details",
"binding_collection_name": "$store_factory_collection_name",
"binding_collection_prefix": "$store_factory_collection_prefix"
},
{
"binding_type": "collection",
"binding_collection_name": "future_promo_collection",
"binding_name": "#promo_unlock_date"
}
]
}
},
{
"border@common_buttons.focus_border": {
"size": [ "100%", "100%" ],
"color": "$border_color",
"layer": 4
}
}
]
},
"future_promo_button_panel": {
"type": "panel",
"size": [ "100%c + 2px", "100%" ],
"anchor_from": "left_middle",
"anchor_to": "left_middle",
"controls": [
{
"future_promo_button@common_buttons.single_image_with_border_button": {
"size": [ "100%y", "100%" ],
"$pressed_button_name": "button.future_promo",
"$button_content": "store_layout.future_promo_image_with_border",
"$button_content_size": [ "100%", "100%" ],
"$button_pressed_offset": [ 0, 0 ],
"anchor_from": "right_middle",
"anchor_to": "right_middle",
"$focus_override_down": "feature_key_art_id",
"bindings": [
{
"binding_type": "$store_factory_collection_details",
"binding_collection_name": "$store_factory_collection_name",
"binding_collection_prefix": "$store_factory_collection_prefix"
},
{
"binding_type": "collection",
"binding_collection_name": "future_promo_collection",
"binding_name": "#promo_grid_button_focus_id",
"binding_name_override": "#focus_identifier"
},
{
"binding_type": "collection",
"binding_collection_name": "future_promo_collection",
"binding_name": "#promo_grid_button_focus_left",
"binding_name_override": "#focus_change_left"
},
{
"binding_type": "collection",
"binding_collection_name": "future_promo_collection",
"binding_name": "#promo_grid_button_focus_right",
"binding_name_override": "#focus_change_right"
}
]
}
}
]
},
"past_promo_button_content": {
"type": "panel",
"controls": [
{
"image": {
"type": "image",
// In order to clip the image into a square we need it to draw as if given more space,
// otherwise it will auto-size itself to the smaller space before clipping is applied.
"size": [ "177.7777%y", "100%" ],
"layer": 1,
"clip_direction": "left",
"clip_pixelperfect": true,
"clip_ratio": 0.4376,
"anchor_from": "left_middle",
"anchor_to": "left_middle",
"controls": [
{
"checkbox@store_layout.promo_checkbox": {
"offset": [ 3, -3 ],
"$binding_collection_name": "past_promo_collection",
"$binding_type": "collection",
"$binding_name": "#past_promo_owned",
"layer": 3
}
}
],
"bindings": [
{
"binding_type": "$store_factory_collection_details",
"binding_collection_name": "$store_factory_collection_name",
"binding_collection_prefix": "$store_factory_collection_prefix"
},
{
"binding_name": "#past_promo_texture_path",
"binding_name_override": "#texture",
"binding_type": "collection",
"binding_collection_name": "past_promo_collection"
},
{
"binding_name": "#past_promo_texture_file_system",
"binding_name_override": "#texture_file_system",
"binding_type": "collection",
"binding_collection_name": "past_promo_collection"
}
]
}
},
{
"saturation": {
"size": [ "100% + 1px", "100% + 1px" ],
"type": "image",
"texture": "textures/ui/screen_background",
"layer": 2,
"alpha": 0.75,
"bindings": [
{
"binding_type": "$store_factory_collection_details",
"binding_collection_name": "$store_factory_collection_name",
"binding_collection_prefix": "$store_factory_collection_prefix"
},
{
"binding_name": "(not #past_promo_owned)",
"binding_name_override": "#visible",
"binding_type": "collection",
"binding_collection_name": "past_promo_collection"
}
]
}
},
{
"date": {
"type": "label",
"size": [ "100% - 2px", "default" ],
"ignored": "$default_state",
"offset": [ 0, 3 ],
"color": "$body_text_color",
"font_type": "smooth",
"text": "#promo_unlock_date",
"anchor_from": "top_middle",
"anchor_to": "top_middle",
"text_alignment": "center",
"layer": 5,
"bindings": [
{
"binding_type": "$store_factory_collection_details",
"binding_collection_name": "$store_factory_collection_name",
"binding_collection_prefix": "$store_factory_collection_prefix"
},
{
"binding_type": "collection",
"binding_collection_name": "past_promo_collection",
"binding_name": "#promo_unlock_date"
}
]
}
},
{
"border@common_buttons.focus_border": {
"size": [ "100% + 2px", "100% + 2px" ],
"color": "$border_color",
"layer": 6
}
}
]
},
"past_promo_button@common_buttons.single_image_with_border_button": {
"$pressed_button_name": "button.past_promo",
"$button_content": "store_layout.past_promo_button_content",
"$button_pressed_offset": [ 0, 0 ],
"$button_content_size": [ "100% - 2px", "100% - 2px" ],
"$border_visible": false, // The border from the button template doesn't draw on top of the image and gets cut off sometimes, working around this by setting our own
"$focus_override_down": "feature_key_art_id",
"bindings": [
{
"binding_type": "$store_factory_collection_details",
"binding_collection_name": "$store_factory_collection_name",
"binding_collection_prefix": "$store_factory_collection_prefix"
},
{
"binding_type": "collection",
"binding_collection_name": "past_promo_collection",
"binding_name": "#promo_grid_button_focus_id",
"binding_name_override": "#focus_identifier"
},
{
"binding_type": "collection",
"binding_collection_name": "past_promo_collection",
"binding_name": "#promo_grid_button_focus_left",
"binding_name_override": "#focus_change_left"
},
{
"binding_type": "collection",
"binding_collection_name": "past_promo_collection",
"binding_name": "#promo_grid_button_focus_right",
"binding_name_override": "#focus_change_right"
}
]
},
"past_promo_image_with_border": {
"type": "panel",
"size": [ "100%c + 2px", "100%" ],
"controls": [
{
"button@store_layout.past_promo_button": {
"size": [ "100%y", "100%" ],
"anchor_from": "left_middle",
"anchor_to": "left_middle",
"layer": 1
}
}
]
},
"promo_row_with_featured_offer_grid_panel": {
"type": "stack_panel",
"size": [ "100% - 4px", "7.8261%x - 1.566px" ], // Y = (100%x - padding/border of key art)/(11 * 100% + 177.78%) //1.5652px
"orientation": "horizontal",
"controls": [
{
"past_promo_row_grid": {
"type": "grid",
// At "default" or "100%" on the X this will wrap the last offer in the row on a couple select screen sizes, despite there being enough room in layout.
// This is a dirty hack to get around that issue, once the issue has been resolved we can revert this back to "default" size on the X.
"size": [ "100.01%c", "100%" ],
"grid_item_template": "store_layout.past_promo_image_with_border",
"grid_dimension_binding": "#past_promo_row_grid_dimension",
"collection_name": "past_promo_collection",
"bindings": [
{
"binding_type": "$store_factory_binding_type",
"binding_collection_name": "$store_factory_collection_name",
"binding_name": "#past_promo_row_grid_dimension"
}
]
}
},
{
"today_promo_offer@common_buttons.single_image_with_border_button": {
"size": [ "177.78%y - 1.5556px", "100%" ],
"$pressed_button_name": "button.unwrap_promo",
"$button_content": "store_layout.today_gift_icon_panel",
"$button_pressed_offset": [ 0, 0 ],
"$button_content_size": [ "177.78%y", "100% - 2px" ],
"$focus_id": "promo_offer_today",
"$focus_override_down": "feature_key_art_id",
"bindings": [
{
"binding_type": "$store_factory_binding_type",
"binding_collection_name": "$store_factory_collection_name",
"binding_name": "#promo_offer_today",
"binding_name_override": "#visible"
}
]
}
},
{
"future_promo_row_grid": {
"type": "grid",
// At "default" or "100%" on the X this will wrap the last offer in the row on a couple select screen sizes, despite there being enough room in layout.
// This is a dirty hack to get around that issue, once the issue has been resolved we can revert this back to "default" size on the X.
"size": [ "100.01%c", "100%" ],
"grid_item_template": "store_layout.future_promo_button_panel",
"grid_dimension_binding": "#future_promo_row_grid_dimension",
"collection_name": "future_promo_collection",
"bindings": [
{
"binding_type": "$store_factory_binding_type",
"binding_collection_name": "$store_factory_collection_name",
"binding_name": "#future_promo_row_grid_dimension"
}
]
}
}
]
},
"promo_row_grid_panel": {
"type": "panel",
"size": [ "100% - 4px", "8.333%x - 1.8333px" ], // Y = (100%x - padding/border of key art)/(12 * 100%) //1.5652px
"controls": [
{
"past_promo_row_grid": {
"type": "grid",
"size": [ "default", "100%" ],
"anchor_from": "left_middle",
"anchor_to": "left_middle",
"grid_item_template": "store_layout.past_promo_image_with_border",
"grid_dimension_binding": "#past_promo_row_grid_dimension",
"collection_name": "past_promo_collection",
"bindings": [
{
"binding_name": "#past_promo_row_grid_dimension"
}
]
}
},
{
"future_promo_row_grid": {
"type": "grid",
"size": [ "default", "100%" ],
"anchor_from": "right_middle",
"anchor_to": "right_middle",
"grid_item_template": "store_layout.future_promo_button_panel",
"grid_dimension_binding": "#future_promo_row_grid_dimension",
"collection_name": "future_promo_collection",
"bindings": [
{
"binding_type": "$store_factory_binding_type",
"binding_collection_name": "$store_factory_collection_name",
"binding_name": "#future_promo_row_grid_dimension"
}
]
}
}
]
},
"main_panel": {
"type": "input_panel",
"anchor_from": "top_middle",
"anchor_to": "top_middle",
"$scroll_size": [ 5, "100% - 4px" ],
"$use_transparent_background|default": true,
"controls": [
{
"background": {
"type": "image",
"texture": "textures/ui/banners_no_border",
"layer": 1,
"ignored": "$use_transparent_background"
}
},
{
"main_panel_content": {
"type": "panel",
"size": [ "100%", "100%" ],
"layer": 2,
"$sdl_screen_content|default": "store_layout.sdl_scrolling_section",
"bindings": [
{
"binding_name": "(not #page_loading_visible)",
"binding_name_override": "#visible",
"binding_condition": "always"
}
],
"controls": [
{ "sdl_screen_content@$sdl_screen_content": {} }
]
}
},
{
"progress_loading@common_store.progress_loading": {
"layer": 100, // Make this on top
"$store_failure_text": "#store_failure_text",
"$store_failure_text_binding_type": "global",
"bindings": [
{
"binding_name": "#page_loading_visible",
"binding_name_override": "#visible",
"binding_condition": "always"
}
]
}
}
]
},
"nav_button_content": {
"type": "stack_panel",
"orientation": "horizontal",
"size": [ "100%", "100%" ],
"$nav_button_binding_type|default": "global",
"$nav_button_collection_name|default": "",
"controls": [
{
"image_panel@store_layout.nav_image_panel": {}
},
{
"padding": {
"type": "panel",
"size": [ 4, "100%" ]
}
},
{
"label_panel": {
"type": "panel",
"size": [ "fill", "100%" ],
"controls": [
{
"button_text_label@common_buttons.new_ui_binding_button_label": {
"layer": 5,
"$button_text": "#nav_button_label",
"$button_text_size": [ "100%", "default" ],
"$button_text_max_size": [ "100%", 20 ],
"$text_alignment": "left",
"bindings": [
{
"binding_type": "$store_factory_collection_details",
"binding_collection_name": "$store_factory_collection_name",
"binding_collection_prefix": "$store_factory_collection_prefix"
},
{
"binding_type": "$nav_button_binding_type",
"binding_collection_name": "$nav_button_collection_name",
"binding_name": "$button_text"
}
]
}
}
]
}
}
]
},
"nav_image_panel": {
"type": "panel",
"size": [ "100%c", "100%" ],
"controls": [
{
"button_image_panel@store_layout.nav_button_image_panel": {
"bindings": [
{
"binding_type": "$store_factory_collection_details",
"binding_collection_name": "$store_factory_collection_name",
"binding_collection_prefix": "$store_factory_collection_prefix"
},
{
"binding_type": "$nav_button_binding_type",
"binding_collection_name": "$nav_button_collection_name",
"binding_name": "(#nav_button_animation = '')", // static image is visible if no animation is available
"binding_name_override": "#visible"
}
]
}
},
{
"button_animated_panel@store_layout.nav_button_image_panel": {
"$nav_button_image_content": "store_layout.nav_button_animation",
"$nav_texture_binding_name": "#nav_button_animation",
"bindings": [
{
"binding_type": "$store_factory_collection_details",
"binding_collection_name": "$store_factory_collection_name",
"binding_collection_prefix": "$store_factory_collection_prefix"
},
{
"binding_type": "$nav_button_binding_type",
"binding_collection_name": "$nav_button_collection_name",
"binding_name": "(not (#nav_button_animation = ''))", // animation is visibile if service response contains animation field
"binding_name_override": "#visible"
}
]
}
}
]
},
"nav_button_image_panel": {
"type": "panel",
"size": [ "100%c", "100%" ],
"$nav_button_image_content|default": "store_layout.nav_button_image",
"$nav_texture_binding_name|default": "#nav_button_texture",
"controls": [
{
"button_image@$nav_button_image_content": {
"bindings": [
{
"binding_type": "$store_factory_collection_details",
"binding_collection_name": "$store_factory_collection_name",
"binding_collection_prefix": "$store_factory_collection_prefix"
},
{
"binding_type": "$nav_button_binding_type",
"binding_collection_name": "$nav_button_collection_name",
"binding_name": "$nav_texture_binding_name",
"binding_name_override": "#texture"
},
{
"binding_type": "$nav_button_binding_type",
"binding_collection_name": "$nav_button_collection_name",
"binding_name": "(not ($nav_texture_binding_name = ''))",
"binding_name_override": "#visible"
}
]
}
}
]
},
"nav_button_image": {
"type": "image",
"size": [ 24, 24 ],
"texture": "$nav_texture_binding_name",
"allow_debug_missing_texture": false,
"layer": 1
},
"nav_button_animation": {
"type": "image",
"layer": 1,
"texture": "$nav_texture_binding_name",
"allow_debug_missing_texture": false,
"uv_size": [ 19, 19 ],
"size": [ 24, 24 ],
"uv": "@store_layout.nav_button_flip_book",
"disable_anim_fast_forward": true
},
"nav_button_flip_book": {
"anim_type": "flip_book",
"initial_uv": [ 0, 0 ],
"frame_count": 22,
"frame_step": 7,
"fps": 10
},
"nav_button_fill@store_layout.nav_button_standard": {
"size": [ "fill", "100%" ]
},
"nav_button_standard": {
"type": "panel",
"size": [ "25%", "100%" ],
"controls": [
{
"nav_button@common_buttons.light_content_button": {
"size": [ "100% - 2px", "100%" ],
"$pressed_button_name": "$nav_button_event_name",
"$button_content": "store_layout.nav_button_content",
"$button_bindings": [
{
"binding_type": "$store_factory_collection_details",
"binding_collection_name": "$store_factory_collection_name",
"binding_collection_prefix": "$store_factory_collection_prefix"
},
{
"binding_type": "collection_details",
"binding_collection_name": "$nav_button_collection_name",
"binding_collection_prefix": "nav"
}
]
}
}
]
},
"nav_button_grid_panel": {
"type": "panel",
"size": [ "100%", "100%c + 4px" ],
"controls": [
{
"nav_button_grid": {
"type": "stack_panel",
"orientation": "horizontal",
"size": [ "100% - 6px", 30 ],
"clip_state_change_event": "$store_factory_clipping_event",
"$nav_button_event_name|default": "button.nav_button",
"$nav_button_binding_type": "collection",
"$nav_button_collection_name|default": "nav_button_collection",
"collection_name": "$nav_button_collection_name",
"$section_content|default": "#nav_section_content",
"factory": {
"name": "nav_button_factory",
"control_ids": {
"nav_button_standard": "@store_layout.nav_button_standard",
"nav_button_fill": "@store_layout.nav_button_fill"
},
"factory_variables": [
"$nav_button_collection_name",
"$nav_button_binding_type",
"$store_factory_collection_details",
"$store_factory_collection_prefix",
"$store_factory_collection_name",
"$nav_button_event_name"
]
},
"bindings": [
{
"binding_type": "$store_factory_collection_details",
"binding_collection_name": "$store_factory_collection_name",
"binding_collection_prefix": "$store_factory_collection_prefix"
},
{
"binding_name": "$section_content",
"binding_name_override": "#collection_length"
}
]
}
}
]
},
"store_layout_ribbon_search_button@common_buttons.light_content_button": {
"size": [ 30, "100%" ],
// focus vars
"$focus_id": "skin_pack_category_button",
"$focus_override_up": "feature_key_art_id",
"$focus_override_right": "FOCUS_OVERRIDE_STOP",
// button
"$button_content": "store_layout.store_layout_ribbon_search_button_content",
"$image_texture_path": "textures/ui/spyglass_flat",
"$is_search_screen|default": false,
"variables": [
{
"requires": "($is_search_screen or $is_on_3p_server)",
"$pressed_button_name": ""
},
{
"requires": "(not $is_search_screen and not $is_on_3p_server)",
"$pressed_button_name": "button.search"
},
{
"requires": "($is_search_screen and not $is_on_3p_server)",
"$pressed_button_name": "button.close_result_panel"
}
]
},
"store_layout_ribbon_search_button_content": {
"type": "panel",
"size": [ "100%c", "100%" ],
"controls": [
{
"button_image": {
"type": "image",
"size": [ 9, 9 ],
"texture": "$image_texture_path",
"layer": 1,
"color": "$glyph_color"
}
}
]
},
//--------------------------------------------------------------------------------
// Screen
//--------------------------------------------------------------------------------
"screen_entrance_pop_animation_no_offset": {
"anim_type": "offset",
"easing": "out_cubic",
"duration": "$transition_time_pop",
"from": [ 0, 0 ],
"to": [ 0, 0 ],
"play_event": "screen.entrance_pop",
"end_event": "screen.entrance_end"
},
"store_data_driven_screen_base@common_store.store_base_screen": {
"button_mappings": [
{
"from_button_id": "button.menu_cancel",
"to_button_id": "button.menu_exit",
"mapping_type": "global"
},
{
"from_button_id": "button.controller_secondary_select",
"to_button_id": "button.search",
"mapping_type": "global",
"ignored": "$is_on_3p_server"
},
{
"from_button_id": "button.controller_select",
"to_button_id": "button.coin_wallet_no_dressing_room",
"mapping_type": "global"
}
],
"$default_text_color": [ 0.3, 0.3, 0.3 ],
"variables": [
{
"requires": "(not $use_animation)",
"$screen_animations": [
],
"$background_animations": []
},
{
"requires": "($use_animation)",
"$screen_animations": [
"@common.screen_exit_animation_pop_offset",
"@common.screen_exit_animation_pop_fade",
"@store_layout.screen_entrance_pop_animation_no_offset"
],
"$background_animations": [],
"$fill_alpha": 0.75
}
]
},
"store_screen_modal_panel": {
"type": "panel",
"controls": [
{
"one_button_dialog@common_dialogs.main_panel_one_button": {
"size": "$custom_templates_screen_size",
"$child_control": "store_layout.main_panel",
"$button_panel": "store_layout.dialog_button",
"$text_name": "#screen_header_title",
"$title_text_binding_type": "global",
"$use_transparent_background": false
}
},
{
"popup_dialog_factory": {
"type": "factory",
"control_ids": {
"no_store_connection": "@common_store.popup_dialog__no_store_connection",
"restore_popup": "@common_store.popup_dialog__restore_popup",
"restore_failed": "@common_store.popup_dialog__restore_failed"
}
}
}
]
},
"dialog_button@common_buttons.light_text_button": {
"$pressed_button_name": "button.bottom_modal",
"$button_text": "#dialog_button_text",
"$button_text_binding_type": "collection",
"$button_text_grid_collection_name": "modal_button_collection",
"$focus_override_down": "FOCUS_OVERRIDE_STOP",
"bindings": [
{
"binding_type": "collection_details",
"binding_collection_name": "$button_text_grid_collection_name"
}
]
},
"store_screen_main_panel": {
"type": "panel",
"controls": [
{
"main_content_view@sidebar_navigation.sidebar_view": {
"$sidebar_main_view_content": "store_layout.main_panel",
"$scroll_size": [ 5, "100% - 8px" ]
}
},
{
"sort_and_filter_modals@common_store.sort_and_filter_menu_modals": {}
}
]
},
"store_full_screen_content": {
"type": "panel",
"alpha": "@common_store.screen_fade_in_alpha_anim",
"propagate_alpha": true,
"disable_anim_fast_forward": true,
"$ignore_inventory_button": "$is_sidebar_navigation_enabled",
"controls": [
{
// This control serves as a focus panel for TTS when entering any SDL page(input mouse only)
"mouse_input_focus_panel": {
"type": "input_panel",
"size": [ "100% - 50px", "100%" ],
"anchor_to": "top_left",
"anchor_from": "top_left",
"tts_skip_message": true,
"bindings": [
{
// Focus will only be enabled before the SDL page loads and only on mouse input
"binding_name": "(#is_top_row_button_focus_enabled and #page_loading_visible)",
"binding_name_override": "#focus_enabled"
}
]
}
},
{
"main_panel@common_store.store_header_with_coins": {
"$child_control": "store_layout.store_screen_main_panel",
"$button_text": "store.title",
"$top_status_and_coins_visible_binding_type": "global",
"$top_status_and_coins_visible_binding": "#coin_visible"
}
},
{
"popup_dialog_factory": {
"type": "factory",
"control_ids": {
"no_store_connection": "@common_store.popup_dialog__no_store_connection",
"restore_popup": "@common_store.popup_dialog__restore_popup",
"restore_failed": "@common_store.popup_dialog__restore_failed",
"realms_plus_extra_info": "@persona.popup_dialog__realms_plus_extra_info"
}
}
},
{
"character_selector_dialog_factory": {
"type": "factory",
"control_ids": {
"difference_information": "@profile.popup_dialog__difference_information",
"difference_preview": "@profile.popup_dialog__preview_difference_information",
"delete_persona": "@profile.popup_dialog__delete_persona",
"create_persona": "@profile.popup_dialog__create_persona",
"cast_character_select_popup": "@persona_cast_character_screen.popup_dialog__cast_character_select",
"cast_character_preview_page_one": "@persona_cast_character_screen.cast_preview_page_one",
"cast_character_preview_page_two": "@persona_cast_character_screen.cast_preview_page_two"
}
}
},
{
"custom_skin_dialog_factory": {
"type": "factory",
"control_ids": {
"invalid_custom_skin": "@persona.popup_dialog__invalid_custom_skin",
"choose_skin_type": "@persona.popup_dialog__choose_skin_type",
"upsell_without_store": "@persona.popup_dialog__upsell_without_store",
"custom_skin_info": "@persona.popup_dialog__custom_skin_info",
"emote_equip_slot_editor": "@persona.popup_dialog__emote_equip_slot_editor"
}
}
}
]
},
"sdl_base_screen@store_layout.store_data_driven_screen_base": {
"$screen_content": "store_layout.store_full_screen_content",
"$header_safezone_control": "common_store.store_top_bar_filler",
"$header_bar_control": "common_store.store_top_bar",
"$screen_background_control": "common_store.store_background",
"$is_full_screen_layout": true
},
"character_creator_base_screen@store_layout.sdl_base_screen": {
"$sdl_screen_content": "store_layout.character_creator_screen_layout",
"$allows_sdl_section_focus_container": false,
"$ignore_search": "(not $is_persona_search_enabled)",
"bindings": [
{
"binding_name": "#register_as_dressing_room_scene",
"binding_type": "global"
}
],
"$wallet_gamepad_helper_bindings": [
{
"binding_name": "(#gamepad_helper_visible and #x_bind_not_overriden)",
"binding_name_override": "#visible",
"binding_condition": "always"
}
]
},
//////////////////////////////////////////////////////
// SDL Screens
//////////////////////////////////////////////////////
"store_data_driven_screen@store_layout.sdl_base_screen": {},
"character_creator_screen@store_layout.character_creator_base_screen": {
"$sdl_screen_content": "store_layout.character_creator_screen_layout"
},
"dressing_room_color_picker_screen@store_layout.character_creator_screen": {
"$persona_dialog_content": "persona_sdl.color_picker_content_panel",
"$character_creator_right_side_content": "persona_sdl.color_picker_right_side_stack"
},
"expanded_appearance_view_screen@store_layout.character_creator_base_screen": {
"$sdl_screen_content": "persona_sdl.expanded_appearance_view"
},
"non_scrollable_sdl_screen@store_layout.sdl_base_screen": {
"$is_non_scrollable_sdl_screen": true,
"$ignore_search": "(not $is_persona_search_enabled)"
},
"skin_selector_screen@store_layout.sdl_base_screen": {
"$sdl_screen_content": "store_layout.character_creator_screen_layout",
"$ignore_search": "(not $is_persona_search_enabled)",
"bindings": [
{
"binding_name": "#register_as_dressing_room_scene",
"binding_type": "global"
}
],
"$wallet_gamepad_helper_bindings": [
{
"binding_name": "(#gamepad_helper_visible and #x_bind_not_overriden)",
"binding_name_override": "#visible",
"binding_condition": "always"
}
]
},
"store_data_driven_modal_one_button_screen@store_layout.store_data_driven_screen_base": {
"$screen_content": "store_layout.store_screen_modal_panel",
"$header_safezone_control": "common.empty_panel",
"$header_bar_control": "common.empty_panel",
"$screen_background_control": "common_store.store_background",
"$is_full_screen_layout": false,
"force_render_below": true
}
}
View Git Blame Copy Permalink