<mvc:View
	controllerName="sap.m.sample.IconTabBarProcess.C"
	xmlns:mvc="sap.ui.core.mvc"
	xmlns="sap.m">
	<IconTabBar
		id="idIconTabBar"
		select=".onFilterSelect"
		class="sapUiResponsiveContentPadding">
		<items>
			<IconTabFilter
				icon="sap-icon://begin"
				iconColor="Positive"
				design="Horizontal"
				count="{/ProductCollectionStats/Counts/Weight/Ok} of {/ProductCollectionStats/Counts/Total}"
				text="Confirm Ok"
				key="Ok" />
			<IconTabSeparator icon="sap-icon://open-command-field" />
			<IconTabFilter
				icon="sap-icon://compare"
				iconColor="Critical"
				design="Horizontal"
				count="{/ProductCollectionStats/Counts/Weight/Heavy} of {/ProductCollectionStats/Counts/Total}"
				text="Check Heavys"
				key="Heavy" />
			<IconTabSeparator icon="sap-icon://open-command-field" />
			<IconTabFilter
				icon="sap-icon://inventory"
				iconColor="Negative"
				design="Horizontal"
				count="{/ProductCollectionStats/Counts/Weight/Overweight} of {/ProductCollectionStats/Counts/Total}"
				text="Claim Overweights"
				key="Overweight" />
		</items>
		<content>
			<Table
				id="productsTable"
				inset="false"
				showSeparators="Inner"
				headerText="Products"
				items="{
					path: '/ProductCollection',
					sorter: {
						path: 'Name'
					}
				}">
				<infoToolbar>
					<OverflowToolbar>
						<Label text="Wide range of available products"/>
					</OverflowToolbar>
				</infoToolbar>
				<columns>
					<Column
						width="12em">
						<Text text="Product" />
					</Column>
					<Column
						minScreenWidth="Tablet"
						demandPopin="true">
						<Text text="Supplier" />
					</Column>
					<Column
						minScreenWidth="Desktop"
						demandPopin="true"
						hAlign="End">
						<Text text="Dimensions" />
					</Column>
					<Column
						minScreenWidth="Desktop"
						demandPopin="true"
						hAlign="Center">
						<Text text="Weight" />
					</Column>
					<Column
						hAlign="End">
						<Text text="Price" />
					</Column>
				</columns>
				<items>
					<ColumnListItem>
						<cells>
							<ObjectIdentifier
								title="{Name}"
								text="{ProductId}"/>
							<Text
								text="{SupplierName}" />
							<Text
								text="{Width} x {Depth} x {Height} {DimUnit}" />
							<ObjectNumber
								number="{WeightMeasure}"
								unit="{WeightUnit}"
								state="{
									parts: [
										{path: 'WeightMeasure'},
										{path: 'WeightUnit'}
									],
									formatter: '.formatter.weightState'
								}" />
							<ObjectNumber
									number="{
										parts:[{path:'Price'},{path:'CurrencyCode'}],
										type: 'sap.ui.model.type.Currency',
										formatOptions: {showMeasure: false}
									}"
									unit="{CurrencyCode}" />
						</cells>
					</ColumnListItem>
				</items>
			</Table>
		</content>
	</IconTabBar>
</mvc:View>
