split html's

2026-04-08 11:08:41 +02:00
parent f0f20e416e
commit 57cc30427a
38 changed files with 1625 additions and 1643 deletions
@@ -6,27 +6,7 @@ import { ToastItem, ToastService } from '../../core/services/toast.service';
  selector: 'app-toast-outlet',
  standalone: true,
  imports: [CommonModule],
-  template: `
-    <div class="toast-host position-fixed top-0 end-0 p-3">
-      @for (item of toast.items(); track item.id) {
-        <div class="toast show ec-toast"
-             role="alert"
-             aria-live="assertive"
-             aria-atomic="true"
-             [class.ec-toast-success]="item.tone === 'success'"
-             [class.ec-toast-danger]="item.tone === 'danger'"
-             [class.ec-toast-warning]="item.tone === 'warning'"
-             [class.ec-toast-info]="item.tone === 'info'">
-          <div class="toast-header">
-            <span class="ec-toast-dot me-2" [ngClass]="toneDotClass(item)"></span>
-            <strong class="me-auto">{{ item.title }}</strong>
-            <button type="button" class="btn-close" aria-label="Close" (click)="toast.dismiss(item.id)"></button>
-          </div>
-          <div class="toast-body">{{ item.message }}</div>
-        </div>
-      }
-    </div>
-  `
+  templateUrl: './toast-outlet.component.html'
 })
 export class ToastOutletComponent {
  readonly toast = inject(ToastService);