Prefer using our icons for notifications

This commit is contained in:
Chocobozzz 2022-06-10 15:14:49 +02:00
parent a14c176472
commit 073367bb65
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
3 changed files with 17 additions and 7 deletions

View File

@ -53,9 +53,7 @@
<p>{{ message.detail }}</p>
</div>
<span *ngIf="message.severity === 'success'" class="glyphicon glyphicon-ok"></span>
<span *ngIf="message.severity === 'info'" class="glyphicon glyphicon-info-sign"></span>
<span *ngIf="message.severity === 'error'" class="glyphicon glyphicon-remove"></span>
<my-global-icon [iconName]="getNotificationIcon(message)"></my-global-icon>
</div>
</ng-template>
</p-toast>

View File

@ -31,6 +31,7 @@ import { BroadcastMessageLevel, HTMLServerConfig, UserRole } from '@shared/model
import { MenuService } from './core/menu/menu.service'
import { POP_STATE_MODAL_DISMISS } from './helpers'
import { InstanceService } from './shared/shared-instance'
import { GlobalIconName } from './shared/shared-icons'
@Component({
selector: 'my-app',
@ -150,6 +151,17 @@ export class AppComponent implements OnInit, AfterViewInit {
this.screenService.isBroadcastMessageDisplayed = false
}
getNotificationIcon (message: { severity: 'success' | 'error' | 'info' }): GlobalIconName {
switch (message.severity) {
case 'error':
return 'cross'
case 'success':
return 'tick'
case 'info':
return 'help'
}
}
private initRouteEvents () {
const eventsObs = this.router.events

View File

@ -927,19 +927,19 @@ p-toast {
box-shadow: 0 2px 12px 0 rgba(0, 0 , 0, .1);
overflow: hidden;
&.p-toast-message-success .glyphicon {
&.p-toast-message-success my-global-icon {
color: #8BC34A !important;
}
&.p-toast-message-error .glyphicon {
&.p-toast-message-error my-global-icon {
color: #F44336 !important;
}
&.p-toast-message-warn .glyphicon {
&.p-toast-message-warn my-global-icon {
color: #F1680D !important;
}
&.p-toast-message-info .glyphicon {
&.p-toast-message-info my-global-icon {
color: #03A9F4 !important;
}