@totvs-agro/core-mobile/dist/components/variable-spinner/variable-spinner.metadata.json

Core Mobile Totvs Agro (Front-End) para utilização dos estilos do T-Faces

[{"__symbolic":"module","version":4,"metadata":{"VariableSpinnerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../component-variable","name":"ComponentVariable","line":84,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":79,"character":1},"arguments":[{"selector":"variable-spinner","template":"\n<span class=\"var-title\">{{variable.description}}</span>\n<span class=\"var-optional\" *ngIf=\"variable.optional\">({{'COMMON.OPTIONAL' | tTranslate}})</span>\n<ion-item no-lines no-padding>\n  <ion-range [(ngModel)]=\"variableValue.value\" min=\"{{variable.minValue}}\" (ionChange)=\"onChangeCallback()\" max=\"{{variable.maxValue}}\">\n    <ion-label range-left class=\"range-label-left\">{{variable.minValue}}</ion-label>\n    <ion-label range-right class=\"range-label-right\">{{variable.maxValue}}</ion-label>\n  </ion-range>\n</ion-item>\n<div class=\"var-value-label\">\n  <button style=\"float: left;\" ion-button icon-only (click)=\"onMinusButtonClick()\">\n    <thf-icon name=\"minus-circle\"></thf-icon>\n  </button>\n  \n  <span class=\"{{getLegendClass()}}\" (click)=\"onEditClick()\">\n    <span style=\"padding-left: 8px;\">{{variableValue.asString}}</span>\n    <span *ngIf=\"variable.suffix && variableValue.value != undefined\" class=\"var-suffix\">{{variable.suffix}}</span>\n    <thf-icon name=\"edit\" class=\"var-edit-icon\"></thf-icon>\n  </span>\n  \n  <button style=\"float: right;\" ion-button icon-only (click)=\"onPlusButtonClick()\">\n    <thf-icon name=\"plus-circle\"></thf-icon>\n  </button>\n</div>\n","styles":["\n.range-label-left {\n    font-weight: bold;\n    font-size: 14px;\n    padding-right: 8px;\n  }\n\n  .range-label-right {\n    font-weight: bold;\n    font-size: 14px;\n    padding-left: 8px;\n  }\n\n  .range {\n      padding: 0;\n  }\n\n  .range-bar {\n    height: 4px !important;\n    top: 20px !important;\n    border-radius: 4px;\n    background-color: #eee !important;\n  }\n\n  .range-bar-active {\n    height: 4px !important;\n    background-color: #0c9abe !important;\n  }\n  \n  button {\n    font-size: 24px !important;\n    min-height: 26px !important;\n    min-width: 26px;\n    height: 26px !important;\n    width: 26px;\n    \n    padding: 0 !important;\n    padding-left: 4px !important;\n    background-color: transparent !important;\n    color: #ccc !important;\n  }\n"]}]}],"members":{"variable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":5},"arguments":["variable"]}]}],"callback":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":87,"character":5},"arguments":["callbackOnChange"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../providers/notification/totvs-notification-provider","name":"TotvsNotificationProvider","line":91,"character":47},{"__symbolic":"reference","module":"../../providers/translate/totvs-translate-provider","name":"TotvsTranslateProvider","line":92,"character":33}]}],"ngOnInit":[{"__symbolic":"method"}],"onEditClick":[{"__symbolic":"method"}],"onMinusButtonClick":[{"__symbolic":"method"}],"onPlusButtonClick":[{"__symbolic":"method"}],"getValue":[{"__symbolic":"method"}],"setValue":[{"__symbolic":"method"}],"getVariable":[{"__symbolic":"method"}],"onChangeCallback":[{"__symbolic":"method"}]}}}}]