[{"__symbolic":"module","version":4,"metadata":{"ConfigureStatus":{"NotStarted":"NotStarted","Loading":"Loading","Loaded":"Loaded","Error":"Error"},"DesignWorkshopComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../shared/configure-component-base","name":"ConfigureComponentBase","line":40,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":34,"character":1},"arguments":[{"selector":"design","template":"<div [ngSwitch]=\"status\" class=\"design-workshop\"> <div *ngSwitchCase=\"'Error'\" class=\"loadFailedContainer\"> <div class=\"loadFailed\"> <img [src]=\"appRootUrl() + 'assets/common/images/configure/loadfailed.png'\" /> <h4>{{lc('LoadFailed')}}</h4> <button type=\"button\" class=\"btn btn-primary\" (click)=\"refresh()\"> {{lc(\"Retry\")}} </button> <button type=\"button\" class=\"btn btn-secondary\" (click)=\"leaveWorkshop()\"> {{lc(\"Return\")}} </button> </div> </div> <div *ngSwitchCase=\"'Loaded'\"> <div class=\"workshop\"> <div class=\"backDeviceModels\" onselectstart=\"return false\"> <button class=\"btn bgFFF\" (click)=\"tryLeaveWorkshop()\" *ngIf=\"!hideBack\"> <i class=\"iconPng back fcloud-left-arrow\"></i> <a> <span class=\"btnPading\">{{returnButtonTitle}}</span>/ <span class=\"btnPading\">{{name}}</span> </a> </button> <button class=\"btn bgFFF\" *ngIf=\"hideBack\"> <a> <span class=\"btnPading\">{{name}}</span> </a> </button> </div> <div class=\"navRight\" onselectstart=\"return false\"> <div class=\"btn-group\"> <button class=\"btn bgFFF\" (click)=\"preview()\"> <i class=\"iconPng simulation fcloud-simulation\"></i> <a>{{lc('Simulate')}}</a> </button> <button class=\"btn bgFFF\" (click)=\"tryReleaseConfigure()\"> <i class=\"iconPng released fcloud-released\"></i> <a>{{lc('Publish')}}</a> </button> </div> </div> <tabset class=\"tabsHead design-tabsHead\"> <tab heading=\"{{lc('ConfigureDesign')}}\" onselectstart=\"return false\"> <designer #designerView [configureId]=\"configureId\">{{l('LoadWithThreeDot')}}</designer> </tab> <tab heading=\"{{lc('VariableDataSourceConfiguration')}}\"> <data-source-configuration [configureId]=\"configureId\"></data-source-configuration> </tab> <tab heading=\"{{lc('DataTableDesign')}}\" (selectTab)=\"setDataSourceLoaded($event)\"> <data-configuration *ngIf=\"dataSourceLoaded\" #dataDesigner [configureId]=\"configureId\"></data-configuration> </tab> <tab heading=\"{{lc('ConfigureSettings')}}\" (selectTab)=\"loadConfigureSettingsData($event)\" onselectstart=\"return false\"> <configure-settings #configureSettingsView [configureId]=\"configureId\"></configure-settings> </tab> </tabset> </div> <app-leave-workshop-warning #leaveWorkshopWarningModal [name]=\"name\" (onSave)=\"saveAndLeaveWorkshop()\" (onUnSave)=\"leaveWorkshop()\"></app-leave-workshop-warning> <fc-fbox-account-warning #fboxAccountWarningModal></fc-fbox-account-warning> </div> </div> ","styles":["﻿.design-workshop{ @padding: 5px; .workshop { background-color: #266cba; .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input { top: 0; } } .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input { top: 0; } .footer { text-align: right; } .navRight { float: right; } .backDeviceModels { float: left; } .workshop { .btn.bgFFF { transition: inherit; background: transparent; box-shadow: none; font-size: 14px; font-weight: normal; color:#e3edfe; &:hover{ color: #FFFFFF; text-underline: none; } } .btn.bgFFF:hover { box-shadow: none; } .boxType { color: #b0c9f4; font-size: 14px; font-weight: normal; display: inline-block; vertical-align: middle; position: relative; right: -18px; } tab { background-color: #ffffff; } } .design-tabsHead { // tab font color .nav.nav-tabs { .nav-link { color: #fff; } } .color-picker{ position: relative !important; } } .iconPng { display: inline-block; float: left; height: 20px; position: relative; top: 7px; font-size: 18px; } .back:hover{ color: #FFFFFF; } .released { color: #FFFFFF; } .simulation { color: #FFFFFF; } .btnPading { padding: 5px; } .loadFailedContainer { position: absolute; width: 100%; height: 100%; display: flex; text-align: center; } .loadFailed { height: 300px; margin: auto; h4 { color: #666; font-size: 24px; margin: 30px 0 40px 0; } .btn { width: 80px; } } } .designer-input-wrap{ .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{ top: 0; } } .clearfix:before, .clearfix:after { display: table; content: \" \"; } .clearfix:after { clear: both; } .clearfix{ *zoom: 1; } "],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"./animations/routerTransition","name":"appModuleAnimation","line":38,"character":17}}]}]}],"members":{"designerComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":42,"character":5},"arguments":["designerView",{"static":false}]}]}],"variableComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":43,"character":5},"arguments":["variableView",{"static":false}]}]}],"historyDataComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":44,"character":5},"arguments":["historyDataView",{"static":false}]}]}],"alarmRegistrationComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":45,"character":5},"arguments":["alarmRegistrationView",{"static":false}]}]}],"leaveWorkshopWarningModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":46,"character":5},"arguments":["leaveWorkshopWarningModal",{"static":false}]}]}],"fboxAccountWarningModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":47,"character":5},"arguments":["fboxAccountWarningModal",{"static":false}]}]}],"configureSettingsView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":48,"character":5},"arguments":["configureSettingsView",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":74,"character":9},"arguments":[{"__symbolic":"reference","module":"./core/hook/configure-project-loading-handler","name":"CONFIGURE_PROJECT_LOADING_HANDLERS","line":74,"character":16}]}],null,null,null,null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":68,"character":26},{"__symbolic":"reference","module":"@angular/router","name":"ActivatedRoute","line":69,"character":41},{"__symbolic":"reference","module":"../../shared/service-proxies/service-proxies","name":"FBoxAccountSettingsServiceProxy","line":70,"character":58},{"__symbolic":"reference","module":"../../shared/service-proxies/service-proxies","name":"ConfigureServiceProxy","line":71,"character":43},{"__symbolic":"reference","module":"../../shared/service-proxies/service-proxies","name":"VariableServiceProxy","line":72,"character":42},{"__symbolic":"reference","module":"./diagram/diagram-compile.service","name":"DiagramCompileService","line":73,"character":48},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","module":"./core/hook/configure-project-loading-handler","name":"ConfigureProjectLoadingHandler","line":74,"character":86}]},{"__symbolic":"reference","module":"./core/project/impl/default-configure-project-info","name":"DefaultConfigureProjectInfo","line":75,"character":38},{"__symbolic":"reference","module":"ngx-bootstrap","name":"BsModalService","line":76,"character":41},{"__symbolic":"reference","module":"../../shared/service-proxies/service-proxies","name":"ConfigureReleaseServiceProxy","line":77,"character":50},{"__symbolic":"reference","module":"../../shared/service-proxies/service-proxies","name":"DeviceModelServiceProxy","line":78,"character":45},{"__symbolic":"reference","module":"@angular/router","name":"Router","line":79,"character":33}]}],"GetReturnButtonTitle":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"loadConfigureSettingsData":[{"__symbolic":"method"}],"setDataSourceLoaded":[{"__symbolic":"method"}],"loadConfigureDashBoardData":[{"__symbolic":"method"}],"checkTargetPermission":[{"__symbolic":"method"}],"doLoad":[{"__symbolic":"method"}],"doLoaded":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"tryLeaveWorkshop":[{"__symbolic":"method"}],"tryReleaseConfigure":[{"__symbolic":"method"}],"saveAndLeaveWorkshop":[{"__symbolic":"method"}],"leaveWorkshop":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"saveWorkshop":[{"__symbolic":"method"}],"checkFBoxAccountIsConfigured":[{"__symbolic":"method"}],"navigateToDeviceModel":[{"__symbolic":"method"}],"navigateToNonStandardDevice":[{"__symbolic":"method"}],"saveAndReleaseConfigure":[{"__symbolic":"method"}],"releaseConfigure":[{"__symbolic":"method"}],"preview":[{"__symbolic":"method"}],"doPreview":[{"__symbolic":"method"}],"handleToConfigureViews":[{"__symbolic":"method"}],"showConfigureSimulationModal":[{"__symbolic":"method"}]}}}}]