<core:FragmentDefinition
	xmlns:template="http://schemas.sap.com/sapui5/extension/sap.ui.core.template/1"
	xmlns="sap.m"
	xmlns:l="sap.ui.layout"
	xmlns:mvc="sap.ui.core.mvc"
	xmlns:core="sap.ui.core">
	<ScrollContainer height="100%" horizontal="false" vertical="true">
		<l:VerticalLayout id="defineCondition" width="100%" content="{path: '$this>/conditions', filters:[{path: 'operator', operator:'NE', value1:'EEQ'}], templateShareable:false}"> <!-- class="sapUiSmallMarginBottom sapUiSmallMarginTop"> -->
			<l:Grid id="conditionRow" width="100%" hSpacing="0" vSpacing="0" containerQuery="true" class="sapUiTinyMargin">
				<Select id="rowSelect" items="{ path:'om>/', templateShareable:false}" selectedKey="{$this>operator}" showSecondaryValues="true" change="onOperatorChange" width="100%">
					<layoutData>
						<l:GridData span="XL3 L3 M3 S3" />
					</layoutData>
					<core:ListItem key="{om>key}" text="{om>additionalText}" additionalText="{om>key}"/>
				</Select>

				<HBox id="rowFields" items="{ path: '$this>values', factory: '.valueCtrlFactory'}">
					<layoutData>
						<l:GridData span="XL7 L7 M7 S7" />
					</layoutData>
					<!--
					<Input value="{$this>values/0}" change="onChange"/>
					<Input value="{$this>values/1}" change="onChange" visible="{= ${$this>operator} === 'BT'}"/>
					-->
				</HBox>

				<HBox id="btnContainer" class="sapUiSmallPaddingBegin">
					<layoutData>
						<l:GridData span="XL2 L2 M2 S2" />
					</layoutData>
					<Button id="removeBtn" press="removeCondition" type="Transparent" icon="sap-icon://sys-cancel" tooltip="{$i18n>valuehelp.DEFINECONDITIONS_REMOVECONDITION}"/>
					<Button id="addBtn" press="addCondition" type="Transparent" icon="sap-icon://add" tooltip="{$i18n>valuehelp.DEFINECONDITIONS_ADDCONDITION}"/>
				</HBox>
			</l:Grid>
		</l:VerticalLayout>
	</ScrollContainer>
</core:FragmentDefinition>
