Teso Business 2.0 angular source code
https://bacwaredev.barhendev.com/teso
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
1.8 KiB
55 lines
1.8 KiB
3 years ago
|
<div class="teso-alert-container" *ngIf="!dismissible || dismissible && !dismissed" [@fadeIn]="!dismissed" [@fadeOut]="!dismissed">
|
||
|
|
|
||
|
|
<!-- Border -->
|
||
|
|
<div class="teso-alert-border" *ngIf="appearance === 'border'"></div>
|
||
|
|
|
||
|
|
<!-- Icon -->
|
||
|
|
<div class="teso-alert-icon" *ngIf="showIcon">
|
||
|
|
|
||
|
|
<!-- Custom icon -->
|
||
|
|
<div class="teso-alert-custom-icon">
|
||
|
|
<ng-content select="[tesoAlertIcon]"></ng-content>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Default icons -->
|
||
|
|
<div class="teso-alert-default-icon">
|
||
|
|
|
||
|
|
<mat-icon *ngIf="type === 'primary'" [svgIcon]="'heroicons_solid:check-circle'"></mat-icon>
|
||
|
|
|
||
|
|
<mat-icon *ngIf="type === 'accent'" [svgIcon]="'heroicons_solid:check-circle'"></mat-icon>
|
||
|
|
|
||
|
|
<mat-icon *ngIf="type === 'warn'" [svgIcon]="'heroicons_solid:x-circle'"></mat-icon>
|
||
|
|
|
||
|
|
<mat-icon *ngIf="type === 'basic'" [svgIcon]="'heroicons_solid:check-circle'"></mat-icon>
|
||
|
|
|
||
|
|
<mat-icon *ngIf="type === 'info'" [svgIcon]="'heroicons_solid:information-circle'"></mat-icon>
|
||
|
|
|
||
|
|
<mat-icon *ngIf="type === 'success'" [svgIcon]="'heroicons_solid:check-circle'"></mat-icon>
|
||
|
|
|
||
|
|
<mat-icon *ngIf="type === 'warning'" [svgIcon]="'heroicons_solid:exclamation'"></mat-icon>
|
||
|
|
|
||
|
|
<mat-icon *ngIf="type === 'error'" [svgIcon]="'heroicons_solid:x-circle'"></mat-icon>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Content -->
|
||
|
|
<div class="teso-alert-content">
|
||
|
|
|
||
|
|
<div class="teso-alert-title">
|
||
|
|
<ng-content select="[tesoAlertTitle]"></ng-content>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="teso-alert-message">
|
||
|
|
<ng-content></ng-content>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Dismiss button -->
|
||
|
|
<button class="teso-alert-dismiss-button" mat-icon-button (click)="dismiss()">
|
||
|
|
<mat-icon [svgIcon]="'heroicons_solid:x'"></mat-icon>
|
||
|
|
</button>
|
||
|
|
|
||
|
|
</div>
|