@totvs-agro/mobile-components/dist/components/images-itens/images-itens.metadata.json

Componentes Mobile Totvs (Front-End) para utilização dos estilos do T-Faces e Ionic v3

[{"__symbolic":"module","version":4,"metadata":{"ImagesItensComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":66,"character":1},"arguments":[{"selector":"images-itens","template":"<div *ngIf=\"thumbnails\">\n<div class=\"container\" *ngIf=\"imageItemType === typeSlider\">\n    <div (click)=\"callImageClick(thumbnail)\" *ngFor=\"let thumbnail of thumbnails; let i = index; let l = last\"\n        [ngClass]=\"{ 'mask-first' : i === 0, 'mask' : i != 0 && !l, 'mask-last' : l }\" [style.background-image]=\"getBackground(thumbnail.src)\">\n        <p class=\"titulo-da-foto\">\n            {{thumbnail.title}}\n        </p>\n        <span class=\"data\">\n            {{dateAsString(thumbnail)}}\n        </span>\n        <ion-icon class=\"arrow-right\" name=\"ios-arrow-forward\"></ion-icon>\n    </div>\n</div>\n<div #containerList class=\"container-list\" *ngIf=\"imageItemType === typeList\">\n    <div *ngIf=\"thumbnails.length <= 0 || !thumbnails\">\n        <p class=\"no-items\" text-center>{{msgNoItem}}</p>\n    </div>\n    <ion-grid>\n        <ion-row>\n            <ion-col col-6 *ngFor=\"let thumbnail of thumbnails\">\n                <button icon-only class=\"close-right\" (click)=\"callButtonClick(thumbnail)\">\n                    <thf-icon name=\"close\" style=\"margin-right: -15px;\"></thf-icon>\n                </button>\n                <div class=\"mask-grid\" [style.background-image]=\"getBackground(thumbnail.src)\"></div>\n                <div class=\"mask-grid-space\" (click)=\"callImageClick(thumbnail)\"></div>\n                <div class=\"sk-circle\" *ngIf=\"!isLoadedImage(thumbnail)\">\n                    <div class=\"sk-circle1 sk-child\"></div>\n                    <div class=\"sk-circle2 sk-child\"></div>\n                    <div class=\"sk-circle3 sk-child\"></div>\n                    <div class=\"sk-circle4 sk-child\"></div>\n                    <div class=\"sk-circle5 sk-child\"></div>\n                    <div class=\"sk-circle6 sk-child\"></div>\n                    <div class=\"sk-circle7 sk-child\"></div>\n                    <div class=\"sk-circle8 sk-child\"></div>\n                    <div class=\"sk-circle9 sk-child\"></div>\n                    <div class=\"sk-circle10 sk-child\"></div>\n                    <div class=\"sk-circle11 sk-child\"></div>\n                    <div class=\"sk-circle12 sk-child\"></div>\n                </div>\n                <ion-label class=\"label-grid\" (click)=\"callLabelClick(thumbnail._id, thumbnail.title)\">\n                    {{thumbnail.title}}<thf-icon name=\"edit\"></thf-icon>\n                </ion-label>\n            </ion-col>\n        </ion-row>\n    </ion-grid>\n</div>\n</div>"}]}],"members":{"imageClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":5},"arguments":["imageClick"]}]}],"callBackButtonClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":5},"arguments":["callBackButtonClick"]}]}],"callBackEditLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":5},"arguments":["callBackEditLabel"]}]}],"images":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":5},"arguments":["images"]}]}],"imageItemType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":5},"arguments":["imageItemType"]}]}],"msgNoItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":5},"arguments":["msgNoItem"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":88,"character":27},{"__symbolic":"reference","module":"ionic-img-viewer","name":"ImageViewerController","line":89,"character":34},{"__symbolic":"reference","module":"../../util/image-util","name":"ImageUtil","line":90,"character":28},{"__symbolic":"reference","module":"../../providers/totvs-notification-provider","name":"TotvsNotificationProvider","line":91,"character":39},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":92,"character":29},{"__symbolic":"reference","module":"../../providers/translate/totvs-translate-provider","name":"TotvsTranslateProvider","line":93,"character":28}]}],"getBackground":[{"__symbolic":"method"}],"initializeThumbnails":[{"__symbolic":"method"}],"addThumbnail":[{"__symbolic":"method"}],"generateThumbnailAndPush":[{"__symbolic":"method"}],"isLoadedImage":[{"__symbolic":"method"}],"callImageClick":[{"__symbolic":"method"}],"callButtonClick":[{"__symbolic":"method"}],"removeImage":[{"__symbolic":"method"}],"callLabelClick":[{"__symbolic":"method"}],"dateAsString":[{"__symbolic":"method"}]}}}}]