<mvc:View
    controllerName="sap.ushell.applications.PageComposer.controller.PageDetail"
    xmlns="sap.m"
    xmlns:core="sap.ui.core"
    xmlns:f="sap.f"
    xmlns:mvc="sap.ui.core.mvc">
    <f:DynamicPage
        id="pageDetail"
        fitContent="true"
        class="sapUshellPageLayout sapUiNoContentPadding"
        backgroundDesign="Transparent">
        <f:title>
            <f:DynamicPageTitle id="dynamicPageTitle">
                <f:heading>
                    <Title id="title" text="{/page/content/title}" />
                </f:heading>
                <f:expandedContent>
                    <HBox displayInline="true" id="hboxExpanded">
                        <ObjectAttribute id="objectAttributePageIdExpanded" title="{i18n>Label.PageID}" text="{/page/content/id}">
                            <customData>
                                <core:CustomData key="help-id" value="FLPPage-manage-PageDetail-Header" writeToDom="true" />
                            </customData>
                        </ObjectAttribute>
                        <!-- TBD: make visible when the role ID is available -->
                        <ObjectAttribute
                            id="objectAttributeRoleExpanded"
                            visible="false"
                            title="{i18n>Label.AssignedRole}"
                            text=""
                            class="sapUiLargeMarginBegin" />
                    </HBox>
                </f:expandedContent>
                <f:snappedContent>
                    <HBox displayInline="true" id="hboxSnapped">
                        <ObjectAttribute id="objectAttributePageIdSnapped" title="{i18n>Label.PageID}" text="{/page/content/id}" />
                        <!-- TBD: make visible when the role ID is available -->
                        <ObjectAttribute
                            id="objectAttributeRoleSnapped"
                            visible="false"
                            title="{i18n>Label.AssignedRole}"
                            text="assigned role"
                            class="sapUiLargeMarginBegin" />
                    </HBox>
                </f:snappedContent>
                <f:actions>
                    <Button
                        id="buttonCopy"
                        text="{i18n>Button.Copy}"
                        type="Transparent"
                        press=".onCopy"
                        visible="{SupportedOperationModel>/copySupported}">
                        <customData>
                            <core:CustomData key="help-id" value="FLPPage-manage-PageDetail-Button-CopyPage" writeToDom="true" />
                        </customData>
                    </Button>
                    <Button
                        id="buttonDelete"
                        text="{i18n>Button.Delete}"
                        type="Transparent"
                        press=".onDelete"
                        visible="{SupportedOperationModel>/deleteSupported}">
                        <customData>
                            <core:CustomData key="help-id" value="FLPPage-manage-PageDetail-Button-DeletePage" writeToDom="true" />
                        </customData>
                    </Button>
                </f:actions>
                <f:navigationActions>
                    <Button
                        id="buttonPreview"
                        text="{i18n>Button.PagePreview}"
                        type="Transparent"
                        visible="{SupportedOperationModel>/previewSupported}"
                        press="preview(${/page/content/id})">
                        <customData>
                            <core:CustomData key="help-id" value="FLPPage-manage-PageDetail-Button-PagePreview" writeToDom="true" />
                        </customData>
                    </Button>
                </f:navigationActions>
            </f:DynamicPageTitle>
        </f:title>
        <f:header>
            <f:DynamicPageHeader id="dynamicPageHeader" pinnable="false">
                <core:Fragment fragmentName="sap.ushell.applications.PageComposer.view.PageInfo" type="XML" />
            </f:DynamicPageHeader>
        </f:header>
        <f:content>
            <Panel
                id="panel"
                height="100%"
                accessibleRole="Region"
                backgroundDesign="Transparent"
                class="sapUiNoContentPadding">
                <customData>
                    <core:CustomData key="help-id" value="FLPPage-manage-PageDetail-Panel-TileDisplay" writeToDom="true" />
                </customData>
                <headerToolbar>
                    <OverflowToolbar id="layoutOverflowToolbar" design="Transparent" height="3rem" class="sapUshellPageLayoutHeader">
                        <Title id="layoutTitle" class="sapContrastPlus" text="{i18n>Title.Layout}" />
                        <ToolbarSpacer id="layoutToolbarSpacer" />
                        <Button id="layoutButtonEdit" text="{i18n>Button.Edit}" type="Emphasized" press=".onEdit" >
                            <customData>
                                <core:CustomData key="help-id" value="FLPPage-manage-PageDetail-Button-Edit" writeToDom="true" />
                            </customData>
                        </Button>
                    </OverflowToolbar>
                </headerToolbar>
                <content>
                    <core:Fragment fragmentName="sap.ushell.applications.PageComposer.view.Page" type="XML" />
                </content>
            </Panel>
        </f:content>
    </f:DynamicPage>
</mvc:View>
