@openui5/sap.ui.mdc 1.96.2 → 1.97.0

package/src/sap/ui/mdc/p13n/panels/SortQueryPanel.js

@@ -1,133 +0,0 @@
-/*
- * ! OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
- * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
- */
-sap.ui.define([
-    "./QueryPanel", "sap/m/Text", "sap/m/SegmentedButton", "sap/m/SegmentedButtonItem", "sap/ui/layout/Grid", "sap/ui/layout/GridData"
-], function (QueryPanel, Text, SegmentedButton, SegmentedButtonItem, Grid, GridData) {
-    "use strict";
-
-    /**
-     * Constructor for a new SortQueryPanel. The SortQueryPanel can be used
-     * to personalize sorters for a control by using a sort specific QueryPanel
-     * implementation. The SortQueryPanel will enhance the QueryPanel by
-     * adding a toggle to switch between ascending and desceding sortorder by also
-     * displaying this configuration in form of a text control.
-     *
-     * @class
-     * @extends sap.ui.mdc.p13n.panels.QueryPanel
-     *
-     * @author SAP SE
-     * @version 1.96.2
-     *
-     * @private
-     * @ui5-restricted sap.ui.mdc
-     * @experimental
-     * @since 1.90
-     * @alias sap.ui.mdc.p13n.panels.SortQueryPanel
-     */
-    var SortQueryPanel = QueryPanel.extend("sap.ui.mdc.p13n.panels.SortQueryPanel", {
-        renderer: {}
-    });
-
-
-    SortQueryPanel.prototype._createRemoveButton = function () {
-        var oRemvoeBtn = QueryPanel.prototype._createRemoveButton.apply(this, arguments);
-        oRemvoeBtn.setLayoutData(new GridData({
-            span: "XL3 L3 M3 S4"//on "S" the Asc/Desc text is invisible, we need to increase the size the
-        }));
-        return oRemvoeBtn;
-    };
-
-    SortQueryPanel.prototype._createOrderSwitch = function (sKey, bDesc) {
-        var oSortOrderSwitch = new SegmentedButton({
-            enabled: sKey ? true : false,
-            layoutData: new GridData({
-                span: "XL2 L2 M2 S4" //on "S" the Asc/Desc text is invisible, we need to increase the size then
-            }),
-            items: [
-                new SegmentedButtonItem({
-                    key: "asc",
-                    icon: "sap-icon://sort-ascending"
-                }),
-                new SegmentedButtonItem({
-                    key: "desc",
-                    icon: "sap-icon://sort-descending"
-                })
-            ],
-            select: function (oEvt) {
-                var sSortOrder = oEvt.getParameter("key");
-                var oText = oEvt.getSource().getParent().getContent()[2];
-                oText.setText(this._getSortOrderText(sSortOrder === "desc"));
-                var sKey = oEvt.oSource.getParent().getContent()[0].getSelectedItem().getKey();
-
-                this._changeOrder(sKey, sSortOrder == "desc");
-            }.bind(this)
-        });
-
-        oSortOrderSwitch.setSelectedItem(bDesc ? oSortOrderSwitch.getItems()[1] : oSortOrderSwitch.getItems()[0]);
-
-        return oSortOrderSwitch;
-    };
-
-    SortQueryPanel.prototype._createSortOrderText = function (bDesc) {
-        return new Text({
-            layoutData: new GridData({
-                span: "XL3 L3 M3 S3",
-                visibleS: false
-            }),
-            text: this._getSortOrderText(bDesc)
-        }).addStyleClass("sapUiTinyMarginTop");
-    };
-
-    SortQueryPanel.prototype._createQueryRowGrid = function(oItem) {
-        //Enhance row with sort specific controls (Segmented Button + sort order text)
-        var oSelect = this._createKeySelect(oItem.name);
-        var oSortOrderSwitch = this._createOrderSwitch(oItem.name, oItem.descending);
-        var oSortOrderText = this._createSortOrderText(oItem.descending);
-
-        return new Grid({
-            containerQuery: true,
-            defaultSpan: "XL4 L4 M4 S4",
-            content: [
-                oSelect,
-                oSortOrderSwitch,
-                oSortOrderText
-            ]
-        }).addStyleClass("sapUiTinyMargin");
-    };
-
-    SortQueryPanel.prototype._selectKey = function(oEvt) {
-        QueryPanel.prototype._selectKey.apply(this, arguments);
-
-        //Enable SegmentedButton
-        var oListItem = oEvt.getSource().getParent().getParent();
-        var sNewKey = oEvt.getParameter("selectedItem").getKey();
-        oListItem.getContent()[0].getContent()[1].setEnabled(sNewKey !== this.NONE_KEY);
-
-        //keep existing 'sortorder' selection
-        var bDescending = oListItem.getContent()[0].getContent()[1].getSelectedKey() === "desc";
-        this._changeOrder(sNewKey, bDescending);
-    };
-
-    SortQueryPanel.prototype._getSortOrderText = function(bDesc) {
-        return bDesc ? this.getResourceText("sort.PERSONALIZATION_DIALOG_OPTION_DESCENDING") : this.getResourceText("sort.PERSONALIZATION_DIALOG_OPTION_ASCENDING");
-    };
-
-    SortQueryPanel.prototype._changeOrder = function (sKey, bDesc) {
-        var aItems = this.getP13nModel().getProperty("/items").filter(function (oItem) {
-            return oItem.name === sKey;
-        });
-
-        aItems[0].descending = bDesc;
-
-        this.fireChange({
-            reason: "change",
-            item: aItems[0]
-        });
-    };
-
-    return SortQueryPanel;
-
-});

