{ "namespace": "skin_picker", //-------------------------------------------------------------------------------- // Common Controls //-------------------------------------------------------------------------------- "banner_fill": { "type": "image", "texture": "textures/ui/Banners" }, "title_label": { "type": "label", "size": [ "default", "default" ], "anchor_from": "top_middle", "anchor_to": "top_middle", "color": "$title_text_color" }, "label": { "type": "label", "anchor_from": "center", "anchor_to": "center", "offset": [ 0, 0 ], "color": "$main_header_text_color" }, "chevron_image": { "type": "image", "layer": 1, "size": [ 4, 7 ], "texture": "$chevron_image_name" }, "bumper_image": { "type": "image", "layer": 1, "size": [ 13, 13 ] }, "undo_image": { "type": "image", "texture": "textures/ui/undoArrow", "color": "$custom_color", "size": [ 14, 14 ] }, "direction_button_panel": { "type": "panel", "controls": [ { "chevron_image@skin_picker.chevron_image": { "bindings": [ { "binding_name": "(not #is_using_gamepad)", "binding_name_override": "#visible" } ] } }, { "bumper_image@skin_picker.bumper_image": { "bindings": [ { "binding_name": "$bumper_texture_bind", "binding_name_override": "#texture" }, { "binding_name": "#is_using_gamepad", "binding_name_override": "#visible" } ] } } ] }, "cycle_pack_button@common_buttons.light_content_button": { "$button_content": "skin_picker.direction_button_panel" }, "cycle_pack_left_button@cycle_pack_button": { "anchor_from": "bottom_left", "anchor_to": "bottom_left", "$chevron_image_name": "textures/ui/chevron_left", "$bumper_texture_bind": "#left_bumper" }, "cycle_pack_right_button@cycle_pack_button": { "anchor_from": "bottom_right", "anchor_to": "bottom_right", "$chevron_image_name": "textures/ui/chevron_right", "$bumper_texture_bind": "#right_bumper" }, "skin_button": { "type": "button", "$focus_id|default": "", "$focus_override_down|default": "", "$focus_override_up|default": "", "$focus_override_left|default": "", "$focus_override_right|default": "", "focus_identifier": "$focus_id", "focus_change_down": "$focus_override_down", "focus_change_up": "$focus_override_up", "focus_change_left": "$focus_override_left", "focus_change_right": "$focus_override_right", "focus_enabled": true, "layer": 3, "hover_control": "hover", "pressed_control": "pressed", "$highlight_size|default": [ "100% - 1px", "100% - 2px" ], "controls": [ { "hover@common.focus_border_white": { "size": "$highlight_size" } }, { "pressed@common.focus_border_white": { "size": "$highlight_size" } } ] }, //-------------------------------------------------------------------------------- // Preview Skin Panel //-------------------------------------------------------------------------------- "skin_rotation_arrows": { "type": "image", "layer": 6, "texture": "textures/ui/Rotate", "color": [ 0.6, 0.6, 0.6 ] }, "skin_viewer_panel": { "type": "input_panel", "layer": 3, "anchor_from": "top_left", "anchor_to": "top_left", "gesture_tracking_button": "button.turn_doll", "always_handle_controller_direction": true, "button_mappings": [ { "from_button_id": "button.menu_select", "to_button_id": "button.turn_doll", "mapping_type": "pressed", "button_up_right_of_first_refusal": true } ], "controls": [ { "custom_skin_button@common_buttons.light_text_form_fitting_button": { "$button_text_max_size": [ 120, 10 ], "$pressed_button_name": "button.choose_custom_skin", "ignored": "($image_picking_not_supported or $education_edition)", "$button_text": "skins.picker.custom.button", "anchor_from": "top_middle", "anchor_to": "top_middle", "offset": [ 0, 4 ], "layer": 6, "bindings": [ { "binding_name": "#show_reload_custom_skin_button", "binding_name_override": "#visible" } ] } }, { "skin_model": { "type": "custom", "renderer": "paper_doll_renderer", "size": [ "100%", "100% - 30px" ], "offset": [ 0, -30 ], "layer": 5, "use_selected_skin": false, "use_skin_gui_scale": true, "rotation": "gesture_x", "anchor_from": "bottom_middle", "anchor_to": "bottom_middle", "bindings": [ { "binding_type": "global", "binding_name": "#preview_skin" }, { "binding_type": "view", "source_control_name": "preview", "source_property_name": "#gesture_delta_source", "target_property_name": "#gesture_delta_source" }, { "binding_type": "view", "source_control_name": "preview", "source_property_name": "#gesture_mouse_delta_x", "target_property_name": "#gesture_mouse_delta_x" } ] } }, { "lock@skin_lock": { "size": [ 16, 16 ], "offset": [ -48, -6 ], "bindings": [ { "binding_name": "#show_preview_skin_lock", "binding_name_override": "#visible" } ] } } ] }, "undo_skin_button@common_buttons.light_glyph_button": { "$pressed_button_name": "button.undo_skin", "$button_content": "skin_picker.undo_image" }, "accept_skin_button@common_buttons.light_text_button": { "$button_text_binding_type": "global", "$button_text": "#accept_skin_button_text", "$pressed_button_name": "button.accept_skin", "bindings": [ { "binding_name": "#accept_skin_button_enabled", "binding_name_override": "#enabled" } ] }, "stack_item": { "type": "panel" }, "accept_skin_panel": { "type": "stack_panel", "anchor_from": "bottom_middle", "anchor_to": "bottom_middle", "orientation": "horizontal", "size": [ "100% - 4px", "100% - 4px" ], "offset": [ 0, -2 ], "controls": [ { "stack_item_0@stack_item": { "size": [ "25%", "100%" ], "controls": [ { "undo_btn@undo_skin_button": { "default_focus_precedence": 0, "size": [ "100%", "100%" ], "offset": [ 0, 0 ], "anchor_from": "left_middle", "anchor_to": "left_middle", "layer": 2 } } ] } }, { "stack_item_1@stack_item": { "size": [ "75% + 1px", "100%" ], "controls": [ { "accept_button@accept_skin_button": { "default_focus_precedence": 1, "size": [ "100%", "100%" ], "offset": [ -1, 0 ], "anchor_from": "left_middle", "anchor_to": "left_middle", "layer": 1 } } ] } } ] }, "preview_skin_panel": { "type": "panel", "anchor_from": "top_left", "anchor_to": "top_left", "offset": [ 0, 0 ], "size": [ "100%", "100%" ], "controls": [ { "preview@skin_viewer_panel": { "size": [ "100%", "100% - 48px" ] } }, { "button_frame": { "type": "stack_panel", "orientation": "vertical", "size": [ "100%", 50 ], "anchor_from": "bottom_middle", "anchor_to": "bottom_middle", "controls": [ { "stack_item_0@stack_item": { "size": [ "100%", 12 ], "controls": [ { "rotation@skin_rotation_arrows": { "anchor_from": "top_middle", "anchor_to": "top_middle", "size": [ "50%", "100% - 4px" ] } } ] } }, { "stack_item_1@stack_item": { "size": [ "100%", "fill" ], "controls": [ { "accept@accept_skin_panel": {} } ] } } ] } } ] }, //-------------------------------------------------------------------------------- // Change Skins Panel //-------------------------------------------------------------------------------- "skin_model": { "type": "custom", "renderer": "paper_doll_renderer", "layer": 5, "anchor_from": "bottom_middle", "anchor_to": "bottom_middle", "size": [ "100%", "100%" ], "offset": [ 0, -10 ], "use_selected_skin": false, "enable_scissor_test": true, "bindings": [ { "binding_type": "collection_details", "binding_collection_name": "premium_packs_collection", "binding_collection_prefix": "packs" }, { "binding_type": "collection", "binding_collection_name": "premium_skins_collection", "binding_name": "#skin_index" } ] }, "premium_skin_button@skin_button": { "bindings": [ { "binding_type": "collection_details", "binding_collection_name": "premium_skins_collection", "binding_collection_prefix": "skins" }, { "binding_type": "collection_details", "binding_collection_name": "premium_packs_collection", "binding_collection_prefix": "packs" } ], "button_mappings": [ { "from_button_id": "button.menu_select", "to_button_id": "button.view_premium_skin", "mapping_type": "pressed" }, { "from_button_id": "button.menu_ok", "to_button_id": "button.view_premium_skin", "mapping_type": "focused" }, { "to_button_id": "button.premium_skin_hovered", "mapping_type": "pressed" }, { "to_button_id": "button.premium_skin_unhovered", "mapping_type": "pressed" }, { "from_button_id": "button.menu_tab_left", "to_button_id": "button.controller_cycle_pack_left", "mapping_type": "focused", "scope": "controller", "consume_event": false }, { "from_button_id": "button.menu_tab_right", "to_button_id": "button.controller_cycle_pack_right", "mapping_type": "focused", "scope": "controller", "consume_event": false } ] }, "skin_lock": { "type": "image", "layer": 6, "anchor_from": "bottom_right", "anchor_to": "bottom_right", "size": [ 8, 8 ], "offset": [ -4, -4 ], "texture": "textures/ui/lock", "bindings": [ { "binding_type": "collection_details", "binding_collection_name": "premium_packs_collection", "binding_collection_prefix": "packs" }, { "binding_type": "collection", "binding_name": "#skin_lock_visible", "binding_name_override": "#visible", "binding_collection_name": "premium_skins_collection" } ] }, "new_pack_icon": { "type": "panel", "layer": 6, "controls": [ { "icon": { "type": "image", "anchor_from": "top_middle", "anchor_to": "top_middle", "size": [ 21, 15 ], "offset": [ 0, 0 ], "texture": "textures/ui/newOffersIcon" } } ] }, "pack_lock": { "type": "panel", "layer": 3, "visible": "(not $education_edition)", "controls": [ { "locked": { "type": "image", "anchor_from": "top_middle", "anchor_to": "top_middle", "size": [ 8, 8 ], "offset": [ 1, 1 ], "texture": "textures/ui/lock", "bindings": [ { "binding_type": "collection", "binding_name": "#show_pack_locked", "binding_name_override": "#visible", "binding_collection_name": "premium_packs_collection" } ] } }, { "unlocked": { "type": "image", "anchor_from": "top_middle", "anchor_to": "top_middle", "size": [ 10, 8 ], "offset": [ 0, 1 ], "texture": "textures/ui/unLock", "bindings": [ { "binding_type": "collection", "binding_name": "#show_pack_unlocked", "binding_name_override": "#visible", "binding_collection_name": "premium_packs_collection" } ] } } ] }, "skin_input_panel": { "type": "input_panel", "size": [ "100%", "100%" ], "anchor_from": "top_left", "anchor_to": "top_left", "controls": [ { "sg@skins_grid": {} } ] }, "skins_grid_item": { "type": "panel", "anchor_from": "bottom_left", "anchor_to": "bottom_left", "size": [ "default", "100%" ], "controls": [ { "clip": { "type": "panel", "anchor_from": "top_left", "anchor_to": "top_left", "size": [ "100%", "100% - 2px" ], "offset": [ 0, 2 ], "clips_children": true, "controls": [ { "model@skin_model": {} } ] } }, { "lock@skin_lock": {} }, { "button@premium_skin_button": {} } ] }, "skins_grid": { "type": "grid", "size": [ "80%", "100%" ], "offset": [ "10%", 0 ], "anchor_from": "bottom_left", "anchor_to": "bottom_left", "grid_item_template": "skin_picker.skins_grid_item", "grid_dimension_binding": "#premium_skins_grid_dimensions", "collection_name": "premium_skins_collection", "bindings": [ { "binding_name": "#premium_skins_grid_dimensions" } ] }, "pack_name": { "type": "label", "layer": 2, "anchor_from": "top_left", "anchor_to": "top_left", "color": "$main_header_text_color", "text": "#pack_name", "bindings": [ { "binding_type": "collection", "binding_collection_name": "premium_packs_collection", "binding_name": "#pack_name" } ] }, "pack_grid_item": { "type": "panel", "size": [ "100%", 85 ], "offset": [ 2, 1 ], "anchor_from": "top_left", "anchor_to": "top_left", "controls": [ { "header": { "type": "stack_panel", "orientation": "horizontal", "anchor_from": "top_left", "anchor_to": "top_left", "size": [ "100%", "10%" ], "offset": [ 0, 0 ], "controls": [ { "new_pack_icon@new_pack_icon": { "size": [ 18, "100%" ], "bindings": [ { "binding_type": "collection", "binding_name": "#show_new_pack_icon", "binding_name_override": "#visible", "binding_collection_name": "premium_packs_collection" } ] } }, { "padding": { "type": "panel", "visible": "$education_edition", "size": [ 3, "100%" ] } }, { "pack_lock@pack_lock": { "size": [ 20, "100%" ] } }, { "pack_name@pack_name": { "size": [ "fill", "100%" ] } } ] } }, { "bg@banner_fill": { "size": [ "100% - 4px", "100% - 13px" ], "offset": [ 0, 4.5 ], "controls": [ { "left@cycle_pack_left_button": { "size": [ "10%", "100%" ], "$cycle_pack_button_enabled|default": "#cycle_pack_left_button_enabled", "$pressed_button_name": "button.cycle_pack_left", "button_mappings": [ { "from_button_id": "button.menu_select", "to_button_id": "button.cycle_pack_left", "mapping_type": "focused" } ], "bindings": [ { "binding_type": "collection_details", "binding_collection_name": "premium_packs_collection" }, { "binding_name": "#cycle_pack_left_button_visible", "binding_name_override": "#left_visible" }, { "binding_name": "(not #is_using_gamepad)", "binding_name_override": "#focus_enabled" }, { "binding_type": "collection", "binding_collection_name": "premium_packs_collection", "binding_name": "#skin_cycle_pack_left_button_enabled", "binding_name_override": "#enabled" } ] } }, { "skin_input_panel@skin_input_panel": {} }, { "right@cycle_pack_right_button": { "size": [ "10%", "100%" ], "$cycle_pack_button_enabled|default": "#cycle_pack_right_button_enabled", "$pressed_button_name": "button.cycle_pack_right", "button_mappings": [ { "from_button_id": "button.menu_select", "to_button_id": "button.cycle_pack_right", "mapping_type": "focused" } ], "bindings": [ { "binding_type": "collection_details", "binding_collection_name": "premium_packs_collection" }, { "binding_name": "#cycle_pack_right_button_visible", "binding_name_override": "#right_visible" }, { "binding_name": "(not #is_using_gamepad)", "binding_name_override": "#focus_enabled" }, { "binding_type": "collection", "binding_collection_name": "premium_packs_collection", "binding_name": "#skin_cycle_pack_right_button_enabled", "binding_name_override": "#enabled" } ] } }, { "progress_loading@common_store.progress_loading": { "$hide_failure_text": true, "layer": 1000, "bindings": [ { "binding_type": "collection_details", "binding_collection_name": "premium_packs_collection" }, { "binding_name": "#pack_loading_progress_visible", "binding_name_override": "#visible" } ] } } ] } } ] }, "premium_packs_grid": { "type": "grid", "anchor_from": "top_left", "anchor_to": "top_left", "grid_item_template": "skin_picker.pack_grid_item", "grid_dimension_binding": "#premium_packs_grid_dimensions", "collection_name": "premium_packs_collection", "bindings": [ { "binding_name": "#premium_packs_grid_dimensions" } ] }, //-------------------------------------------------------------------------------- // Recent and Default Skins //-------------------------------------------------------------------------------- "standard_skin_button@skin_button": { "bindings": [ { "binding_type": "collection_details", "binding_collection_name": "$collection" } ], "button_mappings": [ { "from_button_id": "button.menu_select", "to_button_id": "$button_id", "mapping_type": "global" }, { "from_button_id": "button.menu_ok", "to_button_id": "$button_id", "mapping_type": "global" } ] }, // // Default Skins Grid // "default_skins_grid_item": { "type": "panel", "size": [ "default", "100%" ], "controls": [ { "model@skin_model": { "bindings": [ { "binding_type": "collection", "binding_collection_name": "default_skins_collection", "binding_name": "#skin_index" } ] } }, { "button@standard_skin_button": { "$collection": "default_skins_collection", "button_mappings": [ { "from_button_id": "button.menu_select", "to_button_id": "button.view_default_skin", "mapping_type": "pressed" }, { "from_button_id": "button.menu_ok", "to_button_id": "button.view_default_skin", "mapping_type": "focused" }, { "to_button_id": "button.default_skin_hovered", "mapping_type": "pressed" }, { "to_button_id": "button.skin_unhovered", "mapping_type": "pressed" } ] } } ] }, "default_skins_grid": { "type": "grid", "anchor_from": "bottom_left", "anchor_to": "bottom_left", "size": [ "100%", "100%" ], "grid_item_template": "skin_picker.default_skins_grid_item", "grid_dimension_binding": "#default_skins_grid_dimensions", "collection_name": "default_skins_collection", "bindings": [ { "binding_name": "#default_skins_grid_dimensions" } ] }, // // Recent Skins Grid // "recent_skins_grid_item": { "type": "panel", "size": [ "default", "100%" ], "controls": [ { "clip": { "type": "panel", "anchor_from": "top_left", "anchor_to": "top_left", "size": [ "100%", "100% - 2px" ], "offset": [ 0, 2.0 ], "clips_children": true, "controls": [ { "model@skin_model": { "bindings": [ { "binding_type": "collection", "binding_collection_name": "recent_skins_collection", "binding_name": "#skin_index" } ] } } ] } }, { "button@standard_skin_button": { "$collection": "recent_skins_collection", "variables": [ { "requires": "$desktop_screen", "$highlight_size": [ 32, "100% - 2px" ] }, { "requires": "$pocket_screen", "$highlight_size": [ 41, "100% - 2px" ] } ], "button_mappings": [ { "from_button_id": "button.menu_select", "to_button_id": "button.view_recent_skin", "mapping_type": "pressed" }, { "from_button_id": "button.menu_ok", "to_button_id": "button.view_recent_skin", "mapping_type": "focused" }, { "to_button_id": "button.recent_skin_hovered", "mapping_type": "pressed" }, { "to_button_id": "button.skin_unhovered", "mapping_type": "pressed" } ] } } ] }, "recent_skins_grid": { "type": "grid", "anchor_from": "bottom_left", "anchor_to": "bottom_left", "size": [ "100%", "100%" ], "grid_item_template": "skin_picker.recent_skins_grid_item", "grid_dimension_binding": "#recent_skins_grid_dimensions", "collection_name": "recent_skins_collection", "bindings": [ { "binding_name": "#recent_skins_grid_dimensions" } ] }, "standard_frame": { "type": "panel", "size": [ "50% - 1px", "100%" ], "offset": [ 2, 2 ] }, "standard_header@label": { "layer": 3, "size": [ "100%", "10%" ], "offset": [ 1, 0 ], "anchor_from": "top_left", "anchor_to": "top_left" }, "standard_fill@banner_fill": { "anchor_from": "top_left", "anchor_to": "top_left", "size": [ "100% - 4px", "100% - 15px" ], "offset": [ 0, 11 ] }, "standard_panel": { "type": "panel", "controls": [ { "default_skins@standard_frame": { "anchor_from": "top_left", "anchor_to": "top_left", "controls": [ { "header@standard_header": { "text": "skins.picker.default" } }, { "fill@standard_fill": { "controls": [ { "default_skins_grid@default_skins_grid": {} } ] } } ] } }, { "recent_skins@standard_frame": { "anchor_from": "top_right", "anchor_to": "top_right", "controls": [ { "header@standard_header": { "text": "skins.picker.recent" } }, { "fill@standard_fill": { "controls": [ { "recent_skins_grid@recent_skins_grid": {} } ] } } ] } } ] }, //-------------------------------------------------------------------------------- // Scrolling Skins Panel //-------------------------------------------------------------------------------- "scrolling_content_stack": { "type": "stack_panel", "anchor_from": "top_left", "anchor_to": "top_left", "controls": [ { "standard_panel@standard_panel": { "size": [ "100%", 87 ] } }, { "premium_packs_grid@premium_packs_grid": { "size": [ "100%", "default" ] } } ] }, "all_skins_content": { "type": "input_panel", "anchor_from": "top_left", "anchor_to": "top_left", "offset": [ 3, 0 ], "size": [ "100% - 3px", "100% - 2px" ], "controls": [ { "scrolling_frame": { "type": "panel", "controls": [ { "change_skin_scroll@common.scrolling_panel": { "$scrolling_pane_size": [ "100%", "100%" ], "$scroll_size": [ "5px", "100% - 4px" ], "$scrolling_content": "skin_picker.scrolling_content_stack", "$show_background": false, "$bar_visible": false, "bindings": [ { "binding_name": "#skin_content_visible", "binding_name_override": "#visible" } ] } }, { "progress_loading@common_store.progress_loading": { "size": [ "100%", "100%" ], "layer": 100, "bindings": [ { "binding_name": "#skin_search_progress_visible", "binding_name_override": "#visible" } ] } } ] } } ] }, "all_skins_frame": { "type": "panel", "anchor_from": "top_left", "anchor_to": "top_left", "size": [ "100%", "100%" ], "offset": [ 0, 0 ], "controls": [ { "all_skins_content@all_skins_content": {} } ] }, //-------------------------------------------------------------------------------- // Title bar //-------------------------------------------------------------------------------- "title_bar": { "type": "stack_panel", "orientation": "horizontal", "size": [ "100%", 18 ], "offset": [ 0, 2 ], "anchor_from": "top_middle", "anchor_to": "top_middle", "controls": [ { "padding_0": { "type": "panel", "size": [ 3, 0 ] } }, { "fill_panel": { "type": "panel", "size": [ "fill", "100%" ], "layer": 2, "controls": [ { "title_holder": { "type": "panel", // This lets the main title start overlapping the padding // between it and the skin name once it can't move any farther // to the left as the skin name approaches its max size. "size": [ "100%", "100%" ], "min_size": [ "100%c", "100%" ], "anchor_from": "top_left", "anchor_to": "top_left", "controls": [ { "change_skin_title@title_label": { "text": "skins.picker.title" } } ] } } ] } }, { "padding_1": { "type": "panel", "size": [ 17, 0 ] } }, { "skin_name_holder": { "type": "panel", "layer": 2, "min_size": [ "40% - 32px", "100%" ], "size": [ "100%c", "100%" ], "controls": [ { "preview_skin_name@title_label": { "visible": "(not $education_edition)", "text": "#skin_name", // In the edge case where the skin name is too long to fit, // even with the main title pushed as far to the left as it can // go, then the skin name should truncate. Since the label's // parent control has a width of "100%c", this truncation must // be due to a hard pixel limit for the label width. This limit // should be the pixels available at the smallest possible // screen width (320 on pocket) with the largest possible main // title (es_ES, "Seleccionar aspecto"). // 320 - 4 (padding around dialog) - 10 (padding around content) // - 3 (padding to the left of main title) // - 15 (close button) - 103 (texels for es_ES main title) // - 4 (space between title and skin name) // = 181 pixels, or about 30 characters, plus a bit more if // enough of those characters are narrow ones. // Marketing should avoid skin names longer than this. "size": [ "default", 10 ], "max_size": [ 181, 10 ], "bindings": [ { "binding_type": "global", "binding_name": "#skin_name" } ] } } ] } }, { "padding_2": { "type": "panel", "size": [ 15, 0 ] } } ] }, //-------------------------------------------------------------------------------- // Popup Dialog //-------------------------------------------------------------------------------- "popup_dialog_skin_model": { "type": "custom", "layer": 100, "renderer": "paper_doll_renderer", "size": [ "80%", "80%" ], "offset": [ 0, -6 ], "use_selected_skin": false }, "popup_dialog_choose_skin_type_button": { "type": "button", "$focus_id|default": "", "$focus_override_down|default": "", "$focus_override_up|default": "", "$focus_override_left|default": "", "$focus_override_right|default": "", "focus_identifier": "$focus_id", "focus_change_down": "$focus_override_down", "focus_change_up": "$focus_override_up", "focus_change_left": "$focus_override_left", "focus_change_right": "$focus_override_right", "focus_enabled": true, "sound_name": "random.click", "sound_volume": 1.0, "sound_pitch": 1.0, "hover_control": "hover", "pressed_control": "pressed", "size": [ "80%", "80%" ], "anchor_from": "bottom_middle", "anchor_to": "bottom_middle", "offset": [ 0, -2 ], "button_mappings": [ { "from_button_id": "button.menu_select", "to_button_id": "$pressed_button_name", "mapping_type": "pressed" }, { "from_button_id": "button.menu_ok", "to_button_id": "$pressed_button_name", "mapping_type": "focused" } ], "controls": [ { "hover@common.focus_border_white": {} }, { "pressed@common.focus_border_white": {} } ] }, "popup_dialog_choose_skin_type_panel": { "type": "panel", "controls": [ { "model@skin_picker.popup_dialog_skin_model": { "bindings": [ { "binding_name": "$button_model_type" } ] } }, { "button_highlight@popup_dialog_choose_skin_type_button": {} } ] }, "popup_dialog__invalid_custom_skin@popup_dialog.popup_dialog": { "$middle_button_press": "button.close_dialog", "$message_text": "skins.information.invalidCustomSkin", "$middle_button_text": "gui.ok", "controls": [ { "popup_dialog_bg@popup_dialog.popup_dialog_bg": {} }, { "popup_dialog_message@popup_dialog.popup_dialog_message": {} }, { "popup_dialog_middle_button@popup_dialog.popup_dialog_middle_button": {} } ] }, "popup_dialog__upsell_without_store@popup_dialog__invalid_custom_skin": { "$message_text": "skins.information.upsellWithoutStore" }, "popup_dialog__choose_skin_type@popup_dialog.popup_dialog": { "$message_text": "skins.information.selectSkin", "controls": [ { "popup_dialog_bg@popup_dialog.popup_dialog_bg": {} }, { "popup_dialog_message@popup_dialog.popup_dialog_message": {} }, { "left@popup_dialog_choose_skin_type_panel": { "$pressed_button_name": "button.choose_skinny", "$button_model_type": "#skinny_skin_index", "size": [ "50%", "80%" ], "layer": 1, "anchor_from": "bottom_left", "anchor_to": "bottom_left" } }, { "right@popup_dialog_choose_skin_type_panel": { "$pressed_button_name": "button.choose_fat", "$button_model_type": "#fat_skin_index", "size": [ "50%", "80%" ], "layer": 1, "anchor_from": "bottom_middle", "anchor_to": "bottom_left" } } ] }, //-------------------------------------------------------------------------------- // Root Controls //-------------------------------------------------------------------------------- "content": { "type": "panel", "anchor_from": "top_middle", "anchor_to": "top_middle", "size": [ "100% - 10px", "100% - 11px" ], "offset": [ 0, 5 ], "controls": [ { "title@title_bar": {} }, { "selector_area@skin_picker.selector_area": {} }, { "content_area@skin_picker.content_area": {} } ] }, "skin_picker_screen@common.base_screen": { "button_mappings": [ { "from_button_id": "button.menu_cancel", "to_button_id": "button.menu_exit", "mapping_type": "global" } ], "$default_text_color": [ 0.3, 0.3, 0.3 ], "$screen_content": "skin_picker.skin_picker_screen_content" }, "skin_picker_screen_content@common.common_panel": { "type": "panel", "controls": [ { "bg@common.common_panel": { "size": "$extra_large_screen_size", "max_size": "$max_skin_picker_screen_size", "$dialog_background": "dialog_background_hollow_3", "$show_divider": true, "$show_close_button": true, "$divider_offset": [ "60% - 1px", "22px" ] } }, { "container": { "type": "panel", "size": "$extra_large_screen_size", "max_size": "$max_skin_picker_screen_size", "layer": 1, "controls": [ { "content@skin_picker.content": {} } ] } }, { "popup_dialog_factory": { "type": "factory", "control_ids": { "invalid_custom_skin": "@skin_picker.popup_dialog__invalid_custom_skin", "choose_skin_type": "@skin_picker.popup_dialog__choose_skin_type", "upsell_without_store": "@skin_picker.popup_dialog__upsell_without_store" } } } ] }, //-------------------------------------------------------------------------------- // Controller Focus //-------------------------------------------------------------------------------- "scrollable_selector_area_content": { "type": "panel", "offset": [ "2px", "2px" ], "size": [ "100% - 4px", "100%c + 4px" ], "controls": [ { "$selector_stack_panel@$selector_stack_panel": {} } ] }, // left side "selector_area@common.modal_area_panel_base": { "offset": [ "2px", "18px" ], "size": [ "60% - 1px", "100% - 19px" ], "anchor_from": "top_left", "anchor_to": "top_left", "$menu_cancel_button_id": "button.menu_exit", "$modal_binding_name": "#selector_area_focused", "layer": 2, "controls": [ { "all_skins@all_skins_frame": {} }, { "inactive_modal_pane_fade@common.inactive_modal_pane_fade": { "bindings": [ { "binding_name": "#content_area_focused", "binding_name_override": "#visible" } ] } } ] }, // right side "content_area@common.modal_area_panel_base": { "offset": [ -2, 18 ], "size": [ "40% - 8px", "100% - 20px" ], "anchor_from": "top_right", "anchor_to": "top_right", "$menu_cancel_button_id": "button.back_to_selector_area", "$modal_binding_name": "#content_area_focused", "layer": 1, "controls": [ { "preview_skin@preview_skin_panel": {} }, { "inactive_modal_pane_fade@common.inactive_modal_pane_fade": { "bindings": [ { "binding_name": "#selector_area_focused", "binding_name_override": "#visible" } ] } } ] } }