@sapui5/sap.ushell 1.112.3 → 1.114.0

package/src/main/js/sap/ushell/components/workPageBuilder/controller/WorkPageBuilder.controller.js

@@ -1,15 +1,19 @@
-//Copyright (c) 2009-2022 SAP SE, All Rights Reserved
+//Copyright (c) 2009-2023 SAP SE, All Rights Reserved
 
 /**
  * @file WorkPageBuilder controller for WorkPageBuilder view
- * @version 1.112.3
+ * @version 1.114.0
  */
 sap.ui.define([
+    "sap/ushell/resources",
     "sap/base/Log",
     "sap/ui/core/Core",
+    "sap/ui/core/Component",
     "sap/ui/core/mvc/Controller",
     "sap/ushell/utils",
     "sap/ui/integration/widgets/Card",
+    "sap/ui/integration/ActionDefinition",
+    "sap/ui/integration/designtime/editor/CardEditor",
     "sap/ui/core/Fragment",
     "sap/ui/integration/Host",
     "sap/base/util/ObjectPath",
@@ -23,15 +27,20 @@ sap.ui.define([
     "sap/ushell/adapters/cdm/v3/utilsCdm",
     "sap/ushell/adapters/cdm/v3/_LaunchPage/readUtils",
     "sap/ushell/adapters/cdm/v3/_LaunchPage/readVisualizations",
-    "sap/ushell/services/VisualizationInstantiation",
     "sap/ui/core/InvisibleMessage",
-    "sap/ui/core/library"
+    "sap/ui/core/library",
+    "sap/base/util/deepExtend",
+    "sap/ushell/components/workPageBuilder/controller/WorkPageBuilder.accessibility"
 ], function (
+    resources,
     Log,
     Core,
+    Component,
     Controller,
     utils,
     Card,
+    ActionDefinition,
+    CardEditor,
     Fragment,
     Host,
     ObjectPath,
@@ -45,16 +54,20 @@ sap.ui.define([
     utilsCdm,
     readUtils,
     readVisualizations,
-    VisualizationInstantiation,
     InvisibleMessage,
-    coreLibrary
+    coreLibrary,
+    deepExtend,
+    WorkPageBuilderAccessibility
 ) {
     "use strict";
 
-    var MIN_GRID_COLUMN_WIDTH = 4;
+    // PR: Provider, CO: (Content) Administrator, PG: Page Administrator, US: End User
+    // US is commented for now, because we do not have personalization yet.
+    var CONFIGURATION_LEVELS = ["PR", "CO", "PG" /*, "US"*/];
+    var MIN_GRID_COLUMN_WIDTH = 6;
     var MAX_GRID_COLUMN_WIDTH = 24;
     var STEP_SIZE = 2;
-    var MAX_COLS = 6;
+    var MAX_COLUMNS_PER_ROW = 4;
 
     var LoadState = mLibrary.LoadState;
     var InvisibleMessageMode = coreLibrary.InvisibleMessageMode;
@@ -75,8 +88,10 @@ sap.ui.define([
 
             onInit: function () {
                 this._fnDeleteRowHandler = this.deleteRow.bind(this);
+                this._fnSaveCardConfiguration = this._onSaveCardEditor.bind(this);
 
                 this.oModel = new JSONModel({
+                    maxColumns: MAX_COLUMNS_PER_ROW,
                     editMode: false,
                     loaded: false,
                     navigationDisabled: false,
@@ -105,6 +120,8 @@ sap.ui.define([
                     path: "/data/WorkPage"
                 });
 
+                this.oWorkPageBuilderAccessibility = new WorkPageBuilderAccessibility();
+
                 return this.getOwnerComponent().getVizInstantiationPromise()
                     .then(function (oVisualizationInstantiation) {
                         this._oVizInstantiationService = oVisualizationInstantiation;
@@ -112,6 +129,18 @@ sap.ui.define([
                     }.bind(this));
             },
 
+            /**
+             * Handler for the "borderReached" event of the GridContainer.
+             * Calculates which GridContainer in the given direction is the nearest to the currently focused one.
+             * Afterwards shifts the focus to the found GridContainer. If none is found nothing happens and the focus stays with the current one.
+             *
+             * @param {sap.base.Event} oEvent The "borderReached" event of the GridContainer
+             */
+            onGridContainerBorderReached: function (oEvent) {
+                var oWorkPage = this.byId("sapCepWorkPage");
+                this.oWorkPageBuilderAccessibility._handleBorderReached(oEvent, oWorkPage);
+            },
+
             /**
              * Handler for the "addColumn" event of the WorkPageColumn.
              * Creates an empty column on the left or the right of the event source and calculates
@@ -130,7 +159,7 @@ sap.ui.define([
                 var aColumnsData = oModel.getProperty(sColumnPath);
                 var iColumnCount = aColumnsData.length;
                 var bAddToLeft = oEvent.getParameter("left");
-                if (iColumnCount >= MAX_COLS) {
+                if (iColumnCount >= MAX_COLUMNS_PER_ROW) {
                     return;
                 }
                 var iColumnWidth = oColumnControl.getProperty("columnWidth");
@@ -242,9 +271,10 @@ sap.ui.define([
              */
 
             setVisualizationData: function (oVizNodes) {
-                var aVisualizations = ObjectPath.get("Visualizations.nodes", oVizNodes);
-                this.oModel.setProperty("/data/Visualizations", aVisualizations);
-                this.oModel.firePropertyChange({ type: "Visualizations" });
+                return this.oContentFinderPromise.then(function (oContentFinder) {
+                    this.oModel.setProperty("/data/Visualizations", oVizNodes);
+                    oContentFinder.setVisualizationData(this.oModel.getProperty("/data/Visualizations"));
+                }.bind(this));
             },
 
             /**
@@ -453,96 +483,218 @@ sap.ui.define([
             },
 
             /**
-             * Handler for the "Add Widget" button on a WorkPageColumn.
-             * Open the content finder dialog
+             * Returns an array of WidgetGroups to set then in the Content Finder's widget gallery
              *
-             * @param {sap.base.Event} oEvent The "addWidget" event.
-             * @return {sap.m.Dialog} The ContentFinder Dialog Instance
+             * @since 1.113.0
+             * @return {object[]} the WidgetGroups array
+             * @private
              */
-            onAddWidget: function (oEvent) {
-                this._oColumn = oEvent.getSource();
-                if (!this._oPromise) {
-                    this._oPromise = this._loadContentFinderDialog();
-                }
-                return this._oPromise.then(function (oDialog) {
-                    this.oContentFinderDialog = oDialog;
-                    var oDataProvider = {
-                        oWorkPageBuilderView: this.getView(),
-                        sUsedVizRootPath: "/data/UsedVisualizations",
-                        oColumn: this._oColumn,
-                        fnOnWidgetAdded: this.onWidgetAdded.bind(this),
-                        fnGenerateUid: this._generateUniqueId.bind(this)
-                    };
-                    this.oContentFinderDialogController.connect(
-                        this.sFragmentId,
-                        oDialog,
-                        oDataProvider,
-                        {
-                            iCurrentPageIndex: 0
-                        }
-                    );
-                    this.oContentFinderDialog.open();
+            _getWidgetGroups: function () {
+                var aWidgetGroups = [{
+                    id: "applicationWidgets",
+                    title: resources.i18n.getText("ContentFinder.Categories.Applications.Title"),
+                    widgets: [{
+                        id: "widgets-tiles",
+                        title: resources.i18n.getText("ContentFinder.Widgets.Tiles.Title"),
+                        description: resources.i18n.getText("ContentFinder.Widgets.Tiles.Description"),
+                        icon: "sap-icon://header",
+                        target: "appSearch_tiles"
+                    }, {
+                        id: "widgets-cards",
+                        title: resources.i18n.getText("ContentFinder.Widgets.Cards.Title"),
+                        description: resources.i18n.getText("ContentFinder.Widgets.Cards.Description"),
+                        icon: "sap-icon://card",
+                        target: "appSearch_cards"
+                    }]
+                }];
+
+                return aWidgetGroups;
+            },
+
+
+            /**
+             * Create the ContentFinder Component
+             * @returns {Promise} A Promise that resolves the ContentFinderComponent
+             *
+             * @since 1.113.0
+             * @private
+            */
+            createContentFinderComponent: function () {
+                this.oContentFinderPromise = Component.create({
+                    name: "sap.ushell.components.contentFinder"
+                });
+
+                return this.oContentFinderPromise;
+            },
+
+            /**
+             * Open ContentFinder's WidgetGallery view.
+             *
+             * @param {sap.base.Event} oEvent The "addWidget" event.
+             * @returns {Promise} When resolved, opens the ContentFinder dialog.
+             *
+             * @since 1.113.0
+             * @public
+            */
+            openWidgetGallery: function (oEvent) {
+                var oSource = oEvent.getSource(); //WorkPageColumn
+
+                if (!this.oContentFinderPromise) { this.oContentFinderPromise = this.createContentFinderComponent(); }
+
+                this.getOwnerComponent().fireEvent("visualizationFilterApplied");
+
+                return this.oContentFinderPromise.then(function (oContentFinder) {
+                    oContentFinder.setWidgetGroups(this._getWidgetGroups());
+                    oContentFinder.attachVisualizationsAdded(oSource, this._onAddVisualization, this);
+                    oContentFinder.show("widgetGallery");
                 }.bind(this));
             },
 
             /**
-             * Handler for the "Add Applications" button on a WorkPageCell.
-             * Opens the content finder dialog in restricted mode with the widget selection opened.
+             * Open ContentFinder's AppSearch view
+             * @param {sap.base.Event} oEvent The "addApplications" event
+             * @returns {Promise} Promise that resolves the ContenFinder Component
              *
-             * @param {sap.base.Event} oEvent The "addApplications" event.
-             * @returns {Promise<sap.m.Dialog>} The ContentFinder Dialog Instance
+             * @since 1.113.0
+             * @public
+            */
+            openTilesAppSearch: function (oEvent) {
+                var oSource = oEvent.getSource(); //WorkPageCell
+                var aFilters = ["sap.ushell.StaticAppLauncher", "sap.ushell.DynamicAppLauncher"];
+
+                if (!this.oContentFinderPromise) { this.oContentFinderPromise = this.createContentFinderComponent(); }
+
+                this.getOwnerComponent().fireEvent("visualizationFilterApplied", {
+                    filters: [{ filterKey: "Type", filterValue: aFilters }]
+                });
+
+                return this.oContentFinderPromise.then(function (oContentFinder) {
+                    oContentFinder.setContextData({ restrictedVisualizations: this._getRestrictedVisualizationIds(oSource) });
+                    oContentFinder.setRestrictedMode(true);
+                    oContentFinder.attachVisualizationsAdded(oSource, this._onAddVisualization, this);
+                    oContentFinder.show("appSearch_tiles");
+                }.bind(this));
+            },
+
+
+            /**
+             * Returns an array of Widget's VizRefIds. The Widgets are contained in the WorkPageCell
+             *
+             * @param {sap.ushell.components.workPageBuilder.controls.WorkPageCell} oCell The WorkPageCell control.
+             * @return {string[]} The VizRefIds array
+             *
+             * @since 1.113.0
+             * @private
              */
-            onAddApplications: function (oEvent) {
-                var oCell = oEvent.getSource();
-                if (!this._oPromise) {
-                    this._oPromise = this._loadContentFinderDialog();
+            _getRestrictedVisualizationIds: function (oCell) {
+                var aRestrictedVizIds = [];
+                aRestrictedVizIds = oCell.getWidgets().map(function (oWidget) {
+                    if (oWidget.isA("sap.ushell.ui.launchpad.VizInstanceCdm")) {
+                        return oWidget.getProperty("vizRefId");
+                    }
+                });
+
+                return aRestrictedVizIds;
+            },
+
+            /**
+             * Add Visualization to the WorkPageColum or WorkPageCell
+             * @param {sap.base.Event} oEvent The "addApplications" event.
+             * @param {sap.ushell.components.workPageBuilder.controls.WorkPageCell|sap.ushell.components.workPageBuilder.controls.WorkPageColumn} oSource The WorkPageColumn or WorkPageCell control
+             *
+             * @since 1.113.0
+             * @private
+            */
+            _onAddVisualization: function (oEvent, oSource) {
+                var aSelectedVisualizations = oEvent.getParameter("visualizations");
+
+                if (aSelectedVisualizations.length > 0) {
+                    aSelectedVisualizations.forEach(function (oVisualization) {
+                        var sVizSelectedItemPath = "/data/UsedVisualizations/" + oVisualization.id;
+                        if (!this.oModel.getProperty(sVizSelectedItemPath)) {
+                            this.oModel.setProperty(sVizSelectedItemPath, oVisualization.vizData);
+                        }
+                    }.bind(this));
+
+                    var aWidgetData = this._instantiateWidgetData(aSelectedVisualizations);
+
+                    if (oSource.isA("sap.ushell.components.workPageBuilder.controls.WorkPageCell")) { this._setCellData(oSource, aWidgetData); }
+                    if (oSource.isA("sap.ushell.components.workPageBuilder.controls.WorkPageColumn")) { this._setColumnData(oSource, aWidgetData); }
                 }
-                return this._oPromise.then(function (oDialog) {
-                    this.oContentFinderDialog = oDialog;
-                    var oDataProvider = {
-                        oWorkPageBuilderView: this.getView(),
-                        sUsedVizRootPath: "/data/UsedVisualizations",
-                        oCell: oCell,
-                        fnOnWidgetAdded: this.onWidgetAdded.bind(this),
-                        fnGenerateUid: this._generateUniqueId.bind(this)
-                    };
-                    this.oContentFinderDialogController.connect(
-                        this.sFragmentId,
-                        oDialog,
-                        oDataProvider,
-                        {
-                            iCurrentPageIndex: 1,
-                            bRestrictedMode: true,
-                            sWidgetType: "widgets-tiles"
+
+            },
+
+            /**
+             * For each selected visualization in the ContentFinder, instantiate the initial WidgetData
+             * @param {object[]} aSelectedVisualizations The ContentFinder's selected visualizations
+             * @return {object[]} The WidgetData array
+             *
+             * @since 1.113.0
+             * @private
+            */
+            _instantiateWidgetData: function (aSelectedVisualizations) {
+                var aWidgetData = [];
+                var aIds = [];
+                var sId;
+
+                aWidgetData = aSelectedVisualizations.map(function (oTile) {
+                    sId = this._generateUniqueId(aIds);
+                    aIds = aIds.concat([sId]);
+                    return {
+                        Id: sId,
+                        DescriptorSchemaVersion: "3.2.0",
+                        Descriptor: {},
+                        Visualization: {
+                            Id: oTile.vizData.Id,
+                            Type: oTile.type
                         }
-                    );
-                    this.oContentFinderDialog.open();
+                    };
                 }.bind(this));
+
+                return aWidgetData;
             },
 
             /**
-             * Returns the ContentFinderDialog Instance.
+             * Add Widgets into the WorkPageCell's Widgets aggregation
+             * @param {sap.ushell.components.workPageBuilder.controls.WorkPageCell} oCell The WorkPageCell control.
+             * @param {object[]} aWidgetData The WidgetData array
              *
-             * @return {promise} The ContentFinder Dialog Instance
-             */
-            _loadContentFinderDialog: function () {
-                return new Promise(function (resolve, reject) {
-                    sap.ui.require([
-                        "sap/ushell/components/workPageBuilder/controller/ContentFinderDialog.controller"
-                    ], function (ContentFinderDialogController) {
-                        this.oContentFinderDialogController = new ContentFinderDialogController();
-                        this.sFragmentId = this.createId("ContentFinderDialog");
-                        this.oContentFinderDialogController.init();
-                        Fragment.load({
-                            id: this.sFragmentId,
-                            fragmentName: "sap.ushell.components.workPageBuilder.view.ContentFinderDialog",
-                            controller: this.oContentFinderDialogController
-                        }).then(function (oDialog) {
-                            this.getView().addDependent(oDialog);
-                            resolve(oDialog);
-                        }.bind(this)).catch(reject);
-                    }.bind(this), reject);
-                }.bind(this));
+             * @since 1.113.0
+             * @private
+            */
+            _setCellData: function (oCell, aWidgetData) {
+                var sCellPath = oCell.getBindingContext().getPath();
+                var oCellData = Object.assign({}, this.oModel.getProperty(sCellPath));
+
+                oCellData.Widgets = oCellData.Widgets.concat(aWidgetData);
+
+                this.oModel.setProperty(sCellPath, oCellData);
+                this.onWidgetAdded();
+            },
+
+            /**
+             * Add Widgets into WorkPageColumn's Cell aggregation
+             * @param {sap.ushell.components.workPageBuilder.controls.WorkPageColumn} oColumn The WorkPageCell control.
+             * @param {object[]} aWidgetData The WidgetData array
+             *
+             * @since 1.113.0
+             * @private
+            */
+            _setColumnData: function (oColumn, aWidgetData) {
+                var sColumnPath = oColumn.getBindingContext().getPath();
+                var oColumnData = Object.assign({}, this.oModel.getProperty(sColumnPath));
+
+                if (!oColumnData.Cells) { oColumnData.Cells = []; }
+
+                oColumnData.Cells = oColumnData.Cells.concat([{
+                    Id: this._generateUniqueId(),
+                    DescriptorSchemaVersion: "3.2.0",
+                    Descriptor: {},
+                    Widgets: aWidgetData.concat([])
+                }]);
+
+                this.oModel.setProperty(sColumnPath, oColumnData);
+                this.onWidgetAdded();
             },
 
             /**
@@ -633,7 +785,7 @@ sap.ui.define([
              * Creates a widget based on the given widgetContext.
              *
              * @param {string} sWidgetId The id for the widget.
-             * @param {object} oWidgetContext The widget context.
+             * @param {sap.ui.model.Context} oWidgetContext The widget context.
              * @return {sap.ushell.ui.launchpad.VizInstance|sap.m.GenericTile|sap.ui.integration.widgets.Card} The resulting control.
              */
             widgetFactory: function (sWidgetId, oWidgetContext) {
@@ -651,9 +803,14 @@ sap.ui.define([
                     return this._createErrorTile();
                 }
 
+                var aWidgetConfigurations = oWidgetContext.getProperty("Configurations") || [];
+                var aVizConfigurations = oVizData.Configurations || [];
+                var aMergedAndSortedConfigurations = this._getMergedAndSortedConfigurations(aWidgetConfigurations, aVizConfigurations);
+                var sWidgetContextPath = oWidgetContext.getPath();
+
                 switch (oVizData.Type) {
                     case "sap.card":
-                        return this._createCard(oVizData);
+                        return this._createCard(oVizData, aMergedAndSortedConfigurations, sWidgetContextPath);
                     case "sap.ushell.StaticAppLauncher":
                     case "sap.ushell.DynamicAppLauncher":
                         return this._createVizInstance(oVizData);
@@ -663,6 +820,71 @@ sap.ui.define([
                 }
             },
 
+            /**
+             * @typedef {object} Configuration A configuration entry.
+             * @property {string} Id the Id of the configuration entry.
+             * @property {string} Level the level of the configuration entry.
+             * @property {string} SettingsSchemaVersion the schema version.
+             * @property {object} Settings map of values that the configuration entry overrides.
+             */
+
+            /**
+             * Group the widget configurations and the visualization configurations by level and then merge settings for each level.
+             * The widget configurations override the viz configurations.
+             *
+             * @since 1.114.0
+             * @param {Configuration[]} aWidgetConfigurations The widget configuration items.
+             * @param {Configuration[]} aVizConfigurations The viz configuration items.
+             * @return {object[]} The merged array of configurations, sorted by level.
+             * @private
+             */
+            _getMergedAndSortedConfigurations: function (aWidgetConfigurations, aVizConfigurations) {
+                // No configurations -> return
+                if (aWidgetConfigurations.length === 0 && aVizConfigurations.length === 0) { return []; }
+
+                // First, widget configurations and viz configurations are merged for each level in CONFIGURATION_LEVELS
+                // Second, the merged configurations are sorted
+                var oConfigurations = CONFIGURATION_LEVELS.reduce(function (oMergedConfigurations, sLevel) {
+                    var oWidgetConfigByLevel = aWidgetConfigurations.find(function (oWidgetConfig) {
+                        return oWidgetConfig.Level === sLevel;
+                    });
+                    var oVizConfigByLevel = aVizConfigurations.find(function (oVizConfig) {
+                        return oVizConfig.Level === sLevel;
+                    });
+
+                    var oMergedConfigurationsByLevel = deepExtend({}, oVizConfigByLevel, oWidgetConfigByLevel);
+
+                    if (Object.keys(oMergedConfigurationsByLevel).length > 0) {
+                        oMergedConfigurations[sLevel] = oMergedConfigurationsByLevel;
+                    }
+
+                    return oMergedConfigurations;
+                }, {});
+
+                return this._sortConfigurations(Object.values(oConfigurations));
+            },
+
+
+            /**
+             * Sort the widget's configuration by level: PR: Provider, CO: (Content) Administrator, PG: Page Administrator, US: End User
+             *
+             * @since 1.114.0
+             * @param {Configuration[]} aConfigurations The configurations.
+             * @return {Configuration[]} The configurations sorted by level.
+             * @private
+             */
+
+            _sortConfigurations: function (aConfigurations) {
+                var oSortedConfigurations = aConfigurations.sort(function (oWidgetConfigA, oWidgetConfigB) {
+                    return CONFIGURATION_LEVELS.indexOf(oWidgetConfigA.Level) - CONFIGURATION_LEVELS.indexOf(oWidgetConfigB.Level);
+                });
+
+                // PR —> CO —> PG —> US
+                return oSortedConfigurations.map(function (oWidgetConfiguration) {
+                    return oWidgetConfiguration.Settings;
+                });
+            },
+
             /**
              * Creates a VizInstance with given vizData using the VizInstantiation service.
              *
@@ -703,8 +925,10 @@ sap.ui.define([
                     preview: false
                 };
 
-                oInstantiationVizData.target = readUtils.harmonizeTarget(readVisualizations.getTarget(oInstantiationVizData) || {});
-                oInstantiationVizData.targetURL = utilsCdm.toHashFromVizData(oInstantiationVizData, oApplicationAsMap);
+                if (!this.oModel.getProperty("/navigationDisabled")) {
+                    oInstantiationVizData.target = readUtils.harmonizeTarget(readVisualizations.getTarget(oInstantiationVizData) || {});
+                    oInstantiationVizData.targetURL = utilsCdm.toHashFromVizData(oInstantiationVizData, oApplicationAsMap);
+                }
 
                 var oVizInstance = this._oVizInstantiationService.instantiateVisualization(oInstantiationVizData);
 
@@ -753,13 +977,16 @@ sap.ui.define([
              *
              * @since 1.110.0
              * @param {object} oViz The visualization data.
+             * @param {object[]} aConfigurations The configurations to apply to the card.
+             * @param {string} sWidgetContextPath The widget configurations path.
              * @return {sap.ui.integration.widgets.Card} The card instance.
              * @private
              */
-            _createCard: function (oViz) {
+            _createCard: function (oViz, aConfigurations, sWidgetContextPath) {
                 var oOptions = {};
                 var bHasDescriptor = oViz.Descriptor && oViz.Descriptor["sap.card"];
                 var bHasDescriptorResources = oViz.DescriptorResources && (oViz.DescriptorResources.BaseUrl || oViz.DescriptorResources.DescriptorPath);
+                var bHasConfig;
 
                 if (!bHasDescriptor && !bHasDescriptorResources) {
                     Log.error("No Descriptor or DescriptorResources for Card");
@@ -771,6 +998,7 @@ sap.ui.define([
 
                 if (bHasDescriptor) {
                     oOptions.manifest = oViz.Descriptor;
+                    bHasConfig = ObjectPath.get(["Descriptor", "sap.card", "configuration"], oViz);
 
                     if (bHasDescriptorResources) {
                         oOptions.baseUrl = oViz.DescriptorResources.BaseUrl + oViz.DescriptorResources.DescriptorPath;
@@ -784,7 +1012,15 @@ sap.ui.define([
                     oOptions.baseUrl += "/";
                 }
 
-                return new Card(oOptions)
+                var oCard = new Card(oOptions);
+
+                if (bHasConfig) {
+                    var oActionDefinition = this._createCardConfigurationActionDefinition(oCard, sWidgetContextPath, this._openCardConfigurationEditor.bind(this));
+                    oCard.addActionDefinition(oActionDefinition);
+                }
+
+                return oCard
+                    .setManifestChanges(aConfigurations)
                     .addStyleClass("sapCepWidget")
                     .setHost(this.oHost)
                     .setLayoutData(new GridContainerItemLayoutData({
@@ -794,16 +1030,167 @@ sap.ui.define([
             },
 
             /**
-             * executes the Navigation, will open a new window
-             * if Event is of type Navigation
-             * @param {Object} oEvent Event triggered by the card
+             * Create an ActionDefinition to enable the user to configure the card with the CardEditor.
+             *
+             * @since 1.114.0
+             * @param {sap.ui.integration.widgets.Card} oCard The card to configure.
+             * @param {string} sWidgetContextPath The card to configure.
+             * @param {function} fnOnPress Handler function, called when the ActionDefinition button is pressed.
+             *
+             * @return {sap.ui.integration.ActionDefinition} The ActionDefinition item.
+             * @private
+             */
+            _createCardConfigurationActionDefinition: function (oCard, sWidgetContextPath, fnOnPress) {
+                var sActionDefinitionText = this.getView().getModel("i18n").getResourceBundle().getText("WorkPage.Card.ActionDefinition.Configure");
+                var oActionDefinition = new ActionDefinition({
+                    type: "Custom",
+                    visible: "{/editMode}",
+                    buttonType: "Transparent",
+                    icon: "sap-icon://wrench",
+                    text: sActionDefinitionText
+                });
+
+                oActionDefinition.setModel(this.oModel);
+                oActionDefinition.attachPress({
+                    card: oCard,
+                    widgetContextPath: sWidgetContextPath
+                }, fnOnPress);
+                return oActionDefinition;
+            },
+
+            /**
+             * Adds the CardEditor into the Dialog and opens it.
+             *
+             * @since 1.113.0
+             * @param {sap.base.Event} oEvent The event object.
+             * @param {{card: sap.ui.integration.widgets.Card, widgetContextPath: string}} oContextData The context data.
+             * @returns {Promise} Promise that will resolve the the Dialog
+             * @private
+             */
+            _openCardConfigurationEditor: function (oEvent, oContextData) {
+                if (!this.oCardEditorDialogPromise) {
+                    this.oCardEditorDialogPromise = this._createCardEditorDialog();
+                }
+
+                var oCardEditor = this._createCardEditor(oContextData.card);
+
+                return this.oCardEditorDialogPromise.then(function (oCardEditorDialog) {
+                    this.oCardEditorDialog = oCardEditorDialog;
+                    this.oCardEditorDialog.removeAllContent();
+                    this.oCardEditorDialog.getBeginButton()
+                        .detachPress(this._fnSaveCardConfiguration)
+                        .attachPress(oContextData.widgetContextPath, this._fnSaveCardConfiguration);
+                    this.oCardEditorDialog.addContent(oCardEditor);
+                    this.oCardEditorDialog.open();
+                }.bind(this));
+            },
+
+            /**
+             * Creates and returns the CardEditor.
+             * @param {sap.ui.integration.widgets.Card} oCard The card control.
+             * @since 1.114.0
+             *
+             * @returns {sap.ui.integration.designtime.editor.CardEditor} The CardEditor instance.
+             * @private
+             */
+            _createCardEditor: function (oCard) {
+                return new CardEditor({
+                    previewPosition: "right",
+                    card: oCard,
+                    mode: "content"
+                });
+            },
+
+            /**
+             * Creates a dialog to be used with the CardEditor.
+             * @since 1.114.0
+             * @returns {Promise<sap.m.Dialog>} Promise that will resolve the the Dialog
+             * @private
+             */
+            _createCardEditorDialog: function () {
+                var sCardEditorSaveText = this.getView().getModel("i18n").getResourceBundle().getText("WorkPage.CardEditor.Save");
+                var sCardEditorCancelText = this.getView().getModel("i18n").getResourceBundle().getText("WorkPage.CardEditor.Cancel");
+
+                return new Promise(function (resolve, reject) {
+                    sap.ui.require(["sap/m/Dialog", "sap/m/Button", "sap/m/ButtonType"], function (Dialog, Button, ButtonType) {
+                        var oDialog = new Dialog({
+                            contentWidth: "40rem",
+                            beginButton: new Button({
+                                text: sCardEditorSaveText,
+                                type: ButtonType.Emphasized
+                            }),
+                            endButton: new Button({
+                                text: sCardEditorCancelText,
+                                press: function () {
+                                    oDialog.close();
+                                }
+                            })
+                        });
+                        resolve(oDialog);
+                    }, reject);
+                });
+            },
+
+            /**
+             * Saves the card's new configuration
+             * @since 1.114.0
+             * @param {sap.base.Event} oEvent The event object.
+             * @param {string} sWidgetContextPath The path to the card.
+             * @private
+             */
+            _onSaveCardEditor: function (oEvent, sWidgetContextPath) {
+                var oDialog = oEvent.getSource().getParent();
+                var oCardEditor = oDialog.getContent()[0];
+                var oCard = oCardEditor.getCard();
+                var sWidgetConfigurationsPath = sWidgetContextPath + "/Configurations";
+                var oCurrentSettings = oCardEditor.getCurrentSettings();
+                var aWidgetConfigurations = this.oModel.getProperty(sWidgetConfigurationsPath) || [];
+
+                var oWidgetConfiguration = aWidgetConfigurations.find(function (oConfiguration) {
+                    return oConfiguration.Level === "PG";
+                });
+
+                if (!oWidgetConfiguration) {
+                    oWidgetConfiguration = {};
+                    oWidgetConfiguration.Id = this._generateUniqueId();
+                    oWidgetConfiguration.Level = "PG";
+                    oWidgetConfiguration.Settings = oCurrentSettings;
+                    oWidgetConfiguration.SettingsSchemaVersion = "3.2";
+                    aWidgetConfigurations.push(oWidgetConfiguration);
+                } else {
+                    aWidgetConfigurations = aWidgetConfigurations.map(function (oConfiguration) {
+                        if (oConfiguration.Level === "PG") {
+                            oConfiguration.Settings = deepExtend({}, oConfiguration.Settings, oCurrentSettings);
+                        }
+                        return oConfiguration;
+                    });
+                }
+
+                this.oModel.setProperty(sWidgetConfigurationsPath, aWidgetConfigurations);
+
+                oCard.setManifestChanges([oCurrentSettings]);
+
+                this.getOwnerComponent().fireEvent("workPageEdited");
+
+                oDialog.close();
+            },
+
+            /**
+             * Executes the Navigation. If event's type is Navigation, a new window will be opened
+             *
+             * @param {sap.base.Event} oEvent Event triggered by the card
              * @returns {Promise} Promise that will resolve if Navigation is succesfull
              */
             executeNavigation: function (oEvent) {
                 var oParameters = oEvent.getParameter("parameters");
+
                 if (oEvent.getParameter("type") !== "Navigation" || this.oModel.getProperty("/navigationDisabled")) {
                     return Promise.resolve();
                 }
+
+                // Prevent event bubbling here, to avoid opening the same target twice
+                oEvent.preventDefault(true);
+
                 return this.getOwnerComponent().getUshellContainer().getServiceAsync("CrossApplicationNavigation")
                     .then(function (oCrossAppNavigation) {
                         return oCrossAppNavigation.toExternal({
@@ -943,9 +1330,9 @@ sap.ui.define([
             tileEditMode: function (bEditMode, aWidgets) {
                 var oModel = this.getView().getModel();
                 var oUsedViz;
-                return bEditMode && !!aWidgets && aWidgets.every(function (oWidget) {
+                return bEditMode && !!aWidgets && !aWidgets.some(function (oWidget) {
                     oUsedViz = oModel.getProperty("/data/UsedVisualizations/" + ObjectPath.get("Visualization.Id", oWidget));
-                    return ["sap.ushell.DynamicAppLauncher", "sap.ushell.StaticAppLauncher"].indexOf(ObjectPath.get("Type", oUsedViz)) > -1;
+                    return ObjectPath.get("Type", oUsedViz) === "sap.card";
                 });
             },