/********************************************************
+*   (c) Mojang. All rights reserved                      *
+*   (c) Microsoft. All rights reserved.                  *
+*********************************************************/

{
  "namespace": "portfolio",


  //---------------------------------------------------------------------------
  // Common
  //---------------------------------------------------------------------------

  "dark_thin_button": {
    "type": "image",
    "nineslice_size": 4.0,
    "texture": "gui/newgui/play_screen/DarkButtonThinStroke1.png",
    "uv": [ 0, 0 ],
    "uv_size": [ 7, 7 ],
    "layer": 3
  },

  "screenshot": {
    "type": "image",
    "texture": "#screenshot_path",
    "layer": 4,
    "anchor_from": "center",
    "anchor_to": "center",

    "bindings": [
      {
        "binding_name": "#screenshot_path",
        "binding_type": "collection",
        "binding_collection_name": "photos"
      }
    ]
  },

  "screenshot_frame": {
    "type": "image",
    "texture": "gui/newgui/portfolio/screenshot_frame.png",
    "layer": 5,
    "anchor_from": "center",
    "anchor_to": "center",
    "nineslice_size": 0
  },

  "trash_default": {
    "type": "image",
    "texture": "gui/newgui/portfolio/trash_default.png",
    "uv": [ 0, 0 ],
    "uv_size": [ 11, 12 ]
  },

  "trash_hover": {
    "type": "image",
    "texture": "gui/newgui/portfolio/trash_hover.png",
    "uv": [ 0, 0 ],
    "uv_size": [ 11, 12 ]
  },

  "trash_pressed": {
    "type": "image",
    "texture": "gui/newgui/portfolio/trash_pressed.png",
    "uv": [ 0, 0 ],
    "uv_size": [ 11, 12 ]
  },

  "photo_trash_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,

    "size": [ 11, 12 ],
    "layer": 10,
    "default_control": "default",
    "hover_control": "hover",
    "pressed_control": "pressed",
    "anchor_from": "bottom_middle",
    "anchor_to": "bottom_middle",
    "controls": [
      {
        "default@trash_default": {
        }
      },
      {
        "hover@trash_hover": {
        }
      },
      {
        "pressed@trash_pressed": {
        }
      }
    ]
  },

  "photo_trash_button_left@photo_trash_button": {

    "offset": [ 58, -11 ],

    "anchor_from": "bottom_left",
    "anchor_to": "bottom_left",

    "bindings": [
      {
        "binding_name": "#trash_visibility_left",
        "binding_name_override": "#visible"
      }
    ],

    "button_mappings": [
      {
        "from_button_id": "button.menu_select",
        "to_button_id": "button.portfolio_delete_photo_left",
        "mapping_type": "pressed"
      }
    ]
  },

  "photo_trash_button_right@photo_trash_button": {

    "offset": [ -58, -11 ],

    "anchor_from": "bottom_right",
    "anchor_to": "bottom_right",

    "bindings": [
      {
        "binding_name": "#trash_visibility_right",
        "binding_name_override": "#visible"
      }
    ],

    "button_mappings": [
      {
        "from_button_id": "button.menu_select",
        "to_button_id": "button.portfolio_delete_photo_right",
        "mapping_type": "pressed"
      }
    ]
  },

  "photo_corner_bl": {
    "type": "image",
    "texture": "gui/newgui/portfolio/photo_corner_bl.png",
    "uv": [ 0, 0 ],
    "uv_size": [ 19, 19 ],
    "size": [ 19, 19 ],
    "offset": [ -1, 1 ],
    "layer": 10,
    "anchor_to": "bottom_left",
    "anchor_from": "bottom_left"
  },

  "photo_corner_br": {
    "type": "image",
    "texture": "gui/newgui/portfolio/photo_corner_br.png",
    "uv": [ 0, 0 ],
    "uv_size": [ 19, 19 ],
    "size": [ 19, 19 ],
    "offset": [ 1, 1 ],
    "layer": 10,
    "anchor_to": "bottom_right",
    "anchor_from": "bottom_right"
  },

  "photo_corner_tr": {
    "type": "image",
    "texture": "gui/newgui/portfolio/photo_corner_tr.png",
    "uv": [ 0, 0 ],
    "uv_size": [ 19, 19 ],
    "size": [ 19, 19 ],
    "offset": [ 1, -1 ],
    "layer": 10,
    "anchor_to": "top_right",
    "anchor_from": "top_right"
  },

  "photo_corner_tl": {
    "type": "image",
    "texture": "gui/newgui/portfolio/photo_corner_tl.png",
    "uv": [ 0, 0 ],
    "uv_size": [ 19, 19 ],
    "size": [ 19, 19 ],
    "offset": [ -1, -1 ],
    "layer": 10,
    "anchor_to": "top_left",
    "anchor_from": "top_left"
  },



  // **************************************************

  "text_edit_control@common.text_edit_box": {
    "anchor_from": "bottom_middle", // the parent
    "anchor_to": "bottom_middle", // this control
    "offset": [ 0, 0 ],
    "max_length": 1000, // use the parent area
    "constrain_to_rect": true,
    "$shadow": false,
    "$color": [ 0, 0, 0, 1 ],
    "$font_size": "small",
    "$wrap": false,
    "$alignment": "top_middle",
    "layer": 4,
    "size": [ "85%", "14%" ],

    "$use_place_holder": true,
    "$place_holder_text": "[ caption ]",
    "$place_holder_text_color": [ 0.5, 0.5, 0.5, 1 ],

    "$text_edit_box_content_binding_type": "collection",
    "$text_edit_box_grid_collection_name": "photos",
    "$text_box_name": "#text_box_photos"

    //,
    //"bindings": [
    //  {
    //    "binding_name": "#photo_text",
    //    "binding_name_override": "#item_name",
    //    "binding_type": "collection",
    //    "binding_collection_name": "photos"
    //  }
    //]
  },

  "photo_number": {
    "type": "label",
    "offset": [ 0, -24 ],
    "layer": 10,
    "size": [ 40, 30 ],
    "text": "#item_name",
    "color": [ 0.25, 0.25, 0.25, 1.0 ],
    "anchor_from": "top_middle",
    "anchor_to": "top_middle",
    "shadow": false,

    "bindings": [
      {
        "binding_name": "#photo_page_item_name",
        "binding_name_override": "#item_name",
        "binding_type": "collection",
        "binding_collection_name": "photos"
      }
    ]
  },

  "photo_item": {
    "type": "panel",
    "layer": 4,
    "anchor_from": "center",
    "anchor_to": "center",
    "size": [ 80, 80 ],
    "bindings": [
      {
        "binding_name": "#photo_visibility",
        "binding_name_override": "#visible",
        "binding_type": "collection",
        "binding_collection_name": "photos"
      }
    ],
    "controls": [
      { "@screenshot": { } },
      { "@screenshot_frame": { } },
      { "@text_edit_control": { } },
      { "@photo_number": { } },
      { "@photo_corner_bl": { } },
      { "@photo_corner_br": { } },
      { "@photo_corner_tl": { } },
      { "@photo_corner_tr": { } }
    ]
  },

  "photo_grid_item": {
    "type": "panel",
    "controls": [
      { "@photo_item": { } }
    ]
  },

  "photo_list_grid": {
    "type": "grid",
    "grid_item_template": "photo_grid_item",
    "grid_dimensions": [ 2, 1 ],
    "collection_name": "photos",
    "anchor_to": "center",
    "anchor_from": "center",
    "size": [ "100%", "100%" ]
  },
  // **************************************************


  // -----------------------------------------
  // Photo Page PREV
  // -----------------------------------------
  "prev_button_default": {
    "type": "image",
    "texture": "gui/newgui/portfolio/arrow_l_default.png",
    "uv": [ 0, 0 ],
    "uv_size": [ 7, 9 ]
  },

  "prev_button_hover": {
    "type": "image",
    "texture": "gui/newgui/portfolio/arrow_l_hover.png",
    "uv": [ 0, 0 ],
    "uv_size": [ 7, 9 ]
  },

  "prev_button_pressed": {
    "type": "image",
    "texture": "gui/newgui/portfolio/arrow_l_pressed.png",
    "uv": [ 0, 0 ],
    "uv_size": [ 7, 9 ]
  },

  "photo_page_prev_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,

    "size": [ 7, 9 ],
    "layer": 10,
    "anchor_from": "left_middle",
    "anchor_to": "left_middle",
    "offset": [ 9, 0 ],
    "default_control": "default",
    "hover_control": "hover",
    "pressed_control": "pressed",
    "default_focus_precedence": 1,
    "bindings": [
      {
        "binding_name": "#page_prev_visibility",
        "binding_name_override": "#visible"
      }
    ],
    "button_mappings": [
      {
        "from_button_id": "button.menu_select",
        "to_button_id": "button.portfolio_page_prev",
        "mapping_type": "pressed"
      },
      {
        "from_button_id": "button.menu_ok",
        "to_button_id": "button.portfolio_page_prev",
        "mapping_type": "focused"
      }
    ],
    "controls": [
      { "default@prev_button_default": { } },
      { "hover@prev_button_hover": { } },
      { "pressed@prev_button_pressed": { } }
    ]
  },

  "old_photo_page_prev_button@common-classic.button": {
    "anchor_from": "left_middle",
    "anchor_to": "left_middle",
    "size": [ 15, 20 ],
    "offset": [ 3, 0 ],
    "bindings": [
      {
        "binding_name": "#page_prev_visibility",
        "binding_name_override": "#visible",
        "binding_type": "collection",
        "binding_collection_name": "photos"
      }
    ],

    "button_mappings": [
      {
        "from_button_id": "button.menu_select",
        "to_button_id": "button.portfolio_page_prev",
        "mapping_type": "pressed"
      },
      {
        "from_button_id": "button.menu_ok",
        "to_button_id": "button.portfolio_page_prev",
        "mapping_type": "focused"
      }
    ],
    "controls": [
      {
        "default@common-classic.button_state_default": {
          "controls": [ { "@common.button_text": { "text": "<" } } ]
        }
      },
      {
        "hover@common-classic.button_state_hover": {
          "controls": [
            {
              "@common.button_text": {
                "text": "<",
                "color": [ 1.0, 1.0, 0.2 ]
              }
            }
          ]
        }
      },
      {
        "pressed@common-classic.button_state_pressed": {
          "controls": [
            {
              "@common.button_text": {
                "text": "<",
                "color": [ 1.0, 1.0, 0.2 ],
                "alpha": 0.65
              }
            }
          ]
        }
      }
    ]
  },


  // -----------------------------------------
  // Photo Page NEXT
  // -----------------------------------------
  "next_button_default": {
    "type": "image",
    "texture": "gui/newgui/portfolio/arrow_r_default.png",
    "uv": [ 0, 0 ],
    "uv_size": [ 7, 9 ]
  },

  "next_button_hover": {
    "type": "image",
    "texture": "gui/newgui/portfolio/arrow_r_hover.png",
    "uv": [ 0, 0 ],
    "uv_size": [ 7, 9 ]
  },

  "next_button_pressed": {
    "type": "image",
    "texture": "gui/newgui/portfolio/arrow_r_pressed.png",
    "uv": [ 0, 0 ],
    "uv_size": [ 7, 9 ]
  },

  "photo_page_next_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,

    "size": [ 7, 9 ],
    "layer": 1,
    "anchor_from": "right_middle",
    "anchor_to": "right_middle",
    "offset": [ -9, 0 ],
    "default_control": "default",
    "hover_control": "hover",
    "pressed_control": "pressed",
    "default_focus_precedence": 2,
    "bindings": [
      {
        "binding_name": "#page_next_visibility",
        "binding_name_override": "#visible"
      }
    ],
    "button_mappings": [
      {
        "from_button_id": "button.menu_select",
        "to_button_id": "button.portfolio_page_next",
        "mapping_type": "pressed"
      },
      {
        "from_button_id": "button.menu_ok",
        "to_button_id": "button.portfolio_page_next",
        "mapping_type": "focused"
      }
    ],
    "controls": [
      { "default@next_button_default": { } },
      { "hover@next_button_hover": { } },
      { "pressed@next_button_pressed": { } }
    ]
  },


  //---------------------------------------------------------------------------
  // EXPORT SHOTS
  //---------------------------------------------------------------------------
  "export_button_default": {
    "type": "image",
    "texture": "gui/newgui/portfolio/grey_button_default.png",
    "nineslice_size": 2.0,
    "uv": [ 0, 0 ],
    "uv_size": [ 7, 7 ]
  },

  "export_button_hover": {
    "type": "image",
    "texture": "gui/newgui/portfolio/grey_button_hover.png",
    "nineslice_size": 2.0,
    "uv": [ 0, 0 ],
    "uv_size": [ 7, 7 ]
  },

  "export_button_pressed": {
    "type": "image",
    "texture": "gui/newgui/portfolio/grey_button_pressed.png",
    "nineslice_size": 2.0,
    "uv": [ 0, 0 ],
    "uv_size": [ 7, 7 ]
  },

  "export_text@common.button_text": {
    "text": "Export Portfolio",
    "color": [ 0.25, 0.25, 0.25, 1.0 ],
    "shadow": false,
    "offset": [ 0, 1 ],
    "anchor_from": "center",
    "anchor_to": "center"
  },

  "export_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,

    "size": [ 100, 18 ],
    "layer": 10,
    "anchor_from": "bottom_middle",
    "anchor_to": "bottom_middle",
    "offset": [ 0, 20 ],
    "default_control": "default",
    "hover_control": "hover",
    "pressed_control": "pressed",
    "button_mappings": [
      {
        "from_button_id": "button.menu_select",
        "to_button_id": "button.portfolio_export",
        "mapping_type": "pressed"
      },
      {
        "from_button_id": "button.menu_ok",
        "to_button_id": "button.portfolio_export",
        "mapping_type": "focused"
      }
    ],
    "bindings": [
      {
        "binding_name": "#export_visibility",
        "binding_name_override": "#visible"
      }
    ],
    "controls": [
      {
        "default@export_button_default": {
          "controls": [ { "@export_text": { } } ]
        }
      },
      {
        "hover@export_button_hover": {
          "controls": [ { "@export_text": { } } ]
        }
      },
      {
        "pressed@export_button_pressed": {
          "controls": [ { "@export_text": { "offset": [ 1, 2 ] } } ]
        }
      }
    ]
  },




  //---------------------------------------------------------------------------
  // Background
  //---------------------------------------------------------------------------
  "book_binding": {
    "type": "image",
    "texture": "gui/newgui/portfolio/book_binding.png",
    "layer": 0,
    "uv": [ 0, 0 ],
    "uv_size": [ 5, 2 ],
    "anchor_from": "top_middle",
    "anchor_to": "top_middle",
    "offset": [ 0, 7 ],
    "size": [ 5, 115 ],
    "size": [ 5, 115 ],
    "nineslice_size": [ 0, 0, 0, 1 ]
  },

  "book_spine": {
    "type": "image",
    "texture": "gui/newgui/portfolio/book_spine.png",
    "layer": 2,
    "uv": [ 0, 0 ],
    "uv_size": [ 7, 1 ]
  },

  "book_background": {
    "type": "image",
    "texture": "gui/newgui/portfolio/book_frame.png",
    "layer": 0,
    "uv": [ 0, 0 ],
    "nineslice_size": 21.0,
    "anchor_from": "center",
    "anchor_to": "center",
    "controls": [
      { "@book_binding": { } },
      {
        "top_spine@book_spine": {
          "anchor_from": "top_middle",
          "anchor_to": "top_middle",
          "offset": [ 0, 1 ],
          "size": [ 7, 6 ]
        }
      },
      {
        "bottom_spine@book_spine": {
          "anchor_from": "bottom_middle",
          "anchor_to": "bottom_middle",
          "offset": [ 0, -1 ],
          "size": [ 7, 7 ]
        }
      }
    ]
  },


  "header_panel": {
    "type": "panel",
    "size": [ "100%", "27px" ],
    "anchor_from": "top_left",
    "anchor_to": "top_left",
    "controls": [
      {
        "header_background": {
          "type": "image",
          "nineslice_size": [ 3, 3, 3, 6 ],
          "texture": "gui/newgui/TopBar.png",
          "uv": [ 0, 0 ],
          "uv_size": [ 5, 8 ]
        }
      }
    ]
  },


  "close_button_default": {
    "type": "image",
    "texture": "gui/newgui/portfolio/x_default.png",
    "uv": [ 0, 0 ],
    "uv_size": [ 7, 7 ]
  },

  "close_button_hover": {
    "type": "image",
    "texture": "gui/newgui/portfolio/x_hover.png",
    "uv": [ 0, 0 ],
    "uv_size": [ 7, 7 ]
  },

  "close_button_pressed": {
    "type": "image",
    "texture": "gui/newgui/portfolio/x_pressed.png",
    "uv": [ 0, 0 ],
    "uv_size": [ 7, 7 ]
  },

  "close_button": {
    "type": "button",
    "size": [ 7, 7 ],
    "layer": 1,
    "anchor_from": "top_right",
    "anchor_to": "top_right",
    "offset": [ -12, 10 ],
    "default_control": "default",
    "hover_control": "hover",
    "pressed_control": "pressed",
    "focus_enabled": false,
    "button_mappings": [
      {
        "from_button_id": "button.menu_select",
        "to_button_id": "button.menu_exit",
        "mapping_type": "pressed"
      },
      {
        "from_button_id": "button.menu_ok",
        "to_button_id": "button.menu_exit",
        "mapping_type": "focused"
      }
    ],
    "controls": [
      { "default@close_button_default": { } },
      { "hover@close_button_hover": { } },
      { "pressed@close_button_pressed": { } }
    ]
  },


  // -----------------------------------------------
  //
  //    screen
  //
  // -----------------------------------------------

  // Root panel all others parented to
  "root_panel": {
    "type": "panel",
    "size": [ 250, 130 ],
    "layer": 1,
    "anchor_from": "center",
    "anchor_to": "center"
  },

  "portfolio_screen@common.base_screen": {
    "button_mappings": [
      {
        "from_button_id": "button.menu_cancel",
        "mapping_type": "global"
      },
      {
        "from_button_id": "button.menu_up",
        "mapping_type": "global",
        "scope": "view"
      },
      {
        "from_button_id": "button.menu_down",
        "mapping_type": "global",
        "scope": "view"
      },
      {
        "from_button_id": "button.menu_left",
        "mapping_type": "global",
        "scope": "view"
      },
      {
        "from_button_id": "button.menu_right",
        "mapping_type": "global",
        "scope": "view"
      },
      {
        "from_button_id": "button.menu_cancel",
        "to_button_id": "button.menu_exit",
        "mapping_type": "global"
      }
    ],
    "$screen_content": "portfolio.portfolio_screen_content"
  },

  "portfolio_screen_content": {
    "type": "panel",
    "controls": [
      {
        "@root_panel": {
          "layer": 1,
          "anchor_from": "center",
          "anchor_to": "center",
          "offset": [ 0, -11 ],

          "controls": [

            { "@book_background": { "layer": 1 } },

            { "@close_button": { "offset": [ -10, 10 ] } },

            { "@photo_list_grid": { } },

            { "@photo_trash_button_left": { } },
            { "@photo_trash_button_right": { } },

            { "@photo_page_prev_button": { } },
            { "@photo_page_next_button": { } },

            { "@export_button": { } }
          ]
        }
      }
    ]
  }
}