@sapui5/sap.ushell_abap 1.152.1 → 1.154.0

package/src/main/js/sap/ushell_abap/components/tiles/action/Configuration.view.xml

@@ -0,0 +1,333 @@
+<mvc:View
+    xmlns="sap.m"
+    xmlns:mvc="sap.ui.core.mvc"
+    xmlns:form="sap.ui.layout.form"
+    xmlns:layout="sap.ui.layout"
+    xmlns:table="sap.ui.table"
+    xmlns:rowmodes="sap.ui.table.rowmodes"
+    controllerName="sap.ushell_abap.components.tiles.action.Configuration">
+    <MessageStrip
+        type="Warning"
+        enableFormattedText="true"
+        showIcon="true"
+        showCloseButton="false"
+        class="sapUiResponsiveMargin"
+        visible="{= !!${/config/deprecation_text}}"
+        text="{/config/deprecation_text}" />
+    <form:Form id="configuration" maxContainerCols="2" minWidth="1024" editable="true">
+        <form:layout>
+            <form:ResponsiveGridLayout />
+        </form:layout>
+        <form:FormContainer id="categoryChipConfiguration" title="{i18n>configuration.category.action_chip_configuration}">
+            <form:FormElement label="{i18n>configuration.semantic_object}">
+                <Input
+                    id="semantic_objectInput"
+                    width="100%"
+                    tooltip="{i18n>configuration.semantic_object.tooltip}"
+                    maxLength="30"
+                    liveChange=".onConfigurationInputChange"
+                    valueHelpRequest=".onValueHelpRequest"
+                    showValueHelp="true"
+                    showSuggestion="true"
+                    value="{/value}"
+                    enabled="{/config/editable}" />
+            </form:FormElement>
+            <form:FormElement label="{i18n>configuration.semantic_action}">
+                <Input
+                    id="semantic_actionInput"
+                    value="{/config/semantic_action}"
+                    maxLength="50"
+                    liveChange=".onConfigurationInputChange"
+                    enabled="{/config/editable}"
+                    valueHelpRequest=".onActionValueHelpRequest"
+                    showValueHelp="true"
+                    showSuggestion="true"
+                    width="100%"
+                    tooltip="{i18n>configuration.semantic_action.tooltip}" />
+            </form:FormElement>
+        </form:FormContainer>
+        <form:FormContainer id="categoryTargetApplication" title="{i18n>configuration.category.target_application}">
+            <form:FormElement id="targetType" label="{i18n>configuration.target_applicationType}">
+                <ComboBox
+                    id="targetTypeInput"
+                    selectedKey="{/config/navigation_provider}"
+                    enabled="{/config/editable}"
+                    selectionChange=".onApplicationTypeChange" />
+            </form:FormElement>
+            <form:FormElement id="application_description" label="{i18n>configuration.target_application.description}">
+                <Input
+                    id="target_application_descriptionInput"
+                    value="{/config/display_title_text}"
+                    liveChange=".onConfigurationInputChange"
+                    width="100%"
+                    enabled="{/config/editable}"
+                    tooltip="{i18n>configuration.target_application.description.tooltip}" />
+            </form:FormElement>
+            <form:FormElement id="application_url" label="{i18n>configuration.target_application.url}">
+                <Input
+                    id="target_application_urlInput"
+                    value="{/config/url}"
+                    enabled="{/config/editable}"
+                    maxLength="512"
+                    liveChange=".onConfigurationInputChange"
+                    width="100%" tooltip="{i18n>configuration.target_application.url.tooltip}" />
+            </form:FormElement>
+            <form:FormElement id="application_component" label="{i18n>configuration.target_application.component}">
+                <Input
+                    id="target_application_componentInput"
+                    value="{/config/ui5_component}"
+                    enabled="{/config/editable}"
+                    liveChange=".onConfigurationInputChange"
+                    width="100%"
+                    tooltip="{i18n>configuration.target_application.component.tooltip}" />
+            </form:FormElement>
+            <form:FormElement id="navigation_provider_role" label="{i18n>configuration.navigation_provider_role}">
+                <Input
+                    id="navigation_provider_roleInput"
+                    valueHelpRequest=".onRoleValueHelpRequest"
+                    showValueHelp="true"
+                    showTableSuggestionValueHelp="true"
+                    enabled="{/config/editable}"
+                    showSuggestion="true"
+                    value="{/value}"
+                    width="100%"
+                    maxLength="10"
+                    class="sapUshellTargetMappingToUpperCase"
+                    tooltip="{i18n>configuration.navigation_provider_role.tooltip}"
+                    liveChange=".onConfigurationInputChange">
+                    <suggestionColumns>
+                        <Column hAlign="Begin" popinDisplay="Inline" demandPopin="true">
+                            <Label text="{i18n>configuration.navigation_provider_role}" />
+                        </Column>
+                        <Column hAlign="Begin" popinDisplay="Inline" demandPopin="true">
+                            <Label text="{i18n>configuration.navigation_provider_instance}" />
+                        </Column>
+                    </suggestionColumns>
+                </Input>
+            </form:FormElement>
+            <form:FormElement id="navigation_provider_instance"
+                label="{i18n>configuration.navigation_provider_instance}">
+                <Input
+                    id="navigation_provider_instanceInput"
+                    value="{/value}"
+                    width="100%"
+                    maxLength="32"
+                    valueHelpRequest=".onInstanceValueHelpRequest"
+                    enabled="{/config/editable}"
+                    showValueHelp="true"
+                    showSuggestion="true"
+                    suggest=".instanceSuggest"
+                    tooltip="{i18n>configuration.navigation_provider_instance.tooltip}"
+                    liveChange=".onConfigurationInputChange"
+                    class="sapUshellTargetMappingToUpperCase" />
+            </form:FormElement>
+            <form:FormElement id="target_application_alias" label="{i18n>configuration.target_application_alias}">
+                <Input
+                    id="target_application_aliasInput"
+                    value="{/value}"
+                    width="100%"
+                    valueHelpRequest=".onAliasValueHelpRequest"
+                    enabled="{/config/editable}"
+                    showValueHelp="true"
+                    showSuggestion="true"
+                    suggest=".aliasSuggest"
+                    tooltip="{i18n>configuration.target_application_alias.tooltip}"
+                    liveChange=".onConfigurationInputChange" />
+            </form:FormElement>
+            <form:FormElement id="target_application_id" label="{i18n>configuration.target_application_id}">
+                <Input
+                    id="target_application_idInput"
+                    value="{/config/target_application_id}"
+                    width="100%"
+                    maxLength="32"
+                    enabled="{/config/editable}"
+                    tooltip="{i18n>configuration.target_application_id.tooltip}"
+                    liveChange=".onConfigurationInputChange" />
+            </form:FormElement>
+            <form:FormElement id="target_transaction" label="{i18n>configuration.target_transaction}">
+                <Input
+                    id="target_transactionInput"
+                    value="{/config/transaction/code}"
+                    width="100%"
+                    maxLength="20"
+                    enabled="{/config/editable}"
+                    tooltip="{i18n>configuration.target_transaction.tooltip}"
+                    liveChange=".onConfigurationInputChange" />
+            </form:FormElement>
+            <form:FormElement id="target_wcf_application_id" label="{i18n>configuration.target_wcf.application_id}">
+                <Input
+                    id="target_wcf_application_idInput"
+                    value="{/config/wcf/application_id}"
+                    width="100%"
+                    maxLength="30"
+                    enabled="{/config/editable}"
+                    liveChange=".onConfigurationInputChange" />
+            </form:FormElement>
+            <form:FormElement id="target_web_dynpro_application" label="{i18n>configuration.target_web_dynpro.application}">
+                <Input
+                    id="target_web_dynpro_applicationInput"
+                    value="{/config/web_dynpro/application}"
+                    width="100%"
+                    maxLength="30"
+                    enabled="{/config/editable}"
+                    tooltip="{i18n>configuration.target_web_dynpro_application.tooltip}"
+                    liveChange=".onConfigurationInputChange" />
+            </form:FormElement>
+            <form:FormElement id="target_web_dynpro_configuration" label="{i18n>configuration.target_web_dynpro.configuration}">
+                <Input
+                    id="target_web_dynpro_configurationInput"
+                    value="{/config/web_dynpro/configuration}"
+                    width="100%"
+                    maxLength="32"
+                    enabled="{/config/editable}"
+                    tooltip="{i18n>configuration.target_web_dynpro_application.tooltip}"
+                    liveChange=".onConfigurationInputChange" />
+            </form:FormElement>
+            <form:FormElement id="target_system_alias" label="{i18n>configuration.target_system_alias}">
+                <Input
+                    id="target_system_aliasInput"
+                    value="{/config/target_system_alias}"
+                    width="100%"
+                    maxLength="30"
+                    enabled="{/config/editable}"
+                    tooltip="{i18n>configuration.target_system_alias.tooltip}"
+                    liveChange=".onConfigurationInputChange" />
+            </form:FormElement>
+            <form:FormElement id="urlt_application_component" label="{i18n>configuration.target_application.component}">
+                <Input
+                    id="urlt_application_componentInput"
+                    value="{/config/url_template/parameters/ui5ComponentName}"
+                    enabled="{/config/editable}"
+                    liveChange=".onConfigurationInputChange"
+                    width="100%"
+                    tooltip="{i18n>configuration.target_application.component.tooltip}" />
+            </form:FormElement>
+            <form:FormElement id="target_urlt_system_alias" label="{i18n>configuration.target_system_alias}">
+                <Input
+                    id="target_urlt_system_aliasInput"
+                    value="{/config/url_template/parameters/systemAlias}"
+                    width="100%"
+                    maxLength="30"
+                    enabled="{/config/editable}"
+                    tooltip="{i18n>configuration.target_system_alias.tooltip}"
+                    liveChange=".onConfigurationInputChange" />
+            </form:FormElement>
+            <form:FormElement id="application_type_deprecated">
+                <MessageStrip text="{i18n>applicationTypeDeprecated}" type="Warning" showIcon="true" />
+            </form:FormElement>
+        </form:FormContainer>
+        <form:FormContainer id="categoryGeneral" title="{i18n>configuration.category.general}">
+            <form:layoutData>
+                <layout:GridData span="L12 M12 S12" />
+            </form:layoutData>
+            <form:FormElement label="{i18n>configuration.display_info_text}">
+                <Input
+                    id="additionalInfo"
+                    value="{/config/display_info_text}"
+                    enabled="{/config/editable}"
+                    width="100%"
+                    liveChange=".onConfigurationInputChange" />
+            </form:FormElement>
+            <form:FormElement label="{i18n>configuration.form_factor}" tooltip="{i18n>configuration.form_factor.tooltip}">
+                <CheckBox
+                    id="desktopCB"
+                    text="{i18n>configuration.form_factor_desktop}"
+                    select=".onFormFactorChange"
+                    selected="{/config/desktopChecked}"
+                    enabled="{/config/manualFormFactor}" />
+                <CheckBox
+                    id="tabletCB"
+                    text="{i18n>configuration.form_factor_tablet}"
+                    select=".onFormFactorChange"
+                    selected="{/config/tabletChecked}"
+                    enabled="{/config/manualFormFactor}" />
+                <CheckBox
+                    id="phoneCB"
+                    text="{i18n>configuration.form_factor_phone}"
+                    select=".onFormFactorChange"
+                    selected="{/config/phoneChecked}"
+                    enabled="{/config/manualFormFactor}" />
+            </form:FormElement>
+            <form:FormElement label="{i18n>configuration.signature.table.title}">
+                <VBox>
+                    <table:Table
+                        id="mappingSignatureTable"
+                        rows="{/config/rows}"
+                        selectionBehavior="Row"
+                        selectionMode="MultiToggle"
+                        enableColumnReordering="false">
+                        <table:rowMode>
+                            <rowmodes:Fixed rowCount="5" rowContentHeight="30"/>
+                        </table:rowMode>
+                        <table:Column id="nameCol" width="82px">
+                            <Label text="{i18n>configuration.signature.table.name}" />
+                            <table:template>
+                                <Input
+                                    value="{name}"
+                                    editable="{editable}"
+                                    placeholder="{i18n>configuration.signature.table.nameFieldLbl}"
+                                    change=".checkDuplicateNames" />
+                            </table:template>
+                        </table:Column>
+                        <table:Column id="mandatoryCol" width="92px" hAlign="Center">
+                            <Label text="{i18n>configuration.signature.table.mandatory}" />
+                            <table:template>
+                                <CheckBox selected="{mandatory}" editable="{editable}" select=".handleMandatoryChange" />
+                            </table:template>
+                        </table:Column>
+                        <table:Column id="valueCol" width="85px">
+                            <Label text="{i18n>configuration.signature.table.value}" />
+                            <table:template>
+                                <Input value="{value}" editable="{editable}" enabled="{valEnabled}" />
+                            </table:template>
+                        </table:Column>
+                        <table:Column id="isRegExCol" width="162px" hAlign="Center">
+                            <Label text="{i18n>configuration.signature.table.isRegEx}" />
+                            <table:template>
+                                <CheckBox selected="{isRegularExpression}" editable="{editable}" enabled="{valEnabled}" />
+                            </table:template>
+                        </table:Column>
+                        <table:Column id="defValueCol" width="110px">
+                            <Label text="{i18n>configuration.signature.table.defaultValue}" />
+                            <table:template>
+                                <Input value="{defaultValue}" editable="{editable}" enabled="{defValEnabled}" />
+                            </table:template>
+                        </table:Column>
+                        <table:Column id="renameToCol" width="82px" visible="{= ${/config/navigation_provider} !== 'LPD' }">
+                            <Label
+                                text="{i18n>configuration.signature.table.renameTo}"
+                                tooltip="{i18n>configuration.signature.table.renameTo.tooltip}" />
+                            <table:template>
+                                <Input value="{rename_to}" editable="{editable}" />
+                            </table:template>
+                        </table:Column>
+                    </table:Table>
+                    <HBox wrap="Wrap">
+                        <CheckBox
+                            id="isUnknownAllowed"
+                            text="{i18n>configuration.signature.table.allowUndefined}"
+                            enabled="{/config/editable}"
+                            selected="{/config/isUnknownAllowed}"
+                            width="400px">
+                            <layoutData>
+                                <FlexItemData growFactor="1"/>
+                            </layoutData>
+                        </CheckBox>
+                        <Button
+                            id="addRow"
+                            enabled="{/config/editable}"
+                            text="{i18n>configuration.signature.table.add}"
+                            press=".addRow"
+                            width="100px" />
+                        <Button
+                            id="deleteRow"
+                            enabled="{/config/editable}"
+                            text="{i18n>configuration.signature.table.delete}"
+                            press=".deleteRow"
+                            width="100px" />
+                    </HBox>
+                </VBox>
+            </form:FormElement>
+        </form:FormContainer>
+    </form:Form>
+</mvc:View>

