@openui5/sap.f 1.138.0 → 1.140.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/README.md +1 -1
- package/REUSE.toml +8 -1
- package/THIRDPARTY.txt +72 -66
- package/package.json +5 -5
- 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 +14 -2
- package/src/sap/f/CardRenderer.js +16 -4
- 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 +4 -3
- package/src/sap/f/FlexibleColumnLayout.js +7 -3
- package/src/sap/f/FlexibleColumnLayoutAccessibleLandmarkInfo.js +1 -1
- package/src/sap/f/FlexibleColumnLayoutData.js +1 -1
- package/src/sap/f/FlexibleColumnLayoutDataForDesktop.js +1 -1
- package/src/sap/f/FlexibleColumnLayoutDataForTablet.js +1 -1
- package/src/sap/f/FlexibleColumnLayoutSemanticHelper.js +1 -1
- package/src/sap/f/GridContainer.js +1 -1
- 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 +43 -1
- package/src/sap/f/ProductSwitchItemRenderer.js +12 -8
- 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 +16 -23
- package/src/sap/f/cards/BaseHeaderRenderer.js +92 -44
- package/src/sap/f/cards/Header.js +1 -1
- package/src/sap/f/cards/NumericHeader.js +1 -1
- package/src/sap/f/cards/NumericHeaderRenderer.js +34 -12
- 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 +1 -1
- package/src/sap/f/cards/loading/GenericPlaceholder.js +1 -1
- package/src/sap/f/cards/loading/ListPlaceholder.js +1 -1
- 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 +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 +2 -2
- package/src/sap/f/routing/Router.js +20 -15
- 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 +9 -5
- package/src/sap/f/themes/base/CardHeaders.less +76 -21
|
@@ -14,7 +14,9 @@ sap.ui.define([], function () {
|
|
|
14
14
|
|
|
15
15
|
BaseHeaderRenderer.render = function (oRm, oHeader) {
|
|
16
16
|
const oToolbar = oHeader.getToolbar();
|
|
17
|
-
const
|
|
17
|
+
const oBindingInfos = oHeader.mBindingInfos;
|
|
18
|
+
const bHasStatus = oHeader.getStatusVisible();
|
|
19
|
+
const bHasDataTimestamp = oHeader.getDataTimestamp() || oBindingInfos.dataTimestamp;
|
|
18
20
|
const bHasNumericPart = this.hasNumericPart(oHeader);
|
|
19
21
|
|
|
20
22
|
oRm.openStart("div", oHeader)
|
|
@@ -34,14 +36,48 @@ sap.ui.define([], function () {
|
|
|
34
36
|
oRm.class("sapFCardHeaderHasToolbar");
|
|
35
37
|
}
|
|
36
38
|
|
|
37
|
-
if (
|
|
39
|
+
if (bHasStatus || bHasDataTimestamp) {
|
|
40
|
+
oRm.class("sapFCardHeaderHasStatusTimeStamp");
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
if (!bHasNumericPart && !oHeader.getInfoSection().length) {
|
|
38
44
|
oRm.class("sapFCardHeaderMainPartOnly");
|
|
39
45
|
}
|
|
40
46
|
|
|
41
47
|
oRm.openEnd();
|
|
42
48
|
|
|
49
|
+
oRm.openStart("div", oHeader.getId() + "-mainWrapper")
|
|
50
|
+
.class("sapFCardHeaderMainWrapper")
|
|
51
|
+
.class("sapFCardHeaderFocusable")
|
|
52
|
+
.openEnd();
|
|
53
|
+
|
|
54
|
+
this.renderMainWrapperContent(oRm, oHeader);
|
|
55
|
+
|
|
56
|
+
oRm.close("div");
|
|
57
|
+
|
|
58
|
+
oRm.close("div");
|
|
59
|
+
};
|
|
60
|
+
|
|
61
|
+
BaseHeaderRenderer.renderHeaderAttributes = function (oRm, oHeader) { };
|
|
62
|
+
|
|
63
|
+
BaseHeaderRenderer.renderMainWrapperContent = function (oRm, oHeader) {
|
|
64
|
+
const oError = oHeader.getAggregation("_error");
|
|
65
|
+
const oToolbar = oHeader.getToolbar();
|
|
66
|
+
const bHasNumericPart = this.hasNumericPart(oHeader);
|
|
67
|
+
const oBindingInfos = oHeader.mBindingInfos;
|
|
68
|
+
const bHasToolbar = oToolbar && oToolbar.getVisible();
|
|
69
|
+
const bHasStatus = oHeader.getStatusVisible() && oHeader.getStatusText();
|
|
70
|
+
const bHasDataTimestamp = oHeader.getDataTimestamp() || oBindingInfos.dataTimestamp;
|
|
71
|
+
|
|
72
|
+
oRm.openStart("div").class("sapFCardHeaderTopRow").openEnd();
|
|
43
73
|
this.renderMainPart(oRm, oHeader);
|
|
44
74
|
|
|
75
|
+
if (!oError && (bHasToolbar || bHasStatus || bHasDataTimestamp)) {
|
|
76
|
+
this._renderToolbar(oRm, oToolbar, oHeader);
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
oRm.close("div"); // .sapFCardHeaderTopRow
|
|
80
|
+
|
|
45
81
|
if (!oError) {
|
|
46
82
|
this._renderInfoSections(oRm, oHeader);
|
|
47
83
|
}
|
|
@@ -49,16 +85,8 @@ sap.ui.define([], function () {
|
|
|
49
85
|
if (bHasNumericPart && !oError) {
|
|
50
86
|
this.renderNumericPart(oRm, oHeader);
|
|
51
87
|
}
|
|
52
|
-
|
|
53
|
-
if (oToolbar && !oError) {
|
|
54
|
-
this._renderToolbar(oRm, oToolbar);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
oRm.close("div");
|
|
58
88
|
};
|
|
59
89
|
|
|
60
|
-
BaseHeaderRenderer.renderHeaderAttributes = function (oRm, oHeader) { };
|
|
61
|
-
|
|
62
90
|
BaseHeaderRenderer.renderMainPart = function (oRm, oHeader) {
|
|
63
91
|
const bUseTileLayout = oHeader.getProperty("useTileLayout");
|
|
64
92
|
const bRenderAsLink = oHeader.isLink();
|
|
@@ -71,8 +99,7 @@ sap.ui.define([], function () {
|
|
|
71
99
|
oRm.openStart("div", oHeader.getId() + "-focusable");
|
|
72
100
|
}
|
|
73
101
|
|
|
74
|
-
oRm.class("sapFCardHeaderMainPart")
|
|
75
|
-
.class("sapFCardHeaderFocusable");
|
|
102
|
+
oRm.class("sapFCardHeaderMainPart");
|
|
76
103
|
|
|
77
104
|
if (oHeader.isFocusable()) {
|
|
78
105
|
oRm.attr("tabindex", "0");
|
|
@@ -84,7 +111,7 @@ sap.ui.define([], function () {
|
|
|
84
111
|
oRm.class("sapFCardSectionClickable");
|
|
85
112
|
}
|
|
86
113
|
|
|
87
|
-
if (!this.hasNumericPart(oHeader)) {
|
|
114
|
+
if (!this.hasNumericPart(oHeader) && !oHeader.getInfoSection().length || oError) {
|
|
88
115
|
oRm.class("sapFCardHeaderLastPart");
|
|
89
116
|
}
|
|
90
117
|
|
|
@@ -143,15 +170,13 @@ sap.ui.define([], function () {
|
|
|
143
170
|
this.renderMainPartSecondLine(oRm, oHeader);
|
|
144
171
|
|
|
145
172
|
oRm.close("div");
|
|
146
|
-
|
|
173
|
+
this._renderStatusWrapper(oRm, oHeader);
|
|
147
174
|
this.renderAvatar(oRm, oHeader);
|
|
148
175
|
};
|
|
149
176
|
|
|
150
177
|
BaseHeaderRenderer.renderMainPartFirstLine = function (oRm, oHeader) {
|
|
151
178
|
const oTitle = oHeader.getAggregation("_title");
|
|
152
179
|
const oBindingInfos = oHeader.mBindingInfos;
|
|
153
|
-
const sStatus = oHeader.getStatusText();
|
|
154
|
-
const sId = oHeader.getId();
|
|
155
180
|
|
|
156
181
|
if (oTitle || oBindingInfos.title) {
|
|
157
182
|
oRm.openStart("div")
|
|
@@ -164,19 +189,6 @@ sap.ui.define([], function () {
|
|
|
164
189
|
|
|
165
190
|
oRm.renderControl(oTitle);
|
|
166
191
|
|
|
167
|
-
if (sStatus && oHeader.getStatusVisible()) {
|
|
168
|
-
oRm.openStart("span", sId + "-status")
|
|
169
|
-
.class("sapFCardStatus");
|
|
170
|
-
|
|
171
|
-
if (oBindingInfos.statusText) {
|
|
172
|
-
oRm.class("sapFCardHeaderItemBinded");
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
oRm.openEnd()
|
|
176
|
-
.text(sStatus)
|
|
177
|
-
.close("span");
|
|
178
|
-
}
|
|
179
|
-
|
|
180
192
|
oRm.close("div"); // sapFCardHeaderTextFirstLine
|
|
181
193
|
}
|
|
182
194
|
};
|
|
@@ -184,18 +196,12 @@ sap.ui.define([], function () {
|
|
|
184
196
|
BaseHeaderRenderer.renderMainPartSecondLine = function (oRm, oHeader) {
|
|
185
197
|
const oBindingInfos = oHeader.mBindingInfos;
|
|
186
198
|
const bHasSubtitle = oHeader.getSubtitle() || oBindingInfos.subtitle;
|
|
187
|
-
const oDataTimestamp = oHeader.getAggregation("_dataTimestamp");
|
|
188
|
-
const bHasDataTimestamp = oHeader.getDataTimestamp() || oBindingInfos.dataTimestamp;
|
|
189
199
|
const oSubtitle = oHeader.getAggregation("_subtitle");
|
|
190
200
|
|
|
191
|
-
if (bHasSubtitle
|
|
201
|
+
if (bHasSubtitle ) {
|
|
192
202
|
oRm.openStart("div")
|
|
193
203
|
.class("sapFCardHeaderTextSecondLine");
|
|
194
204
|
|
|
195
|
-
if (bHasDataTimestamp) {
|
|
196
|
-
oRm.class("sapFCardHeaderLineIncludesDataTimestamp");
|
|
197
|
-
}
|
|
198
|
-
|
|
199
205
|
oRm.openEnd();
|
|
200
206
|
|
|
201
207
|
if (bHasSubtitle) {
|
|
@@ -207,10 +213,6 @@ sap.ui.define([], function () {
|
|
|
207
213
|
oRm.renderControl(oSubtitle);
|
|
208
214
|
}
|
|
209
215
|
|
|
210
|
-
if (bHasDataTimestamp) {
|
|
211
|
-
oRm.renderControl(oDataTimestamp);
|
|
212
|
-
}
|
|
213
|
-
|
|
214
216
|
oRm.close("div"); //closes sapFCardHeaderTextSecondLine
|
|
215
217
|
}
|
|
216
218
|
};
|
|
@@ -285,16 +287,62 @@ sap.ui.define([], function () {
|
|
|
285
287
|
oRm.attr("draggable", "false");
|
|
286
288
|
};
|
|
287
289
|
|
|
288
|
-
BaseHeaderRenderer._renderToolbar = function (oRm, oToolbar) {
|
|
289
|
-
oRm.openStart("div")
|
|
290
|
-
|
|
291
|
-
|
|
290
|
+
BaseHeaderRenderer._renderToolbar = function (oRm, oToolbar, oHeader) {
|
|
291
|
+
oRm.openStart("div");
|
|
292
|
+
oRm.class("sapFCardHeaderToolbarCont");
|
|
293
|
+
|
|
294
|
+
if (oHeader.isInteractive()) {
|
|
295
|
+
oRm.class("sapFCardSectionClickable");
|
|
296
|
+
}
|
|
297
|
+
|
|
298
|
+
oRm.openEnd();
|
|
292
299
|
|
|
293
300
|
oRm.renderControl(oToolbar);
|
|
301
|
+
this._renderStatusWrapper(oRm, oHeader);
|
|
294
302
|
|
|
295
303
|
oRm.close("div");
|
|
296
304
|
};
|
|
297
305
|
|
|
306
|
+
BaseHeaderRenderer._renderStatusWrapper = function (oRm, oHeader) {
|
|
307
|
+
const oBindingInfos = oHeader.mBindingInfos;
|
|
308
|
+
const sStatus = oHeader.getStatusText();
|
|
309
|
+
const sId = oHeader.getId();
|
|
310
|
+
const oDataTimestamp = oHeader.getAggregation("_dataTimestamp");
|
|
311
|
+
const bHasDataTimestamp = oHeader.getDataTimestamp() || oBindingInfos.dataTimestamp;
|
|
312
|
+
|
|
313
|
+
if (!bHasDataTimestamp && !sStatus) {
|
|
314
|
+
return;
|
|
315
|
+
}
|
|
316
|
+
|
|
317
|
+
oRm.openStart("div", sId + "-wrapper-status")
|
|
318
|
+
.class("sapFCardStatusWrapper");
|
|
319
|
+
|
|
320
|
+
if (bHasDataTimestamp) {
|
|
321
|
+
oRm.class("sapFCardHeaderLineIncludesDataTimestamp");
|
|
322
|
+
}
|
|
323
|
+
|
|
324
|
+
oRm.openEnd();
|
|
325
|
+
|
|
326
|
+
if (sStatus && oHeader.getStatusVisible()) {
|
|
327
|
+
oRm.openStart("span", sId + "-status")
|
|
328
|
+
.class("sapFCardStatus");
|
|
329
|
+
|
|
330
|
+
if (oBindingInfos.statusText) {
|
|
331
|
+
oRm.class("sapFCardHeaderItemBinded");
|
|
332
|
+
}
|
|
333
|
+
|
|
334
|
+
oRm.openEnd()
|
|
335
|
+
.text(sStatus)
|
|
336
|
+
.close("span");
|
|
337
|
+
}
|
|
338
|
+
|
|
339
|
+
if (bHasDataTimestamp) {
|
|
340
|
+
oRm.renderControl(oDataTimestamp);
|
|
341
|
+
}
|
|
342
|
+
|
|
343
|
+
oRm.close("div"); //sapFCardStatusWrapper
|
|
344
|
+
};
|
|
345
|
+
|
|
298
346
|
BaseHeaderRenderer._renderInfoSections = function (oRm, oHeader) {
|
|
299
347
|
const aInfoSections = oHeader.getInfoSection();
|
|
300
348
|
if (!aInfoSections.length) {
|
|
@@ -37,6 +37,38 @@ sap.ui.define([
|
|
|
37
37
|
return bHasMainIndicator || bHasSideIndicators || bHasDetails || bHasDataTimestamp;
|
|
38
38
|
};
|
|
39
39
|
|
|
40
|
+
/**
|
|
41
|
+
* @override
|
|
42
|
+
*/
|
|
43
|
+
NumericHeaderRenderer.renderMainWrapperContent = function (oRm, oHeader) {
|
|
44
|
+
const oError = oHeader.getAggregation("_error");
|
|
45
|
+
const oToolbar = oHeader.getToolbar();
|
|
46
|
+
const bHasToolbar = oToolbar && oToolbar.getVisible();
|
|
47
|
+
const oBindingInfos = oHeader.mBindingInfos;
|
|
48
|
+
const bHasStatus = oHeader.getStatusVisible() && oHeader.getStatusText();
|
|
49
|
+
const bHasDataTimestamp = oHeader.getDataTimestamp() || oBindingInfos.dataTimestamp;
|
|
50
|
+
const bHasNumericPart = this.hasNumericPart(oHeader);
|
|
51
|
+
|
|
52
|
+
oRm.openStart("div").class("sapFCardHeaderTopRow").openEnd();
|
|
53
|
+
this.renderMainPart(oRm, oHeader);
|
|
54
|
+
|
|
55
|
+
if (!oError && (bHasToolbar || bHasStatus || bHasDataTimestamp)) {
|
|
56
|
+
this._renderToolbar(oRm, oToolbar, oHeader);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
oRm.close("div"); // .sapFCardHeaderTopRow
|
|
60
|
+
|
|
61
|
+
// Info sections (if any)
|
|
62
|
+
if (!oError) {
|
|
63
|
+
this._renderInfoSections(oRm, oHeader);
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
// Numeric part below
|
|
67
|
+
if (bHasNumericPart && !oError) {
|
|
68
|
+
this.renderNumericPart(oRm, oHeader);
|
|
69
|
+
}
|
|
70
|
+
};
|
|
71
|
+
|
|
40
72
|
/**
|
|
41
73
|
* @override
|
|
42
74
|
*/
|
|
@@ -186,21 +218,15 @@ sap.ui.define([
|
|
|
186
218
|
NumericHeaderRenderer._renderDetails = function(oRm, oNumericHeader) {
|
|
187
219
|
var oBindingInfos = oNumericHeader.mBindingInfos,
|
|
188
220
|
oDetails = oNumericHeader.getAggregation("_details"),
|
|
189
|
-
bHasDetails = oNumericHeader.getDetails() || oBindingInfos.details
|
|
190
|
-
oDataTimestamp = oNumericHeader.getAggregation("_dataTimestamp"),
|
|
191
|
-
bHasDataTimestamp = oNumericHeader.getDataTimestamp() || oBindingInfos.dataTimestamp;
|
|
221
|
+
bHasDetails = oNumericHeader.getDetails() || oBindingInfos.details;
|
|
192
222
|
|
|
193
|
-
if (!bHasDetails
|
|
223
|
+
if (!bHasDetails) {
|
|
194
224
|
return;
|
|
195
225
|
}
|
|
196
226
|
|
|
197
227
|
oRm.openStart("div")
|
|
198
228
|
.class("sapFCardHeaderDetailsWrapper");
|
|
199
229
|
|
|
200
|
-
if (bHasDataTimestamp) {
|
|
201
|
-
oRm.class("sapFCardHeaderLineIncludesDataTimestamp");
|
|
202
|
-
}
|
|
203
|
-
|
|
204
230
|
oRm.openEnd();
|
|
205
231
|
|
|
206
232
|
//show placeholder when there is binded value also
|
|
@@ -212,10 +238,6 @@ sap.ui.define([
|
|
|
212
238
|
oRm.renderControl(oDetails);
|
|
213
239
|
}
|
|
214
240
|
|
|
215
|
-
if (bHasDataTimestamp) {
|
|
216
|
-
oRm.renderControl(oDataTimestamp);
|
|
217
|
-
}
|
|
218
|
-
|
|
219
241
|
oRm.close("div");
|
|
220
242
|
};
|
|
221
243
|
|
package/src/sap/f/library.js
CHANGED
|
@@ -39,14 +39,14 @@ sap.ui.define([
|
|
|
39
39
|
* @namespace
|
|
40
40
|
* @alias sap.f
|
|
41
41
|
* @author SAP SE
|
|
42
|
-
* @version 1.
|
|
42
|
+
* @version 1.140.0
|
|
43
43
|
* @since 1.44
|
|
44
44
|
* @public
|
|
45
45
|
*/
|
|
46
46
|
var thisLib = Library.init({
|
|
47
47
|
apiVersion: 2,
|
|
48
48
|
name : "sap.f",
|
|
49
|
-
version: "1.
|
|
49
|
+
version: "1.140.0",
|
|
50
50
|
dependencies : ["sap.ui.core", "sap.m", "sap.ui.layout"],
|
|
51
51
|
designtime: "sap/f/designtime/library.designtime",
|
|
52
52
|
...{
|
|
@@ -11,32 +11,37 @@ sap.ui.define(['sap/ui/core/routing/Router', './TargetHandler', './Targets'],
|
|
|
11
11
|
* Constructor for a new <code>sap.f.routing.Router</code>.
|
|
12
12
|
*
|
|
13
13
|
* @class
|
|
14
|
-
* The <code>sap.f.routing.Router</code>
|
|
15
|
-
*
|
|
14
|
+
* The <code>sap.f.routing.Router</code> extends the capabilities of the standard <code>{@link
|
|
15
|
+
* sap.ui.core.routing.Router}</code> to support flexible and responsive layouts based on <code>{@link
|
|
16
|
+
* sap.f.FlexibleColumnLayout}</code> as the root control.
|
|
16
17
|
*
|
|
17
|
-
*
|
|
18
|
-
*
|
|
19
|
-
*
|
|
18
|
+
* This router enables advanced navigation scenarios tailored to flexible column layouts, such as changing both
|
|
19
|
+
* the layout type (e.g., OneColumn, TwoColumnsMidExpanded) and the currently displayed views within individual
|
|
20
|
+
* columns.
|
|
20
21
|
*
|
|
21
|
-
*
|
|
22
|
-
* <
|
|
23
|
-
*
|
|
24
|
-
*
|
|
25
|
-
*
|
|
26
|
-
* <code>
|
|
22
|
+
* Compared to <code>{@link sap.ui.core.routing.Router}</code>, it adds support for additional target properties:
|
|
23
|
+
* <ul>
|
|
24
|
+
* <li><code>level</code>: Defines the hierarchical level of the target view for proper history and back
|
|
25
|
+
* navigation handling</li>
|
|
26
|
+
* <li><code>transition</code>: Specifies the type of transition animation between views (e.g.,
|
|
27
|
+
* <code>slide</code>, <code>fade</code>)</li>
|
|
28
|
+
* <li><code>transitionParameters</code>: Custom parameters for transitions</li>
|
|
29
|
+
* </ul>
|
|
30
|
+
*
|
|
31
|
+
* Compared to <code>{@link sap.m.routing.Router}</code>, it further introduces a <code>layout</code> property
|
|
32
|
+
* on each route, allowing you to define the desired <code>{@link sap.f.LayoutType}</code> to be applied to the
|
|
33
|
+
* <code>FlexibleColumnLayout</code> root control during navigation.
|
|
27
34
|
*
|
|
28
35
|
* See <code>{@link sap.ui.core.routing.Router}</code> for the constructor arguments.
|
|
29
36
|
*
|
|
30
37
|
* @extends sap.ui.core.routing.Router
|
|
31
38
|
*
|
|
32
39
|
* @param {object|object[]} [oRoutes] may contain many Route configurations as {@link sap.ui.core.routing.Route#constructor}.
|
|
33
|
-
|
|
34
|
-
*
|
|
35
|
-
*
|
|
40
|
+
* @param {string|string[]} [oConfig.bypassed.target] One or multiple names of targets that will be displayed,
|
|
41
|
+
* if no route of the router is matched.
|
|
36
42
|
* @param {sap.ui.core.UIComponent} [oOwner] the Component of all the views that will be created by this Router,
|
|
37
43
|
* will get forwarded to the {@link sap.ui.core.routing.Views#constructor}.
|
|
38
44
|
* If you are using the componentMetadata to define your routes you should skip this parameter.
|
|
39
|
-
*
|
|
40
45
|
* @param {object} [oTargetsConfig]
|
|
41
46
|
* the target configuration, see {@link sap.f.routing.Targets#constructor} documentation (the options object).
|
|
42
47
|
*
|