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

File

projects/m2-core/src/lib/shared/ui-components/input/item-input-selector.component.ts

Metadata

selector item-input-selector
template 
<div class="cell-content-wrapper">
    <div class="overflow-ellipsis">
        <classifiable *ngIf="item; else uuidInput" [classifiableElement]="item" [showIcon]="false"
                      [target]="'_blank'">
        </classifiable>
        <ng-template #uuidInput>
            <primitive-value [editModeON]="true"
                             [currentValue]="itemInput"
                             [getPropositionsFn]="getPropositionsFn"
                             [debounceTimeInMs]="300"
                             [reloadOnShow]="true"
                             placeholder="UUID, ID или наименование..."
                             [(isFocused)]="isFocused"
                             [propositionsFixedPositioning]="propositionsFixedPositioning"
                             [changeValueFn]="changeValueFn">
            </primitive-value>
        </ng-template>
    </div>
    <div class="cell-tools">
        <i class="fa fa-folder-open sdi-icon" i18n-title="@@selectTitle" title="Выбрать"
           (click)="onOpenSelectorClick()">
        </i>
        <i *ngIf="item" class="fa fa-times sdi-icon" i18n-title="@@deleteTitle" title="Удалить"
           (click)="onDeleteClick()">
        </i>
    </div>
</div>

Index

Properties
Methods
Inputs
Outputs
Accessors

Constructor

constructor(logger: Logger, dataReadService: DataReadService, dataSearchService: DataSearchService, layerService: LayerService)
Parameters :
Name Type Optional
logger Logger No
dataReadService DataReadService No
dataSearchService DataSearchService No
layerService LayerService No

Inputs

item
Type : Item
propositionsFixedPositioning
Type : boolean

Outputs

itemChange
Type : EventEmitter

Methods

Public focus
focus()
Returns : void
onDeleteClick
onDeleteClick()
Returns : void
onOpenSelectorClick
onOpenSelectorClick()
Returns : void

Properties

_item
Type : Item
changeValueFn
Default value : ((newValue: string|Item) => { // this.logger.fatal(`changeValueFn, newValue = [${newValue}]`, newValue); if (typeof newValue === 'string') { this.itemInput = newValue; return this.dataSearchService.findItemsByIdOrUuid(newValue, true).then(items => { this.item = items.length ? items[0] : null; }); } else { // item from propositions this.itemInput = newValue.displayName; this.item = newValue; return Promise.resolve(); } })
getPropositionsFn
Default value : ((searchQuery?: string, noFilterOnValues?: boolean) => this.dataSearchService.getItemsPropositions(searchQuery))
Public isFocused
Type : boolean
itemInput
Type : string
Default value : ''
Optional primitiveValueComponent
Type : PrimitiveValueComponent
Decorators :
@ViewChild(PrimitiveValueComponent)

Accessors

item
getitem()
setitem(value: Item)
Parameters :
Name Type Optional
value Item No
Returns : void
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""