[{"__symbolic":"module","version":4,"metadata":{"GalleryUserComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":19,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"gallery-user","styles":[".gallery-wrap { ul { list-style: none; padding: 0; margin: 0; } li { cursor: pointer; } a:focus, a:hover { color: #2889d0; border: none; } a:active, a:hover { outline: 0; } .listLink { display: block; text-decoration: none; color: #303030; padding: 8px 12px 8px 10px; text-overflow: ellipsis; } .listLink:hover { text-decoration: none; background: #EEEEEE; } .listLinkSelected { display: block; text-decoration: none; padding: 8px 12px 8px 10px; background: #EEEEEE; border: 1px solid #EEEEEE; } a { color: #EEEEEE; text-decoration: none; } .graphSettingBox { height: 255px; border: 1px solid #ddd; overflow-x: auto; display: block; .font12Size { font-size: 12px; } .selectedType { background: #EEEEEE; } } .graphType { width: 140px; float: left; height: 400px; margin-right: 10px; } .graphBoxes { width: 78%; } .stateBox { height: 140px; margin-top: 5px; border: none; } .colorPick { width: 50px; } .span-inline-block { display: inline-block; width: 100%; } .backgroundBorder { padding: 5px; border: 1px solid #ddd; } .graphBtns button { height: 26px; line-height: 22px; margin-right: 10px; } }"," .selectedGroup { display: block; text-decoration: none; background: #EEEEEE; border: 1px solid #EEEEEE; } .listLink{ position: relative; max-height: 50px; overflow: hidden; word-break: break-all; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; } "],"template":"<div style=\"border: 0;\" class='gallery-wrap clearfix'> <div class=\"form-group border-group clearfix\"> <div class=\"graphSettingBox graphType\"> <ul *ngFor=\"let group of userGroups\"> <li [class.selectedGroup]=\"group.id==selectedGroup.id\"> <a class=\"listLink\" tooltip=\"{{group.name}}\" (click)=\"changeGroup(group)\">{{group.name}}</a> </li> </ul> </div> <div style=\"display: flow-root;\"> <div class=\"graphSettingBox graphBox\"> <graph-list [graphList]=\"graphList\" (graphSelected)=\"changeGraph($event)\" [selectedGraphId]=\"selectedGraph?.id\"></graph-list> </div> <div class=\"graphSettingBox stateBox\"> <div>{{lc(\"State\")}}:</div> <graph-state-list [stateList]=\"currentGraphStateList\" [(selectedStateId)]=\"currentGraphStateId\"></graph-state-list> </div> </div> </div> <div class=\"graphBtns\"> <button *ngIf=\"isMyself\" type=\"button\" class=\"fe-btn-small fe-btn-operate\" (click)=\"createOrEditGraph()\">{{lc(\"CreateGraph\")}}</button> <button *ngIf=\"isMyself&&selectedGraph\" type=\"button\" class=\"fe-btn-small fe-btn-operate\" (click)=\"createOrEditGraph(selectedGraph.id)\">{{lc(\"EditGraph\")}}</button> <button *ngIf=\"isMyself\" type=\"button\" class=\"fe-btn-small fe-btn-operate\" (click)=\"deleteGraph(selectedGraph)\">{{lc(\"DeleteGraph\")}}</button> </div> </div> "}]}],"members":{"selectedGraphChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":39,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":39,"character":16}]}],null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":37,"character":26},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":38,"character":27},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":39,"character":42},{"__symbolic":"reference","module":"../../../../../../shared/gallery/graph.service","name":"GraphService","line":40,"character":39},{"__symbolic":"reference","module":"../../../../../../shared/service-proxies/service-proxies","name":"UserGalleryAppSerivceServiceProxy","line":41,"character":45},{"__symbolic":"reference","module":"ngx-bootstrap","name":"BsModalService","line":42,"character":39}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"loadUserGroups":[{"__symbolic":"method"}],"changeGroup":[{"__symbolic":"method"}],"changeGraph":[{"__symbolic":"method"}],"createOrEditGraph":[{"__symbolic":"method"}],"deleteGraph":[{"__symbolic":"method"}]}}}}]