642 lines
19 KiB
JSON
642 lines
19 KiB
JSON
{
|
|
"namespace": "store",
|
|
|
|
//--------------------------------------------------------------------------------
|
|
// Controls
|
|
//--------------------------------------------------------------------------------
|
|
|
|
"banner_fill": {
|
|
"type": "image",
|
|
"texture": "gui/newgui/Banners.png",
|
|
"uv": [ 0, 0 ],
|
|
"uv_size": [ 4, 4 ],
|
|
"nineslice_size": 1
|
|
},
|
|
|
|
"title_label": {
|
|
"type": "label",
|
|
"size": [ "100%", "14px" ],
|
|
"anchor_from": "top_left",
|
|
"anchor_to": "top_left",
|
|
"alignment": "center",
|
|
"color": [ 0.3, 0.3, 0.3 ]
|
|
},
|
|
|
|
"label": {
|
|
"type": "label",
|
|
"size": [ "100%", "14px" ],
|
|
"anchor_from": "top_left",
|
|
"anchor_to": "top_left",
|
|
"alignment": "center"
|
|
},
|
|
|
|
"button_image": {
|
|
"$button_text|default": "",
|
|
"$button_text_offset|default": [ 0, 0 ],
|
|
"type": "image",
|
|
"nineslice_size": 2,
|
|
"uv": [ 0, 0 ],
|
|
"uv_size": [ 6, 6 ],
|
|
"controls": [
|
|
{
|
|
"button_label": {
|
|
"type": "label",
|
|
"layer": 6,
|
|
"size": [ "100%", "100%" ],
|
|
"anchor_from": "center",
|
|
"anchor_to": "center",
|
|
"color": [ 0.3, 0.3, 0.3 ],
|
|
"offset": "$button_text_offset",
|
|
"text": "$button_text"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
|
|
"chevron_button_image@button_image": {
|
|
"controls": [
|
|
{
|
|
"chevron_image": {
|
|
"type": "image",
|
|
"layer": 2,
|
|
"uv": [ 0, 0 ],
|
|
"uv_size": [ 4, 7 ],
|
|
"size": [ 4, 7 ],
|
|
"offset": "$chevron_offset",
|
|
"texture": "$chevron_image_name"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
|
|
"cycle_pack_button@common.button": {
|
|
"controls": [
|
|
{
|
|
"default@chevron_button_image": {
|
|
"texture": "gui/newgui/ButtonWithBorder.png"
|
|
}
|
|
},
|
|
{
|
|
"hover@chevron_button_image": {
|
|
"texture": "gui/newgui/ButtonWithBorderHover.png"
|
|
}
|
|
},
|
|
{
|
|
"pressed@chevron_button_image": {
|
|
"texture": "gui/newgui/ButtonWithBorderPressed.png",
|
|
"$chevron_offset": [ 0, 1 ]
|
|
}
|
|
}
|
|
]
|
|
},
|
|
|
|
"cycle_pack_left_button@cycle_pack_button": {
|
|
"anchor_from": "bottom_left",
|
|
"anchor_to": "bottom_left",
|
|
"$chevron_image_name": "gui/newgui/chevron_left.png",
|
|
"$chevron_offset": [ 0, 0 ],
|
|
"$pressed_button_name": "button.cycle_pack_left"
|
|
},
|
|
|
|
"cycle_pack_right_button@cycle_pack_button": {
|
|
"anchor_from": "bottom_right",
|
|
"anchor_to": "bottom_right",
|
|
"$chevron_image_name": "gui/newgui/chevron_right.png",
|
|
"$chevron_offset": [ 0, 0 ],
|
|
"$pressed_button_name": "button.cycle_pack_right"
|
|
},
|
|
|
|
"restore_purchases@common.new_button": {
|
|
"anchor_from": "center",
|
|
"anchor_to": "center",
|
|
"$pressed_button_name": "button.restore_store",
|
|
"$button_label_text": "skins.restore.button"
|
|
},
|
|
|
|
//--------------------------------------------------------------------------------
|
|
// Content
|
|
//--------------------------------------------------------------------------------
|
|
|
|
"featured_key_art": {
|
|
"type": "panel",
|
|
"size": [ 160, "100%" ],
|
|
"controls": [
|
|
{
|
|
"bg@banner_fill": {
|
|
"layer": 3,
|
|
"offset": [ -0.5, 2 ],
|
|
"controls": [
|
|
{
|
|
"featured_key_art": {
|
|
"type": "image",
|
|
"texture": "$featured_texture_path",
|
|
"texture_file_system": "$featured_texture_file_system",
|
|
"layer": 4,
|
|
"size": [ "100% - 2px", "100% - 2px" ],
|
|
"uv": [ 0, 0 ],
|
|
"uv_size": [ 800, 450 ]
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
},
|
|
|
|
"featured_description": {
|
|
"type": "panel",
|
|
"size": [ "100%-160px", "100%" ],
|
|
"controls": [
|
|
{
|
|
"bg@banner_fill": {
|
|
"layer": 3,
|
|
"offset": [ -1.5, 2 ],
|
|
"controls": [
|
|
{
|
|
"text_panel": {
|
|
"type": "panel",
|
|
"layer": 4,
|
|
"anchor_from": "center",
|
|
"anchor_to": "center",
|
|
"size": [ "100% - 10px", "100% - 10px" ],
|
|
"controls": [
|
|
{
|
|
"header@store.label": {
|
|
"size": [ "100%", "20px" ],
|
|
"text": "$featured_title",
|
|
"alignment": "top_left",
|
|
"wrap": true,
|
|
"color": "yellow"
|
|
}
|
|
},
|
|
{
|
|
"body@store.label": {
|
|
"size": [ "100%", "40px" ],
|
|
"offset": [ 0, "21px" ],
|
|
"text": "$featured_desc",
|
|
"alignment": "top_left",
|
|
"wrap": true,
|
|
"clip": true,
|
|
"color": "white"
|
|
}
|
|
},
|
|
{
|
|
"footer@store.label": {
|
|
"text": "$featured_price",
|
|
"alignment": "right_middle",
|
|
"anchor_from": "bottom_right",
|
|
"anchor_to": "bottom_right",
|
|
"color": "yellow"
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
},
|
|
|
|
"featured": {
|
|
"type": "panel",
|
|
"controls": [
|
|
{
|
|
"featured_pic_and_desc": {
|
|
"type": "stack_panel",
|
|
"orientation": "horizontal",
|
|
"size": [ "100% - 3px", "100% - 4px" ],
|
|
"offset": [ 1, -2 ],
|
|
"controls": [
|
|
{
|
|
"@featured_key_art": {
|
|
"anchor_from": "top_left",
|
|
"anchor_to": "top_left"
|
|
}
|
|
},
|
|
{
|
|
"@featured_description": {
|
|
"anchor_from": "top_left",
|
|
"anchor_to": "top_left"
|
|
}
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"featured_button@common.button": {
|
|
"$pressed_button_name": "button.select_featured",
|
|
"layer": 4,
|
|
"size": [ "100%", "100%" ],
|
|
"offset": [ 0, 0 ],
|
|
"default_control": "",
|
|
"hover_control": "hover",
|
|
"pressed_control": "pressed",
|
|
"focus_enabled": true,
|
|
"controls": [
|
|
{
|
|
"hover@common.focus_border_white": {
|
|
"size": [ "100% - 4px", "100% - 4px" ]
|
|
}
|
|
},
|
|
{
|
|
"pressed@common.focus_border_white": {
|
|
"size": [ "100% - 4px", "100% - 4px" ]
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
},
|
|
|
|
"offer_grid_item": {
|
|
"type": "panel",
|
|
"size": [ "default", "100%" ],
|
|
"anchor_from": "top_left",
|
|
"anchor_to": "top_left",
|
|
"controls": [
|
|
{
|
|
"frame@banner_fill": {
|
|
"size": [ 74, 42 ],
|
|
"layer": 3,
|
|
"controls": [
|
|
{
|
|
"offer_key_art": {
|
|
"type": "image",
|
|
"layer": 5,
|
|
"size": [ 72, 40 ],
|
|
"bindings": [
|
|
{
|
|
"binding_type": "collection_details",
|
|
"binding_collection_name": "category_collection",
|
|
"binding_collection_prefix": "category"
|
|
},
|
|
{
|
|
"binding_type": "collection",
|
|
"binding_collection_name": "offers_collection",
|
|
"binding_name": "#offer_texture_name",
|
|
"binding_name_override": "#texture"
|
|
},
|
|
{
|
|
"binding_type": "collection",
|
|
"binding_collection_name": "offers_collection",
|
|
"binding_name": "#offer_texture_file_system",
|
|
"binding_name_override": "#texture_file_system"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"offer_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": 4,
|
|
"default_control": "",
|
|
"hover_control": "hover",
|
|
"pressed_control": "pressed",
|
|
"bindings": [
|
|
{
|
|
"binding_type": "collection_details",
|
|
"binding_collection_name": "category_collection",
|
|
"binding_collection_prefix": "category"
|
|
},
|
|
{
|
|
"binding_type": "collection_details",
|
|
"binding_collection_name": "offers_collection",
|
|
"binding_collection_prefix": "offers"
|
|
}
|
|
],
|
|
"button_mappings": [
|
|
{
|
|
"from_button_id": "button.menu_select",
|
|
"to_button_id": "button.select_offer",
|
|
"mapping_type": "pressed"
|
|
},
|
|
{
|
|
"from_button_id": "button.menu_ok",
|
|
"to_button_id": "button.select_offer",
|
|
"mapping_type": "pressed"
|
|
}
|
|
],
|
|
"controls": [
|
|
{
|
|
"hover@common.focus_border_white": {
|
|
}
|
|
},
|
|
{
|
|
"pressed@common.focus_border_white": {
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
],
|
|
"bindings": [
|
|
{
|
|
"binding_type": "collection_details",
|
|
"binding_collection_name": "category_collection",
|
|
"binding_collection_prefix": "category"
|
|
},
|
|
{
|
|
"binding_type": "collection",
|
|
"binding_collection_name": "offers_collection",
|
|
"binding_name": "#valid_offer_index",
|
|
"binding_name_override": "#visible"
|
|
}
|
|
]
|
|
},
|
|
|
|
"offer_grid": {
|
|
"type": "grid",
|
|
"size": [ "100% - 60px", "100%" ],
|
|
"offset": [ 30, 0 ],
|
|
"anchor_from": "top_left",
|
|
"anchor_to": "top_left",
|
|
"grid_item_template": "store.offer_grid_item",
|
|
"grid_dimension_binding": "#offer_grid_dimensions",
|
|
"collection_name": "offers_collection",
|
|
"bindings": [
|
|
{
|
|
"binding_name": "#offer_grid_dimensions"
|
|
}
|
|
]
|
|
},
|
|
|
|
"category_grid_item": {
|
|
"type": "panel",
|
|
"size": [ "100%", 62 ], // specify a height, therefore size grid to 'size of children'
|
|
"controls": [
|
|
{
|
|
"content": {
|
|
"type": "panel",
|
|
"size": [ "100% + 2px", "100% + 1px" ],
|
|
"offset": [ -1, 0 ],
|
|
"controls": [
|
|
{
|
|
"@label": {
|
|
"anchor_from": "top_left",
|
|
"anchor_to": "top_left",
|
|
"size": [ "100%", 10 ],
|
|
"offset": [ 8, 4 ],
|
|
"alignment": "top_left",
|
|
"text": "#offer_category_name",
|
|
"bindings": [
|
|
{
|
|
"binding_type": "collection",
|
|
"binding_collection_name": "category_collection",
|
|
"binding_name": "#offer_category_name"
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"bg@banner_fill": {
|
|
"size": [ "100% - 6px", "100% - 16px" ],
|
|
"offset": [ 1, 6 ],
|
|
"controls": [
|
|
{
|
|
"button_frame": {
|
|
"type": "panel",
|
|
"size": [ 30, "100%" ],
|
|
"anchor_from": "top_left",
|
|
"anchor_to": "top_left",
|
|
"controls": [
|
|
{
|
|
"@cycle_pack_left_button": {
|
|
"$pressed_button_name": "button.cycle_offer_left",
|
|
"size": [ "100% - 5px", "100% - 5px" ],
|
|
"anchor_from": "center",
|
|
"anchor_to": "center",
|
|
"bindings": [
|
|
{
|
|
"binding_type": "collection_details",
|
|
"binding_collection_name": "category_collection"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
}
|
|
},
|
|
{
|
|
"@store.offer_grid": {
|
|
}
|
|
},
|
|
{
|
|
"button_frame": {
|
|
"type": "panel",
|
|
"size": [ 30, "100%" ],
|
|
"anchor_from": "top_right",
|
|
"anchor_to": "top_right",
|
|
"controls": [
|
|
{
|
|
"@cycle_pack_right_button": {
|
|
"$pressed_button_name": "button.cycle_offer_right",
|
|
"size": [ "100% - 5px", "100% - 5px" ],
|
|
"anchor_from": "center",
|
|
"anchor_to": "center",
|
|
"bindings": [
|
|
{
|
|
"binding_type": "collection_details",
|
|
"binding_collection_name": "category_collection"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
},
|
|
|
|
"category_grid": {
|
|
"type": "grid",
|
|
"size": [ "100%", "default" ], // height is 'default' therefore based on 'size of children'
|
|
"anchor_from": "top_left",
|
|
"anchor_to": "top_left",
|
|
"grid_item_template": "store.category_grid_item",
|
|
"grid_dimension_binding": "#category_grid_dimensions",
|
|
"collection_name": "category_collection",
|
|
"bindings": [
|
|
{
|
|
"binding_name": "#category_grid_dimensions"
|
|
}
|
|
]
|
|
},
|
|
|
|
"scrolling_content_stack": {
|
|
"anchor_from": "top_middle",
|
|
"anchor_to": "top_middle",
|
|
"type": "stack_panel",
|
|
"controls": [
|
|
{
|
|
"@featured": {
|
|
"size": [ "100%", 90 ]
|
|
}
|
|
},
|
|
{
|
|
"@category_grid": {
|
|
"size": [ "100%", "default" ]
|
|
}
|
|
},
|
|
{
|
|
"footer": {
|
|
"type": "panel",
|
|
"visible" : "$requires_restore_button",
|
|
"size": [ "100%", 30 ],
|
|
"controls": [
|
|
{
|
|
"@restore_purchases": {
|
|
"size": [ "28%", 30 ]
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
]
|
|
},
|
|
|
|
"main_panel": {
|
|
"type": "input_panel",
|
|
"anchor_from": "top_left",
|
|
"anchor_to": "top_left",
|
|
"offset": [ 0, 0 ],
|
|
"size": [ "100%", "100%" ],
|
|
"controls": [
|
|
{
|
|
"offers@common.scrolling_panel": {
|
|
"anchor_from": "top_left",
|
|
"anchor_to": "top_left",
|
|
"$scrolling_pane_size": [ "100%", "100%" ],
|
|
"$scrolling_pane_offset": [ 0, 0 ],
|
|
"$scroll_track_size": [ 3, "100% - 4px" ],
|
|
"$scroll_track_offset": [ -2, 2 ],
|
|
"$scroll_box_size": [ "5px", "100% - 4px" ],
|
|
"$scroll_box_offset": [ -1, 2 ],
|
|
"$scroll_box_offset_touch": [ 0, 2 ],
|
|
"$scrolling_content": "store.scrolling_content_stack",
|
|
"$show_background": false,
|
|
"$bar_visible": false
|
|
}
|
|
}
|
|
]
|
|
},
|
|
|
|
"popup_dialog__no_store_connection@popup_dialog.popup_dialog": {
|
|
"$middle_button_press": "button.close_dialog",
|
|
"$message_text": "skins.buy.noConnection",
|
|
"$middle_button_text": "gui.ok",
|
|
"controls": [
|
|
{ "@popup_dialog.popup_dialog_bg": { } },
|
|
{ "@popup_dialog.popup_dialog_message": { } },
|
|
{ "@popup_dialog.popup_dialog_middle_button": { } }
|
|
]
|
|
},
|
|
|
|
"popup_dialog__restore_popup@popup_dialog.popup_dialog": {
|
|
"$middle_button_press": "button.close_dialog",
|
|
"$message_text": "store.restore.description",
|
|
"controls": [
|
|
{ "@popup_dialog.popup_dialog_bg": { } },
|
|
{ "@popup_dialog.popup_dialog_message": { } }
|
|
]
|
|
},
|
|
|
|
"popup_dialog__restore_failed@popup_dialog.popup_dialog": {
|
|
"$middle_button_press": "button.close_dialog",
|
|
"$message_text": "store.restore.failed",
|
|
"$middle_button_text": "gui.ok",
|
|
"controls": [
|
|
{ "@popup_dialog.popup_dialog_bg": { } },
|
|
{ "@popup_dialog.popup_dialog_message": {} },
|
|
{ "@popup_dialog.popup_dialog_middle_button": { } }
|
|
]
|
|
},
|
|
|
|
//--------------------------------------------------------------------------------
|
|
// Screen
|
|
//--------------------------------------------------------------------------------
|
|
|
|
"store_screen@common.base_screen": {
|
|
"button_mappings": [
|
|
{
|
|
"from_button_id": "button.menu_cancel",
|
|
"to_button_id": "button.menu_exit",
|
|
"mapping_type": "global"
|
|
},
|
|
{
|
|
"from_button_id": "button.menu_up",
|
|
"to_button_id": "button.menu_up",
|
|
"mapping_type": "global",
|
|
"scope": "view"
|
|
},
|
|
{
|
|
"from_button_id": "button.menu_down",
|
|
"to_button_id": "button.menu_down",
|
|
"mapping_type": "global",
|
|
"scope": "view"
|
|
},
|
|
{
|
|
"from_button_id": "button.menu_left",
|
|
"to_button_id": "button.menu_left",
|
|
"mapping_type": "global",
|
|
"scope": "view"
|
|
},
|
|
{
|
|
"from_button_id": "button.menu_right",
|
|
"to_button_id": "button.menu_right",
|
|
"mapping_type": "global",
|
|
"scope": "view"
|
|
}
|
|
],
|
|
"$default_text_color": [ 0.3, 0.3, 0.3 ],
|
|
"$screen_content": "store.store_screen_content"
|
|
},
|
|
|
|
"store_screen_content": {
|
|
"type": "panel",
|
|
"controls": [
|
|
{
|
|
"main_panel@realms_common.main_panel_no_bottom": {
|
|
"size": "$store_screen_size",
|
|
"offset": [ 0, 0 ],
|
|
"$text_name": "store.title",
|
|
"$child_control": "store.main_panel"
|
|
}
|
|
},
|
|
{
|
|
"popup_dialog_factory": {
|
|
"type": "factory",
|
|
"control_ids": {
|
|
"no_store_connection": "@store.popup_dialog__no_store_connection",
|
|
"restore_popup": "@popup_dialog__restore_popup",
|
|
"restore_failed": "@popup_dialog__restore_failed"
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|