<mvc:View
	controllerName="bardusch.btrace.connectioninfo.controller.Main"
	displayBlock="true"
	xmlns="sap.m"
	xmlns:core="sap.ui.core"
	xmlns:mvc="sap.ui.core.mvc"
>
	<Page showHeader="false" class="sapUiContentPadding">
		<Title text="{i18n>ConnectionView.ConnectionInfo}" class="sapUiMediumMarginBottom sapUiSmallMarginTop" titleStyle="H3" />
		<VBox items="{/SYSTEMS}">
			<Panel expanded="true" class="sapUiSmallMarginBottom" expandable="true" headerText="{NAME}">
				<content>
					<List showSeparators="None" items="{PROPERTIES}">
						<!-- <StandardListItem press="onListItemPress" title="{PROPERTY_KEY}" description="{PROPERTY_VALUE}" /> -->
						<CustomListItem press="onCopyIconPress" type="Active">
							<content>
								<FlexBox alignItems="Center" justifyContent="SpaceBetween" class="sapUiMediumMargin">							
									<VBox class="sapUiMediumMarginEnd">
										<Title text="{PROPERTY_KEY}" />
										<Text text="{PROPERTY_VALUE}" />
									</VBox>
									<core:Icon activeColor="green" hoverColor="gray" press="onCopyIconPress" src="sap-icon://copy">
										<core:customData>
											<core:CustomData
												key="copyValue"
												value="{PROPERTY_VALUE}"
												writeToDom="false"
											/>
										</core:customData>
									</core:Icon>
								</FlexBox>
							</content>							
							<customData>
								<core:CustomData
									key="copyValue"
									value="{PROPERTY_VALUE}"
									writeToDom="false"
								/>
							</customData>
						</CustomListItem>
					</List>	
				</content>
			</Panel>
		</VBox>
	</Page>
</mvc:View>