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

File

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

Metadata

selector image-value
template 
<div class="image-value-wrapper user-select-off">
    <div class="image-value box-shadow-grey"
            [title]="!imageData && editModeON ? uploadImgByDblClickTitle : ''"
            (click)="onImgClick()" (dblclick)="onImgDblClick()">
        <span class="centerer"></span>
        <img class="image-thumbnail" [src]="imageData | imageData">

        <div *ngIf="editModeON" class="img-tools" (click)="$event.stopPropagation()">
            <i class="fa fa-fw fa-folder-open sdi-icon" (click)="selectFile()"
                i18n-title="@@uploadImgTitle" title="Загрузить изображение">
            </i>
            <i *ngIf="imageData" class="fa fa-fw fa-times sdi-icon" (click)="deleteImage()"
                i18n-title="@@deleteImgTitle" title="Удалить изображение">
            </i>
        </div>
    </div>
</div>

Index

Properties
Methods
Inputs

Constructor

constructor(imageService: ImageService, globalModalsService: GlobalModalsService)
Parameters :
Name Type Optional
imageService ImageService No
globalModalsService GlobalModalsService No

Inputs

editImageFn
Type : function
editModeON
Type : boolean
Default value : true
imageData
Type : string

Methods

deleteImage
deleteImage()
Returns : void
onImgClick
onImgClick()
Returns : void
onImgDblClick
onImgDblClick()
Returns : void
selectFile
selectFile()
Returns : void

Properties

uploadImgByDblClickTitle
Type : string
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""