@openui5/sap.f 1.113.0 → 1.115.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.reuse/dep5 +0 -5
- package/THIRDPARTY.txt +1 -7
- package/package.json +4 -4
- package/src/sap/f/.library +1 -1
- package/src/sap/f/Avatar.js +1 -1
- package/src/sap/f/AvatarGroup.js +1 -1
- package/src/sap/f/AvatarGroupItem.js +1 -1
- package/src/sap/f/CalendarAppointmentInCard.js +1 -1
- package/src/sap/f/CalendarInCard.js +1 -1
- package/src/sap/f/Card.js +1 -1
- package/src/sap/f/CardBase.js +1 -1
- package/src/sap/f/CardRenderer.js +11 -4
- package/src/sap/f/DynamicPage.js +15 -4
- package/src/sap/f/DynamicPageAccessibleLandmarkInfo.js +1 -1
- package/src/sap/f/DynamicPageHeader.js +1 -1
- package/src/sap/f/DynamicPageTitle.js +1 -1
- package/src/sap/f/FlexibleColumnLayout.js +1 -1
- package/src/sap/f/FlexibleColumnLayoutAccessibleLandmarkInfo.js +1 -1
- package/src/sap/f/FlexibleColumnLayoutSemanticHelper.js +1 -1
- package/src/sap/f/GridContainer.js +3 -3
- package/src/sap/f/GridContainerItemLayoutData.js +1 -1
- package/src/sap/f/GridContainerSettings.js +2 -2
- package/src/sap/f/GridList.js +1 -1
- package/src/sap/f/GridListItem.js +1 -1
- package/src/sap/f/IllustratedMessage.js +1 -1
- package/src/sap/f/Illustration.js +1 -1
- package/src/sap/f/PlanningCalendarInCardLegend.js +1 -1
- package/src/sap/f/ProductSwitch.js +1 -1
- package/src/sap/f/ProductSwitchItem.js +1 -1
- package/src/sap/f/SearchManager.js +1 -1
- package/src/sap/f/ShellBar.js +1 -1
- package/src/sap/f/SidePanel.js +28 -12
- package/src/sap/f/SidePanelItem.js +1 -1
- package/src/sap/f/SidePanelRenderer.js +9 -2
- package/src/sap/f/cards/BaseHeader.js +5 -5
- package/src/sap/f/cards/Header.js +1 -1
- package/src/sap/f/cards/HeaderRenderer.js +2 -6
- package/src/sap/f/cards/NumericHeader.js +1 -1
- package/src/sap/f/cards/NumericHeaderRenderer.js +2 -6
- package/src/sap/f/cards/NumericIndicators.js +1 -1
- package/src/sap/f/cards/NumericSideIndicator.js +1 -1
- package/src/sap/f/cards/loading/AnalyticalPlaceholder.js +6 -77
- package/src/sap/f/cards/loading/AnalyticalPlaceholderRenderer.js +88 -0
- package/src/sap/f/cards/loading/CalendarPlaceholder.js +4 -140
- package/src/sap/f/cards/loading/CalendarPlaceholderRenderer.js +163 -0
- package/src/sap/f/cards/loading/GenericPlaceholder.js +6 -88
- package/src/sap/f/cards/loading/GenericPlaceholderRenderer.js +99 -0
- package/src/sap/f/cards/loading/ListPlaceholder.js +6 -119
- package/src/sap/f/cards/loading/ListPlaceholderRenderer.js +131 -0
- package/src/sap/f/cards/loading/ObjectPlaceholder.js +7 -56
- package/src/sap/f/cards/loading/ObjectPlaceholderRenderer.js +67 -0
- package/src/sap/f/cards/loading/PlaceholderBase.js +58 -0
- package/src/sap/f/cards/loading/PlaceholderBaseRenderer.js +79 -0
- package/src/sap/f/cards/loading/TablePlaceholder.js +6 -59
- package/src/sap/f/cards/loading/TablePlaceholderRenderer.js +65 -0
- package/src/sap/f/cards/loading/TimelinePlaceholder.js +6 -81
- package/src/sap/f/cards/loading/TimelinePlaceholderRenderer.js +91 -0
- package/src/sap/f/changeHandler/MoveDynamicPageTitleActions.js +7 -3
- package/src/sap/f/delegate/GridContainerItemNavigation.js +1 -1
- package/src/sap/f/delegate/GridItemNavigation.js +1 -1
- package/src/sap/f/dnd/GridDragOver.js +1 -1
- package/src/sap/f/dnd/GridDropInfo.js +1 -1
- package/src/sap/f/library.js +24 -2
- package/src/sap/f/messagebundle_bg.properties +15 -15
- package/src/sap/f/messagebundle_fi.properties +1 -1
- package/src/sap/f/messagebundle_sl.properties +1 -1
- package/src/sap/f/semantic/AddAction.js +1 -1
- package/src/sap/f/semantic/CloseAction.js +1 -1
- package/src/sap/f/semantic/CopyAction.js +1 -1
- package/src/sap/f/semantic/DeleteAction.js +1 -1
- package/src/sap/f/semantic/DiscussInJamAction.js +1 -1
- package/src/sap/f/semantic/EditAction.js +1 -1
- package/src/sap/f/semantic/ExitFullScreenAction.js +1 -1
- package/src/sap/f/semantic/FavoriteAction.js +1 -1
- package/src/sap/f/semantic/FlagAction.js +1 -1
- package/src/sap/f/semantic/FooterMainAction.js +1 -1
- package/src/sap/f/semantic/FullScreenAction.js +1 -1
- package/src/sap/f/semantic/MainAction.js +1 -1
- package/src/sap/f/semantic/MessagesIndicator.js +1 -1
- package/src/sap/f/semantic/NegativeAction.js +1 -1
- package/src/sap/f/semantic/PositiveAction.js +1 -1
- package/src/sap/f/semantic/PrintAction.js +1 -1
- package/src/sap/f/semantic/SemanticButton.js +1 -1
- package/src/sap/f/semantic/SemanticConfiguration.js +1 -1
- package/src/sap/f/semantic/SemanticControl.js +1 -1
- package/src/sap/f/semantic/SemanticPage.js +1 -1
- package/src/sap/f/semantic/SemanticToggleButton.js +1 -1
- package/src/sap/f/semantic/SendEmailAction.js +1 -1
- package/src/sap/f/semantic/SendMessageAction.js +1 -1
- package/src/sap/f/semantic/ShareInJamAction.js +1 -1
- package/src/sap/f/semantic/TitleMainAction.js +1 -1
- package/src/sap/f/shellBar/AdditionalContentSupport.js +1 -1
- package/src/sap/f/shellBar/CoPilot.js +1 -1
- package/src/sap/f/shellBar/ControlSpacer.js +1 -1
- package/src/sap/f/shellBar/Search.js +1 -1
- package/src/sap/f/themes/base/Card.less +8 -8
- package/src/sap/f/themes/base/CardLoading.less +1 -2
- package/src/sap/f/themes/base/SidePanel.less +31 -0
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* OpenUI5
|
|
3
|
+
* (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
|
|
4
|
+
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
|
|
5
|
+
*/
|
|
6
|
+
sap.ui.define([
|
|
7
|
+
"sap/ui/core/Control",
|
|
8
|
+
"sap/ui/core/Core",
|
|
9
|
+
"sap/f/cards/loading/PlaceholderBaseRenderer"
|
|
10
|
+
], function (Control, Core, PlaceholderBaseRenderer) {
|
|
11
|
+
"use strict";
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* Constructor for a new <code>PlaceholderBase</code>.
|
|
16
|
+
*
|
|
17
|
+
* @param {string} [sId] ID for the new control, generated automatically if no ID is given
|
|
18
|
+
* @param {object} [mSettings] Initial settings for the new control
|
|
19
|
+
*
|
|
20
|
+
* @class
|
|
21
|
+
* The <code>PlaceholderBase</code> control provides a base for all placeholder types.
|
|
22
|
+
*
|
|
23
|
+
* @extends sap.ui.core.Control
|
|
24
|
+
*
|
|
25
|
+
* @author SAP SE
|
|
26
|
+
* @version 1.115.0
|
|
27
|
+
*
|
|
28
|
+
* @constructor
|
|
29
|
+
* @private
|
|
30
|
+
* @since 1.115.0
|
|
31
|
+
* @alias sap.f.cards.loading.PlaceholderBase
|
|
32
|
+
*/
|
|
33
|
+
var PlaceholderBase = Control.extend("sap.f.cards.loading.PlaceholderBase", /** @lends sap.f.cards.loading.PlaceholderBase.prototype */ {
|
|
34
|
+
metadata: {
|
|
35
|
+
|
|
36
|
+
library: "sap.f",
|
|
37
|
+
properties: {
|
|
38
|
+
|
|
39
|
+
/**
|
|
40
|
+
* Indicates whether the tooltip will be rendered by subclasses
|
|
41
|
+
* @public
|
|
42
|
+
*/
|
|
43
|
+
renderTooltip: { type: "boolean", defaultValue: true },
|
|
44
|
+
|
|
45
|
+
/**
|
|
46
|
+
* Indicates whether the card has any content
|
|
47
|
+
* @private
|
|
48
|
+
*/
|
|
49
|
+
hasContent: { type: "boolean", defaultValue: true}
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
|
|
53
|
+
renderer: PlaceholderBaseRenderer
|
|
54
|
+
});
|
|
55
|
+
|
|
56
|
+
return PlaceholderBase;
|
|
57
|
+
|
|
58
|
+
});
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* OpenUI5
|
|
3
|
+
* (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
|
|
4
|
+
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
sap.ui.define(["sap/ui/core/Core"], function(Core) {
|
|
8
|
+
"use strict";
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* PlaceholderBase renderer.
|
|
12
|
+
*
|
|
13
|
+
* @namespace
|
|
14
|
+
* @alias sap.f.cards.loading.PlaceholderBaseRenderer
|
|
15
|
+
* @static
|
|
16
|
+
* @protected
|
|
17
|
+
*/
|
|
18
|
+
var PlaceholderBaseRenderer = {
|
|
19
|
+
apiVersion: 2
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
/**
|
|
23
|
+
* Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
|
|
24
|
+
*
|
|
25
|
+
* @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer.
|
|
26
|
+
* @param {sap.f.cards.loading.PlaceholderBase} oControl An object representation of the control that should be rendered.
|
|
27
|
+
*/
|
|
28
|
+
PlaceholderBaseRenderer.render = function(oRm, oControl) {
|
|
29
|
+
var oResBundle = Core.getLibraryResourceBundle("sap.ui.core"),
|
|
30
|
+
sTitle = oResBundle.getText("BUSY_TEXT");
|
|
31
|
+
|
|
32
|
+
if (!oControl.getHasContent()) {
|
|
33
|
+
return;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
oRm.openStart("div", oControl)
|
|
37
|
+
.class("sapFCardContentPlaceholder")
|
|
38
|
+
.attr("tabindex", "0");
|
|
39
|
+
this.addOuterAttributes(oControl, oRm);
|
|
40
|
+
|
|
41
|
+
if (oControl.getRenderTooltip()) {
|
|
42
|
+
oRm.attr("title", sTitle);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
oRm.accessibilityState(oControl, {
|
|
46
|
+
role: "progressbar",
|
|
47
|
+
valuemin: "0",
|
|
48
|
+
valuemax: "100"
|
|
49
|
+
});
|
|
50
|
+
oRm.openEnd();
|
|
51
|
+
|
|
52
|
+
this.renderContent(oControl, oRm);
|
|
53
|
+
|
|
54
|
+
oRm.close("div");
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
/**
|
|
58
|
+
* This method is reserved for derived classes to add their respective attributes.
|
|
59
|
+
*
|
|
60
|
+
* @protected
|
|
61
|
+
* @param {sap.f.cards.loading.PlaceholderBase} oControl An object representation of the control that should be rendered.
|
|
62
|
+
* @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer.
|
|
63
|
+
*/
|
|
64
|
+
PlaceholderBaseRenderer.addOuterAttributes = function(oControl, oRm) {
|
|
65
|
+
};
|
|
66
|
+
|
|
67
|
+
/**
|
|
68
|
+
* This method is reserved for derived classes to render their respective content.
|
|
69
|
+
*
|
|
70
|
+
* @protected
|
|
71
|
+
* @param {sap.f.cards.loading.PlaceholderBase} oControl An object representation of the control that should be rendered.
|
|
72
|
+
* @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer.
|
|
73
|
+
*/
|
|
74
|
+
PlaceholderBaseRenderer.renderContent = function(oControl, oRm) {
|
|
75
|
+
};
|
|
76
|
+
|
|
77
|
+
return PlaceholderBaseRenderer;
|
|
78
|
+
|
|
79
|
+
}, /* bExport= */ true);
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
|
|
5
5
|
*/
|
|
6
6
|
sap.ui.define([
|
|
7
|
-
"sap/
|
|
8
|
-
"
|
|
9
|
-
], function (
|
|
7
|
+
"sap/f/cards/loading/PlaceholderBase",
|
|
8
|
+
"./TablePlaceholderRenderer"
|
|
9
|
+
], function (PlaceholderBase, TablePlaceholderRenderer) {
|
|
10
10
|
"use strict";
|
|
11
11
|
|
|
12
12
|
/**
|
|
@@ -19,14 +19,14 @@ sap.ui.define([
|
|
|
19
19
|
* @extends sap.ui.core.Control
|
|
20
20
|
*
|
|
21
21
|
* @author SAP SE
|
|
22
|
-
* @version 1.
|
|
22
|
+
* @version 1.115.0
|
|
23
23
|
*
|
|
24
24
|
* @constructor
|
|
25
25
|
* @private
|
|
26
26
|
* @since 1.104
|
|
27
27
|
* @alias sap.f.cards.loading.TablePlaceholder
|
|
28
28
|
*/
|
|
29
|
-
var TablePlaceholder =
|
|
29
|
+
var TablePlaceholder = PlaceholderBase.extend("sap.f.cards.loading.TablePlaceholder", {
|
|
30
30
|
metadata: {
|
|
31
31
|
library: "sap.f",
|
|
32
32
|
properties: {
|
|
@@ -49,60 +49,7 @@ sap.ui.define([
|
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
},
|
|
52
|
-
renderer:
|
|
53
|
-
apiVersion: 2,
|
|
54
|
-
render: function (oRm, oControl) {
|
|
55
|
-
var iMinItems = oControl.getMinItems(),
|
|
56
|
-
iColumns = oControl.getColumns(),
|
|
57
|
-
bHasActualContent = oControl.getParent()._getTable().getColumns().length,
|
|
58
|
-
// set title for screen reader
|
|
59
|
-
oResBundle = Core.getLibraryResourceBundle("sap.ui.core"),
|
|
60
|
-
sTitle = oResBundle.getText("BUSY_TEXT");
|
|
61
|
-
|
|
62
|
-
if (!bHasActualContent) {
|
|
63
|
-
return;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
oRm.openStart("div", oControl)
|
|
67
|
-
.class("sapFCardContentPlaceholder")
|
|
68
|
-
.class("sapFCardContentTablePlaceholder")
|
|
69
|
-
.attr("tabindex", "0")
|
|
70
|
-
.attr("title", sTitle);
|
|
71
|
-
|
|
72
|
-
oRm.accessibilityState(oControl, {
|
|
73
|
-
role: "progressbar",
|
|
74
|
-
valuemin: "0",
|
|
75
|
-
valuemax: "100"
|
|
76
|
-
});
|
|
77
|
-
|
|
78
|
-
oRm.openEnd();
|
|
79
|
-
|
|
80
|
-
for (var i = 0; i < iMinItems + 1; i++) { // number of rows + header
|
|
81
|
-
oRm.openStart("div")
|
|
82
|
-
.class("sapFCardTablePlaceholderItem")
|
|
83
|
-
.style("height", oControl.getItemHeight())
|
|
84
|
-
.openEnd();
|
|
85
|
-
|
|
86
|
-
oRm.openStart("div")
|
|
87
|
-
.class("sapFCardTablePlaceholderRows")
|
|
88
|
-
.openEnd();
|
|
89
|
-
|
|
90
|
-
if (iColumns > 1) {
|
|
91
|
-
for (var j = 0; j < iColumns; j++) {
|
|
92
|
-
oRm.openStart("div")
|
|
93
|
-
.class("sapFCardTablePlaceholderColumns")
|
|
94
|
-
.class("sapFCardLoadingShimmer")
|
|
95
|
-
.openEnd();
|
|
96
|
-
oRm.close("div");
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
oRm.close("div");
|
|
101
|
-
oRm.close("div");
|
|
102
|
-
}
|
|
103
|
-
oRm.close("div");
|
|
104
|
-
}
|
|
105
|
-
}
|
|
52
|
+
renderer: TablePlaceholderRenderer
|
|
106
53
|
});
|
|
107
54
|
|
|
108
55
|
return TablePlaceholder;
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* OpenUI5
|
|
3
|
+
* (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
|
|
4
|
+
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
sap.ui.define(["sap/ui/core/Renderer", "./PlaceholderBaseRenderer"], function(Renderer, PlaceholderBaseRenderer) {
|
|
8
|
+
"use strict";
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* TablePlaceholderRenderer renderer.
|
|
12
|
+
* @namespace
|
|
13
|
+
*/
|
|
14
|
+
var TablePlaceholderRenderer = Renderer.extend(PlaceholderBaseRenderer);
|
|
15
|
+
|
|
16
|
+
TablePlaceholderRenderer.apiVersion = 2;
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* CSS class to be applied to the HTML root element of the placeholder.
|
|
20
|
+
*
|
|
21
|
+
* @type {string}
|
|
22
|
+
*/
|
|
23
|
+
TablePlaceholderRenderer.CSS_CLASS_PLACEHOLDER = "sapFCardContentTablePlaceholder";
|
|
24
|
+
|
|
25
|
+
TablePlaceholderRenderer.renderContent = function(oControl, oRm) {
|
|
26
|
+
var iMinItems = oControl.getMinItems(),
|
|
27
|
+
iColumns = oControl.getColumns();
|
|
28
|
+
|
|
29
|
+
for (var i = 0; i < iMinItems + 1; i++) { // number of rows + header
|
|
30
|
+
oRm.openStart("div")
|
|
31
|
+
.class("sapFCardTablePlaceholderItem")
|
|
32
|
+
.style("height", oControl.getItemHeight())
|
|
33
|
+
.openEnd();
|
|
34
|
+
|
|
35
|
+
oRm.openStart("div")
|
|
36
|
+
.class("sapFCardTablePlaceholderRows")
|
|
37
|
+
.openEnd();
|
|
38
|
+
|
|
39
|
+
if (iColumns > 1) {
|
|
40
|
+
for (var j = 0; j < iColumns; j++) {
|
|
41
|
+
oRm.openStart("div")
|
|
42
|
+
.class("sapFCardTablePlaceholderColumns")
|
|
43
|
+
.class("sapFCardLoadingShimmer")
|
|
44
|
+
.openEnd();
|
|
45
|
+
oRm.close("div");
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
oRm.close("div");
|
|
50
|
+
oRm.close("div");
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
TablePlaceholderRenderer.addOuterAttributes = function(oControl, oRm) {
|
|
56
|
+
|
|
57
|
+
PlaceholderBaseRenderer.addOuterAttributes.apply(this, arguments);
|
|
58
|
+
|
|
59
|
+
oRm.class(TablePlaceholderRenderer.CSS_CLASS_PLACEHOLDER);
|
|
60
|
+
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
return TablePlaceholderRenderer;
|
|
64
|
+
|
|
65
|
+
}, /* bExport= */ true);
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
|
|
5
5
|
*/
|
|
6
6
|
sap.ui.define([
|
|
7
|
-
"sap/
|
|
8
|
-
"
|
|
9
|
-
], function (
|
|
7
|
+
"sap/f/cards/loading/PlaceholderBase",
|
|
8
|
+
"./TimelinePlaceholderRenderer"
|
|
9
|
+
], function (PlaceholderBase, TimelinePlaceholderRenderer) {
|
|
10
10
|
"use strict";
|
|
11
11
|
|
|
12
12
|
/**
|
|
@@ -19,14 +19,14 @@ sap.ui.define([
|
|
|
19
19
|
* @extends sap.ui.core.Control
|
|
20
20
|
*
|
|
21
21
|
* @author SAP SE
|
|
22
|
-
* @version 1.
|
|
22
|
+
* @version 1.115.0
|
|
23
23
|
*
|
|
24
24
|
* @constructor
|
|
25
25
|
* @private
|
|
26
26
|
* @since 1.106
|
|
27
27
|
* @alias sap.f.cards.loading.TimelinePlaceholder
|
|
28
28
|
*/
|
|
29
|
-
var TimelinePlaceholder =
|
|
29
|
+
var TimelinePlaceholder = PlaceholderBase.extend("sap.f.cards.loading.TimelinePlaceholder", {
|
|
30
30
|
metadata: {
|
|
31
31
|
library: "sap.f",
|
|
32
32
|
properties: {
|
|
@@ -51,82 +51,7 @@ sap.ui.define([
|
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
53
|
},
|
|
54
|
-
renderer:
|
|
55
|
-
apiVersion: 2,
|
|
56
|
-
render: function (oRm, oControl) {
|
|
57
|
-
var iMinItems = oControl.getMinItems(),
|
|
58
|
-
oItem = oControl.getItem(),
|
|
59
|
-
// set title for screen reader
|
|
60
|
-
oResBundle = Core.getLibraryResourceBundle("sap.ui.core"),
|
|
61
|
-
sTitle = oResBundle.getText("BUSY_TEXT");
|
|
62
|
-
|
|
63
|
-
oRm.openStart("div", oControl)
|
|
64
|
-
.class("sapFCardContentPlaceholder")
|
|
65
|
-
.class("sapFCardContentTimelinePlaceholder")
|
|
66
|
-
.attr("tabindex", "0")
|
|
67
|
-
.attr("title", sTitle);
|
|
68
|
-
|
|
69
|
-
oRm.accessibilityState(oControl, {
|
|
70
|
-
role: "progressbar",
|
|
71
|
-
valuemin: "0",
|
|
72
|
-
valuemax: "100"
|
|
73
|
-
});
|
|
74
|
-
|
|
75
|
-
oRm.openEnd();
|
|
76
|
-
|
|
77
|
-
for (var i = 0; i < iMinItems; i++) {
|
|
78
|
-
oRm.openStart("div")
|
|
79
|
-
.class("sapFCardTimelinePlaceholderItem")
|
|
80
|
-
.style("height", oControl.getItemHeight())
|
|
81
|
-
.openEnd();
|
|
82
|
-
|
|
83
|
-
if (oItem) {
|
|
84
|
-
oRm.openStart("div")
|
|
85
|
-
.class("sapFCardTimelineNavGroup")
|
|
86
|
-
.openEnd();
|
|
87
|
-
|
|
88
|
-
oRm.openStart("div")
|
|
89
|
-
.class("sapFCardTimelinePlaceholderImg")
|
|
90
|
-
.class("sapFCardLoadingShimmer")
|
|
91
|
-
.openEnd()
|
|
92
|
-
.close("div");
|
|
93
|
-
|
|
94
|
-
if (i !== iMinItems - 1) {
|
|
95
|
-
oRm.openStart("div")
|
|
96
|
-
.class("sapFCardTimelinePlaceholderLine")
|
|
97
|
-
.class("sapFCardLoadingShimmer")
|
|
98
|
-
.openEnd()
|
|
99
|
-
.close("div");
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
oRm.close("div");
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
oRm.openStart("div")
|
|
106
|
-
.class("sapFCardTimelinePlaceholderRows")
|
|
107
|
-
.openEnd();
|
|
108
|
-
|
|
109
|
-
if (oItem) {
|
|
110
|
-
this.renderRow(oRm, 100);
|
|
111
|
-
this.renderRow(oRm, 40);
|
|
112
|
-
this.renderRow(oRm, 60);
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
oRm.close("div");
|
|
116
|
-
oRm.close("div");
|
|
117
|
-
}
|
|
118
|
-
oRm.close("div");
|
|
119
|
-
},
|
|
120
|
-
|
|
121
|
-
renderRow: function (oRm, iWidth) {
|
|
122
|
-
oRm.openStart("div")
|
|
123
|
-
.class("sapFCardTimelinePlaceholderRow")
|
|
124
|
-
.class("sapFCardTimelinePlaceholderRow" + iWidth)
|
|
125
|
-
.class("sapFCardLoadingShimmer")
|
|
126
|
-
.openEnd()
|
|
127
|
-
.close("div");
|
|
128
|
-
}
|
|
129
|
-
}
|
|
54
|
+
renderer: TimelinePlaceholderRenderer
|
|
130
55
|
});
|
|
131
56
|
|
|
132
57
|
return TimelinePlaceholder;
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* OpenUI5
|
|
3
|
+
* (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
|
|
4
|
+
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
sap.ui.define(["sap/ui/core/Renderer", "./PlaceholderBaseRenderer"], function(Renderer, PlaceholderBaseRenderer) {
|
|
8
|
+
"use strict";
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* TimelinePlaceholderRenderer renderer.
|
|
12
|
+
* @namespace
|
|
13
|
+
*/
|
|
14
|
+
var TimelinePlaceholderRenderer = Renderer.extend(PlaceholderBaseRenderer);
|
|
15
|
+
|
|
16
|
+
TimelinePlaceholderRenderer.apiVersion = 2;
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* CSS class to be applied to the HTML root element of the placeholder.
|
|
20
|
+
*
|
|
21
|
+
* @type {string}
|
|
22
|
+
*/
|
|
23
|
+
TimelinePlaceholderRenderer.CSS_CLASS_PLACEHOLDER = "sapFCardContentTimelinePlaceholder";
|
|
24
|
+
|
|
25
|
+
TimelinePlaceholderRenderer.renderRow = function(oRm, iWidth) {
|
|
26
|
+
oRm.openStart("div")
|
|
27
|
+
.class("sapFCardTimelinePlaceholderRow")
|
|
28
|
+
.class("sapFCardTimelinePlaceholderRow" + iWidth)
|
|
29
|
+
.class("sapFCardLoadingShimmer")
|
|
30
|
+
.openEnd()
|
|
31
|
+
.close("div");
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
TimelinePlaceholderRenderer.renderContent = function(oControl, oRm) {
|
|
35
|
+
var iMinItems = oControl.getMinItems(),
|
|
36
|
+
oItem = oControl.getItem();
|
|
37
|
+
|
|
38
|
+
for (var i = 0; i < iMinItems; i++) {
|
|
39
|
+
oRm.openStart("div")
|
|
40
|
+
.class("sapFCardTimelinePlaceholderItem")
|
|
41
|
+
.style("height", oControl.getItemHeight())
|
|
42
|
+
.openEnd();
|
|
43
|
+
|
|
44
|
+
if (oItem) {
|
|
45
|
+
oRm.openStart("div")
|
|
46
|
+
.class("sapFCardTimelineNavGroup")
|
|
47
|
+
.openEnd();
|
|
48
|
+
|
|
49
|
+
oRm.openStart("div")
|
|
50
|
+
.class("sapFCardTimelinePlaceholderImg")
|
|
51
|
+
.class("sapFCardLoadingShimmer")
|
|
52
|
+
.openEnd()
|
|
53
|
+
.close("div");
|
|
54
|
+
|
|
55
|
+
if (i !== iMinItems - 1) {
|
|
56
|
+
oRm.openStart("div")
|
|
57
|
+
.class("sapFCardTimelinePlaceholderLine")
|
|
58
|
+
.class("sapFCardLoadingShimmer")
|
|
59
|
+
.openEnd()
|
|
60
|
+
.close("div");
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
oRm.close("div");
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
oRm.openStart("div")
|
|
67
|
+
.class("sapFCardTimelinePlaceholderRows")
|
|
68
|
+
.openEnd();
|
|
69
|
+
|
|
70
|
+
if (oItem) {
|
|
71
|
+
this.renderRow(oRm, 100);
|
|
72
|
+
this.renderRow(oRm, 40);
|
|
73
|
+
this.renderRow(oRm, 60);
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
oRm.close("div");
|
|
77
|
+
oRm.close("div");
|
|
78
|
+
}
|
|
79
|
+
};
|
|
80
|
+
|
|
81
|
+
TimelinePlaceholderRenderer.addOuterAttributes = function(oControl, oRm) {
|
|
82
|
+
|
|
83
|
+
PlaceholderBaseRenderer.addOuterAttributes.apply(this, arguments);
|
|
84
|
+
|
|
85
|
+
oRm.class(TimelinePlaceholderRenderer.CSS_CLASS_PLACEHOLDER);
|
|
86
|
+
|
|
87
|
+
};
|
|
88
|
+
|
|
89
|
+
return TimelinePlaceholderRenderer;
|
|
90
|
+
|
|
91
|
+
}, /* bExport= */ true);
|
|
@@ -16,7 +16,7 @@ sap.ui.define([
|
|
|
16
16
|
*
|
|
17
17
|
* @alias sap.f.changeHandler.MoveDynamicPageTitleActions
|
|
18
18
|
* @author SAP SE
|
|
19
|
-
* @version 1.
|
|
19
|
+
* @version 1.115.0
|
|
20
20
|
* @experimental Since 1.52
|
|
21
21
|
*/
|
|
22
22
|
var MoveActions = { };
|
|
@@ -40,7 +40,7 @@ sap.ui.define([
|
|
|
40
40
|
var oMovedElementInfo = oChange.getContent().movedElements[0];
|
|
41
41
|
var iTargetIndex = oMovedElementInfo.targetIndex;
|
|
42
42
|
var oMovedElement;
|
|
43
|
-
var iOriginalIndex;
|
|
43
|
+
var iOriginalIndex = oMovedElementInfo.sourceIndex;
|
|
44
44
|
|
|
45
45
|
return Promise.resolve()
|
|
46
46
|
.then(oModifier.bySelector.bind(oModifier, oMovedElementInfo.selector, oAppComponent, oView))
|
|
@@ -52,7 +52,6 @@ sap.ui.define([
|
|
|
52
52
|
var oPromise;
|
|
53
53
|
aButtons.some(function(oButton, iButtonIndex) {
|
|
54
54
|
if (oModifier.getId(oButton) === oModifier.getId(oMovedElement)) {
|
|
55
|
-
iOriginalIndex = iButtonIndex;
|
|
56
55
|
oPromise = Promise.resolve()
|
|
57
56
|
.then(oModifier.removeAggregation.bind(oModifier, oControl, ACTION_AGGREGATION_NAME, oButton))
|
|
58
57
|
.then(oModifier.insertAggregation.bind(oModifier, oControl, "dependents", oButton, undefined, oView));
|
|
@@ -148,6 +147,11 @@ sap.ui.define([
|
|
|
148
147
|
},
|
|
149
148
|
getTargetIndex: function(oChange) {
|
|
150
149
|
return oChange.getContent().movedElements[0].targetIndex;
|
|
150
|
+
},
|
|
151
|
+
setIndexInRevertData: function(oChange, iIndex) {
|
|
152
|
+
var oRevertData = oChange.getRevertData();
|
|
153
|
+
oRevertData.index = iIndex;
|
|
154
|
+
oChange.setRevertData(oRevertData);
|
|
151
155
|
}
|
|
152
156
|
};
|
|
153
157
|
};
|
package/src/sap/f/library.js
CHANGED
|
@@ -36,13 +36,13 @@ sap.ui.define(["sap/ui/base/DataType",
|
|
|
36
36
|
* @namespace
|
|
37
37
|
* @alias sap.f
|
|
38
38
|
* @author SAP SE
|
|
39
|
-
* @version 1.
|
|
39
|
+
* @version 1.115.0
|
|
40
40
|
* @since 1.44
|
|
41
41
|
* @public
|
|
42
42
|
*/
|
|
43
43
|
var thisLib = sap.ui.getCore().initLibrary({
|
|
44
44
|
name : "sap.f",
|
|
45
|
-
version: "1.
|
|
45
|
+
version: "1.115.0",
|
|
46
46
|
dependencies : ["sap.ui.core", "sap.m", "sap.ui.layout"],
|
|
47
47
|
designtime: "sap/f/designtime/library.designtime",
|
|
48
48
|
interfaces: [
|
|
@@ -592,6 +592,28 @@ sap.ui.define(["sap/ui/base/DataType",
|
|
|
592
592
|
Right: "Right"
|
|
593
593
|
};
|
|
594
594
|
|
|
595
|
+
/**
|
|
596
|
+
* Enumeration for different SidePanel position.
|
|
597
|
+
*
|
|
598
|
+
* @enum {string}
|
|
599
|
+
* @public
|
|
600
|
+
* @since 1.104
|
|
601
|
+
*/
|
|
602
|
+
thisLib.SidePanelPosition = {
|
|
603
|
+
/**
|
|
604
|
+
* The position is left.
|
|
605
|
+
*
|
|
606
|
+
* @public
|
|
607
|
+
*/
|
|
608
|
+
Left: "Left",
|
|
609
|
+
/**
|
|
610
|
+
* The position is right.
|
|
611
|
+
*
|
|
612
|
+
* @public
|
|
613
|
+
*/
|
|
614
|
+
Right: "Right"
|
|
615
|
+
};
|
|
616
|
+
|
|
595
617
|
/**
|
|
596
618
|
* Available <code>Illustration</code> types for the {@link sap.f.IllustratedMessage} control.
|
|
597
619
|
*
|