@sapui5/sap.ushell 1.113.0 → 1.114.0

package/src/main/js/sap/ushell/components/cepsearchresult/app/util/EditionAdvanced.js

@@ -0,0 +1,333 @@
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
+
+sap.ui.define([
+    "./controls/categories/All",
+    "./controls/categories/Application",
+    "./controls/categories/Workpage",
+    "./controls/categories/People",
+    "./controls/categories/Event"
+], function (
+    All,
+    Application,
+    Workpage,
+    People,
+    Event
+  ) {
+
+    "use strict";
+    return {
+        defaultCategory: "all",
+        categories: [
+            {
+                class: All,
+                name: "all",
+                translation: "CATEGORIES.All",
+                title: "{i18n>CATEGORIES.All.Title}",
+                shortTitle: "{i18n>CATEGORIES.All.ShortTitle}",
+                icon: {
+                    src: "sap-icon://search",
+                    backgroundColor: "Accent9",
+                    shape: "Square",
+                    size: "S"
+                },
+                card: {
+                    title: "{i18n>CATEGORIES.All.Card.Title}",
+                    subTitle: "{i18n>CATEGORIES.All.Card.SubTitle}"
+                },
+                showSubCategories: false,
+                subCategories: [
+                    {
+                        name: "app",
+                        pageSize: 7
+                    },
+                    {
+                        name: "workpage",
+                        pageSize: 5
+                    },
+                    {
+                        name: "workspace",
+                        pageSize: 5
+                    },
+                    {
+                        name: "content",
+                        pageSize: 5
+                    },
+                    {
+                        name: "people",
+                        pageSize: 5
+                    },
+                    {
+                        name: "event",
+                        pageSize: 5
+                    },
+                    {
+                        name: "knowledgeBase",
+                        pageSize: 5
+                    },
+                    {
+                        name: "forum",
+                        pageSize: 5
+                    },
+                    {
+                        name: "task",
+                        pageSize: 5
+                    },
+                    {
+                        name: "tag",
+                        pageSize: 5
+                    },
+                    {
+                        name: "comment",
+                        pageSize: 5
+                    },
+                    {
+                        name: "businessrecord",
+                        pageSize: 10
+                    }
+                ],
+                noDataText: "{i18n>CATEGORIES.All.NoData}",
+                loadingDataText: "{i18n>CATEGORIES.All.LoadingData}"
+            },
+            {
+                class: Application,
+                name: "app",
+                translation: "CATEGORIES.App",
+                title: "{i18n>CATEGORIES.App.Title}",
+                shortTitle: "{i18n>CATEGORIES.App.ShortTitle}",
+                icon: {
+                    src: "sap-icon://header",
+                    backgroundColor: "Accent9",
+                    shape: "Square",
+                    size: "S"
+                },
+                card: {
+                    title: "{i18n>CATEGORIES.App.Card.Title}",
+                    subTitle: "{i18n>CATEGORIES.App.Card.SubTitle}"
+                }
+            },
+            {
+                class: Workpage,
+                name: "workpage",
+                translation: "CATEGORIES.WorkPage",
+                title: "{i18n>CATEGORIES.WorkPage.Title}",
+                shortTitle: "{i18n>CATEGORIES.WorkPage.ShortTitle}",
+                icon: {
+                    src: "sap-icon://document-text",
+                    backgroundColor: "Accent1",
+                    shape: "Square",
+                    size: "S"
+                },
+                card: {
+                    title: "{i18n>CATEGORIES.WorkPage.Card.Title}",
+                    subTitle: "{i18n>CATEGORIES.WorkPage.Card.SubTitle}"
+                }
+            },
+            {
+                name: "workspace",
+                title: "{i18n>CATEGORIES.WorkSpace.Title}",
+                translation: "CATEGORIES.WorkSpace",
+                shortTitle: "{i18n>CATEGORIES.WorkSpace.ShortTitle}",
+                icon: {
+                    src: "sap-icon://meeting-room",
+                    backgroundColor: "Accent2",
+                    shape: "Square",
+                    size: "S"
+                },
+                card: {
+                    title: "{i18n>CATEGORIES.WorkSpace.Card.Title}",
+                    subTitle: "{i18n>CATEGORIES.WorkSpace.Card.SubTitle}"
+                }
+            },
+            {
+                name: "content",
+                translation: "CATEGORIES.Content",
+                title: "{i18n>CATEGORIES.Content.Title}",
+                shortTitle: "{i18n>CATEGORIES.Content.ShortTitle}",
+                icon: {
+                    src: "sap-icon://document",
+                    backgroundColor: "Accent7",
+                    shape: "Square",
+                    size: "S"
+                },
+                card: {
+                    title: "{i18n>CATEGORIES.Content.Card.Title}",
+                    subTitle: "{i18n>CATEGORIES.Content.Card.SubTitle}"
+                },
+                subCategories: [
+                    {
+                        name: "document",
+                        pageSize: 10
+                    },
+                    {
+                        name: "video",
+                        pageSize: 10
+                    }
+                ]
+            },
+            {
+                name: "people",
+                class: People,
+                translation: "CATEGORIES.People",
+                title: "{i18n>CATEGORIES.People.Title}",
+                shortTitle: "{i18n>CATEGORIES.People.ShortTitle}",
+                icon: {
+                    src: "sap-icon://person-placeholder",
+                    backgroundColor: "Accent8",
+                    shape: "Circle",
+                    size: "S"
+                },
+                card: {
+                    title: "{i18n>CATEGORIES.People.Card.Title}",
+                    subTitle: "{i18n>CATEGORIES.People.Card.SubTitle}"
+                }
+            },
+            {
+                name: "event",
+                class: Event,
+                translation: "CATEGORIES.Event",
+                title: "{i18n>CATEGORIES.Event.Title}",
+                shortTitle: "{i18n>CATEGORIES.Event.ShortTitle}",
+                icon: {
+                    src: "sap-icon://calendar",
+                    backgroundColor: "Accent6",
+                    shape: "Square",
+                    size: "S"
+                },
+                card: {
+                    title: "{i18n>CATEGORIES.Event.Card.Title}",
+                    subTitle: "{i18n>CATEGORIES.Event.Card.SubTitle}"
+                }
+            },
+            {
+                name: "knowledgeBase",
+                translation: "CATEGORIES.KnowledgeBase",
+                title: "{i18n>CATEGORIES.KnowledgeBase.Title}",
+                shortTitle: "{i18n>CATEGORIES.KnowledgeBase.ShortTitle}",
+                icon: {
+                    src: "sap-icon://study-leave",
+                    backgroundColor: "Accent5",
+                    shape: "Square",
+                    size: "S"
+                },
+                card: {
+                    title: "{i18n>CATEGORIES.KnowledgeBase.Card.Title}",
+                    subTitle: "{i18n>CATEGORIES.KnowledgeBase.Card.SubTitle}"
+                }
+            },
+            {
+                name: "forum",
+                translation: "CATEGORIES.Forum",
+                title: "{i18n>CATEGORIES.Forum.Title}",
+                shortTitle: "{i18n>CATEGORIES.Forum.ShortTitle}",
+                icon: {
+                    src: "sap-icon://discussion-2",
+                    backgroundColor: "Accent4",
+                    shape: "Square",
+                    size: "S"
+                },
+                card: {
+                    title: "{i18n>CATEGORIES.Forum.Card.Title}",
+                    subTitle: "{i18n>CATEGORIES.Forum.Card.SubTitle}"
+                }
+            },
+            {
+                name: "task",
+                translation: "CATEGORIES.Task",
+                title: "{i18n>CATEGORIES.Task.Title}",
+                shortTitle: "{i18n>CATEGORIES.Task.ShortTitle}",
+                icon: {
+                    src: "sap-icon://checklist",
+                    backgroundColor: "Accent3",
+                    shape: "Square",
+                    size: "S"
+                },
+                card: {
+                    title: "{i18n>CATEGORIES.Task.Card.Title}",
+                    subTitle: "{i18n>CATEGORIES.Task.Card.SubTitle}"
+                }
+            },
+            {
+                name: "tag",
+                translation: "CATEGORIES.Tag",
+                title: "{i18n>CATEGORIES.Tag.Title}",
+                shortTitle: "{i18n>CATEGORIES.Tag.ShortTitle}",
+                icon: {
+                    src: "sap-icon://blank-tag-2",
+                    backgroundColor: "Accent6",
+                    shape: "Square",
+                    size: "S"
+                },
+                card: {
+                    title: "{i18n>CATEGORIES.Tag.Card.Title}",
+                    subTitle: "{i18n>CATEGORIES.Tag.Card.SubTitle}"
+                }
+            },
+            {
+                name: "comment",
+                translation: "CATEGORIES.Comment",
+                title: "{i18n>CATEGORIES.Comment.Title}",
+                shortTitle: "{i18n>CATEGORIES.Comment.ShortTitle}",
+                icon: {
+                    src: "sap-icon://comment",
+                    backgroundColor: "Accent1",
+                    shape: "Square",
+                    size: "S"
+                },
+                card: {
+                    title: "{i18n>CATEGORIES.Comment.Card.Title}",
+                    subTitle: "{i18n>CATEGORIES.Comment.Card.SubTitle}"
+                }
+            },
+            {
+                name: "businessrecord",
+                translation: "CATEGORIES.BusinessRecord",
+                title: "{i18n>CATEGORIES.BusinessRecord.Title}",
+                shortTitle: "{i18n>CATEGORIES.BusinessRecord.ShortTitle}",
+                icon: {
+                    src: "sap-icon://tools-opportunity",
+                    backgroundColor: "Accent10",
+                    shape: "Square",
+                    size: "S"
+                },
+                card: {
+                    title: "{i18n>CATEGORIES.BusinessRecord.Card.Title}",
+                    subTitle: "{i18n>CATEGORIES.BusinessRecord.Card.SubTitle}"
+                }
+            },
+            {
+                name: "document",
+                translation: "CATEGORIES.Document",
+                title: "{i18n>CATEGORIES.Document.Title}",
+                shortTitle: "{i18n>CATEGORIES.Document.ShortTitle}",
+                icon: {
+                    src: "sap-icon://document-text",
+                    backgroundColor: "Accent3",
+                    shape: "Square",
+                    size: "S"
+                },
+                card: {
+                    title: "{i18n>CATEGORIES.Document.Card.Title}",
+                    subTitle: "{i18n>CATEGORIES.Document.Card.SubTitle}"
+                }
+            },
+            {
+                name: "video",
+                translation: "CATEGORIES.Video",
+                title: "{i18n>CATEGORIES.Video.Title}",
+                shortTitle: "{i18n>CATEGORIES.Video.ShortTitle}",
+                icon: {
+                    src: "sap-icon://video",
+                    backgroundColor: "Accent3",
+                    shape: "Square",
+                    size: "S"
+                },
+                card: {
+                    title: "{i18n>CATEGORIES.Video.Card.Title}",
+                    subTitle: "{i18n>CATEGORIES.Video.Card.SubTitle}"
+                }
+            }
+        ]
+    }
+    ;
+});
+

