<core:FragmentDefinition
        xmlns="sap.m"
        xmlns:core="sap.ui.core"
        xmlns:build="sap.build"
        xmlns:ovp="sap.ovp.ui"
        xmlns:template="http://schemas.sap.com/sapui5/extension/sap.ui.core.template/1">

    <QuickViewPage header="{ovplibResourceBundle>CONTACT_INFO}"
                   icon="{= ${contact>photo} ? ${path: 'contact>photo', formatter: 'sap.ui.model.odata.AnnotationHelper.format'} : 'sap-icon://person-placeholder'}"
                   title="{path: 'contact>fn', formatter: 'sap.ui.model.odata.AnnotationHelper.format'}"
                   description="{path: 'contact>role', formatter: 'sap.ui.model.odata.AnnotationHelper.format'}">

        <QuickViewGroup>
            <QuickViewGroupElement label="{ovplibResourceBundle>CONTACT_JOB_TITLE}" type="text"
                                   value="{path: 'contact>title', formatter: 'sap.ui.model.odata.AnnotationHelper.format'}"
                                   visible="{= !!${contact>title}}"/>

            <QuickViewGroupElement label="{ovplibResourceBundle>CONTACT_DEPARTMENT}" type="text"
                                   value="{path: 'contact>org', formatter: 'sap.ui.model.odata.AnnotationHelper.format'}"
                                   visible="{= !!${contact>org}}"/>

            <QuickViewGroupElement label="{ovplibResourceBundle>CONTACT_EMAIL}" type="email"
                                   value="{path: 'contact>email/[${type/EnumMember}.indexOf(\'ContactInformationType/work\')>=0]/address', formatter: 'sap.ui.model.odata.AnnotationHelper.format'}"
                                   visible="{= !!${path: 'contact>email/[${type/EnumMember}.indexOf(\'ContactInformationType/work\')>=0]/address', formatter: 'sap.ui.model.odata.AnnotationHelper.format'} }"/>

            <QuickViewGroupElement label="{ovplibResourceBundle>CONTACT_PHONE}" type="phone"
                                   value="{= ${path: 'contact>tel/[${type/EnumMember}.indexOf(\'PhoneType/work\')>=0]/uri', formatter: 'sap.ui.model.odata.AnnotationHelper.format'}.replace('tel:','') }"
                                   visible="{= !!${path: 'contact>tel/[${type/EnumMember}.indexOf(\'PhoneType/work\')>=0]/uri'} }"/>

            <QuickViewGroupElement  label="{ovplibResourceBundle>CONTACT_MOBILE}" type="{= (${device>/system/phone} || ${device>/system/tablet})  ? 'mobile'  : 'phone' }"
                                    value="{= ${path: 'contact>tel/[${type/EnumMember}.indexOf(\'PhoneType/cell\')>=0]/uri', formatter: 'sap.ui.model.odata.AnnotationHelper.format'}.replace('tel:','') }"
                                    visible="{= !!${path: 'contact>tel/[${type/EnumMember}.indexOf(\'PhoneType/cell\')>=0]/uri'} }"/>

            <QuickViewGroupElement label="{ovplibResourceBundle>CONTACT_FAX}" type="text"
                                   value="{= ${path: 'contact>tel/[${type/EnumMember}.indexOf(\'PhoneType/fax\')>=0]/uri', formatter: 'sap.ui.model.odata.AnnotationHelper.format'}.replace('tel:','') }"
                                   visible="{= !!${path: 'contact>tel/[${type/EnumMember}.indexOf(\'PhoneType/fax\')>=0]/uri'} }"/>

        </QuickViewGroup>
    </QuickViewPage>

</core:FragmentDefinition>