storefrontapp documentation
  1. Components
  2. NotificationMessageComponent

File

feature-libs/organization/administration/components/shared/message/notification/notification-message.component.ts

Extends

BaseMessageComponent

Metadata

changeDetection ChangeDetectionStrategy.OnPush
selector cx-org-notification
templateUrl ./notification-message.component.html

Index

Properties
Methods
HostBindings

HostBindings

class
Type : string
Inherited from BaseMessageComponent
Defined in BaseMessageComponent:16
class.terminated
Type : boolean
Default value : false
Inherited from BaseMessageComponent
Defined in BaseMessageComponent:17

Methods

close
close()
Inherited from BaseMessageComponent
Defined in BaseMessageComponent:43
Returns : void
Protected handleAutoHide
handleAutoHide()
Inherited from BaseMessageComponent
Defined in BaseMessageComponent:62
Returns : void
ngOnInit
ngOnInit()
Inherited from BaseMessageComponent
Defined in BaseMessageComponent:32
Returns : void
Protected resolveType
resolveType()
Inherited from BaseMessageComponent
Defined in BaseMessageComponent:47
Returns : string

Properties

closeIcon
Default value : ICON_TYPE.CLOSE
Defined in feature-libs/organization/administration/components/shared/message/notification/notification-message.component.ts:11
message
Type : Translatable
Inherited from BaseMessageComponent
Defined in BaseMessageComponent:19
messageIcon
Type : ICON_TYPE
Inherited from BaseMessageComponent
Defined in BaseMessageComponent:25

Icon used to display next to the message.
Optional messageTitle
Type : Translatable
Inherited from BaseMessageComponent
Defined in BaseMessageComponent:20
terminated
Default value : false
Decorators :
@HostBinding('class.terminated')
Inherited from BaseMessageComponent
Defined in BaseMessageComponent:17
type
Type : string
Decorators :
@HostBinding('class')
Inherited from BaseMessageComponent
Defined in BaseMessageComponent:16 
import { ChangeDetectionStrategy, Component } from '@angular/core';
import { ICON_TYPE } from '@spartacus/storefront';
import { BaseMessageComponent } from '../base-message.component';

@Component({
  selector: 'cx-org-notification',
  templateUrl: './notification-message.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class NotificationMessageComponent extends BaseMessageComponent {
  closeIcon = ICON_TYPE.CLOSE;
}

<div
  class="inner"
  [cxFocus]="{ autofocus: true, focusOnEscape: true }"
  (esc)="close()"
>
  <cx-icon *ngIf="messageIcon" [type]="messageIcon"></cx-icon>
  <p>{{ message | cxTranslate }}</p>
  <button class="close" (click)="close()" type="button">
    <cx-icon [type]="closeIcon"></cx-icon>
  </button>
</div>
Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""