[{"__symbolic":"module","version":4,"metadata":{"CreateOrEditGraphComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../../../../../shared/configure-component-base","name":"ConfigureComponentBase","line":22,"character":48},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"create-or-edit-graph-modal","styles":[".modal-body-content { .form-group { label { margin: auto; padding-right: 0; } .form-control { width: 100%; } input{ height: 30px; border-radius: 0; } .statusList { list-style: none; padding-left: 0; display: flex; flex-flow: wrap; justify-content: flex-start; height: 236px; overflow-y: auto; .statusBox { height: 80px; width: 80px; border: 1px solid #ddd; margin-right: 28px; margin-top: 10px; margin-bottom: 20px; .graphStatus { align-items: center; display: flex; position: relative; height: 100%; background-color: #f4f4f4; .uploadFileBtn { text-align: center; width: 100%; text-decoration: none; color: #fff; background-color: #3695ff; height: 26px; line-height: 26px; border-radius: 20px; } .upload { margin: 0 8px; } .reupload { margin: 25px 1px; display: none; } .del-state { height: 20px; position: absolute; width: 20px; background-position: center; top: 0; right: 0; border-radius: 50%; background-color: #bbbbbb; display: none; text-align: center; cursor: pointer; } .uploadThumbnail { width: 100%; height: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; } } .graphStatus:hover .del-state, .graphStatus:hover .reupload { display: block; } .statusFont { text-align: center; margin: 5px 0; } } .statusBox.addGraph-btn { background: url(\"/assets/common/images/configure/addGraph.png\") center no-repeat; } .statusBox.addGraph-btn:hover { background: url(\"/assets/common/images/configure/addGraph-hover.png\") center no-repeat; } } .hiddenSpan { visibility: hidden; position: absolute; overflow: hidden; width: 0px; height: 0px; border: none; margin: 0; padding: 0; } } } .fe-modal-container .fe-modal-header.create-or-updata{ border-bottom: 1px solid #f4f4f4; } .fe-transverse-component.size-tip{ height: auto; }"],"template":"<div class=\"fe-modal-container\"> <form #createOrUpdataGraphForm=\"ngForm\" novalidate (ngSubmit)=\"save()\" id=\"createOrUpdataModal\" bs-modal-drag> <div class=\"modal-header fe-modal-header create-or-updata\"> <h4 class=\"fe-modal-header-title\"> <span *ngIf=\"!editGraph.id\">{{lc('CreateGraph')}}</span> <span *ngIf=\"editGraph.id\">{{lc('EditGraph')}}</span> </h4> <div class=\"fe-modal-header-close\" aria-label=\"Close\" (click)=\"close()\">×</div> </div> <div class=\"fe-modal-middle margin-top-10\"> <div class=\"modal-body-content fe-modal-content\"> <div class=\"fe-transverse-label clearfix\"> <div class=\"fe-transverse-title\"> {{lc('GraphName')}}:</div> <input autoFocus type=\"text\" class=\"fe-transverse-input\" name=\"GraphName\" [(ngModel)]=\"editGraph.name\" #GraphName=\"ngModel\" required pattern=\"^[一-龥a-zA-Z0-9_-]+$\" [maxLength]=\"10\" /> </div> <div class=\"fe-transverse-label clearfix\"> <div class=\"fe-transverse-title\">&nbsp;</div> <div class=\"fe-transverse-component\" [hidden]=\"createOrUpdataGraphForm.form.valid || createOrUpdataGraphForm.form.pristine\"> <div class=\"help-block text-danger\" *ngIf=\"GraphName.errors\"> <span [hidden]=\"!GraphName.errors.required\">{{lc('NameRequired')}}</span> <span [hidden]=\"!GraphName.errors.pattern\">{{lc('NameHasSpecialCharacters')}}</span> </div> </div> </div> <div class=\"form-group row\"> <div class=\"col-xl-3\"></div> <div class=\"col-xl-9\"> <div class=\"statusList\"> <div *ngFor=\"let state of editGraph.states\" class=\"statusBox\"> <div class=\"graphStatus\"> <a class=\"del-state\" (click)=\"deleteState(state)\"> <i class=\"la la-close\"></i> </a> <a *ngIf=\"!state.url\" class=\"upload uploadFileBtn\" (click)=\"upload(state);fileUploader.click();\">{{lc('Upload')}}</a> <div *ngIf=\"state.url\" class=\"uploadThumbnail\" [ngStyle]=\"{'background-image':'url('+baseImageUrl+state.url+')'}\"> <a class=\"reupload uploadFileBtn\" (click)=\"reupload(state);fileUploader.click();\">{{lc('ReUpload')}}</a> </div> <span class=\"hiddenSpan\"> <input type=\"file\" #fileUploader ng2FileSelect [uploader]=\"imageUploader\" /> </span> </div> <div class=\"statusFont\">{{lc('State')}}{{state.index}}</div> </div> <div (click)=\"addState()\" class=\"statusBox addGraph-btn\"></div> </div> </div> </div> <div class=\"fe-transverse-label clearfix\"> <div class=\"fe-transverse-title\">&nbsp;</div> <div class=\"fe-transverse-component\"> <p>{{lc('UploadGraphTipInfo')}}</p> </div> </div> <div class=\"fe-transverse-label clearfix\"> <div class=\"fe-transverse-title\">&nbsp;</div> <div class=\"fe-transverse-component size-tip\"> <label *ngIf=\"!editGraph.id&&currentGraphicsType\"> <input id=\"Graph_ImportIntoUserGallery\" type=\"checkbox\" name=\"ImportIntoUserGallery\" [(ngModel)]=\"importIntoUserGallery\"> <span>{{lc(\"AddUserGalleryAtTheSameTime\")}}</span> </label> </div> </div> </div> </div> <div class=\"fe-modal-footer\"> <div class=\"button-group\"> <button [disabled]=\"saving\" type=\"button\" class=\"fe-btn fe-btn-default fe-btn-cancel-one\" (click)=\"close()\"> {{l(\"Cancel\")}} </button> <button type=\"submit\" class=\"fe-btn fe-btn-default fe-btn-save\" [disabled]=\"!createOrUpdataGraphForm.form.valid||saving\" [buttonBusy]=\"saving\" [busyText]=\"l('SavingWithThreeDot')\"> {{l(\"Save\")}} </button> </div> </div> </form> </div> "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":43,"character":26},{"__symbolic":"reference","module":"../../../../../shared/service-proxies/service-proxies","name":"ConfigureGalleryServiceProxy","line":44,"character":50},{"__symbolic":"reference","module":"../../../../../shared/service-proxies/service-proxies","name":"UserGalleryAppSerivceServiceProxy","line":45,"character":55},{"__symbolic":"reference","module":"abp-ng2-module/src/auth/token.service","name":"TokenService","line":46,"character":40},{"__symbolic":"reference","module":"abp-ng2-module/src/session/abp-session.service","name":"AbpSessionService","line":47,"character":35},{"__symbolic":"reference","module":"../../../../../shared/service-proxies/service-proxies","name":"ConfigureGalleryServiceProxy","line":44,"character":50},{"__symbolic":"reference","module":"ngx-bootstrap","name":"BsModalService","line":49,"character":39},{"__symbolic":"reference","module":"ngx-bootstrap","name":"BsModalRef","line":50,"character":37}]}],"ngOnInit":[{"__symbolic":"method"}],"save":[{"__symbolic":"method"}],"initFileUploader":[{"__symbolic":"method"}],"systemSave":[{"__symbolic":"method"}],"currentSave":[{"__symbolic":"method"}],"userSave":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"upload":[{"__symbolic":"method"}],"reupload":[{"__symbolic":"method"}],"addState":[{"__symbolic":"method"}],"editGraphStates":[{"__symbolic":"method"}],"deleteState":[{"__symbolic":"method"}],"deleteTempGraphs":[{"__symbolic":"method"}]}}}}]