[{"__symbolic":"module","version":4,"metadata":{"ConfigureViewListComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":26,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"configure-view-list","template":"<div class=\"design-view-list\"> <div class=\"screen\"> <div class=\"configTitle\"> <span>{{lc('View')}}</span> </div> <div class=\"screenBody\"> <div class=\"view-expander\"> <a class=\"expander-button\" (click)=\"createView(configureViewType.web)\"> <i class=\"fcloud-addCity\"></i> </a> <div data-toggle=\"collapse\" href=\"#web-views\" role=\"button\" aria-controls=\"web-views\"> <i class=\"fa expander-icon\"></i> <span class=\"screen-name\">{{lc('Web')}}</span> </div> </div> <div id=\"web-views\" class=\"collapse show\"> <div *ngFor=\"let view of webViews\" class=\"screen-items\" [class.selected]=\"view.id==selectedViewId\" (click)=\"openView(view)\"> <i class=\"screen-icon\" [ngClass]=\"getIconClass(view)\"></i> <span class=\"screen-name\">{{view.name}}</span> <span class=\"more\" [id]=\"'operation_'+view.id\"  (click)=\"showOrHideMoreSet($event)\" > <i class=\"screen-icon more-icon\"></i> <div class=\"screen-more\" > <nav> <a (click)=\"setViewSettings(view)\">{{l('Modify')}}</a> <a (click)=\"copyView(view)\">{{lc('Copy')}}</a> <a (click)=\"setWebMainView(view)\" *ngIf=\"view.id!=webMainViewId\">{{lc('SetAsWebMainView')}}</a> <a (click)=\"deleteView(view)\">{{lc('Delete')}}</a> </nav> </div> </span> </div> </div> <div class=\"view-expander\"> <a class=\"expander-button\" (click)=\"createView(configureViewType.mobile)\"> <i class=\"fcloud-addCity\"></i> </a> <div data-toggle=\"collapse\" href=\"#mobile-views\" role=\"button\" aria-controls=\"mobile-views\"> <i class=\"fa expander-icon\"></i> <span class=\"screen-name\">{{lc('Mobile')}}</span> </div> </div> <div id=\"mobile-views\" class=\"collapse show\"> <div *ngFor=\"let view of mobileViews\" class=\"screen-items\" [class.selected]=\"view.id==selectedViewId \" (click)=\"openView(view)\"> <i class=\"screen-icon\" [ngClass]=\"getIconClass(view)\"></i> <span class=\"screen-name\"> <em>{{view.name}}</em> </span> <span class=\"more\" [id]=\"'operation_'+view.id\"  (click)=\"showOrHideMoreSet($event)\"> <i class=\"screen-icon more-icon \"></i> <div class=\"screen-more\" > <nav> <a (click)=\"setViewSettings(view)\">{{l('Modify')}}</a> <a (click)=\"copyView(view)\">{{lc('Copy')}}</a> <a (click)=\"setMobileMainView(view)\" *ngIf=\"view.id!=mobileMainViewId\">{{lc('SetAsMobileMainView')}}</a> <a (click)=\"resetMobileMainView()\" *ngIf=\"view.id==mobileMainViewId\">{{lc('ResetMobileMainView')}}</a> <a (click)=\"deleteView(view)\">{{lc('Delete')}}</a> </nav> </div> </span> </div> </div> <div class=\"view-expander\"> <a class=\"expander-button\" (click)=\"createView(configureViewType.popView)\"> <i class=\"fcloud-addCity\"></i> </a> <div data-toggle=\"collapse\" href=\"#pop-window-views\" role=\"button\" aria-controls=\"pop-window-views\"> <i class=\"fa expander-icon\"></i> <span class=\"screen-name\">{{lc('PopView')}}</span> </div> </div> <div id=\"pop-window-views\" class=\"collapse show\"> <div *ngFor=\"let view of popViews\" class=\"screen-items\" [class.selected]=\"view.id==selectedViewId\" (click)=\"openView(view)\"> <i class=\"screen-icon\" [ngClass]=\"getIconClass(view)\"></i> <span class=\"screen-name\"> <em>{{view.name}}</em> </span> <span class=\"more\" [id]=\"'operation_'+view.id\" (click)=\"showOrHideMoreSet($event)\"> <i class=\"screen-icon more-icon \"></i> <div class=\"screen-more\"> <nav> <a (click)=\"setViewSettings(view)\">{{l('Modify')}}</a> <a (click)=\"copyView(view)\">{{lc('Copy')}}</a> <a (click)=\"deleteView(view)\">{{lc('Delete')}}</a> </nav> </div> </span> </div> </div> <div class=\"screen-items\" [class.selected]=\"selectedViewId==thumbnailView.id\" (click)=\"openView(thumbnailView)\"> <i class=\"screen-icon\" class=\"screen-icon screen-thumbnail-icon\"></i> <span class=\"screen-name\">{{lc(\"Thumbnail\")}}</span> <span class=\"more\" [id]=\"'operation_'+thumbnailView.id\" (click)=\"showOrHideMoreSet($event)\"> <i class=\"screen-icon more-icon \"></i> <div class=\"screen-more\"> <nav> <a (click)=\"setViewSettings(thumbnailView)\">{{lc('SetViewSettings_Menu')}}</a> </nav> </div> </span> </div> </div> </div> </div>","styles":[".design-view-list{ .screen { width: 220px; .screenBody { background: #fff; -webkit-tap-highlight-color: #ffffff; height: 260px; overflow: auto; padding: 2px 8px; .view-expander { height: 24px; cursor: pointer; i { padding: 0 6px 0 0; color: #999; } .expander-icon:before { content: \"\\f0d7\"; } .expander-button { width: 24px; height: 24px; float: right; .fcloud-view-setting { color: #7f939f; padding: 0; vertical-align: middle; margin-left: 5px; } .fcloud-addCity { color: #7f939f; padding: 0; vertical-align: middle; margin-left: 5px; } } .expander-button:hover { .fcloud-view-setting { color: #3695ff; } .fcloud-addCity { color: #3695ff; } } .collapsed { i { padding: 0 6px 0 3px; } .expander-icon:before { content: \"\\f0da\"; } } } .screen-items { height: 24px; line-height: 24px; border-radius: 2px; position: relative; cursor: pointer; display: flex; justify-content: space-between; align-items: center; .screen-icon { display: inline-block; vertical-align: middle; margin: 0 6px 0 16px; height: 14px; width: 14px; background-image: url(\"/assets/common/images/configure/toolbar.png\"); } .screen-default-web-icon { background-position: -94px -160px; } .screen-default-app-icon { background-position: -122px -160px; } .screen-startup-web-icon { background-position: -80px -160px; } .screen-startup-app-icon { background-position: -108px -160px; } .screen-thumbnail-icon { background-position: -136px -160px; } .screen-name { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; em { font-style: normal; } } .title { background-position: -128px -160px; } .more { float: right; width: 24px; .more-icon { background-position: -60px -166px; margin: 0 0 0 4px; } } .screen-more { box-shadow: 0 0 5px #666; position: absolute; right: 2px; display: none; z-index: 20; background-color: #fff; width: 140px; nav { a { width: 100%; text-decoration: none; display: inline-block; font-size: 12px; padding: 2px 5px; color: #666; } a:hover { background-color: #dae8ff; } } } } .screen-items.selected { .title { background-position: -139px -160px; } } .screen-items.selected:hover { background-color: #3695ff; color: #fff; .more:hover { background-color: #2783ea } } .screen-items:hover { background-color: #dae8ff; color: #333; .more:hover { background-color: #c1d8fe; } } .popview-thumbnail-icon{ background-position: -80px -174px; } } } } "]}]}],"members":{"configureId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":5}}]}],"selectedViewId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":5}}]}],"selectedViewIdChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":52,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":54,"character":26},{"__symbolic":"reference","module":"../../../../shared/service-proxies/service-proxies","name":"ConfigureViewServiceProxy","line":55,"character":47},{"__symbolic":"reference","module":"ngx-bootstrap","name":"BsModalService","line":56,"character":41}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"loadConfigureViewNames":[{"__symbolic":"method"}],"openView":[{"__symbolic":"method"}],"deleteView":[{"__symbolic":"method"}],"copyView":[{"__symbolic":"method"}],"setViewSettings":[{"__symbolic":"method"}],"showOrHideMoreSet":[{"__symbolic":"method"}],"setWebMainView":[{"__symbolic":"method"}],"updateWebMainViewId":[{"__symbolic":"method"}],"setMobileMainView":[{"__symbolic":"method"}],"resetMobileMainView":[{"__symbolic":"method"}],"updateMobileMainViewId":[{"__symbolic":"method"}],"createView":[{"__symbolic":"method"}],"saveViewSettings":[{"__symbolic":"method"}],"saveDiagramSetting":[{"__symbolic":"method"}],"saveConfigureViewProperties":[{"__symbolic":"method"}],"getIconClass":[{"__symbolic":"method"}]}}}}]