@openui5/sap.f 1.119.1 → 1.120.1
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/THIRDPARTY.txt +6 -6
- 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/DynamicPage.js +1 -1
- 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 +1155 -427
- package/src/sap/f/FlexibleColumnLayoutAccessibleLandmarkInfo.js +1 -1
- package/src/sap/f/FlexibleColumnLayoutRenderer.js +64 -27
- package/src/sap/f/FlexibleColumnLayoutSemanticHelper.js +5 -5
- package/src/sap/f/GridContainer.js +2 -4
- package/src/sap/f/GridContainerItemLayoutData.js +1 -1
- package/src/sap/f/GridContainerSettings.js +2 -2
- package/src/sap/f/GridList.js +2 -2
- 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 +1 -1
- package/src/sap/f/SidePanelItem.js +1 -1
- package/src/sap/f/cards/BaseHeader.js +1 -1
- package/src/sap/f/cards/Header.js +1 -1
- package/src/sap/f/cards/NumericHeader.js +1 -1
- 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 +1 -1
- package/src/sap/f/cards/loading/CalendarPlaceholder.js +8 -1
- package/src/sap/f/cards/loading/GenericPlaceholder.js +1 -1
- package/src/sap/f/cards/loading/ListPlaceholder.js +33 -4
- package/src/sap/f/cards/loading/ListPlaceholderRenderer.js +18 -21
- package/src/sap/f/cards/loading/ObjectPlaceholder.js +1 -1
- package/src/sap/f/cards/loading/PlaceholderBase.js +1 -1
- package/src/sap/f/cards/loading/TablePlaceholder.js +1 -1
- package/src/sap/f/cards/loading/TimelinePlaceholder.js +1 -1
- package/src/sap/f/changeHandler/MoveDynamicPageTitleActions.js +1 -1
- package/src/sap/f/delegate/GridContainerItemNavigation.js +6 -1
- package/src/sap/f/delegate/GridItemNavigation.js +16 -19
- package/src/sap/f/designtime/messagebundle_mk.properties +8 -0
- package/src/sap/f/dnd/GridDragOver.js +1 -1
- package/src/sap/f/dnd/GridDropInfo.js +1 -1
- package/src/sap/f/library.js +2 -2
- package/src/sap/f/messagebundle.properties +3 -12
- package/src/sap/f/messagebundle_ar.properties +2 -8
- package/src/sap/f/messagebundle_bg.properties +2 -8
- package/src/sap/f/messagebundle_ca.properties +2 -8
- package/src/sap/f/messagebundle_cs.properties +2 -8
- package/src/sap/f/messagebundle_cy.properties +2 -8
- package/src/sap/f/messagebundle_da.properties +2 -8
- package/src/sap/f/messagebundle_de.properties +2 -8
- package/src/sap/f/messagebundle_el.properties +2 -8
- package/src/sap/f/messagebundle_en.properties +2 -8
- package/src/sap/f/messagebundle_en_GB.properties +2 -8
- package/src/sap/f/messagebundle_es.properties +2 -8
- package/src/sap/f/messagebundle_es_MX.properties +2 -8
- package/src/sap/f/messagebundle_et.properties +2 -8
- package/src/sap/f/messagebundle_fi.properties +2 -8
- package/src/sap/f/messagebundle_fr.properties +3 -9
- package/src/sap/f/messagebundle_fr_CA.properties +2 -8
- package/src/sap/f/messagebundle_hi.properties +2 -8
- package/src/sap/f/messagebundle_hr.properties +2 -8
- package/src/sap/f/messagebundle_hu.properties +2 -8
- package/src/sap/f/messagebundle_id.properties +2 -8
- package/src/sap/f/messagebundle_it.properties +2 -8
- package/src/sap/f/messagebundle_iw.properties +2 -8
- package/src/sap/f/messagebundle_ja.properties +2 -8
- package/src/sap/f/messagebundle_kk.properties +2 -8
- package/src/sap/f/messagebundle_ko.properties +2 -8
- package/src/sap/f/messagebundle_lt.properties +2 -8
- package/src/sap/f/messagebundle_lv.properties +2 -8
- package/src/sap/f/messagebundle_mk.properties +161 -0
- package/src/sap/f/messagebundle_ms.properties +2 -8
- package/src/sap/f/messagebundle_nl.properties +2 -8
- package/src/sap/f/messagebundle_no.properties +2 -8
- package/src/sap/f/messagebundle_pl.properties +2 -8
- package/src/sap/f/messagebundle_pt.properties +2 -8
- package/src/sap/f/messagebundle_pt_PT.properties +2 -8
- package/src/sap/f/messagebundle_ro.properties +2 -8
- package/src/sap/f/messagebundle_ru.properties +2 -8
- package/src/sap/f/messagebundle_sh.properties +10 -16
- package/src/sap/f/messagebundle_sk.properties +2 -8
- package/src/sap/f/messagebundle_sl.properties +2 -8
- package/src/sap/f/messagebundle_sv.properties +2 -8
- package/src/sap/f/messagebundle_th.properties +2 -8
- package/src/sap/f/messagebundle_tr.properties +2 -8
- package/src/sap/f/messagebundle_uk.properties +2 -8
- package/src/sap/f/messagebundle_vi.properties +2 -8
- package/src/sap/f/messagebundle_zh_CN.properties +2 -8
- package/src/sap/f/messagebundle_zh_TW.properties +2 -8
- 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/FlexibleColumnLayout.less +149 -38
|
@@ -4,10 +4,12 @@
|
|
|
4
4
|
* Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
|
-
sap.ui.define(["sap/ui/Device", "sap/m/library"],
|
|
8
|
-
function (Device, mobileLibrary) {
|
|
7
|
+
sap.ui.define(["sap/ui/Device", "sap/ui/core/Core", "sap/m/library"],
|
|
8
|
+
function (Device, Core, mobileLibrary) {
|
|
9
9
|
"use strict";
|
|
10
10
|
|
|
11
|
+
var oResourceBundle = Core.getLibraryResourceBundle("sap.f");
|
|
12
|
+
|
|
11
13
|
var FCLRenderer = {
|
|
12
14
|
apiVersion: 2
|
|
13
15
|
};
|
|
@@ -27,15 +29,17 @@ sap.ui.define(["sap/ui/Device", "sap/m/library"],
|
|
|
27
29
|
oRm.openEnd();
|
|
28
30
|
|
|
29
31
|
FCLRenderer.renderBeginColumn(oRm, oControl, oLandmarkInfo);
|
|
32
|
+
FCLRenderer.renderSeparator(oRm, oControl.getId() + "-separator-begin", "sapFFCLColumnSeparatorBegin");
|
|
30
33
|
FCLRenderer.renderMidColumn(oRm, oControl, oLandmarkInfo);
|
|
34
|
+
FCLRenderer.renderSeparator(oRm, oControl.getId() + "-separator-end", "sapFFCLColumnSeparatorEnd");
|
|
31
35
|
FCLRenderer.renderEndColumn(oRm, oControl, oLandmarkInfo);
|
|
32
36
|
|
|
37
|
+
FCLRenderer.renderOverlay(oRm, oControl);
|
|
38
|
+
|
|
33
39
|
oRm.close("div");
|
|
34
40
|
};
|
|
35
41
|
|
|
36
42
|
FCLRenderer.renderBeginColumn = function (oRm, oControl, oLandmarkInfo) {
|
|
37
|
-
var oBeginColumnBackArrow = oControl.getAggregation("_beginColumnBackArrow");
|
|
38
|
-
|
|
39
43
|
// Begin column
|
|
40
44
|
oRm.openStart("div", oControl.getId() + "-beginColumn");
|
|
41
45
|
oRm.accessibilityState(oControl, oControl._formatColumnLandmarkInfo(oLandmarkInfo, "FirstColumn"));
|
|
@@ -48,17 +52,9 @@ sap.ui.define(["sap/ui/Device", "sap/m/library"],
|
|
|
48
52
|
FCLRenderer.renderColumnContentWrapper(oRm);
|
|
49
53
|
|
|
50
54
|
oRm.close("div");
|
|
51
|
-
|
|
52
|
-
// Arrow - collapse begin
|
|
53
|
-
FCLRenderer.renderArrow(oRm, oBeginColumnBackArrow, oLandmarkInfo, oControl);
|
|
54
55
|
};
|
|
55
56
|
|
|
56
57
|
FCLRenderer.renderMidColumn = function (oRm, oControl, oLandmarkInfo) {
|
|
57
|
-
var oMidColumnForwardArrow = oControl.getAggregation("_midColumnForwardArrow"),
|
|
58
|
-
oMidColumnBackArrow = oControl.getAggregation("_midColumnBackArrow");
|
|
59
|
-
|
|
60
|
-
// Arrow - expand begin
|
|
61
|
-
FCLRenderer.renderArrow(oRm, oMidColumnForwardArrow, oLandmarkInfo, oControl);
|
|
62
58
|
// Mid column
|
|
63
59
|
oRm.openStart("div", oControl.getId() + "-midColumn");
|
|
64
60
|
oRm.accessibilityState(oControl, oControl._formatColumnLandmarkInfo(oLandmarkInfo, "MiddleColumn"));
|
|
@@ -69,16 +65,9 @@ sap.ui.define(["sap/ui/Device", "sap/m/library"],
|
|
|
69
65
|
// Mid column content
|
|
70
66
|
FCLRenderer.renderColumnContentWrapper(oRm);
|
|
71
67
|
oRm.close("div");
|
|
72
|
-
// Arrow - expand end
|
|
73
|
-
FCLRenderer.renderArrow(oRm, oMidColumnBackArrow, oLandmarkInfo, oControl);
|
|
74
|
-
|
|
75
68
|
};
|
|
76
69
|
|
|
77
70
|
FCLRenderer.renderEndColumn = function (oRm, oControl, oLandmarkInfo) {
|
|
78
|
-
var oEndColumnForwardArrow = oControl.getAggregation("_endColumnForwardArrow");
|
|
79
|
-
|
|
80
|
-
// Arrow - right
|
|
81
|
-
FCLRenderer.renderArrow(oRm, oEndColumnForwardArrow, oLandmarkInfo, oControl);
|
|
82
71
|
// End column
|
|
83
72
|
oRm.openStart("div", oControl.getId() + "-endColumn");
|
|
84
73
|
oRm.accessibilityState(oControl, oControl._formatColumnLandmarkInfo(oLandmarkInfo, "LastColumn"));
|
|
@@ -90,21 +79,57 @@ sap.ui.define(["sap/ui/Device", "sap/m/library"],
|
|
|
90
79
|
FCLRenderer.renderColumnContentWrapper(oRm);
|
|
91
80
|
|
|
92
81
|
oRm.close("div");
|
|
93
|
-
|
|
94
82
|
};
|
|
95
83
|
|
|
96
|
-
|
|
84
|
+
/**
|
|
85
|
+
* Renders a single bar.
|
|
86
|
+
*
|
|
87
|
+
* @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer
|
|
88
|
+
* @param {string} sBarId The ID of the bar
|
|
89
|
+
* @param {string} sClass The CSS class of the bar
|
|
90
|
+
*/
|
|
91
|
+
FCLRenderer.renderSeparator = function (oRm, sBarId, sClass) {
|
|
97
92
|
if (!Device.system.phone) {
|
|
98
|
-
oRm.openStart("div")
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
93
|
+
oRm.openStart("div", sBarId)
|
|
94
|
+
.attr("role", "separator")
|
|
95
|
+
.attr("title", oResourceBundle.getText("FCL_SEPARATOR_MOVE"))
|
|
96
|
+
.attr("aria-orientation", "vertical")
|
|
97
|
+
.attr("tabindex", 0)
|
|
98
|
+
.class("sapFFCLColumnSeparator")
|
|
99
|
+
.class("sapContrastPlus")
|
|
100
|
+
.class(sClass)
|
|
101
|
+
.openEnd();
|
|
102
|
+
|
|
103
|
+
FCLRenderer.renderSeparatorGripAndDecorations(oRm);
|
|
104
|
+
|
|
104
105
|
oRm.close("div");
|
|
105
106
|
}
|
|
106
107
|
};
|
|
107
108
|
|
|
109
|
+
/**
|
|
110
|
+
* Renders the grip and the decorations for a bar.
|
|
111
|
+
*
|
|
112
|
+
* @param {sap.ui.core.RenderManager} oRm RenderManager that can is used for writing to the render output buffer
|
|
113
|
+
* @param {boolean} bHorizontal Whether the orientation of the Splitter is horizontal
|
|
114
|
+
*/
|
|
115
|
+
FCLRenderer.renderSeparatorGripAndDecorations = function(oRm) {
|
|
116
|
+
oRm.openStart("div")
|
|
117
|
+
.class("sapFFCLColumnSeparatorDecorationBefore") // TODO class name
|
|
118
|
+
.openEnd()
|
|
119
|
+
.close("div");
|
|
120
|
+
|
|
121
|
+
oRm.openStart("div")
|
|
122
|
+
.class("sapFFCLColumnSeparatorGrip") // TODO class name
|
|
123
|
+
.openEnd()
|
|
124
|
+
.icon("sap-icon://vertical-grip", ["sapFFCLColumnSeparatorGripIcon"])
|
|
125
|
+
.close("div");
|
|
126
|
+
|
|
127
|
+
oRm.openStart("div")
|
|
128
|
+
.class("sapFFCLColumnSeparatorDecorationAfter") // TODO class name
|
|
129
|
+
.openEnd()
|
|
130
|
+
.close("div");
|
|
131
|
+
};
|
|
132
|
+
|
|
108
133
|
FCLRenderer.renderColumnContentWrapper = function (oRm) {
|
|
109
134
|
oRm.openStart("div");
|
|
110
135
|
oRm.class("sapFFCLColumnContent");
|
|
@@ -112,6 +137,18 @@ sap.ui.define(["sap/ui/Device", "sap/m/library"],
|
|
|
112
137
|
oRm.close("div");
|
|
113
138
|
};
|
|
114
139
|
|
|
140
|
+
FCLRenderer.renderOverlay = function (oRm, oControl) {
|
|
141
|
+
if (!Device.system.phone) {
|
|
142
|
+
oRm.openStart("div", oControl.getId() + "-overlay")
|
|
143
|
+
.class("sapFFCLOverlay")
|
|
144
|
+
.openEnd();
|
|
145
|
+
|
|
146
|
+
FCLRenderer.renderSeparator(oRm, oControl.getId() + "-overlaySeparator", "sapFFCLOverlaySeparator");
|
|
147
|
+
|
|
148
|
+
oRm.close("div");
|
|
149
|
+
}
|
|
150
|
+
};
|
|
151
|
+
|
|
115
152
|
return FCLRenderer;
|
|
116
153
|
|
|
117
154
|
}, /* bExport= */ true);
|
|
@@ -49,7 +49,7 @@ sap.ui.define([
|
|
|
49
49
|
*
|
|
50
50
|
* For more information, see {@link sap.f.FlexibleColumnLayoutSemanticHelper#getCurrentUIState} and {@link sap.f.FlexibleColumnLayoutSemanticHelper#getNextUIState}
|
|
51
51
|
*
|
|
52
|
-
* @version 1.
|
|
52
|
+
* @version 1.120.1
|
|
53
53
|
* @param {sap.f.FlexibleColumnLayout} oFlexibleColumnLayout
|
|
54
54
|
* The <code>sap.f.FlexibleColumnLayout</code> object whose state will be manipulated.
|
|
55
55
|
*
|
|
@@ -215,7 +215,7 @@ sap.ui.define([
|
|
|
215
215
|
*/
|
|
216
216
|
|
|
217
217
|
/**
|
|
218
|
-
* Configures the target layouts of the navigation
|
|
218
|
+
* Configures the target layouts of the navigation action buttons in a column.
|
|
219
219
|
*
|
|
220
220
|
* @typedef {object} sap.f.FlexibleColumnLayoutSemanticHelper.NavigationActionsTargets
|
|
221
221
|
*
|
|
@@ -398,8 +398,8 @@ sap.ui.define([
|
|
|
398
398
|
FlexibleColumnLayoutSemanticHelper.prototype._getUIStateForLayout = function (sLayout) {
|
|
399
399
|
|
|
400
400
|
var aSizes = this._oFCL._getColumnWidthDistributionForLayout(sLayout, true),
|
|
401
|
-
|
|
402
|
-
|
|
401
|
+
iMaxColumnsCount = this._oFCL.getMaxColumnsCount(),
|
|
402
|
+
sDefaultColumnWidthDistribution = this._oFCL._getDefaultColumnWidthDistributionForLayout(sLayout, iMaxColumnsCount);
|
|
403
403
|
|
|
404
404
|
return {
|
|
405
405
|
layout: sLayout,
|
|
@@ -408,7 +408,7 @@ sap.ui.define([
|
|
|
408
408
|
columnsVisibility: this._getColumnsVisibility(aSizes),
|
|
409
409
|
isFullScreen: this._getIsFullScreen(aSizes),
|
|
410
410
|
isLogicallyFullScreen: this._getIsLogicallyFullScreen(sLayout),
|
|
411
|
-
actionButtonsInfo: this._getActionButtonsInfo(
|
|
411
|
+
actionButtonsInfo: this._getActionButtonsInfo(sDefaultColumnWidthDistribution, iMaxColumnsCount)
|
|
412
412
|
};
|
|
413
413
|
|
|
414
414
|
};
|
|
@@ -171,7 +171,7 @@ sap.ui.define([
|
|
|
171
171
|
* @see {@link sap.f.dnd.GridDropInfo}
|
|
172
172
|
*
|
|
173
173
|
* @author SAP SE
|
|
174
|
-
* @version 1.
|
|
174
|
+
* @version 1.120.1
|
|
175
175
|
*
|
|
176
176
|
* @extends sap.ui.core.Control
|
|
177
177
|
*
|
|
@@ -1135,9 +1135,7 @@ sap.ui.define([
|
|
|
1135
1135
|
aItemDomRefs = oItemNavigation.getItemDomRefs();
|
|
1136
1136
|
|
|
1137
1137
|
if (aItemDomRefs[iIndex]) {
|
|
1138
|
-
oItemNavigation.
|
|
1139
|
-
|
|
1140
|
-
aItemDomRefs[iIndex].focus();
|
|
1138
|
+
oItemNavigation.focusItem(iIndex);
|
|
1141
1139
|
}
|
|
1142
1140
|
};
|
|
1143
1141
|
|
|
@@ -58,14 +58,14 @@ sap.ui.define([
|
|
|
58
58
|
* Can be used to define the sizes of columns and rows for different screen sizes, by using the <code>layout</code> aggregations of <code>sap.f.GridContainer</code>.
|
|
59
59
|
*
|
|
60
60
|
* @author SAP SE
|
|
61
|
-
* @version 1.
|
|
61
|
+
* @version 1.120.1
|
|
62
62
|
*
|
|
63
63
|
* @extends sap.ui.base.ManagedObject
|
|
64
64
|
*
|
|
65
65
|
* @see {@link topic:32d4b9c2b981425dbc374d3e9d5d0c2e Grid Controls}
|
|
66
66
|
*
|
|
67
67
|
* @author SAP SE
|
|
68
|
-
* @version 1.
|
|
68
|
+
* @version 1.120.1
|
|
69
69
|
*
|
|
70
70
|
* @experimental Since 1.65 This class is experimental. The API may change.
|
|
71
71
|
* @since 1.65
|
package/src/sap/f/GridList.js
CHANGED
|
@@ -93,7 +93,7 @@ sap.ui.define([
|
|
|
93
93
|
* @see {@link https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout MDN web docs: CSS Grid Layout}
|
|
94
94
|
*
|
|
95
95
|
* @author SAP SE
|
|
96
|
-
* @version 1.
|
|
96
|
+
* @version 1.120.1
|
|
97
97
|
*
|
|
98
98
|
* @extends sap.m.ListBase
|
|
99
99
|
* @implements sap.ui.layout.cssgrid.IGridConfigurable
|
|
@@ -252,7 +252,7 @@ sap.ui.define([
|
|
|
252
252
|
}
|
|
253
253
|
|
|
254
254
|
var aItemsDomRefs = this.getItems().reduce(function (aAcc, oItem) {
|
|
255
|
-
if (oItem.
|
|
255
|
+
if (oItem.getDomRef()) {
|
|
256
256
|
aAcc.push(oItem.getDomRef());
|
|
257
257
|
}
|
|
258
258
|
|
package/src/sap/f/ShellBar.js
CHANGED
package/src/sap/f/SidePanel.js
CHANGED
|
@@ -19,7 +19,7 @@ sap.ui.define([
|
|
|
19
19
|
* @extends sap.f.cards.loading.ListPlaceholder
|
|
20
20
|
*
|
|
21
21
|
* @author SAP SE
|
|
22
|
-
* @version 1.
|
|
22
|
+
* @version 1.120.1
|
|
23
23
|
*
|
|
24
24
|
* @constructor
|
|
25
25
|
* @private
|
|
@@ -41,6 +41,13 @@ sap.ui.define([
|
|
|
41
41
|
/**
|
|
42
42
|
* Item template form the list.
|
|
43
43
|
*/
|
|
44
|
+
item: {
|
|
45
|
+
type: "any"
|
|
46
|
+
},
|
|
47
|
+
|
|
48
|
+
/**
|
|
49
|
+
* Legend item template form the list.
|
|
50
|
+
*/
|
|
44
51
|
legendItem: {
|
|
45
52
|
type: "any"
|
|
46
53
|
}
|
|
@@ -19,7 +19,7 @@ sap.ui.define([
|
|
|
19
19
|
* @extends sap.ui.core.Control
|
|
20
20
|
*
|
|
21
21
|
* @author SAP SE
|
|
22
|
-
* @version 1.
|
|
22
|
+
* @version 1.120.1
|
|
23
23
|
*
|
|
24
24
|
* @constructor
|
|
25
25
|
* @private
|
|
@@ -40,10 +40,39 @@ sap.ui.define([
|
|
|
40
40
|
},
|
|
41
41
|
|
|
42
42
|
/**
|
|
43
|
-
*
|
|
43
|
+
* The presence of icon
|
|
44
44
|
*/
|
|
45
|
-
|
|
46
|
-
type: "
|
|
45
|
+
hasIcon: {
|
|
46
|
+
type: "boolean"
|
|
47
|
+
},
|
|
48
|
+
|
|
49
|
+
/**
|
|
50
|
+
* The presence of description
|
|
51
|
+
*/
|
|
52
|
+
hasDescription: {
|
|
53
|
+
type: "boolean"
|
|
54
|
+
},
|
|
55
|
+
|
|
56
|
+
/**
|
|
57
|
+
* The number of the attributes
|
|
58
|
+
*/
|
|
59
|
+
attributesLength: {
|
|
60
|
+
type: "int",
|
|
61
|
+
defaultValue: 0
|
|
62
|
+
},
|
|
63
|
+
|
|
64
|
+
/**
|
|
65
|
+
* The presence of Chart
|
|
66
|
+
*/
|
|
67
|
+
hasChart: {
|
|
68
|
+
type: "boolean"
|
|
69
|
+
},
|
|
70
|
+
|
|
71
|
+
/**
|
|
72
|
+
* The presence of actions strip
|
|
73
|
+
*/
|
|
74
|
+
hasActionsStrip: {
|
|
75
|
+
type: "boolean"
|
|
47
76
|
},
|
|
48
77
|
|
|
49
78
|
itemHeight: {
|
|
@@ -22,17 +22,16 @@ sap.ui.define(["sap/ui/core/Renderer", "./PlaceholderBaseRenderer"], function(Re
|
|
|
22
22
|
*/
|
|
23
23
|
ListPlaceholderRenderer.CSS_CLASS_PLACEHOLDER = "sapFCardContentListPlaceholder";
|
|
24
24
|
|
|
25
|
-
ListPlaceholderRenderer.renderTitleAndDescription = function(oRm,
|
|
26
|
-
if (
|
|
25
|
+
ListPlaceholderRenderer.renderTitleAndDescription = function(oRm, oControl) {
|
|
26
|
+
if (oControl.getAttributesLength() > 0 && oControl.getHasDescription()) {
|
|
27
27
|
this.renderRow(oRm, true);
|
|
28
28
|
return;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
}
|
|
31
|
+
// Render mandatory title
|
|
32
|
+
this.renderRow(oRm);
|
|
34
33
|
|
|
35
|
-
if (
|
|
34
|
+
if (oControl.getHasDescription()) {
|
|
36
35
|
this.renderRow(oRm);
|
|
37
36
|
}
|
|
38
37
|
};
|
|
@@ -50,12 +49,12 @@ sap.ui.define(["sap/ui/core/Renderer", "./PlaceholderBaseRenderer"], function(Re
|
|
|
50
49
|
.close("div");
|
|
51
50
|
};
|
|
52
51
|
|
|
53
|
-
ListPlaceholderRenderer.renderAttributes = function (oRm,
|
|
54
|
-
if (
|
|
52
|
+
ListPlaceholderRenderer.renderAttributes = function (oRm, iAttributesLength) {
|
|
53
|
+
if (iAttributesLength < 1) {
|
|
55
54
|
return;
|
|
56
55
|
}
|
|
57
56
|
|
|
58
|
-
var iAttrRows =
|
|
57
|
+
var iAttrRows = Math.floor(iAttributesLength / 2 + 1);
|
|
59
58
|
|
|
60
59
|
for (var j = 0; j < iAttrRows; j++) {
|
|
61
60
|
oRm.openStart("div")
|
|
@@ -77,8 +76,7 @@ sap.ui.define(["sap/ui/core/Renderer", "./PlaceholderBaseRenderer"], function(Re
|
|
|
77
76
|
};
|
|
78
77
|
|
|
79
78
|
ListPlaceholderRenderer.renderContent = function(oControl, oRm) {
|
|
80
|
-
var iMinItems = oControl.getMinItems()
|
|
81
|
-
oItem = oControl.getItem();
|
|
79
|
+
var iMinItems = oControl.getMinItems();
|
|
82
80
|
|
|
83
81
|
for (var i = 0; i < iMinItems; i++) {
|
|
84
82
|
oRm.openStart("div")
|
|
@@ -86,7 +84,7 @@ sap.ui.define(["sap/ui/core/Renderer", "./PlaceholderBaseRenderer"], function(Re
|
|
|
86
84
|
.style("height", oControl.getItemHeight())
|
|
87
85
|
.openEnd();
|
|
88
86
|
|
|
89
|
-
if (
|
|
87
|
+
if (oControl.getHasIcon()) {
|
|
90
88
|
oRm.openStart("div")
|
|
91
89
|
.class("sapFCardListPlaceholderImg")
|
|
92
90
|
.class("sapFCardLoadingShimmer")
|
|
@@ -98,17 +96,16 @@ sap.ui.define(["sap/ui/core/Renderer", "./PlaceholderBaseRenderer"], function(Re
|
|
|
98
96
|
.class("sapFCardListPlaceholderRows")
|
|
99
97
|
.openEnd();
|
|
100
98
|
|
|
101
|
-
|
|
102
|
-
this.renderTitleAndDescription(oRm, oItem);
|
|
103
|
-
this.renderAttributes(oRm, oItem);
|
|
99
|
+
this.renderTitleAndDescription(oRm, oControl);
|
|
104
100
|
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
101
|
+
this.renderAttributes(oRm, oControl.getAttributesLength());
|
|
102
|
+
|
|
103
|
+
if (oControl.getHasChart()) {
|
|
104
|
+
this.renderRow(oRm);
|
|
105
|
+
}
|
|
108
106
|
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
}
|
|
107
|
+
if (oControl.getHasActionsStrip()) {
|
|
108
|
+
this.renderRow(oRm);
|
|
112
109
|
}
|
|
113
110
|
|
|
114
111
|
oRm.close("div");
|