feat(4ps): update

libs/mix-share/src/bases/base-page-component.ts

@@ -0,0 +1,25 @@
+import {
+  Directive,
+  TemplateRef,
+  ViewChild,
+  ViewContainerRef,
+  inject,
+} from '@angular/core';
+import { ToolbarService } from '@mixcore/share/components';
+import { BaseComponent } from './base-component';
+
+@Directive()
+export class BasePageComponent extends BaseComponent {
+  @ViewChild('breadcrumb') public breadcrumb?: TemplateRef<HTMLElement>;
+  public toolbarService = inject(ToolbarService);
+  public viewRef = inject(ViewContainerRef);
+
+  ngAfterViewInit() {
+    if (this.breadcrumb) this.toolbarService.add(this.breadcrumb, this.viewRef);
+  }
+
+  override ngOnDestroy() {
+    super.ngOnDestroy();
+    this.toolbarService.remove();
+  }
+}

libs/mix-share/src/bases/index.ts

@@ -2,3 +2,4 @@ export * from './base-api.service';
 export * from './base-appconfig';
 export * from './base-component';
 export * from './base-crud.store';
+export * from './base-page-component';

libs/mix-share/src/modules/database/database.layout.html

@@ -1,6 +1,6 @@
 <router-outlet></router-outlet>
 
-<ng-template #contextCtrl>
+<ng-template #breadcrumb>
   <nav class="flex" aria-label="Breadcrumb">
     <ol class="inline-flex items-center space-x-1 md:space-x-2 rtl:space-x-reverse">
       <li class="inline-flex items-center">

libs/mix-share/src/modules/database/database.layout.ts

@@ -1,13 +1,7 @@
 import { CommonModule } from '@angular/common';
-import {
-  ChangeDetectionStrategy,
-  Component,
-  TemplateRef,
-  ViewChild,
-  ViewContainerRef,
-  inject,
-} from '@angular/core';
+import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
 import { RouterModule } from '@angular/router';
+import { BasePageComponent } from '@mixcore/share/base';
 import { ToolbarService } from '@mixcore/share/components';
 import { TuiLinkModule } from '@taiga-ui/core';
 import { TuiBreadcrumbsModule } from '@taiga-ui/kit';
@@ -34,18 +28,7 @@ import { DbUiStore } from './store/db-ui.store';
   }
 `,
 })
-export class DatabaseLayoutComponent {
-  @ViewChild('contextCtrl') public projectCtrl!: TemplateRef<unknown>;
-
+export class DatabaseLayoutComponent extends BasePageComponent {
   public toolbarSrv = inject(ToolbarService);
-  public viewRef = inject(ViewContainerRef);
   public uiStore = inject(DbUiStore);
-
-  ngAfterViewInit() {
-    this.toolbarSrv.add(this.projectCtrl, this.viewRef);
-  }
-
-  ngOnDestroy() {
-    this.toolbarSrv.remove();
-  }
 }

libs/mix-share/src/modules/layout/mix-layout.component.html

@@ -13,7 +13,7 @@
                         (expandChange)="onExpandChange()"></mix-main-side-menu>
   </aside>
 
-  <main class="shadow flex flex-col h-full overflow-auto"
+  <main class="shadow flex flex-col h-full overflow-auto rounded-tl-xl"
         id="canvas">
     <mix-main-toolbar [showExpandBtn]="!expand()"
                       (expandChange)="onExpandChange()"></mix-main-toolbar>