feat: renaming of the slots (#266)

onecx · Jun 4, 2024 · 13635a1 · 13635a1
1 parent 1075efb
commit 13635a1
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 13 deletions.
diff --git a/libs/shell-core/src/lib/components/portal-footer/portal-footer.component.html b/libs/shell-core/src/lib/components/portal-footer/portal-footer.component.html
@@ -1,8 +1,14 @@
 <div class="ml-3 py-2 lg:ml-5 flex flex-wrap align-items-center justify-content-between row-gap-1">
   <div class="flex flex-wrap align-items-center justify-content-start gap-3 row-gap-1">
-    <img *ngIf="logoUrl$ | async" alt="logo" class="max-h-1rem" [ocxSrc]="(logoUrl$ | async) ?? ''" (error)="onErrorHandleSrc()" />
+    <img
+      *ngIf="logoUrl$ | async"
+      alt="logo"
+      class="max-h-1rem"
+      [ocxSrc]="(logoUrl$ | async) ?? ''"
+      (error)="onErrorHandleSrc()"
+    />
     <div class="flex-none text-sm">&copy; {{copyrightMsg$ | async}}</div>
-    <ocx-slot name="footer"></ocx-slot>
+    <ocx-slot name="onecx-shell-footer"></ocx-slot>
   </div>
   <div class="mr-5 text-sm">{{versionInfo$ | async}}</div>
 </div>
diff --git a/libs/shell-core/src/lib/components/portal-header/header.component.html b/libs/shell-core/src/lib/components/portal-header/header.component.html
@@ -49,12 +49,12 @@
       <ng-content></ng-content>
     </div>
     <div class="layout-topbar-actions-right">
-      <ocx-slot name="headerRight" class="layout-topbar-items">
-          <ng-template #skeleton>
-            <div class="flex align-items-center h-full justify-content-center" style="width: 56px;">
-              <p-skeleton shape="circle" size="2.5rem" class="h-full flex align-items-center"></p-skeleton>
-            </div>
-          </ng-template>
+      <ocx-slot name="onecx-shell-headerRight" class="layout-topbar-items">
+        <ng-template #skeleton>
+          <div class="flex align-items-center h-full justify-content-center" style="width: 56px">
+            <p-skeleton shape="circle" size="2.5rem" class="h-full flex align-items-center"></p-skeleton>
+          </div>
+        </ng-template>
       </ocx-slot>
       <ul class="layout-topbar-items">
         <!-- Only desktop: Actions (favorites, support, search, ...) as icon buttons -->

diff --git a/libs/shell-core/src/lib/components/portal-viewport/portal-viewport.component.html b/libs/shell-core/src/lib/components/portal-viewport/portal-viewport.component.html
@@ -11,13 +11,13 @@
 >
   <ocx-shell-header [menuButtonTitle]="menuButtonTitle" (menuButtonClick)="onMenuButtonClick($event)">
     <div *ngIf="isHorizontalMenuVisible()">
-      <ocx-slot name="horizontalMenu">
+      <ocx-slot name="onecx-shell-horizontalMenu">
         <ng-template #skeleton>
           <div class="ml-4 flex flex-row gap-4">
             <p-skeleton class="w-full h-full inline-block" height="35px" width="120px"></p-skeleton>
             <p-skeleton class="w-full h-full inline-block" height="35px" width="120px"></p-skeleton>
           </div>
-      </ng-template>
+        </ng-template>
       </ocx-slot>
     </div>
   </ocx-shell-header>
@@ -26,17 +26,17 @@
 
   <div class="menu-wrapper">
     <div class="layout-menu-container" *ngIf="isStaticalMenuVisible()">
-      <ocx-slot name="menu">
+      <ocx-slot name="onecx-shell-verticalMenu">
         <ng-template #skeleton>
-            <p-skeleton class="w-full h-full mb-4 inline-block" height="35px" width="120px"></p-skeleton>
+          <p-skeleton class="w-full h-full mb-4 inline-block" height="35px" width="120px"></p-skeleton>
         </ng-template>
       </ocx-slot>
     </div>
   </div>
 
   <div class="layout-main">
     <div class="layout-content relative">
-      <ocx-slot name="subHeader"></ocx-slot>
+      <ocx-slot name="onecx-shell-subHeader"></ocx-slot>
       <ng-container *ngIf="!showContentProvider || (showContentProvider.showContent$ | async)">
         <ng-content></ng-content>
         <router-outlet></router-outlet>