<mvc:View
	controllerName="sap.ui.core.sample.ViewTemplate.scenario.Main"
	xmlns="sap.m"
	xmlns:ce="sap.ui.codeeditor"
	xmlns:core="sap.ui.core"
	xmlns:layout="sap.ui.layout"
	xmlns:mvc="sap.ui.core.mvc"
	>
	<layout:VerticalLayout width="inherit">
		<HBox alignItems="Center" wrap="Wrap">
			<Label class="sapUiSmallMarginEnd" design="Bold" labelFor="selectEntitySet"
				text="Select Entity Set"/>
			<Select class="sapUiSmallMarginEnd" change="onChangeType" id="selectEntitySet"
				items="{ui>/entitySet}" selectedKey="{ui>/selectedEntitySet}">
				<core:ListItem text="{ui>name}" key="{ui>name}"/>
			</Select>
			<Label class="sapUiSmallMarginEnd" design="Bold" labelFor="selectInstance"
				text="Select Instance"/>
			<Select class="sapUiSmallMarginEnd" id="selectInstance" change="onChangeInstance"
				selectedKey="{ui>/selectedInstance}">
				<!-- aggregation items is bound in controller  -->
			</Select>
			<Button enabled="false" icon="{ui>/icon}" tooltip="{ui>/iconTooltip}"
				type="Transparent"/>
			<ToggleButton id="toggleSourceCode" icon="sap-icon://syntax" press="onSourceCode"
				text="Source Code after Templating"/>
			<CheckBox selected="{ui>/bindTexts}" select="onChangeType" text="bindTexts"/>
			<!-- triggers XML templating! -->
		</HBox>
		<Panel class="sapUiResponsiveMargin" expandable="false"
			headerText="Source Code after Templating" visible="{ui>/bCodeVisible}" width="inherit">
			<ce:CodeEditor editable="false" height="500px" type="xml" value="{ui>/sCode}"/>
		</Panel>
		<layout:HorizontalLayout id="detailBox"/>
	</layout:VerticalLayout>
</mvc:View>