package/src/main/js/sap/ushell_abap/components/tiles/applauncher/Component.js

@@ -0,0 +1,41 @@
+// Copyright (c) 2009-2026 SAP SE, All Rights Reserved
+
+sap.ui.define([
+    "sap/ui/core/mvc/View",
+    "sap/ui/core/UIComponent",
+    "sap/ushell/performance/PerformanceAPI"
+], (
+    View,
+    UIComponent,
+    PerformanceAPI
+) => {
+    "use strict";
+
+    return UIComponent.extend("sap.ushell_abap.components.tiles.applauncher.Component", {
+        metadata: {
+            interfaces: ["sap.ui.core.IAsyncContentCreation"]
+        },
+
+        init: function () {
+            UIComponent.prototype.init.apply(this, arguments);
+
+            PerformanceAPI.attachComponentInitialRendering(this, () => {
+                PerformanceAPI.setMark("FLP First Tile View Rendered", {
+                    useUniqueMark: true
+                });
+                PerformanceAPI.setMark("FLP Last Tile View Rendered", {
+                    useOnlyLastMark: true
+                });
+            });
+        },
+
+        createContent: function () {
+            const oComponentData = this.getComponentData();
+
+            return View.create({
+                viewName: "module:sap/ushell_abap/components/tiles/applauncher/StaticTile.view",
+                viewData: oComponentData
+            });
+        }
+    });
+});

