[{"__symbolic":"module","version":4,"metadata":{"ViewGeneralSettingComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":16,"character":49},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"view-general-setting","template":"<div class=\"design-view-general-setting\"> <div class=\"fe-modal-content\" provide-parent-forms> <div *ngIf=\"active\" class=\"clearfix\"> <div class=\"fe-vertical-label\"> <div class=\"fe-vertical-title\"> <i class=\"star\">*</i> {{lc('ConfigureViewName')}}: </div> <input type=\"text\" class=\"fe-vertical-input\" name=\"ConfigureViewName\" [(ngModel)]=\"data.name\" max-length=20 required pattern=\"^[一-龥a-zA-Z0-9_-]+$\" #ConfigureViewName=\"ngModel\" /> <div class=\"fe-vertical-title has-danger\"> <div class=\"form-control-feedback\" *ngIf=\"ConfigureViewName.invalid && (ConfigureViewName.dirty || ConfigureViewName.touched)\"> <span [hidden]=\"!ConfigureViewName.errors.pattern\">{{lc(\"NameHasSpecialCharacters\")}}</span> <span *ngIf=\"ConfigureViewName.errors.required\"> {{l('RequiredField',lc('ConfigureViewName'))}}</span> <span *ngIf=\"ConfigureViewName.errors.maxLength\">{{l('FieldValue',lc('ConfigureViewName'))}}{{l('LengthNotMoreThan',20)}}</span> </div> </div> </div> <div class=\"fe-vertical-label margin-top-5\" *ngIf=\"data.viewType != configureViewTypes.popView\"> <div class=\"fe-vertical-title\">{{lc('PresetSize')}}:</div> <select #sizeTypeSelect class=\"fe-vertical-input\" name=\"viewType\" [(ngModel)]=\"selectedPresetSizeId\"> <option *ngFor=\"let presetSize of usablePresetSizes\" [value]=\"presetSize.id\"> {{lc(presetSize.name)}} </option> </select> </div> <div class=\"clearfix  margin-top-5\"> <div class=\"fe-vertical-label fe-half-line\"> <div class=\"fe-vertical-title\">{{lc('Width')}}:</div> <input type=\"number\" class=\"fe-vertical-input\" not-negative-integer name=\"ConfigureViewWidth\" [(ngModel)]=\"width\" [custom-func-validate]=\"checkWidthSize\" #ConfigureViewWidth=\"ngModel\" required/> <div class=\"has-danger\"> <div class=\"form-control-feedback\" *ngIf=\"ConfigureViewWidth.invalid && (ConfigureViewWidth.dirty || ConfigureViewWidth.touched)\"> <span *ngIf=\"ConfigureViewWidth.errors.required\"> {{l('RequiredField',lc('Width'))}}</span> <span *ngIf=\"ConfigureViewWidth.errors.notNegativeInteger\"> {{l('FieldValue',lc('Width'))}}{{l('NotNegativeInteger')}};</span> <span *ngIf=\"ConfigureViewWidth.errors.WidthRangeError\">{{l('FieldValue',lc('Width')) }}{{lc('ViewWidthHeightRangeError')}};</span> </div> </div> </div> <div class=\"fe-vertical-label fe-half-line\"> <div class=\"fe-vertical-title\">{{lc('Height')}}:</div> <input type=\"number\" class=\"fe-vertical-input\" not-negative-integer name=\"ConfigureViewHeight\" [(ngModel)]=\"height\" [custom-func-validate]=\"checkHeightSize\" #ConfigureViewHeight=\"ngModel\" required/> <div class=\"has-danger\"> <div class=\"form-control-feedback\" *ngIf=\"ConfigureViewHeight.invalid && (ConfigureViewHeight.dirty || ConfigureViewHeight.touched)\"> <span *ngIf=\"ConfigureViewHeight.errors.required\"> {{l('RequiredField',lc('Height'))}}</span> <span *ngIf=\"ConfigureViewHeight.errors.notNegativeInteger\">{{l('FieldValue',lc('Height')) }}{{l('NotNegativeInteger')}};</span> <span *ngIf=\"ConfigureViewHeight.errors.HeightRangeError\"> {{l('FieldValue',lc('Height')) }}{{lc('ViewWidthHeightRangeError')}};</span> </div> </div> </div> <div *ngIf=\"data.viewType != configureViewTypes.popView \" class=\"modify-size-warning fe-vertical-title\"> {{lc('ModifyViewSizeWarning',viewTypeDisplayName)}} </div> </div> </div> <view-pop-setting *ngIf=\"data.viewType === configureViewTypes.popView && data.popViewSetting\" [data]=\"data.popViewSetting\"></view-pop-setting> </div> </div>","styles":[".design-view-general-setting { input[type='text'], input[type='number'] { height: 30px; } .modify-size-warning { color: sandybrown; padding-top: 5px; } .form-group.preset-sizes { margin-bottom: 0px; } .form-group.size { margin-bottom: 0.5em; } .star { color: red; } }"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":26,"character":26},{"__symbolic":"reference","module":"../../../shared/view-type-name-translate-service","name":"ViewTypeNameTranslateService","line":26,"character":70}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"caculteSelectedPresetSizeId":[{"__symbolic":"method"}],"checkWidthSize":[{"__symbolic":"method"}],"checkHeightSize":[{"__symbolic":"method"}]}}}}]