<mvc:View xmlns="sap.m" xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc" xmlns:l="sap.ui.layout"
		  controllerName="sap.ui.fl.support.diagnostics.Flexibility">
	<!-- layout wrapping the html element because the visibility does not hide inner html coding correct -->
	<l:VerticalLayout
			visible="{= !${flexToolSettings>/flInDebug}}">
		<core:HTML
				content="{flexToolSettings>/noDebugInfoText}"
				class="sapUISupportLabel" />
	</l:VerticalLayout>
	<l:VerticalLayout visible="{flexToolSettings>/flInDebug}">
		<core:HTML content="{flexToolSettings>/panelInfoText}"
				   class="sapUISupportLabel"/>
		<Link
				text="Open UI Flexibility Diagnostics application"
				target="_blank"
				href="../../../../sap/ui/fl/support/apps/uiFlexibilityDiagnostics/index.html"
				class="sapUiSmallMargin" />
		<Table
			   inset="false"
			   items="{
			path: 'flexApps>/',
			sorter: {
				path: 'text'
			}
		}">
			<columns>
				<Column>
					<Text text="Applications" />
				</Column>
				<Column
						width="3em">
					<Button icon="sap-icon://synchronize" tooltip="Synchronize Apps" press="refreshApps"/>
				</Column>
			</columns>
			<items>
				<ColumnListItem>
					<cells>
						<ObjectIdentifier
								title="{flexApps>text}"
								text="{flexApps>additionalText}"/>
						<Button icon="sap-icon://download" tooltip="Download App Data" press="extractAppData"/>
					</cells>
				</ColumnListItem>
			</items>
		</Table>
	</l:VerticalLayout>
</mvc:View>