package/src/main/js/sap/ushell_abap/components/tiles/applauncher/Configuration.controller.js

@@ -0,0 +1,114 @@
+// Copyright (c) 2009-2026 SAP SE, All Rights Reserved
+
+sap.ui.define([
+    "sap/ui/core/mvc/Controller",
+    "sap/ushell/components/tiles/utils",
+    "sap/ui/core/ListItem"
+], (Controller, tileUtils, ListItem) => {
+    "use strict";
+
+    return Controller.extend("sap.ushell_abap.components.tiles.applauncher.Configuration", {
+        // checks given inputs
+        onConfigurationInputChange: function (oControlEvent) {
+            tileUtils.checkInput(this.getView(), oControlEvent);
+        },
+        // default semantic objects for static applauncher: blank
+        aDefaultObjects: [{ obj: "", name: "" }],
+        onInit: function () {
+            const oView = this.getView();
+            const oTargetUrl = oView.byId("targetUrl");
+            const oSemanticObjectSelector = oView.byId("navigation_semantic_objectInput");
+            const oActionSelector = oView.byId("navigation_semantic_actionInput");
+            const oResourceModel = tileUtils.getResourceBundleModel();
+
+            oView.setModel(oResourceModel, "i18n");
+            const oBundle = tileUtils.getResourceBundle();
+            // set view name for identification in utils
+            oView.setViewName("sap.ushell_abap.components.tiles.applauncher.Configuration");
+            tileUtils.createSemanticObjectModel(this, oSemanticObjectSelector, this.aDefaultObjects);
+            tileUtils.createActionModel(this, oActionSelector);
+
+            // make sure that the chose object is written back to the configuration
+            oSemanticObjectSelector.attachChange((oControlEvent) => {
+                const sValue = oControlEvent.getSource().getValue();
+                oView.getModel().setProperty("/config/navigation_semantic_object", sValue);
+            });
+
+            // toggle editable property of targetURL input field depending on navigation_use_semantic_object
+            function targetUrlVisibilityFormatter (bUseLaunchpad) {
+                return !bUseLaunchpad;
+            }
+            oTargetUrl.bindProperty("enabled", {
+                formatter: targetUrlVisibilityFormatter,
+                path: "/config/navigation_use_semantic_object"
+            });
+            // Adding list items URL and Intent to the Target Type in Tile Actions section
+            let oItem = new ListItem({ key: "URL", text: oBundle.getText("configuration.tile_actions.table.target_type.url") });
+            oView.byId("targetTypeCB").addItem(oItem);
+            oItem = new ListItem({ key: "INT", text: oBundle.getText("configuration.tile_actions.table.target_type.intent") });
+            oView.byId("targetTypeCB").addItem(oItem);
+        },
+
+        onAfterRendering: function () {
+            tileUtils.updateMessageStripForOriginalLanguage(this.getView());
+        },
+
+        // forward semantic object value helper request to utils
+        onValueHelpRequest: function (oEvent) {
+            // Third parameter is to differentiate whether it's Tile Actions icon field or general icon field. If it's true, then it's tile actions icon field, else general icon field.
+            tileUtils.objectSelectOnValueHelpRequest(this, oEvent, false);
+        },
+        // forward semantic action value helper request to utils
+        onActionValueHelpRequest: function (oEvent) {
+            // Third parameter is to differentiate whether it's Tile Actions icon field or general icon field. If it's true, then it's tile actions icon field, else general icon field.
+            tileUtils.actionSelectOnValueHelpRequest(this, oEvent, false);
+        },
+        // change handler for check box
+        onCheckBoxChange: function (oEvent) {
+            const oView = this.getView();
+            const oSemanticObjectSelector = oView.byId("navigation_semantic_objectInput");
+            const oModel = oSemanticObjectSelector.getModel();
+            const value = oEvent.getSource().getSelected();
+            oModel.setProperty("/enabled", value);
+            tileUtils.checkInput(this.getView(), oEvent);
+        },
+        // forward icon value help request to utils
+        onIconValueHelpRequest: function (oEvent) {
+            // Third parameter is to differentiate whether it's Tile Actions icon field or general icon field. If it's true, then it's tile actions icon field, else general icon field.
+            tileUtils.iconSelectOnValueHelpRequest(this, oEvent, false);
+        },
+        // forward icon close request to utils
+        onSelectIconClose: function () {
+            tileUtils.onSelectIconClose(this.getView());
+        },
+        // forward icon ok to utils
+        onSelectIconOk: function () {
+            tileUtils.onSelectIconOk(this.getView());
+        },
+        // This function applies table logic for the Action according to the Target Type:
+        // if Taregt Type is URL, then Action field should be disabled else if it's Intent, then the Action field should be enabled.
+        handleTargetTypeChange: function (oTargetTypeComboBox) {
+            tileUtils.onTargetTypeChange(oTargetTypeComboBox);
+        },
+
+        // forward tile actions semantic object value helper request to utils
+        onTileActionValueHelp: function (oEvent) {
+            // Third parameter is to differentiate whether it's Tile Actions icon field or general icon field. If it's true, then it's tile actions icon field, else general icon field.
+            tileUtils.objectSelectOnValueHelpRequest(this, oEvent, true);
+        },
+
+        // forward icon value help request to utils
+        onTileActionIconValueHelp: function (oEvent) {
+            // Third parameter is to differentiate whether it's Tile Actions icon field or general icon field. If it's true, then it's tile actions icon field, else general icon field.
+            tileUtils.iconSelectOnValueHelpRequest(this, oEvent, true);
+        },
+        // adds new row in the tile actions table
+        addRow: function () {
+            tileUtils.addTileActionsRow(this.getView());
+        },
+        // delets row in the tile actions table
+        deleteRow: function () {
+            tileUtils.deleteTileActionsRow(this.getView());
+        }
+    });
+});