bedrock-samples/resource_pack/ui/cloud_upload_screen.json

{
  "namespace": "cloud_upload",

  "cloud_upload_screen@progress.progress_screen": {
    "$screen_content": "cloud_upload.screen_content",
    "$cloud_upload_progress_screen_size": [ 290, 200 ],
    "force_render_below": false,
    "should_be_skipped_during_automation": true
  },

  "screen_content": {
    "type": "panel",
    "controls": [
      {
        "main_content": {
          "type": "panel",
          "size": "$cloud_upload_progress_screen_size",
          "controls": [
            {
              "common_panel@common.common_panel": {
                "$dialog_background": "dialog_background_hollow_2",
                "$fill_alpha": 1,
                "$show_close_button": false
              }
            },
            {
              "progress_title_text@progress.progress_title_text": {
                "color": "$title_text_color",
                "anchor_from": "top_middle",
                "anchor_to": "top_middle",
                "offset": [ 0, 8 ]
              }
            },
            {
              "inner_content": {
                "type": "panel",
                "anchor_from": "top_left",
                "anchor_to": "top_left",
                "size": [ "100%-12px", "100%-12px" ],
                "offset": [ 6, 6 ],
                "controls": [
                  {
                    "description_stack@common.tts_label_focus_wrapper": {
                      "anchor_from": "top_middle",
                      "anchor_to": "top_middle",
                      "offset": [ 0, 20 ],
                      "$tts_label_panel": "cloud_upload.description_stack"
                    }
                  },
                  {
                    "progress_loading_bars@progress.progress_loading_bars": {
                      "anchor_from": "bottom_middle",
                      "anchor_to": "bottom_middle",
                      "offset": [ 0, -50 ]
                    }
                  },
                  {
                    "cancel@cloud_upload.cancel_button": {
                      "size": [ "100%", 30 ],
                      "anchor_from": "bottom_middle",
                      "anchor_to": "bottom_middle"
                    }
                  }
                ]
              }
            }
          ],
          "bindings": [
            {
              "binding_name": "#upload_in_progress",
              "binding_name_override": "#visible",
              "binding_condition": "always"
            }
          ]
        }
      },
      {
        "popup_dialog_factory": {
          "type": "factory",
          "control_ids": {
            "terms_and_conditions": "terms_and_conditions@cloud_upload.terms_and_conditions",
            "upload_failed_retryable": "upload_failed_retryable@cloud_upload.upload_failed_retryable",
            "upload_failed": "upload_failed@cloud_upload.upload_failed",
            "upload_succeeded": "upload_succeeded@cloud_upload.upload_succeeded"
          }
        }
      }
    ]
  },

  "description_stack": {
    "type": "stack_panel",
    "size": [ "100% - 12px", "100%c" ],
    "orientation": "vertical",
    "controls": [
      {
        "description_1@cloud_upload.label": {
          "text": "cloud_upload.uploading.description_1",
          "size": [ "100%", "default" ]
        }
      },
      {
        "padding_1": {
          "type": "panel",
          "size": [ 0, 14 ]
        }
      },
      {
        "description_2@cloud_upload.label": {
          "text": "cloud_upload.uploading.description_2",
          "size": [ "100%", "default" ]
        }
      }
    ]
  },

  "label": {
    "type": "label",
    "size": [ "100% - 4px", "default" ],
    "font_type": "smooth",
    "line_padding": 1.5,
    "color": "$body_text_color"
  },

  "button@common_buttons.light_text_button": {
    "layer": 101,
    "size": [ "40%", "20%" ]
  },

  "close_button@cloud_upload.button": {
    "size": "$button_size",
    "$pressed_button_name": "button.close",
    "$button_text": "gui.close"
  },

  "cancel_button@cloud_upload.button": {
    "size": "$button_size",
    "$pressed_button_name": "button.cancel",
    "$button_text": "gui.cancel"
  },

  "retry_button@cloud_upload.button": {
    "size": "$button_size",
    "$pressed_button_name": "button.retry",
    "$button_text": "gui.tryAgain"
  },

  "service_agreement_button@common_buttons.hyperlink_button": {
    "$button_text": "cloud_upload.button.service_agreement",
    "property_bag": {
      "#hyperlink": "https://aka.ms/msa"
    }
  },

  "privacy_statement_button@common_buttons.hyperlink_button": {
    "$button_text": "cloud_upload.button.privacy_statement",
    "property_bag": {
      "#hyperlink": "https://aka.ms/privacy"
    }
  },

  "upload_world_button@cloud_upload.button": {
    "$pressed_button_name": "button.upload_world",
    "$button_text": "#upload_button_text",
    "$button_text_binding_type": "global",
    "bindings": [
      {
        "binding_name": "#cloud_upload_terms_accepted",
        "binding_name_override": "#enabled",
        "binding_condition": "always_when_visible"
      }
    ]
  },

  "terms_and_conditions_description@cloud_upload.label": {
    "text": "cloud_upload.terms.description"
  },

  "terms_checkbox@common.checkbox": {
    "anchor_from": "top_left",
    "anchor_to": "top_left",
    "$toggle_name": "cloud_upload_terms_accepted",
    "$toggle_state_binding_name": "#cloud_upload_terms_accepted",
    "$toggle_label_text|default": "cloud_upload.toggle.accept_terms",

    "tts_control_type_order_priority": 100,
    "tts_value_order_priority": 101,
    "$toggle_enabled_binding_type": "global",

    "controls": [
      {
        "header_description_stack_panel": {
          "type": "stack_panel",
          "orientation": "horizontal",
          "size": [ "100%", "100%" ],
          "anchor_from": "top_left",
          "anchor_to": "top_left",

          "controls": [
            {
              "checkbox_visuals@common.toggle_visuals": {
                "size": [ 30, "100%" ],
                "anchor_from": "left_middle",
                "anchor_to": "left_middle"
              }
            },
            {
              "buffer_panel": {
                "type": "panel",
                "layer": 3,
                "size": [ "fill", "100%" ],
                "controls": [
                  {
                    "label": {
                      "type": "label",
                      "color": "$light_button_default_text_color",
                      "text": "$toggle_label_text",
                      "size": [ "default", "default" ],
                      "anchor_from": "center",
                      "anchor_to": "center"
                    }
                  }
                ]
              }
            },
            {
              "another_panel": {
                "type": "panel",
                "size": [ 30, "100%" ]
              }
            }
          ]
        }
      }
    ]
  },

  "terms_bottom_panel": {
    "type": "panel",
    "controls": [
      {
        "cloud_upload_service_agreement_button@cloud_upload.service_agreement_button": {
          "size": [ "50% - 2px", 30 ],
          "anchor_from": "bottom_left",
          "anchor_to": "bottom_left"
        }
      },
      {
        "cloud_upload_privacy_statement@cloud_upload.privacy_statement_button": {
          "size": [ "50% - 2px", 30 ],
          "anchor_from": "bottom_right",
          "anchor_to": "bottom_right"
        }
      }
    ]
  },

  "terms_and_conditions@common_dialogs.main_panel_three_buttons": {
    "size": [ 300, 200 ],
    "$fill_alpha": 1,

    "layer": 101,
    "$text_name": "cloud_upload.terms.title",
    "$description_text": "cloud_upload.terms.description",
    "$tts_label_panel": "cloud_upload.terms_and_conditions_description",

    "$child_control": "cloud_upload.scrolling_child",
    "$scrolling_content": "common.tts_label_focus_wrapper",
    "$top_button_panel": "cloud_upload.terms_checkbox",
    "$middle_button_panel": "cloud_upload.upload_world_button",
    "$bottom_button_panel": "cloud_upload.terms_bottom_panel"
  },

  "failed_description@cloud_upload.label": {
    "text": "#upload_failed_description",
    "bindings": [
      {
        "binding_name": "#upload_failed_description"
      }
    ]
  },

  "failed_retryable_description@cloud_upload.label": {
    "text": "#upload_failed_retryable_description",
    "bindings": [
      {
        "binding_name": "#upload_failed_retryable_description"
      }
    ]
  },

  "upload_failed_retryable@common_dialogs.main_panel_two_buttons": {
    "size": [ 300, 200 ],
    "$fill_alpha": 1,
    "$show_close_button": false,

    "layer": 101,
    "$text_name": "cloud_upload.title",
    "$description_text": "cloud_upload.failed_retryable_description",
    "$button_size": [ "100%", 30 ],

    "$child_control": "cloud_upload.scrolling_child",
    "$scrolling_content": "common.tts_label_focus_wrapper",
    "$top_button_panel": "cloud_upload.retry_button",
    "$bottom_button_panel": "cloud_upload.close_button",
    "$tts_label_panel": "cloud_upload.failed_retryable_description"
  },

  "upload_failed@common_dialogs.main_panel_one_button": {
    "size": [ 300, 200 ],
    "$fill_alpha": 1,
    "$show_close_button": false,

    "layer": 101,
    "$text_name": "cloud_upload.title",
    "$description_text": "cloud_upload.failed_description",
    "$button_size": [ "100%", 30 ],

    "$child_control": "cloud_upload.scrolling_child",
    "$scrolling_content": "common.tts_label_focus_wrapper",
    "$button_panel": "cloud_upload.close_button",
    "$tts_label_panel": "cloud_upload.failed_description"
  },

  "succeeded_description@cloud_upload.label": {
    "text": "cloud_upload.succeeded.description"
  },

  "upload_succeeded@common_dialogs.main_panel_one_button": {
    "size": [ 300, 200 ],
    "$fill_alpha": 1,
    "$show_close_button": false,

    "layer": 101,
    "$text_name": "cloud_upload.title",
    "$description_text": "cloud_upload.succeeded.description",
    "$button_size": [ "100%", 30 ],

    "$child_control": "cloud_upload.scrolling_child",
    "$scrolling_content": "common.tts_label_focus_wrapper",
    "$button_panel": "cloud_upload.close_button",
    "$tts_label_panel": "cloud_upload.succeeded_description"
  },

  "scrolling_child": {
    "type": "panel",
    "controls": [
      {
        "scrolling_panel@common.scrolling_panel": {
          "$scrolling_pane_size": [ "100% - 1px", "100% - 2px" ],
          "$scroll_view_port_size": [ "100% - 4px", "100% - 4px" ],
          "$scroll_view_port_offset": [ 3, 2 ],
          "$scroll_size": [ 5, "100% - 2px" ],
          "$show_background": false
        }
      }
    ]
  }
}