@sapui5/sap.rules.ui 1.121.0 → 1.123.0

package/src/sap/rules/ui/ast/util/LoopFunctionDialog.js

@@ -3,14 +3,33 @@ sap.ui.define([
 	"sap/m/List",
 	"sap/ui/model/json/JSONModel",
 	"sap/rules/ui/ast/constants/Constants",
-	"sap/rules/ui/ast/provider/TermsProvider"
-
-], function (Control, List, JSONModel, Constants, TermsProvider) {
+	"sap/rules/ui/ast/provider/TermsProvider",
+	"sap/ui/layout/GridData",
+	"sap/m/Select",
+	"sap/ui/core/ListItem",
+	"sap/m/ColumnListItem",
+	"sap/ui/layout/HorizontalLayout",
+	"sap/m/Button",
+	"sap/m/library",
+	"sap/ui/core/IconPool",
+	"sap/m/TextArea",
+	"sap/m/Table",
+	"sap/m/Column",
+	/*"sap/ui/layout/form/GridContainerData",*/
+	"sap/ui/layout/form/SimpleForm",
+	"sap/m/Label",
+	"sap/m/Dialog",
+	"sap/ui/core/Lib",
+	"sap/m/Text",
+	"sap/ui/core/Element"
+
+], function (Control, List, JSONModel, Constants, TermsProvider, GridData, Select, ListItem, ColumnListItem, HorizontalLayout, Button,
+mobileLibrary, IconPool, TextArea, Table, Column, /*GridContainerData, */SimpleForm, Label, Dialog, coreLib, Text, Element) {
 	"use strict";
 
 	var instance;
 	var LoopFunctionDialog = function () {
-		this.oBundle = sap.ui.getCore().getLibraryResourceBundle("sap.rules.ui.i18n");
+		this.oBundle = coreLib.getResourceBundleFor("sap.rules.ui.i18n");
 		this.functionLabelDisplay = "";
 		this.functionLabel = "";
 		this._loopFunctionSelected = "";
@@ -55,14 +74,14 @@ sap.ui.define([
 	};
 	LoopFunctionDialog.prototype._createLoopFunctionDropDown = function (loopFunction, sAriaValue) {
 		var that = this;
-		var model = new sap.ui.model.json.JSONModel(loopFunction);
+		var model = new JSONModel(loopFunction);
 
-		this.functionLoop = new sap.m.Select({
+		this.functionLoop = new Select({
 			width: "200px",
 			selectedKey: this._loopFunctionSelected,
 			forceSelection: false,
 			showSecondaryValues: true,
-			layoutData: new sap.ui.layout.GridData({
+			layoutData: new GridData({
 				span: "L3 M3 S3"
 			}),
 			ariaLabelledBy: sAriaValue,
@@ -90,7 +109,7 @@ sap.ui.define([
 		this.functionLoop.setModel(model);
 		this.functionLoop.bindItems({
 			path: "/loop",
-			template: new sap.ui.core.ListItem({
+			template: new ListItem({
 				text: "{name}",
 				key: "{name}",
 				additionalText: "{label}"
@@ -100,9 +119,9 @@ sap.ui.define([
 		return this.functionLoop;
 	};
 
-	LoopFunctionDialog.prototype._getOperationAstExpressionBasic = function (bindingContext, sAriaValue) {
+	LoopFunctionDialog.prototype._getOperationAstExpressionBasic = function (sAriaValue, AstExpressionBasic) {
 		var that = this;
-		this.astExpressionBasicForOperation = new sap.rules.ui.AstExpressionBasic({
+		this.astExpressionBasicForOperation = new AstExpressionBasic({
 			astExpressionLanguage: this._oAstExpressionLanguage,
 			value: "{operationSelected}",
 			conditionContext: false,
@@ -132,15 +151,15 @@ sap.ui.define([
 		return this.astExpressionBasicForOperation;
 	};
 
-	LoopFunctionDialog.prototype._tableColumnsFactory = function (sId, oContext) {
+	LoopFunctionDialog.prototype._tableColumnsFactory = function (AstExpressionBasic, sId, oContext) {
 		var that = this;
-		var itemTemplate = new sap.m.ColumnListItem({
-			cells: [that._getOperationAstExpressionBasic("loopOperationsLabelId"),
-				new sap.ui.layout.HorizontalLayout({
+		var itemTemplate = new ColumnListItem({
+			cells: [that._getOperationAstExpressionBasic("loopOperationsLabelId", AstExpressionBasic),
+				new HorizontalLayout({
 					content: [
-						new sap.m.Button({
-							type: sap.m.ButtonType.Transparent,
-							icon: sap.ui.core.IconPool.getIconURI("sys-cancel"),
+						new Button({
+							type: mobileLibrary.ButtonType.Transparent,
+							icon:IconPool.getIconURI("sys-cancel"),
 							visible: "{cancelButton}",
 							enabled: "{/enabledData/enabled}",
 							press: function (oEvent) {
@@ -153,9 +172,9 @@ sap.ui.define([
 
 							}.bind(this)
 						}),
-						new sap.m.Button({
-							type: sap.m.ButtonType.Transparent,
-							icon: sap.ui.core.IconPool.getIconURI("add"),
+						new Button({
+							type: mobileLibrary.ButtonType.Transparent,
+							icon: IconPool.getIconURI("add"),
 							visible: "{addButton}",
 							enabled: "{/enabledData/enabled}",
 							press: function (oEvent) {
@@ -242,9 +261,9 @@ sap.ui.define([
 		var that = this;
 		var autoSuggestion = this._getSuggestionsForTheGivenInput("");
 		var aVocabulary = this._filterloopFunctionVocabulary(autoSuggestion.autoComplete.categories.terms);
-		var model = new sap.ui.model.json.JSONModel(aVocabulary);
+		var model = new JSONModel(aVocabulary);
 
-		this.vocabularySelect = new sap.m.Select({
+		this.vocabularySelect = new Select({
 			width: "100%",
 			selectedKey: this.dataObjectIdSelected,
 			forceSelection: false,
@@ -290,7 +309,7 @@ sap.ui.define([
 		this.vocabularySelect.setModel(model);
 		this.vocabularySelect.bindItems({
 			path: "/terms",
-			template: new sap.ui.core.ListItem({
+			template: new ListItem({
 				text: "{label}",
 				key: "{id}"
 			})
@@ -298,7 +317,7 @@ sap.ui.define([
 		// Add Rules to the same path so that the dataobjects list contain rules as well
 		var vocabularyRules = autoSuggestion.autoComplete.categories.vocabularyRules;
 		for (var entry in vocabularyRules) {
-			var item = new sap.ui.core.ListItem({
+			var item = new ListItem({
 				text: vocabularyRules[entry].label,
 				key: vocabularyRules[entry].id
 			})
@@ -309,7 +328,7 @@ sap.ui.define([
 	};
 
 	LoopFunctionDialog.prototype._bindOperations = function () {
-		this.oModel = new sap.ui.model.json.JSONModel();
+		this.oModel = new JSONModel();
 		this.oModel.setData({
 			selectionData: this.selectedData,
 			enabledData: this.enabledData,
@@ -317,9 +336,9 @@ sap.ui.define([
 		});
 		this.conditionsTable.setModel(this.oModel);
 	};
-	LoopFunctionDialog.prototype._createWhereAstExpressionBasic = function (sAriaValue) {
+	LoopFunctionDialog.prototype._createWhereAstExpressionBasic = function (sAriaValue, AstExpressionBasic) {
 		var that = this;
-		this.astExpressionBasicForWhere = new sap.rules.ui.AstExpressionBasic({
+		this.astExpressionBasicForWhere = new AstExpressionBasic({
 			astExpressionLanguage: this._oAstExpressionLanguage,
 			enableAggregateFunctionWhereClause: true,
 			value: this._whereExpressionId,
@@ -358,7 +377,7 @@ sap.ui.define([
 	};
 
 	LoopFunctionDialog.prototype._createFunctionLabel = function () {
-		this.functionLabelField = new sap.m.TextArea({
+		this.functionLabelField = new TextArea({
 			value: this.functionLabelDisplay,
 			enabled: false,
 			width: "100%"
@@ -390,27 +409,27 @@ sap.ui.define([
 		};
 	}
 
-	LoopFunctionDialog.prototype._createTable = function () {
+	LoopFunctionDialog.prototype._createTable = function (AstExpressionBasic) {
 		var that = this;
-		this.conditionsTable = new sap.m.Table({
-			backgroundDesign: sap.m.BackgroundDesign.Solid,
-			showSeparators: sap.m.ListSeparators.None,
-			layoutData: new sap.ui.layout.form.GridContainerData({
+		this.conditionsTable = new Table({
+			backgroundDesign: mobileLibrary.BackgroundDesign.Solid,
+			showSeparators: mobileLibrary.ListSeparators.None,
+			/*layoutData: new sap.ui.layout.form.GridContainerData({
 				halfGrid: false
-			}),
+			}),*/
 			columns: [
-				new sap.m.Column({
+				new Column({
 					width: "89%"
 				}).setStyleClass("sapAstOperationColumn"),
 
-				new sap.m.Column({
+				new Column({
 					width: "11%"
 				})
 			]
 		}).addStyleClass("sapAstOperationTable");
 
 		this._bindOperations();
-		var itemTemplate = that._tableColumnsFactory();
+		var itemTemplate = that._tableColumnsFactory(AstExpressionBasic);
 		this.conditionsTable.bindItems("/selectionData", itemTemplate);
 
 		return this.conditionsTable;
@@ -427,137 +446,141 @@ sap.ui.define([
 		var that = this;
 		var sequence = 0;
 		this._clearData();
-		this.oBundle = sap.ui.getCore().getLibraryResourceBundle("sap.rules.ui.i18n");
+		this.oBundle = coreLib.getResourceBundleFor("sap.rules.ui.i18n");
 		this._oAstExpressionLanguage = AstExpressionLanguage;
 		this._loopFunctionSelected = Constants.FOREACH;
-		if (jsonData) {
-			this._loopFunctionSelected = jsonData.function;
-			this._whereExpressionId = jsonData.filter;
-			this.dataObjectId = jsonData.dataObject;
-			this.functionLabel = jsonData.functionLabel;
-			this.dataObjectIdSelected = jsonData.dataObject.replace("/", "");
-			this.operationArray = jsonData.actions;
-			that.functionLabelDisplay = this._convertFunctionLabelToText(jsonData.dataObject, jsonData.functionLabel);;
-			if (this.dataObjectId) {
-				this.dataObjectIdData.dataObjectId = this.dataObjectId;
-				this.enabledData.enabled = true;
-				this.termsProvider = this._oAstExpressionLanguage._astBunldeInstance.TermsProvider.TermsProvider;
-				this.dataObjectLabel = this.termsProvider.getTermNameFromASTNodeReference(this.dataObjectId);
-			}
-			if (this.operationArray && this.operationArray.length > 0) {
-				this.selectedData = [];
-				for (var index = 0; index < this.operationArray.length; index++) {
-					var newjson = {
-						operationSelected: "",
-						preSuggestionContext: "",
-						cancelButton: true,
-						addButton: true,
-					}
-					newjson.operationSelected = this.operationArray[index];
-					this.selectedData.push(newjson);
-					sequence++;
-				}
-				if (sequence === 1) {
-					this.selectedData[0].cancelButton = false;
-				}
-				if (!this._whereExpressionId) {
-					that.selectedData[0].preSuggestionContext = this._loopFunctionSelected + "(" + this.dataObjectId + ",";
-				} else {
-					that.selectedData[0].preSuggestionContext = this._loopFunctionSelected + "(" + Constants.FILTER + "(" + this.dataObjectId + "," +
-						that._whereExpressionId + ") ,";
-				}
-				that._setPreSuggestionContextChange(0);
-			}
-
-		}
-
-		var functionLoop = that._createLoopFunctionDropDown(data, "LoopFuntionLabelId");
-		var oVocabularyText = new sap.m.Text({
-			text: that.oBundle.getText("vocabulary"),
-			tooltip: that.oBundle.getText("vocabulary"),
-			textAlign: "End",
-			layoutData: new sap.ui.layout.GridData({
-				span: "L2 M2 S2"
-			})
-		});
-		var operationTable = that._createTable();
-		var oWhereControl = that._createWhereAstExpressionBasic("loopWhereLabelId");
-		var oFunctionLabelControl = that._createFunctionLabel();
-
-		var verticalLayoutForLoopFunction = new sap.ui.layout.form.SimpleForm({
-			layout: sap.ui.layout.form.SimpleFormLayout.ResponsiveGridLayout,
-			editable: true,
-			content: [
-				new sap.m.Label("loopFunctionSelectionLabelId", {
-					text: that.oBundle.getText("function"),
-					tooltip: that.oBundle.getText("function"),
-					labelFor: functionLoop.getId()
-				}), functionLoop,
-				oVocabularyText,
-				that._createVocabularyDropDown(oVocabularyText.getId()),
-				new sap.m.Label("loopWhereLabelId", {
-					text: that.oBundle.getText("where"),
-					tooltip: that.oBundle.getText("where"),
-					labelFor: oWhereControl.getId()
-				}),
-				oWhereControl,
-				new sap.m.Label("loopOperationsLabelId", {
-					text: "",
-					tooltip: "",
-					labelFor: operationTable.getId()
-				}).addStyleClass(""),
-				operationTable,
-				new sap.m.Label({
-					text: that.oBundle.getText("function_label"),
-					tooltip: that.oBundle.getText("function_label"),
-					labelFor: oFunctionLabelControl.getId()
-				}),
-				oFunctionLabelControl
-			]
-		});
-
-		var loopFunctionsDialog = new sap.m.Dialog({
-			title: this.oBundle.getText("loopFunctionTitle"),
-			contentWidth: "800px",
-			showHeader: true,
-			draggable: true,
-			beforeClose: function () {
-				dialogOpenedCallbackReference(false);
-			},
-			content: [verticalLayoutForLoopFunction],
-			buttons: [
-				this.applyButton = new sap.m.Button({
-					text: this.oBundle.getText("apply"),
-					tooltip: this.oBundle.getText("applyChangesBtnTooltip"),
-					press: function (event) {
-						var loopFunctionData = that._createJson()
-						event.getSource().mProperties = {
-							value: that.functionLabel,
-							jsonData: loopFunctionData
-						};
-						callBack(event);
-						that._setModal(false);
-						loopFunctionsDialog.close();
-						loopFunctionsDialog.destroy();
-					}
-				}),
-				new sap.m.Button({
-					text: this.oBundle.getText("cancel"),
-					tooltip: this.oBundle.getText("cancelBtnTooltip"),
-					press: function (event) {
-						that._setModal(false);
-						loopFunctionsDialog.close();
-						loopFunctionsDialog.destroy();
-					}
-				})
-			]
-		}).addStyleClass("sapUiSizeCompact");;
-		that._setModal(true);
-		loopFunctionsDialog.open();
+		sap.ui.require([
+                "sap/rules/ui/AstExpressionBasic"
+              ], (AstExpressionBasic) => {
+                    if (jsonData) {
+                    			this._loopFunctionSelected = jsonData.function;
+                    			this._whereExpressionId = jsonData.filter;
+                    			this.dataObjectId = jsonData.dataObject;
+                    			this.functionLabel = jsonData.functionLabel;
+                    			this.dataObjectIdSelected = jsonData.dataObject.replace("/", "");
+                    			this.operationArray = jsonData.actions;
+                    			that.functionLabelDisplay = this._convertFunctionLabelToText(jsonData.dataObject, jsonData.functionLabel);;
+                    			if (this.dataObjectId) {
+                    				this.dataObjectIdData.dataObjectId = this.dataObjectId;
+                    				this.enabledData.enabled = true;
+                    				this.termsProvider = this._oAstExpressionLanguage._astBunldeInstance.TermsProvider.TermsProvider;
+                    				this.dataObjectLabel = this.termsProvider.getTermNameFromASTNodeReference(this.dataObjectId);
+                    			}
+                    			if (this.operationArray && this.operationArray.length > 0) {
+                    				this.selectedData = [];
+                    				for (var index = 0; index < this.operationArray.length; index++) {
+                    					var newjson = {
+                    						operationSelected: "",
+                    						preSuggestionContext: "",
+                    						cancelButton: true,
+                    						addButton: true,
+                    					}
+                    					newjson.operationSelected = this.operationArray[index];
+                    					this.selectedData.push(newjson);
+                    					sequence++;
+                    				}
+                    				if (sequence === 1) {
+                    					this.selectedData[0].cancelButton = false;
+                    				}
+                    				if (!this._whereExpressionId) {
+                    					that.selectedData[0].preSuggestionContext = this._loopFunctionSelected + "(" + this.dataObjectId + ",";
+                    				} else {
+                    					that.selectedData[0].preSuggestionContext = this._loopFunctionSelected + "(" + Constants.FILTER + "(" + this.dataObjectId + "," +
+                    						that._whereExpressionId + ") ,";
+                    				}
+                    				that._setPreSuggestionContextChange(0);
+                    			}
+
+                    		}
+
+                    		var functionLoop = that._createLoopFunctionDropDown(data, "LoopFuntionLabelId");
+                    		var oVocabularyText = new Text({
+                    			text: that.oBundle.getText("vocabulary"),
+                    			tooltip: that.oBundle.getText("vocabulary"),
+                    			textAlign: "End",
+                    			layoutData: new GridData({
+                    				span: "L2 M2 S2"
+                    			})
+                    		});
+                    		var operationTable = that._createTable(AstExpressionBasic);
+                    		var oWhereControl = that._createWhereAstExpressionBasic("loopWhereLabelId", AstExpressionBasic);
+                    		var oFunctionLabelControl = that._createFunctionLabel();
+
+                    		var verticalLayoutForLoopFunction = new SimpleForm({
+                    			layout: "ResponsiveGridLayout",
+                    			editable: true,
+                    			content: [
+                    				new Label("loopFunctionSelectionLabelId", {
+                    					text: that.oBundle.getText("function"),
+                    					tooltip: that.oBundle.getText("function"),
+                    					labelFor: functionLoop.getId()
+                    				}), functionLoop,
+                    				oVocabularyText,
+                    				that._createVocabularyDropDown(oVocabularyText.getId()),
+                    				new Label("loopWhereLabelId", {
+                    					text: that.oBundle.getText("where"),
+                    					tooltip: that.oBundle.getText("where"),
+                    					labelFor: oWhereControl.getId()
+                    				}),
+                    				oWhereControl,
+                    				new Label("loopOperationsLabelId", {
+                    					text: "",
+                    					tooltip: "",
+                    					labelFor: operationTable.getId()
+                    				}).addStyleClass(""),
+                    				operationTable,
+                    				new Label({
+                    					text: that.oBundle.getText("function_label"),
+                    					tooltip: that.oBundle.getText("function_label"),
+                    					labelFor: oFunctionLabelControl.getId()
+                    				}),
+                    				oFunctionLabelControl
+                    			]
+                    		});
+
+                    		var loopFunctionsDialog = new Dialog({
+                    			title: this.oBundle.getText("loopFunctionTitle"),
+                    			contentWidth: "800px",
+                    			showHeader: true,
+                    			draggable: true,
+                    			beforeClose: function () {
+                    				dialogOpenedCallbackReference(false);
+                    			},
+                    			content: [verticalLayoutForLoopFunction],
+                    			buttons: [
+                    				this.applyButton = new Button({
+                    					text: this.oBundle.getText("apply"),
+                    					tooltip: this.oBundle.getText("applyChangesBtnTooltip"),
+                    					press: function (event) {
+                    						var loopFunctionData = that._createJson()
+                    						event.getSource().mProperties = {
+                    							value: that.functionLabel,
+                    							jsonData: loopFunctionData
+                    						};
+                    						callBack(event);
+                    						that._setModal(false);
+                    						loopFunctionsDialog.close();
+                    						loopFunctionsDialog.destroy();
+                    					}
+                    				}),
+                    				new Button({
+                    					text: this.oBundle.getText("cancel"),
+                    					tooltip: this.oBundle.getText("cancelBtnTooltip"),
+                    					press: function (event) {
+                    						that._setModal(false);
+                    						loopFunctionsDialog.close();
+                    						loopFunctionsDialog.destroy();
+                    					}
+                    				})
+                    			]
+                    		}).addStyleClass("sapUiSizeCompact");;
+                    		that._setModal(true);
+                    		loopFunctionsDialog.open();
+              });
 	};
 
 	LoopFunctionDialog.prototype._setModal = function (value) {
-		var pop = sap.ui.getCore().byId("popover");
+		var pop = Element.getElementById("popover");
 		if (pop) {
 			pop.setModal(value);
 		}