<mvc:View
	controllerName="sap.ui.demokit.explored.view.entity"
	xmlns:l="sap.ui.layout"
	xmlns:mvc="sap.ui.core.mvc"
	xmlns:core="sap.ui.core"
	xmlns:f="sap.ui.layout.form"
	xmlns="sap.m">
	<Page
		title="Entity"
		class="sapUiFioriObjectPage"
		navButtonPress="onNavBack"
		id="page">
		<landmarkInfo>
			<PageAccessibleLandmarkInfo rootRole="Region" rootLabel="Details" headerRole="Region" headerLabel="Header" contentRole="Main" contentLabel="Content"></PageAccessibleLandmarkInfo>
		</landmarkInfo>
		<headerContent>
			<Button
			    id="toggleFullScreenBtn"
				class="sapUiHideOnPhone"
				icon="sap-icon://full-screen"
				tooltip="{i18n>sampleFullScreenTooltip}"
				press="onToggleFullScreen" />
		</headerContent>

		<ObjectHeader
			id="entityHeader"
			title="{/name}"
			responsive="true"
			backgroundDesign="Translucent"
			number="{/deprecatedMark}"
			numberState="Warning"
			intro="{/shortDescription}"
			introActive="{/show/introLink}"
			introPress="onIntroLinkPress">

			<attributes>
				<ObjectAttribute
					title="Application Component"
					text="{/appComponent}" />
				<ObjectAttribute
					title="Available Since"
					text="{entity>since}" />
				<ObjectAttribute
					title="Inherits from"
					text="{/baseTypeText}"
					active="{/baseTypeNav}"
					press="onTypeLinkPress" >
					<customData>
						<core:CustomData key="type" value="{/baseType}" />
					</customData>
				</ObjectAttribute>
				<ObjectAttribute
					title="Content Density"
					text="{entity>formFactors}" />
				<ObjectAttribute
					title="Category"
					text="{entity>category}" />
			</attributes>

			<headerContainer>


				<IconTabBar
					id="tabBar"
					expanded="{device>/isNoPhone}"
					select="onTabSelect"
					upperCase="true"
					class="sapUiResponsiveContentPadding">
					<items>

						<IconTabFilter
							key="about"
							text="About"
							visible="{/show/about}" >
							<core:HTML content="{/description}" />
							<Table
								class="myTable"
								visible="{/show/values}"
								showSeparators="Inner"
								fixedLayout="false"
								items="{/values}" >
								<columns>
									<Column><Label text="Name" /></Column>
									<Column minScreenWidth="Tablet" demandPopin="true" popinDisplay="WithoutHeader"><Label text="Description" /></Column>
								</columns>
								<items>
									<ColumnListItem>
										<cells>
											<Text text="{name}" class="docuKey" wrapping="false" />
											<Text text="{doc}" />
										</cells>
									</ColumnListItem>
								</items>
							</Table>
						</IconTabFilter>

						<IconTabFilter
							key="samples"
							count="{/count/samples}"
							text="Samples"
							visible="{/show/samples}" >
							<Table
								class="myTable"
								id="table"
								items="{entity>samples}"
								fixedLayout="false"
								showSeparators="Inner" >
								<columns>
									<Column><Label text="Name" /></Column>
									<Column minScreenWidth="Tablet"><Label text="Description" /></Column>
								</columns>
								<items>
									<ColumnListItem type="Navigation" press="onNavToSample" vAlign="Middle">
										<cells>
											<Text text="{entity>name}" class="entitySampleName" wrapping="false" />
											<core:HTML content="{path: 'entity>description', formatter:'.descriptionText'}" sanitizeContent="true"></core:HTML>
										</cells>
									</ColumnListItem>
								</items>
							</Table>
						</IconTabFilter>

						<IconTabFilter
							key="properties"
							text="Properties"
							count="{/count/properties}"
							visible="{/show/properties}" >
							<Table
								class="myTable"
								showSeparators="Inner"
								fixedLayout="false"
								width=""
								items="{
									path:'/properties',
									sorter: {
										path: 'name',
										descending: false
									}
								}" >
								<columns>
									<Column><Label text="Name" /></Column>
									<Column><Label text="Type" /></Column>
									<Column><Label text="Default" /></Column>
									<Column minScreenWidth="Tablet" demandPopin="true" popinDisplay="WithoutHeader"><Label text="Description" /></Column>
									<Column minScreenWidth="Tablet" demandPopin="false"><Label text="Since" /></Column>
								</columns>
								<items>
									<ColumnListItem>
										<cells>
											<Text text="{name}" class="docuKey" wrapping="false">
												<customData>
													<core:CustomData writeToDom="true" key="deprecated" value="{deprecated}" />
												</customData>
											</Text>
											<Link text="{typeText}" enabled="{typeNav}" press="onTypeLinkPress">
												<customData>
													<core:CustomData key="type" value="{type}" />
												</customData>
											</Link>
											<Text text="{defaultValue}" wrapping="false" />
											<l:VerticalLayout>
												<core:HTML content="{doc}" />
												<ObjectStatus
													text="{deprecatedDescription}"
													state="Warning"	/>
											</l:VerticalLayout>
											<Label text="{since}" />
										</cells>
									</ColumnListItem>
								</items>
							</Table>
						</IconTabFilter>

						<IconTabFilter
							key="aggregations"
							text="Aggregations"
							count="{/count/aggregations}"
							visible="{/show/aggregations}" >
							<Table
								class="myTable"
								showSeparators="Inner"
								fixedLayout="false"
								items="{
									path:'/aggregations',
									sorter: {
										path: 'name',
										descending: false
									}
								}" >
								<columns>
									<Column><Label text="Name" /></Column>
									<Column><Label text="Cardinality" /></Column>
									<Column><Label text="Type" /></Column>
									<Column minScreenWidth="Tablet" demandPopin="true" popinDisplay="WithoutHeader"><Label text="Description" /></Column>
									<Column minScreenWidth="Tablet" demandPopin="false"><Label text="Since" /></Column>
								</columns>
								<items>
									<ColumnListItem>
										<cells>
											<Text text="{name}" class="docuKey" wrapping="false">
												<customData>
													<core:CustomData writeToDom="true" key="deprecated" value="{deprecated}" />
												</customData>
											</Text>

											<Text text="{cardinality}" wrapping="false" />
											<Link text="{typeText}" enabled="{typeNav}" press="onTypeLinkPress">
												<customData>
													<core:CustomData key="type" value="{type}" />
												</customData>
											</Link>
											<l:VerticalLayout>
												<core:HTML content="{doc}" />
												<ObjectStatus
													text="{deprecatedDescription}"
													state="Warning"	/>
											</l:VerticalLayout>
											<Label text="{since}" />
										</cells>
									</ColumnListItem>
								</items>
							</Table>
						</IconTabFilter>

						<IconTabFilter
							key="associations"
							text="Associations"
							count="{/count/associations}"
							visible="{/show/associations}" >
							<Table
								class="myTable"
								showSeparators="Inner"
								fixedLayout="false"
								items="{
									path:'/associations',
									sorter: {
										path: 'name',
										descending: false
									}
								}" >
								<columns>
									<Column><Label text="Name" /></Column>
									<Column><Label text="Cardinality" /></Column>
									<Column><Label text="Type" /></Column>
									<Column minScreenWidth="Tablet" demandPopin="true" popinDisplay="WithoutHeader"><Label text="Description" /></Column>
									<Column minScreenWidth="Tablet" demandPopin="false"><Label text="Since" /></Column>
								</columns>
								<items>
									<ColumnListItem>
										<cells>
											<Text text="{name}" class="docuKey" wrapping="false">
												<customData>
													<core:CustomData writeToDom="true" key="deprecated" value="{deprecated}" />
												</customData>
											</Text>
											<Text text="{cardinality}" wrapping="false" />
											<Link text="{typeText}" enabled="{typeNav}" press="onTypeLinkPress">
												<customData>
													<core:CustomData key="type" value="{type}" />
												</customData>
											</Link>
											<l:VerticalLayout>
												<core:HTML content="{doc}" />
												<ObjectStatus
													text="{deprecatedDescription}"
													state="Warning"	/>
											</l:VerticalLayout>
											<Label text="{since}" />
										</cells>
									</ColumnListItem>
								</items>
							</Table>
						</IconTabFilter>

						<IconTabFilter
							key="events"
							text="Events"
							count="{/count/events}"
							visible="{/show/events}" >
							<Table
								class="myTable"
								showSeparators="Inner"
								fixedLayout="false"
								items="{/events}" >
								<columns>
									<Column><Label text="Name" /></Column>
									<Column><Label text="Param" /></Column>
									<Column><Label text="Type" /></Column>
									<Column minScreenWidth="Tablet" demandPopin="true" popinDisplay="WithoutHeader"><Label text="Description" /></Column>
									<Column minScreenWidth="Tablet" demandPopin="false"><Label text="Since" /></Column>
								</columns>
								<items>
									<ColumnListItem>
										<cells>
											<Text text="{name}" class="docuKey" wrapping="false">
												<customData>
													<core:CustomData writeToDom="true" key="deprecated" value="{deprecated}" />
												</customData>
											</Text>
											<Text text="{param}" class="docuParam" wrapping="false" />
											<Link text="{typeText}" enabled="{typeNav}" press="onTypeLinkPress">
												<customData>
													<core:CustomData key="type" value="{type}" />
												</customData>
											</Link>
											<l:VerticalLayout>
												<core:HTML content="{doc}" />
												<ObjectStatus
													text="{deprecatedDescription}"
													state="Warning"	/>
											</l:VerticalLayout>
											<Label text="{since}" />
										</cells>
									</ColumnListItem>
								</items>
							</Table>
						</IconTabFilter>

						<IconTabFilter
							key="methods"
							text="Methods"
							count="{/count/methods}"
							visible="{/show/methods}" >
							<Table
								class="myTable"
								showSeparators="Inner"
								fixedLayout="false"
								items="{/methods}" >
								<columns>
									<Column><Label text="Name" /></Column>
									<Column width="15%"><Label text="Param" /></Column>
									<Column><Label text="Type" /></Column>
									<Column minScreenWidth="Tablet" demandPopin="true" popinDisplay="WithoutHeader"><Label text="Description" /></Column>
									<Column minScreenWidth="Tablet" demandPopin="false"><Label text="Since" /></Column>
								</columns>
								<items>
									<ColumnListItem>
										<cells>
											<Text text="{name}" class="docuKey" wrapping="false">
												<customData>
													<core:CustomData writeToDom="true" key="deprecated" value="{deprecated}" />
												</customData>
											</Text>
											<Text text="{param}" class="docuParam" wrapping="true" />
											<Link text="{typeText}" enabled="{typeNav}" press="onTypeLinkPress">
												<customData>
													<core:CustomData key="type" value="{type}" />
												</customData>
											</Link>
											<l:VerticalLayout>
												<core:HTML content="{doc}" />
												<ObjectStatus
													text="{deprecatedDescription}"
													state="Warning"	/>
											</l:VerticalLayout>
											<Label text="{since}" />
										</cells>
									</ColumnListItem>
								</items>
							</Table>
						</IconTabFilter>

					</items>
				</IconTabBar>
			</headerContainer>
		</ObjectHeader>
	</Page>
</mvc:View>
