UNPKG

@totvs-agro/mobile-components

Version:

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

1 lines 3.54 kB
[{"__symbolic":"module","version":4,"metadata":{"ListItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":39,"character":1},"arguments":[{"selector":"list-item","template":"\n<ion-checkbox class=\"checkbox\" *ngIf=\"showCheckBox\" [(ngModel)]=\"checked\" (click)=\"onCheck()\"></ion-checkbox>\n<ion-item no-lines no-padding [ngClass]=\"{'ion-item-checkbox': showCheckBox\t}\">\n\t<ion-thumbnail item-start (click)=\"onClick()\">\n\t\t<img width=\"72px\" height=\"72px\" src=\"{{imageSrc}}\">\n\t</ion-thumbnail>\n\t<div (click)=\"onClick()\" [ngClass]=\"{'label-container-badge': culture, 'label-container': !culture\t}\">\n\t\t<h2>\n\t\t\t<div class=\"card-title-text\">{{commonName}}</div>\n\t\t</h2>\n\t\t<div *ngIf=\"culture\" class=\"card-title-badge\">\n\t\t\t<ion-badge class=\"card-badge\" [ngStyle]=\"{'background-color': cultureColor}\">{{culture.description}}</ion-badge>\n\t\t</div>\n\t\t<p>{{scientificName}}</p>\n\t</div>\n\t<button *ngIf=\"!infoIcons && !hideIcons\" ion-button clear item-end>\n\t\t<ion-icon name=\"ios-arrow-forward\"></ion-icon>\n\t</button>\n\t<!--<span *ngIf=\"!hideIcons\">-->\n\t<button class=\"button-icon-container-small\" *ngFor=\"let infoIcon of infoIcons\" ion-button clear item-end (click)=\"itemInfo(_item)\" [ngClass]=\"{'no-display': hideIcons}\">\n\t\t<!--Caso o item tenha algum valor específico o mesmo ficará azul-->\n\t\t<thf-icon *ngIf=\"(infoIcon.icon != 'info' && infoIcon.hasValue)\" class=\"button-icon-small blue\" name=\"{{infoIcon.icon}}\"></thf-icon>\n\t\t<!--Padrão com itens que não possuem valor-->\n\t\t<thf-icon *ngIf=\"(infoIcon.icon != 'info' && !infoIcon.hasValue)\" class=\"button-icon-small grey\" name=\"{{infoIcon.icon}}\"></thf-icon>\n\t\t<!--Icone de informação-->\n\t\t<thf-icon *ngIf=\"(infoIcon.icon == 'info')\" class=\"button-icon-small grey info\" name=\"exclamation\"></thf-icon>\n\t</button>\n\t<!--</span>-->\n</ion-item>\n<hr>\n"}]}],"members":{"callbackItemInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":5},"arguments":["callbackItemInfo"]}]}],"callbackItemCheck":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":5},"arguments":["callbackItemCheck"]}]}],"callBackOneItemSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":5},"arguments":["callBackOneItemSelected"]}]}],"eventProcessImage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":49,"character":5},"arguments":["eventProcessImage"]}]}],"_item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5},"arguments":["item"]}]}],"hideIcons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":51,"character":5},"arguments":["hideIcons"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"onCheck":[{"__symbolic":"method"}],"itemInfo":[{"__symbolic":"method"}]}}}}]