<core:FragmentDefinition
		xmlns="sap.m"
		xmlns:l="sap.ui.layout"
		xmlns:f="sap.ui.layout.form"
		xmlns:core="sap.ui.core"
		xmlns:custom="sap.ui.documentation">
	<Dialog
			id="aboutDialog"
			resizable="true"
			draggable="true"
			title="{i18n>ABOUT_DIALOG_TITLE}"
			contentWidth="42rem"
			contentHeight="50rem"
			showHeader="false"
			stretch="{appView>/bPhoneSize}"
			class="aboutDialog">
		<NavContainer
			id="aboutNavCon">
			<Page
				id="aboutMaster"
				title="{i18n>ABOUT_DIALOG_TITLE}">
				<VBox class="sapUiSmallMargin">
					<Image id="aboutLogoSAP" src="./resources/sap/ui/documentation/sdk/images/Logo_B_SAPUI5_H.png" densityAware="false" width="100%" class="sapUiSmallMarginBottom" visible="{=!${versionData>/isOpenUI5}}"/>
					<Image id="aboutLogoUI5" src="./resources/sap/ui/documentation/sdk/images/Logo_B_OpenUI5_H.png" densityAware="false" width="100%" class="sapUiSmallMarginBottom" visible="{versionData>/isOpenUI5}"/>
					<Text text="{i18n>ABOUT_DIALOG_TEXT_1}" class="sapMTitleStyleH2 sapUiSmallMarginBottom" />
					<Text text="{i18n>ABOUT_DIALOG_TEXT_2}" class="sapUiTinyMarginBottom" visible="{=!${versionData>/isOpenUI5}}"/>
					<Text text="{i18n>ABOUT_DIALOG_TEXT_3}" visible="{versionData>/isOpenUI5}"/>
					<custom:JSDocText class="sapUiSmallMarginBottom" visible="{versionData>/isOpenUI5}" text="Licensed under the Apache License, Version 2.0 – see &lt;a href='LICENSE.txt' target='_blank' class='sapMLnk sapMLnkMaxWidth aboutLink'&gt;LICENSE.txt&lt;/a&gt;"/>
					<Text text="{i18n>ABOUT_DIALOG_TEXT_7}" class="sapUiTinyMarginBottom"/>
					<Link text="{i18n>ABOUT_DIALOG_TEXT_8}" press="onAboutThirdParty" class="sapUiMediumMarginBottom" visible="{=!${versionData>/isOpenUI5}}"/>
					<Link text="{i18n>ABOUT_DIALOG_TEXT_8}" href="THIRDPARTY.txt" target="_blank" class="sapUiMediumMarginBottom" visible="{versionData>/isOpenUI5}"/>
					<Text text="{
							parts: [
								'i18n>ABOUT_DIALOG_TEXT_4',
								'versionData>/versionName',
								'versionData>/fullVersion'

							],
							formatter: '.formatMessage'
						}"
						class="sapMTitleStyleH4 sapUiSmallMarginBottom"/>
					<Text text="{
							parts: [
								'i18n>ABOUT_DIALOG_TEXT_5',
								'versionData>/openUi5Version'

							],
							formatter: '.formatMessage'
						}"
						class="sapMTitleStyleH5 sapUiSmallMarginBottom" visible="{=!${versionData>/isOpenUI5}}"/>
					<Text text="{i18n>ABOUT_DIALOG_TEXT_6}"/>
					<custom:JSDocText class="sapUiTinyMarginBottom" text="(a full change log for all libraries can be found &lt;a href='releasenotes.html' target='_blank' class='sapMLnk sapMLnkMaxWidth aboutLink'&gt;here&lt;/a&gt;)."/>
					<Link text="{i18n>ABOUT_DIALOG_LINK_1}" press="onAboutVersionDetails" class="sapUiSmallMarginBottom"/>
					<MessageStrip showIcon="true" text="{= ${versionData>/isOpenUI5} ? ${appView>/sAboutInfoOpenUI5} : ${appView>/sAboutInfoSAPUI5}}" class="sapUiSmallMarginBottom" enableFormattedText="true"/>
				</VBox>
			</Page>
			<Page
				id="aboutDetail"
				showNavButton="true"
				navButtonPress="onAboutNavBack"
				title="{i18n>ABOUT_DIALOG_VERSION_TITLE}">
				<l:VerticalLayout class="sapUiSmallMargin" content="{path: 'appView>/oVersionInfo/libs'}">
					<f:Form width="100%" editable="false">
						<f:title>
							<core:Title text="{appView>library}"/>
						</f:title>
						<f:layout>
							<f:ResponsiveGridLayout/>
						</f:layout>
						<f:formContainers>
							<f:FormContainer>
								<f:formElements>
									<f:FormElement label="{i18n>ABOUT_DIALOG_VERSION}">
										<f:fields>
											<Text text="{appView>version}" class="sapUiSmallMarginBottom"/>
										</f:fields>
									</f:FormElement>
									<f:FormElement label="{i18n>ABOUT_DIALOG_DESCRIPTION}">
										<f:fields>
											<Text text="{appView>documentation}" class="sapUiSmallMarginBottom"/>
										</f:fields>
									</f:FormElement>
									<f:FormElement label="{i18n>ABOUT_DIALOG_CHANGE_LOG}" visible="{=!!${appView>releasenotes}}">
										<f:fields>
											<Link text="{i18n>ABOUT_DIALOG_CHANGE_LOG_LINK}" press="onReleaseDialogOpen" class="sapUiSmallMarginBottom">
												<customData>
													<core:CustomData key="library" value="{appView>library}" />
													<core:CustomData key="version" value="{versionData>/version}" />
												</customData>
											</Link>
										</f:fields>
									</f:FormElement>
									<f:FormElement label="{i18n>ABOUT_DIALOG_COMPONENT}" visible="{=!!${appView>libDefaultComponent}}">
										<f:fields>
											<Text text="{appView>libDefaultComponent}" class="sapUiSmallMarginBottom"/>
										</f:fields>
									</f:FormElement>
								</f:formElements>
							</f:FormContainer>
						</f:formContainers>
					</f:Form>
				</l:VerticalLayout>
			</Page>
			<Page
				id="aboutThirdParty"
				showNavButton="true"
				navButtonPress="onAboutNavBack"
				title="{i18n>ABOUT_DIALOG_THIRD_PARTY}">
				<l:VerticalLayout class="sapUiSmallMargin" content="{path: 'appView>/oThirdPartyInfo/thirdparty'}">
					<f:Form width="100%" editable="false">
						<f:title>
							<core:Title text="{appView>displayName}"/>
						</f:title>
						<f:layout>
							<f:GridLayout/>
						</f:layout>
						<f:formContainers>
							<f:FormContainer>
								<f:formElements>
									<f:FormElement>
										<f:fields>
											<Link text="Web Site" target="_blank" href="{appView>homepage}" class="sapUiSmallMarginBottom"/>
											<Link text="Licensed by SAP under {appView>license/type} license" target="_blank" href="{appView>license/url}" class="sapUiSmallMarginBottom"/>
										</f:fields>
									</f:FormElement>
								</f:formElements>
							</f:FormContainer>
						</f:formContainers>
					</f:Form>
				</l:VerticalLayout>
			</Page>
		</NavContainer>
		<beginButton>
			<Button id="aboutDialogCloseButton" text="{i18n>ABOUT_DIALOG_CLOSE_BTN}" press="aboutDialogClose"/>
		</beginButton>
	</Dialog>

</core:FragmentDefinition>