package/src/main/js/sap/ushell/components/cepsearchresult/app/util/EditionStandard.js

@@ -0,0 +1,59 @@
+// Copyright (c) 2009-2023 SAP SE, All Rights Reserved
+
+sap.ui.define([
+    "./controls/categories/Application",
+    "./controls/categories/All"
+], function (
+    Application,
+    All
+  ) {
+    "use strict";
+    return {
+        defaultCategory: "app",
+        categories: [
+            {
+                class: All,
+                name: "all",
+                translation: "CATEGORIES.All",
+                title: "{i18n>CATEGORIES.All.Title}",
+                shortTitle: "{i18n>CATEGORIES.All.ShortTitle}",
+                icon: {
+                    src: "sap-icon://search",
+                    backgroundColor: "Accent9",
+                    shape: "Square",
+                    size: "S"
+                },
+                card: {
+                    title: "{i18n>CATEGORIES.All.Card.Title}",
+                    subTitle: "{i18n>CATEGORIES.All.Card.SubTitle}"
+                },
+                subCategories: [
+                    {
+                        name: "app",
+                        pageSize: 15
+                    }
+                ],
+                noDataText: "{i18n>CATEGORIES.All.NoData}",
+                loadingDataText: "{i18n>CATEGORIES.All.LoadingData}"
+            },
+            {
+                class: Application,
+                name: "app",
+                translation: "CATEGORIES.App",
+                title: "{i18n>CATEGORIES.App.Title}",
+                shortTitle: "{i18n>CATEGORIES.App.ShortTitle}",
+                icon: {
+                    src: "sap-icon://header",
+                    backgroundColor: "Accent9",
+                    shape: "Square",
+                    size: "S"
+                },
+                card: {
+                    title: "{i18n>CATEGORIES.App.Card.Title}",
+                    subTitle: "{i18n>CATEGORIES.App.Card.SubTitle}"
+                }
+            }
+        ]
+    };
+});
+

