[{"__symbolic":"module","version":4,"metadata":{"ConfigureSimulationComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../shared/configure-component-base","name":"ConfigureComponentBase","line":25,"character":50},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"configure-simulation","template":"<div class=\"configure-simulation-modal-container fe-modal-container\" bs-modal-drag> <div class=\"modal-header fe-modal-header simulation-modal-header\"> <h4 class=\"fe-modal-header-title\"> {{lc(\"ConfigureSimulate\")}} </h4> <div class=\"fe-modal-header-close\" aria-label=\"Close\" (click)=\"closeModal()\">×</div> </div> <div class=\"fe-modal-middle\"> <div class=\"row toolbar margin-top-10\"> <div class=\"col-9\"> <span class=\"permission-span\">{{lc('Permission')}}:</span> <p-multiSelect [options]=\"configurePermissions\" [defaultLabel]=\"l('Choose')\" [selectedItemsLabel]=\"'{0}' + l('ItemSelected')\" [(ngModel)]=\"selectedConfigurePermissions\"></p-multiSelect> <a (click)=\"refresh()\" class=\"refresh fcloud-refresh-normal\"></a> <a (click)=\"simulatePc()\" class=\"pc-screen fcloud-web-normal\" [class.active]=\"isPcView\"></a> <a (click)=\"simulateMobile()\" class=\"mobile-screen fcloud-mobile-normal\" [class.active]=\"!isPcView\"></a> <a (click)=\"toggleFullScreen()\" class=\"full-screen fcloud-full-screen-normal\"></a> </div> <div class=\"col-3\"> <button type=\"submit\" class=\"fe-btn fe-btn-default fe-btn-save pull-right publish\" (click)=\"publish()\"> {{lc(\"Publish\")}} </button> </div> </div> <fc-full-screen [(isFullScreen)]=\"isFullScreen\" (stateChanged)=\"enterOrLeaveFullScreen($event)\"> <span header-bar>{{lc('ConfigureSimulate')}}</span> <div class=\"outer-container\" full-screen-content [class.normal]=\"!isFullScreen\"> <div id=\"graph-container\" #configureContainer> <fc-gui *ngIf=\"!guiError\" [displayMode]=\"displayMode\" [context]=\"guiContext\" [size]=\"size\" (loaded)=\"onGuiLoaded()\" (loadFailed)=\"onGuiLoadFailed($event)\"></fc-gui> <p *ngIf=\"guiError\" class=\"gui-error-tip\" [style.line-height.px]=\"guiErrorContainerHeight\">{{guiError}}</p> </div> </div> </fc-full-screen> </div> <div class=\"fe-modal-footer clearfix\"> <button type=\"button\" class=\"fe-btn fe-btn-default fe-btn-cancel-one float-right\" (click)=\"closeModal()\"> {{l(\"Close\")}} </button> </div> </div> ","styles":[".configure-simulation-modal-container { width: 100%; .refresh, .pc-screen, .mobile-screen, .full-screen { display: inline-block; position: relative; top: -4px; text-underline: none; border: none; padding: 0; margin-left: 6px; cursor: pointer; font-size: 25px; } .fe-modal-middle{ input[type=text]{ padding-left: 15px; } } a.refresh:hover::before { content: \"\\e993\"; color: #7f939f; } a.refresh:active::before { content: \"\\e991\"; color: #3695ff; } a.pc-screen:hover::before { content: \"\\e998\"; color: #7f939f; } a.pc-screen:active::before { content: \"\\e996\"; color: #3695ff; } a.pc-screen.active::before{ content: \"\\e996\"; color: #3695ff; } a.mobile-screen:hover::before { content: \"\\e98b\"; color: #7f939f; } a.mobile-screen:active::before { content: \"\\e989\"; color: #3695ff; } a.mobile-screen.active::before { content: \"\\e989\"; color: #3695ff; } a.full-screen:hover::before { content: \"\\e987\"; color: #7f939f; } a.full-screen:active::before { content: \"\\e989\"; color: #3695ff; } a.full-screen.active::before { content: \"\\e989\"; color: #3695ff; } .ui-multiselect-label-container { padding: 0px !important; width: 215px !important; height: 30px !important; } .ui-multiselect { padding: 0 !important; } .fa.fa-fw.fa-caret-down.ui-clickable { margin-top: 8px !important; } .ui-multiselect.ui-multiselect-trigger.fa { margin-top: 8px !important; } .ui-multiselect .ui-multiselect-label { padding-left: 10px !important; } .outer-container.normal { width: 800px; height: 450px; } .outer-container { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: #f2f3f8; border: 1px solid #d7dbe5; } .permission-span { display: inline-block; position: relative; top: -10px; margin-right: 4px; } .modal-header.simulation-modal-header { border-bottom: 1px solid #f4f4f4; } .toolbar { margin-bottom: 10px; } .gui-error-tip { text-align: center; } #graph-container{ border: solid 1px #d7dbe5; select{ width: auto; height: auto; } } a.full-screen.fcloud-full-screen-normal:active::before { content: \"\\e988\"; color: #3695ff; } } "],"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":23,"character":19},"member":"None"}}]}],"members":{"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":5},"arguments":["configureContainer",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":49,"character":34},{"__symbolic":"reference","module":"../../../shared/service-proxies/service-proxies","name":"ConfigureViewServiceProxy","line":49,"character":83},{"__symbolic":"reference","module":"ngx-bootstrap","name":"BsModalRef","line":50,"character":35},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":51,"character":37},{"__symbolic":"reference","module":"../../../shared/service-proxies/service-proxies","name":"ConfigurePermissionServiceProxy","line":52,"character":46}]}],"ngOnInit":[{"__symbolic":"method"}],"initConfigureViewStttings":[{"__symbolic":"method"}],"closeModal":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"simulatePc":[{"__symbolic":"method"}],"simulateMobile":[{"__symbolic":"method"}],"resizeGuiAndContainerSize":[{"__symbolic":"method"}],"reInitGuiContext":[{"__symbolic":"method"}],"setOwnedPermissions":[{"__symbolic":"method"}],"simulateFullScreen":[{"__symbolic":"method"}],"setGuiAndContainerSize":[{"__symbolic":"method"}],"toggleFullScreen":[{"__symbolic":"method"}],"enterOrLeaveFullScreen":[{"__symbolic":"method"}],"onGuiLoaded":[{"__symbolic":"method"}],"onGuiLoadFailed":[{"__symbolic":"method"}],"publish":[{"__symbolic":"method"}]}}}}]