Docs for m2-core, m2-components
  1. Components
  2. ValueValidatorComponent

File

projects/m2-core/src/lib/shared/ui-components/value/primitive/value-validator.component.ts

Metadata

changeDetection ChangeDetectionStrategy.OnPush
selector value-validator
styles .modal-container { width: 20em; } .state-icon { margin-right: .5rem; font-size: 1.1em; } :host-context(.card-row) .state-icon { line-height: 36px; }
template 
<div (mouseenter)="onIconEnter($event)" (mouseleave)="onIconOrPanelLeave()">
    <i class="fa fa-exclamation-circle state-icon error-msg" @rollingLtoRVoidAnimation>
    </i>
</div>

<p-overlayPanel [appendTo]="'body'" [hideTransitionOptions]="'0s'" styleClass="no-offset">
    <div class="modal-container px-3 user-select-on" (mouseenter)="onPanelEnter()" (mouseleave)="onIconOrPanelLeave()">
        <ul class="sdi-list modal-list">
            <li *ngIf="maskValidation">
                значение <b>{{maskValidation.value}}</b> не удовлетворяет маске <b>{{maskValidation.inputMask}}</b>
            </li>

            <li *ngIf="isRequired && !value">
                обязательное поле
            </li>

            <li *ngFor="let error of validationErrors">
                {{error}}
            </li>
        </ul>
    </div>
</p-overlayPanel>

Index

Properties
Methods
Inputs

Inputs

isRequired
Type : boolean
maskValidation
Type : MaskValidation
validationErrors
Type : string[]
value
Type : string

Methods

onIconEnter
onIconEnter(event: MouseEvent)

Overlay triggers

Parameters :
Name Type Optional
event MouseEvent No
Returns : void
onIconOrPanelLeave
onIconOrPanelLeave()
Returns : void
onPanelEnter
onPanelEnter()
Returns : void

Properties

overlayPanelComponent
Type : OverlayPanel
Decorators :
@ViewChild(OverlayPanel)
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""