package/src/sap/ui/mdc/p13n/panels/Wrapper.js

@@ -1,203 +0,0 @@
-/*
- * ! OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
- * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
- */
-sap.ui.define([
-    "sap/ui/mdc/ui/Container",
-    "sap/m/Bar",
-    "sap/m/Button",
-    "sap/m/List",
-    "sap/m/IconTabBar",
-    "sap/m/IconTabFilter",
-    "sap/ui/mdc/ui/ContainerItem",
-    "sap/ui/Device",
-    "sap/m/library",
-    "sap/m/StandardListItem"
-], function (Container, Bar, Button, List, IconTabBar, IconTabFilter, ContainerItem, Device, mLibrary, StandardListItem) {
-    "use strict";
-
-    // shortcut for sap.m.ButtonType
-	var ButtonType = mLibrary.ButtonType;
-
-    // shortcut for sap.m.ListType
-	var ListItemType = mLibrary.ListType;
-
-    /**
-     * Constructor for a new Wrapper. The Wrapper can be used
-     * to dynamically add personalization content to a switchable
-     * layout container, by allowing to switch the content using
-     * an <code>IconTabBar</code> or a <code>List</code> control,
-     * depending on the desired layout mode.
-     *
-     * @class
-     * @extends sap.ui.mdc.ui.Container
-     *
-     * @author SAP SE
-     * @version 1.96.2
-     *
-     * @private
-     * @ui5-restricted sap.ui.mdc
-     * @experimental
-     * @since 1.90
-     * @alias sap.ui.mdc.p13n.panels.Wrapper
-     */
-    var Wrapper = Container.extend("sap.ui.mdc.p13n.panels.Wrapper", {
-        metadata: {
-            library: "sap.ui.mdc",
-            properties: {
-                listLayout: {
-                    type: "Boolean",
-                    defaultValue: false
-                }
-            }
-        },
-        renderer: {
-          apiVersion: 2
-        }
-    });
-
-    Wrapper.prototype.DEFAULT_KEY = "$default";
-
-    Wrapper.prototype.init = function () {
-        Container.prototype.init.apply(this, arguments);
-        this.addStyleClass("sapUiMDCP13nWrapper");
-        this.setListLayout(Device.system.phone);
-    };
-
-    Wrapper.prototype.setListLayout = function (bListLayout) {
-        this.setProperty("listLayout", bListLayout);
-
-        //clear existing navigation items
-        this._getTabBar().removeAllItems();
-        this._getNavigationList().removeAllItems();
-        var oHeaderContent = [];
-
-        //update navigator control
-        if (bListLayout) {
-            this._getTabBar().setVisible(false);
-            this._getNavigationList();
-            this.switchView(this.DEFAULT_KEY);
-            oHeaderContent.push(this._getNavBackBtn());
-        } else {
-            this._getTabBar().setVisible(true);
-            var aViews = this.getViews();
-            if (aViews.length > 1) {
-                //0 is $default, use index 1 as the first "custom" added view
-                this.switchView(aViews[1].getKey());
-            }
-            oHeaderContent.push(this._getTabBar());
-        }
-
-        var oBar = new Bar({
-            contentLeft: oHeaderContent
-        });
-        this.setHeader(oBar);
-
-        //recreate the navigation items
-        this.getViewMap().forEach(function (mView) {
-            this._addToNavigator(mView.key);
-        }.bind(this));
-
-        return this;
-    };
-
-    Wrapper.prototype._getTabBar = function () {
-        if (!this._oTabBar) {
-            this._oTabBar = new IconTabBar({
-                expandable: false,
-                expanded: true,
-                select: function (oEvt) {
-                    this.switchView(oEvt.getParameter("key"));
-                }.bind(this)
-            });
-            this.addDependent(this._oTabBar);
-        }
-        return this._oTabBar;
-    };
-
-    Wrapper.prototype._getNavigationList = function () {
-        if (!this._oNavigationList) {
-            this._oNavigationList = new List({
-                itemPress: function (oEvt) {
-                    var oItem = oEvt.getParameter("listItem");
-                    this.switchView(oItem._key);
-                }.bind(this)
-            }).addStyleClass("wrapperDefaultList");
-            this.addDependent(this._oNavigationList);
-        }
-        if (!this.getView(this.DEFAULT_KEY)) {
-            var oListContainer = new ContainerItem({
-                key: this.DEFAULT_KEY,
-                content: this._oNavigationList
-            });
-            this.addView(oListContainer);
-        }
-
-        return this._oNavigationList;
-    };
-
-    Wrapper.prototype._getNavBackBtn = function () {
-        if (!this._oNavBackBtn) {
-            this._oNavBackBtn = new Button({
-                type: ButtonType.Back,
-                press: function (oEvt) {
-                    this.switchView(this.DEFAULT_KEY);
-                }.bind(this)
-            });
-            this.addDependent(this._oNavBackBtn);
-        }
-        return this._oNavBackBtn;
-    };
-
-    Wrapper.prototype.addPanel = function (oPanel, sKey, sTab) {
-        var oContainerItem = new ContainerItem({
-            key: sKey,
-            content: oPanel
-        });
-
-        this._addToNavigator(sKey, sTab);
-
-        this.addView(oContainerItem);
-    };
-
-    Wrapper.prototype.switchView = function (sKey) {
-        Container.prototype.switchView.apply(this, arguments);
-        this.oLayout.setShowHeader(sKey !== this.DEFAULT_KEY); //Don't show header in dafault view (avoid empty space),
-        this._getTabBar().setSelectedKey(sKey);
-        this._getNavBackBtn().setVisible(sKey !== this.DEFAULT_KEY);
-        this._getNavBackBtn().setText(sKey);
-    };
-
-    Wrapper.prototype._addToNavigator = function (sKey, sText) {
-
-        if (sKey == this.DEFAULT_KEY) {
-            return;
-        }
-
-        if (this.getListLayout()) {
-            this.getView(this.DEFAULT_KEY);
-            var oItem =  new StandardListItem({
-                type: ListItemType.Navigation,
-                title: sText
-            });
-            oItem._key = sKey;
-            this._getNavigationList().addItem(oItem);
-        } else {
-            this._getTabBar().addItem(new IconTabFilter({
-                key: sKey,
-                text: sText || sKey
-            }));
-        }
-    };
-
-    Wrapper.prototype.exit = function () {
-        Container.prototype.exit.apply(this, arguments);
-        this._oTabBar = null;
-        this._oNavigationList = null;
-        this._oNavBackBtn = null;
-    };
-
-    return Wrapper;
-
-});