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

File

projects/m2-core/src/lib/widget-modules/tree-utils/node-path.component.ts

Metadata

changeDetection ChangeDetectionStrategy.OnPush
selector node-path
styles .path-placeholder { background: linear-gradient(to right, #EEE 80%, transparent 0), linear-gradient(130deg, transparent 86%, #EEE 86%, #EEE 91%, transparent 0); background-size: 30% 100%; width: 40%; height: .6em; margin: .8em 0 .5em; }
template 
<ng-container *ngIf="path; else loadingPlaceholder">
    <div *ngIf="path.length > 0; else notFound" [ngClass]="styleClasses">
        <i *ngIf="showPathIcon" class="fa sdi-icon info name-prefix" [ngClass]="pathIconClass" i18n-title="@@pathTitle" title="Путь"></i>
        <ng-container *ngFor="let pathNode of path; let isFirst = first">
            <ng-container *ngIf="!isFirst"> / </ng-container>
            <path-node [pathNode]="pathNode" [searchQuery]="searchQuery" [target]="target"
                       [classifierId]="classifierId" [taxonomyReferenceId]="taxonomyReferenceId">
            </path-node>
        </ng-container>
    </div>

    <ng-template #notFound>
        <div class="nothing-to-display-label" i18n="@@nodeNotFoundMsg">
            группа не найдена
        </div>
    </ng-template>
</ng-container>

<ng-template #loadingPlaceholder>
    <div [ngStyle]="placeholderStyle" class="path-placeholder" i18n-title="@@loadingPathTitle" title="путь загружается..."></div>
</ng-template>

Index

Inputs

Inputs

classifierId
Type : number
Default value : -1
path
Type : TreeNodeData[]
pathIconClass
Type : string
Default value : 'fa-folder-open'
placeholderStyle
Type : CSSStyleDeclaration
searchQuery
Type : string
showPathIcon
Type : boolean
Default value : true
styleClasses
Type : string
target
Type : string
Default value : '_self'
taxonomyReferenceId
Type : number
Default value : -1
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""