Conga Digital Commerce Winter '20
  1. Components
  2. CRIconComponent

File

projects/apttus/elements/src/lib/constraint-rule/constraint-icon/constraint-icon.component.ts

Description

The icon to display when there is an alert related to constraint rules.

Preview

Usage

import { ConstraintIconModule } from '@apttus/elements';

@NgModule({
  imports: [ConstraintIconModule, ...]
})
export class AppModule {}

Implements

OnInit

Example

<apt-cr-constraint-icon></apt-cr-constraint-icon>

Metadata

selector apt-cr-constraint-icon
styleUrls ./constraint-icon.component.scss
template 
<ng-container *ngIf="view$ | async as view">
  <ng-container *ngIf="view.pendingActions?.length > 0">
    <button class="btn btn-link nav-link" (click)="openSideMenu()">
      <i class="fas fa-exclamation-triangle fa-lg"></i>
    </button>
    <span class="badge badge-primary p-1">{{view.pendingActions?.length}}</span>
  </ng-container>
</ng-container>

Index

Properties

Constructor

constructor(crService: ConstraintRuleService, bsModalService: BsModalService)
Parameters :
Name Type Optional
crService ConstraintRuleService No
bsModalService BsModalService No

Properties

modalRef
Type : BsModalRef
view$
Type : Observable<CrIconView>

./constraint-icon.component.scss 

:host{
    display: block;
    position: relative;
    span.badge{
        position: absolute;
        top: 15px;
        right: 5px;
    }
}
Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""