<mvc:View
    xmlns="sap.m"
    xmlns:core="sap.ui.core"
    xmlns:mvc="sap.ui.core.mvc"
    xmlns:launchpad="sap.ushell.ui.launchpad"
    xmlns:ushell="sap.ushell.ui"
    controllerName="sap.ushell.ui.bookmark.SaveOnPage">
    <Label id="previewLbl" text="{i18n>previewFld}" visible="{/showPreview}" labelFor="previewTile" />
    <FlexBox
        id="saveAsTileHBox"
        class="sapUshellShellBG sapUshellBookmarkFormPreviewBoxBottomMargin sapUshellSaveAsTileHBox"
        alignItems="Center"
        justifyContent="Center"
        renderType="Bare"
        visible="{/showPreview}">
        <items>
            <core:HTML
                id="previewBackgroundElement"
                content="&lt;div class=&quot;sapUshellShellBG sapContrastPlus sapUiStrongBackgroundColor&quot;&gt;&lt;/div&gt;" />
            <GenericTile header="{/title}" subheader="{/subtitle}" visible="{= !!${/serviceUrl}}" id="previewTile">
                <TileContent footer="{/info}" unit="{/numberUnit}">
                    <NumericContent
                        icon="{/icon}"
                        value="{/numberValue}"
                        width="100%"
                        truncateValueTo="5"
                        withMargin="false" />
                </TileContent>
            </GenericTile>
            <GenericTile header="{/title}" subheader="{/subtitle}" visible="{= !${/serviceUrl}}">
                <TileContent footer="{/info}">
                    <ImageContent src="{/icon}" />
                </TileContent>
            </GenericTile>
        </items>
    </FlexBox>
    <Label id="titleLbl" text="{i18n>titleFld}" labelFor="bookmarkTitleInput" />
    <Input
        id="bookmarkTitleInput"
        required="true"
        class="sapUshellInputField"
        ariaLabelledBy="titleLbl"
        placeholder="{i18n>bookmarkDialogoTitle_tooltip}"
        value="{/title}" />
    <Label id="subtitleLbl" text="{i18n>subtitleFld}" labelFor="bookmarkSubTitleInput" />
    <Input
        id="bookmarkSubTitleInput"
        class="sapUshellInputField"
        ariaLabelledBy="subtitleLbl"
        placeholder="{i18n>bookmarkDialogoSubTitle_tooltip}"
        value="{/subtitle}" />
    <Label id="infoLbl" text="{i18n>tileSettingsDialog_informationField}" labelFor="bookmarkInfoInput" />
    <Input
        id="bookmarkInfoInput"
        class="sapUshellInputField"
        ariaLabelledBy="infoLbl"
        placeholder="{i18n>bookmarkDialogoDescription_tooltip}"
        value="{/info}"
        visible="{/showInfo}" />
    <Label id="ContentNodeLabel" />
    <ushell:ContentNodeSelector
        id="SelectedNodesComboBox"
        labelId="ContentNodeLabel"
        valueHelpEndButtonPressed=".onValueHelpEndButtonPressed" />
</mvc:View>
