[{"__symbolic":"module","version":4,"metadata":{"CalibrationMarkComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":16,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"calibration-mark","styles":[".full-width{ width: 100%; } .inline-control{ display: inline-block; select{ width: 144px !important; } } .lbTop{ margin-top: 5px; } .row.lbTop{ margin-top: 10px; } .lbCalibration{ margin-top: 10px; label{ line-height: 13px; } } .warning{ color:red; } .warning.first{ margin-left: 10px; } .float-left{ float: left; } .float-right{ float: right; } .clear{ width:100%; height:0; clear:both; } .lbTop-large{ margin-top: 10px; } .add-margin{ margin-left: 10px; } .decrease-margin-bottom{ margin-bottom: -10px; } .increase-margin-top{ margin-top: 5px; } .percentage-row{ margin-bottom: 10px; } .color-picker{ width: 100px; } "],"template":"<div class=\"fe-modal-body\" provide-parent-forms> <div *ngIf=\"active\"> <div *ngIf='displayPercentage'> <div class=\"fe-option-head\"> <label> <input type=\"checkBox\" [(ngModel)]=\"showPercentage\" name=\"ShowPercentage\" (ngModelChange)=\"showPercentageChanged()\" /> <span>{{lc('ShowPercentage')}}</span> </label> </div> <div class=\"fe-modal-content\" *ngIf=\"showPercentage\"> <label class=\"form-inline-label\">{{lc('FontProperty')}}:</label> <div class=\"inline-control\"> <font-setting [FontFamilyEnabled]=\"false\" [font]=\"percentageFont\"></font-setting> </div> </div> </div> <div> <div class=\"fe-option-head\"> <label> <input type=\"checkBox\" [(ngModel)]=\"showCalibration\" name=\"ShowCalibration\" (ngModelChange)=\"showCalibrationChanged()\" /> <span>{{lc('ShowCalibration')}}</span> </label> </div> <div class=\"fe-modal-content\" *ngIf=\"showCalibration\"> <div class=\"clearfix\"> <div class=\"fe-vertical-label fe-half-line\"> <div class=\"fe-vertical-title\">{{lc('MasterCalibrationCount')}}:</div> <input type=\"number\" name=\"masterCalibrations\" class=\"fe-vertical-input\" #masterCalibrations=\"ngModel\" not-negative-integer [(ngModel)]=\"calibrationDetail.masterCalibrations\"> <div class=\"has-danger fe-option-head\" *ngIf=\"masterCalibrations.invalid && (masterCalibrations.dirty || masterCalibrations.touched)\"> <div class=\"form-control-feedback\"> {{lc('MasterCalibrationCountError')}} </div> </div> </div> <div class=\"fe-vertical-label fe-half-line\"> <div class=\"fe-vertical-title\">{{lc('SubCalibrationCount')}}:</div> <input type=\"number\" name=\"subCalibrations\" class=\"fe-vertical-input\" #subCalibrations=\"ngModel\" not-negative-integer [(ngModel)]=\"calibrationDetail.subCalibrations\"> <div class=\"has-danger fe-option-head\" *ngIf=\"subCalibrations.invalid && (subCalibrations.dirty || subCalibrations.touched)\"> <div class=\"form-control-feedback\"> {{lc('SubCalibrationCountError')}} </div> </div> </div> </div> <div class=\"fe-transverse-label clearfix margin-top-10\"> <div class=\"fe-transverse-title\">{{lc('CalibrationColor')}}:</div> <div class=\"fe-transverse-component color-picker design-color-picker\"> <color-picker [color]=\"calibrationDetail.calibrationColor\" (sentColor)=\"setCalibrationColor($event)\"></color-picker> </div> </div> <div class=\"fe-option-head\" *ngIf=\"showCalibration\"> <label> <input type=\"checkBox\" [(ngModel)]=\"showCalibrationDigit\" name=\"ShowCalibrationDigit\" (ngModelChange)=\"showCalibrationDigitChanged()\" /> <span>{{lc('ShowCalibrationDigit')}}</span> </label> </div> <div class=\"clearfix\" *ngIf=\"showCalibration && showCalibrationDigit\"> <div class=\"fe-vertical-label fe-half-line\"> <div class=\"fe-vertical-title\">{{lc(\"IntegerDigit\")}}:</div> <input type=\"number\" name=\"IntegerDigit\" class=\"fe-vertical-input\" #IntegerDigit=\"ngModel\" not-negative-integer (change)=\"correctIntegerDigit($event.target.value)\" [custom-func-validate]=\"validateIntegerFractionSum\" [(ngModel)]=\"integerDigits\" required> <div class=\"has-danger fe-option-head\" *ngIf=\"IntegerDigit.invalid && (IntegerDigit.dirty || IntegerDigit.touched)\"> <div class=\"form-control-feedback\"> <span *ngIf=\"IntegerDigit.errors.required\"> {{l('Required')}} </span> <span *ngIf=\"IntegerDigit.errors.notNegativeInteger\"> {{l('NotNegativeInteger')}} </span> <span *ngIf=\"IntegerDigit.errors.integerFractionDigitSumError\">{{lc('MeterCalibrationIntegerFractionSumCheck')}}</span> </div> </div> </div> <div class=\"fe-vertical-label fe-half-line\"> <div class=\"fe-vertical-title\">{{lc(\"FractionDigit\")}}:</div> <input type=\"number\" name=\"FractionDigit\" [custom-func-validate]=\"validateIntegerFractionSum\" class=\"fe-vertical-input\" #FractionDigit=\"ngModel\" not-negative-integer [(ngModel)]=\"fractionDigits\" required> <div class=\"has-danger fe-option-head\" *ngIf=\"FractionDigit.invalid && (FractionDigit.dirty || FractionDigit.touched)\"> <div class=\"form-control-feedback\"> <span *ngIf=\"FractionDigit.errors.required\"> {{l('Required')}}</span> <span *ngIf=\"FractionDigit.errors.notNegativeInteger\"> {{l('NotNegativeInteger')}}</span> <span *ngIf=\"FractionDigit.errors.integerFractionDigitSumError\">{{lc('MeterCalibrationIntegerFractionSumCheck')}}</span> </div> </div> </div> </div> <div *ngIf=\"showCalibrationDigit\" class=\"margin-top-10\"> <label class=\"form-inline-label\">{{lc('FontProperty')}}:</label> <div class=\"inline-control\"> <font-setting [FontFamilyEnabled]=\"false\" [font]=\"calibrationDigitFont\"></font-setting> </div> </div> </div> </div> </div> </div>"}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"displayPercentage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":29,"character":26}]}],"showPercentageChanged":[{"__symbolic":"method"}],"showCalibrationChanged":[{"__symbolic":"method"}],"showCalibrationDigitChanged":[{"__symbolic":"method"}],"validateIntegerFractionSum":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"correctIntegerDigit":[{"__symbolic":"method"}],"setCalibrationColor":[{"__symbolic":"method"}]}}}}]