[{"__symbolic":"module","version":4,"metadata":{"HistoryCurveGeneralSettingComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":13,"character":57},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"history-curve-general","styles":[".sepeator{ width:100%; clear:both; margin-top:10px; } .general-select{ width: 100%; border: 1px solid #d7dbe5; color: #666666; font-size: 14px; padding: 0 0 0 5px; } .half-line{ width: calc(50% - 10px); height: 30px; } .half-line:nth-child(2n){ margin-left: 20px; } .line,.bar-group,.bar-stack{ width: 60px; height: 60px; border: 1px solid #d7dbe5; } .bar-group,.bar-stack{ margin-left: 10px; } .history-curve-active{ border: 1px solid #3695ff; } .graph{ display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px; } .fcloud-line,.fcloud-bar-group,.fcloud-bar-stack{ font-size:60px; background: none; border-right: none; cursor: pointer; } .fcloud-line span,.fcloud-bar-group span,.fcloud-bar-stack span{ display: inline; padding: 0; border-right: none; position: relative; top: 0; } "],"template":"<form novalidate #form=\"ngForm\" name=\"generalForm\"> <div class=\"fe-modal-container\"> <div class=\"fe-modal-content\"> <div class=\"fe-modal-body graph\"> <div class=\"line\" [ngClass]=\"{'history-curve-active':curveType === currveTypeEnum.Line}\" (click)=\"curveType=currveTypeEnum.Line\"> <span class=\"fcloud-line\" [ngClass]=\"{'fcloud-line-active':curveType === currveTypeEnum.Line}\"> <span class=\"path1\"></span> <span class=\"path2\"></span> <span class=\"path3\"></span> <span class=\"path4\"></span> </span> </div> <div class=\"bar-group\" [ngClass]=\"{'history-curve-active':curveType === currveTypeEnum.BarGroup}\" (click)=\"curveType=currveTypeEnum.BarGroup\"> <span class=\"fcloud-bar-group\" [ngClass]=\"{'fcloud-bar-group-active':curveType === currveTypeEnum.BarGroup}\"> <span class=\"path1\"></span> <span class=\"path2\"></span> <span class=\"path3\"></span> <span class=\"path4\"></span> <span class=\"path5\"></span> </span> </div> <div class=\"bar-stack\" [ngClass]=\"{'history-curve-active':curveType === currveTypeEnum.BarStack}\" (click)=\"curveType=currveTypeEnum.BarStack\"> <span class=\"fcloud-bar-stack\" [ngClass]=\"{'fcloud-bar-stack-active':curveType === currveTypeEnum.BarStack}\"> <span class=\"path1\"></span> <span class=\"path2\"></span> <span class=\"path3\"></span> <span class=\"path4\"></span> <span class=\"path5\"></span> </span> </div> </div> <div class=\"clearfix\"> <div class=\"fe-vertical-label fe-half-line\"> <label class=\"fe-vertical-title\">{{lc('RefreshCycle')}}:</label> <select name=\"refreshCycle\" class=\"fe-vertical-input\" [(ngModel)]=\"refreshCycle\"> <option *ngFor=\"let cycle of refreshCycles\" [ngValue]=\"cycle.value\">{{lc(cycle.displayName)}} </option> </select> </div> <div class=\"fe-vertical-label fe-half-line\"> <label class=\"fe-vertical-title\">{{lc('DisplayPeriod')}}:</label> <select name=\"displayPeriod\" class=\"fe-vertical-input\" [(ngModel)]=\"displayPeriod\"> <option *ngFor=\"let period of displayPeriods\" [ngValue]=\"period.value\">{{lc(period.displayName)}} </option> </select> </div> </div> </div> </div> </form>"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":39,"character":26}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}],"validate":[{"__symbolic":"method"}]}}}}]