<mvc:View controllerName="appUnderTest.view.Main"
	xmlns="sap.m"
	xmlns:form="sap.ui.layout.form"
	xmlns:core="sap.ui.core"
	xmlns:mvc="sap.ui.core.mvc"
	xmlns:dnd="sap.ui.core.dnd"
	xmlns:l="sap.ui.layout">
	<App id="myApp">
		<Page id="firstPage">
			<headerContent>
				<Button id="navigationButton"
						busy="true"
						busyIndicatorDelay="0"
						press="onNavButtonPress"
						text="I navigate to a secondPage"/>
			</headerContent>
			<content>
				<OverflowToolbar id="toolbar-fit" width="600px">
					<Button text="Always Visible" press="onToolbarButtonPress">
						<layoutData>
							<OverflowToolbarLayoutData priority="NeverOverflow"/>
						</layoutData>
					</Button>
					<Button text="Mostly Visible" press="onToolbarButtonPress">
						<layoutData>
							<OverflowToolbarLayoutData priority="High"/>
						</layoutData>
					</Button>
					<Button text="Should Overflow" press="onToolbarButtonPress">
						<layoutData>
							<OverflowToolbarLayoutData priority="Low"/>
						</layoutData>
					</Button>
				</OverflowToolbar>
				<OverflowToolbar id="toolbar-overflow" width="300px">
					<Button text="Always Visible" press="onToolbarButtonPress">
						<layoutData>
							<OverflowToolbarLayoutData priority="NeverOverflow"/>
						</layoutData>
					</Button>
					<Button text="Mostly Visible" press="onToolbarButtonPress">
						<layoutData>
							<OverflowToolbarLayoutData priority="High"/>
						</layoutData>
					</Button>
					<Button text="Overflowing" press="onToolbarButtonPress">
						<layoutData>
							<OverflowToolbarLayoutData priority="Low"/>
						</layoutData>
					</Button>
				</OverflowToolbar>
				<Text id="toolbar-text" text="Press a button in the toolbar to change this text" />
				<Text text="Opa5 is waiting until controls are interactable (not busy) before executing actions.
				When you want to trigger a Press on a certain domref you may specify the idSuffix for example 'mode' will trigger the delete."/>
				<List
					id="productList"
					items="{deleteModeListModel>/ProductCollection}"
					mode="Delete"
					delete="onDelete"
					includeItemInSelection="true"
					headerText="Product List - delete mode">
					<StandardListItem
						title="{deleteModeListModel>Name}"
						description="{deleteModeListModel>ProductId}"/>
				</List>
			</content>
		</Page>
		<Page id="secondPage"
			  showNavButton="true"
			  navButtonPress="onBack">
			<Text text="Some controls like the sap.m.Page will trigger their Press on a specific region. In this case the back button."/>
			<form:SimpleForm
					editable="true"
					title="Address"
					class="editableForm"
					layout="ColumnLayout"
					id="myForm">
				<Label text="Name" />
				<Input showSuggestion="true">
					<suggestionItems>
						<core:Item text="John" key="John"/>
						<core:Item text="Jonathan" key="Jonathan"/>
						<core:Item text="Joey" key="Joey"/>
					</suggestionItems>
				</Input>
				<Label text="Street/No." />
				<Input >
				</Input>
				<Input>
				</Input>
				<Label text="ZIP Code/City" />
				<Input>
				</Input>
				<Input/>
				<Label text="Country"/>
				<Select id="mySelect">
					<core:Item text="England" key="England"/>
					<core:Item text="Germany" key="Germany"/>
					<core:Item text="USA" key="USA"/>
				</Select>
			</form:SimpleForm>
			<Label text="MultiInput with tokens" labelFor="multiInput1"/>
			<MultiInput id="multiInput1" width="100%" showValueHelp="false"/>
			<Slider id="slider"/>
			<Button text="Press here to trigger a press on the page" press="onPressPage"/>
			<Button text="Press here to open a popover" press="onPressOpenPopover"/>
			<List
				id="productListReorder"
				items="{orderedListModel>/ProductCollection}"
				headerText="Product List - reorder">
				<StandardListItem
					title="{orderedListModel>Name}"
					description="{orderedListModel>ProductId}"/>
				<dragDropConfig>
					<dnd:DragDropInfo
						sourceAggregation="items"
						targetAggregation="items"
						dropPosition="Between"
						dragStart="onDragStart"
						drop="onDrop"/>
				</dragDropConfig>
			</List>
		</Page>
	</App>
</mvc:View>