package/src/main/js/sap/ushell/components/cepsearchresult/app/util/controls/Category.css

@@ -0,0 +1,209 @@
+.sapUiCEPSearchCat {
+  border-radius: var(--sapUiElementBorderCornerRadius);
+  box-shadow: var(--sapUiShadowLevel0);
+  overflow: hidden;
+  min-width: 25rem;
+}
+
+.sapFCard .sapUiCEPSearchCat {
+  border-radius: 0;
+  box-shadow: none;
+  overflow: hidden;
+}
+
+.sapUiCEPSearchCat .sapMTitle {
+  font-size: var(--sapMFontMediumSize);
+}
+
+.sapUiCEPSearchCatList .sapMObjectIdentifierTitle > * {
+  font-size: var(--sapMFontMediumSize);
+}
+
+.sapUiCEPSearchCatGroup .sapUiCEPSearchCat{
+  margin-bottom: var(--sapUiMarginSmall);
+}
+
+.sapUiCEPSearchCat .sapUiCEPSearchCatHeaderTB {
+  border-bottom: none;
+  min-height: 2.5rem;
+}
+
+.sapUiCEPSearchCat .sapCEPCategoryFooterTB {
+  border-bottom: none;
+  min-height: 2.5rem;
+}
+
+.sapFCard .sapUiCEPSearchCat .sapCEPCategoryFooterTB .sapMTBSpacer {
+  flex-grow: 0.5;
+}
+
+
+.sapUiCEPSearchCatList .sapMListUl .sapMListNoData {
+  background: transparent;
+  justify-content: flex-start;
+  border-bottom: none;
+  width: 100%;
+}
+
+.sapUiCEPSearchCatList.list .sapMListUl{
+  background-color: var(--sapUiListBackground);
+}
+
+.sapUiCEPSearchCatList.card .sapMListUl .sapMListNoData,
+.sapUiCEPSearchCatList.tile .sapMListUl .sapMListNoData {
+  margin: calc(var(--sapUiMarginSmall) * -1);
+}
+
+.sapUiCEPSearchCatList .sapMListUl,
+.sapUiCEPSearchCat .sapMIllustratedMessage {
+  min-height: var(--tmpPageSize, auto);
+  box-sizing: border-box;
+}
+
+.sapUiCEPSearchCatList:not(.noheader) .sapMListUl{
+  border-top: 1px solid var(--sapUiListBorderColor);
+}
+
+.sapUiCEPSearchCatList.card .sapMListUl{
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: var(--sapUiMarginSmall);
+  padding: var(--sapUiMarginSmall);
+  border-bottom: 1px solid var(--sapUiListBorderColor);
+  align-content: start;
+}
+.sapUiCEPSearchCatList .sapUiCEPSearchCatLI {
+  padding: var(--sapUiMarginSmall) var(--sapUiMarginTiny);
+  align-items: flex-start;
+}
+
+.sapUiCEPSearchCatList.card .sapUiCEPSearchCatLI.card {
+  border-radius: var(--sapUiElementBorderCornerRadius);
+  box-shadow: var(--sapUiShadowLevel0);
+  border: none;
+  width: calc(33.3% - var(--sapUiMarginSmall));
+  min-width: 20rem;
+}
+
+.sapUiCEPSearchCatList.list .sapUiCEPSearchCatLI .infoTextSection {
+  min-width: 33%;
+  max-width: 92%;
+}
+.sapUiCEPSearchCatList.card .sapUiCEPSearchCatLI .infoTextSection {
+  min-width: 90%;
+  max-width: 92%;
+}
+
+
+.sapUiCEPSearchCatList .sapUiCEPSearchCatLI .infoTextSection .tinyTop {
+  margin-top: 0.1rem;
+}
+
+.sapUiCEPSearchCatList.tile .sapMListUl {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: var(--sapUiMarginSmall);
+  padding: var(--sapUiMarginSmall);
+  border-bottom: 1px solid var(--sapUiListBorderColor);
+  align-content: start;
+}
+
+.sapUiCEPSearchCatList.tile .sapUiCEPSearchCatLI.tile {
+  border-radius: var(--sapUiElementBorderCornerRadius);
+  box-shadow: var(--sapUiShadowLevel0);
+  border: none;
+  width: 11rem;
+  height: 11rem;
+}
+
+.sapUiCEPSearchCatList.tile .sapUiCEPSearchCatLI.tile.app {
+  position: relative;
+  border-radius: 0;
+  box-shadow: none;
+  padding: 0;
+  background-color: transparent;
+  border: none;
+  width: unset;
+  min-width: 11rem;
+  height: 11rem;
+}
+
+.sapUiCEPSearchCatList.list .sapUiCEPSearchCatLI.list.app .hiddentile {
+  display: none;
+}
+
+
+.sapUiCEPSearchCatList.tile .sapUiCEPSearchCatLI.tile.app .sapUshellVizInstance {
+  position: static;
+}
+
+.sapUiCEPSearchCatList.tile .sapUiCEPSearchCatLI.tile.app .sapUshellVizInstance.standardWide {
+  min-width: 23rem;
+}
+
+.sapUiCEPSearchCatList .sapUiCEPSearchCatLI.tile.app .sapUshellVizInstance > *:first-child {
+  z-index: 1;
+  position: absolute;
+  top: 0;
+}
+
+/** Event/People**/
+.sapUiCEPSearchCatList .sapUiCEPSearchCatLI.people .sapMObjectIdentifier,
+.sapUiCEPSearchCatList .sapUiCEPSearchCatLI.event .sapMObjectIdentifier {
+    min-width: 13rem;
+  max-width: 13rem;
+
+}
+
+/** People Status data - online,busy,offline,away,ooo,nodisturb,unknown **/
+
+.sapUiCEPSearchCatList .sapUiCEPSearchCatLI .status[data-status] .sapFAvatar:before {
+  content: ' ';
+  position: absolute;
+  border: 2px solid var(--sapUiTileBackground);
+  display: inline-block;
+  height: 1rem;
+  width: 1rem;
+  border-radius: 50%;
+  margin-top: 2rem;
+  left: 2.2rem;
+  font-family: SAP-Icons;
+  font-size: 8px;
+  color: var(--sapUiTileBackground);
+  font-weight: bold;
+  text-align: center;
+  padding: 2px;
+  box-sizing: border-box;
+  z-index:2
+}
+
+.sapUiCEPSearchCatList .sapUiCEPSearchCatLI .status[data-status='online'] .sapFAvatar.people:before {
+  background-color: var(--sapUiButtonSuccessActiveBackground);
+  content: '\e05b'
+}
+
+.sapUiCEPSearchCatList .sapUiCEPSearchCatLI .status[data-status='busy'] .sapFAvatar.people:before {
+  background-color: var(--sapUiButtonNegativeActiveBackground);
+}
+
+.sapUiCEPSearchCatList .sapUiCEPSearchCatLI .status[data-status ='nodisturb'] .sapFAvatar.people:before {
+  background-color: var(--sapUiButtonNegativeActiveBackground);
+  content: '\e03e'
+}
+
+.sapUiCEPSearchCatList .sapUiCEPSearchCatLI .status[data-status ='offline'] .sapFAvatar.people:before,
+.sapUiCEPSearchCatList .sapUiCEPSearchCatLI .status[data-status='unknown'] .sapFAvatar.people:before {
+  background-color: var(--sapUiButtonNeutralBackground);
+  content: '\e03e'
+}
+
+.sapUiCEPSearchCatList .sapUiCEPSearchCatLI .status[data-status ='away'] .sapFAvatar.people:before {
+  background-color: var(--sapUiButtonCriticalBackground);
+  content: '\e270'
+}
+
+.sapUiCEPSearchCatList .sapUiCEPSearchCatLI .status[data-status ='ooo'] .sapFAvatar.people:before {
+  background-color: var(--sapUiIndication8HoverBackground);
+}