<core:FragmentDefinition
    xmlns="sap.m"
    xmlns:f="sap.ui.layout.form"
    xmlns:core="sap.ui.core" >
    <Dialog  id="editPageHeaderDialog" title="{i18n>Button.EditHeader}"
        beforeOpen=".onBeforeOpen" afterClose=".destroy">
        <content>
            <f:SimpleForm editable="true" id="editPageHeaderDialogForm">
                <Label id="editPageHeaderDialogLabelPageId" text="{i18n>Label.PageID}" required="true" />
                <Input id="editPageHeaderDialogInputPageId" editable="false" value="{/id}"/>
                <Label id="editPageHeaderDialogLabelPageTitle" text="{i18n>Label.PageTitle}" required="true" />
                <Input id="editPageHeaderDialogInputPageTitle" maxLength="100"
                    value="{ path: '/title', type: 'sap.ui.model.type.String' }"
                    liveChange=".onTitleLiveChange"
                    valueLiveUpdate="true"
                    valueStateText="{i18n>Message.EmptyTitle}"
                    placeholder="{i18n>Label.PageTitle}" />
                <Label id="editPageHeaderDialogLabelPageDescription" text="{i18n>Label.Description}" />
                <Input id="editPageHeaderDialogInputPageDescription" maxLength="100" value="{/description}" placeholder="{i18n>Label.Description}" />
            </f:SimpleForm>
        </content>
        <beginButton>
            <Button id="editPageHeaderDialogConfirmButton"
                    text="{i18n>Button.Ok}"
                    press=".onConfirm"
                    enabled="{ path: '/validation', formatter: '.validate' }"
                    type="Emphasized" />
        </beginButton>
        <endButton>
            <Button id="editPageHeaderDialogCancelButton" text="{i18n>Button.Cancel}" press=".onCancel" />
        </endButton>
    </Dialog>
</core:FragmentDefinition>
