[{"__symbolic":"module","version":4,"metadata":{"DataViewConfig":{"__symbolic":"interface"},"CuiDataViewComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"cui-data-view","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":25,"character":17},"member":"None"},"template":"<table class=\"table table-bordered\">\n  <tbody *ngIf=\"model\">\n    <tr *ngFor=\"let property of config.properties\">\n      <th>{{property.label}}</th>\n\n      <td>\n        <div *ngIf=\"!property.is_editable\" class=\"td-content\">\n          <cui-data-read-only-cell [property]=\"property\" [model]=\"model\">\n          </cui-data-read-only-cell>\n        </div>\n        <div *ngIf=\"property.is_editable\" class=\"td-content\">\n          <cui-data-editable-cell [property]=\"property\"\n                                  [value]=\"cuiModelHelper.GetModelValue(model, property.key)\"\n                                  (changedByUser)=\"cuiModelHelper.SetModelValue(this.model, property.key, $event)\"\n                                  [model]=\"model\">\n          </cui-data-editable-cell>\n        </div>\n      </td>\n    </tr>\n  </tbody>\n\n  <tbody *ngIf=\"!model\">\n    <tr>\n      <td style=\"padding: 2% 0 2% 45% !important;\">\n        <div class=\"sk-circle-fade\">\n          <div class=\"sk-circle-fade-dot\"></div>\n          <div class=\"sk-circle-fade-dot\"></div>\n          <div class=\"sk-circle-fade-dot\"></div>\n          <div class=\"sk-circle-fade-dot\"></div>\n          <div class=\"sk-circle-fade-dot\"></div>\n          <div class=\"sk-circle-fade-dot\"></div>\n          <div class=\"sk-circle-fade-dot\"></div>\n          <div class=\"sk-circle-fade-dot\"></div>\n          <div class=\"sk-circle-fade-dot\"></div>\n          <div class=\"sk-circle-fade-dot\"></div>\n          <div class=\"sk-circle-fade-dot\"></div>\n          <div class=\"sk-circle-fade-dot\"></div>\n        </div>\n      </td>\n    </tr>\n  </tbody>\n  <tfoot>\n    <tr *ngIf=\"!config.isDisableSave && isEditable\">\n      <td colspan=\"2\">\n        <div class=\"form-group text-right\">\n          <button *ngIf=\"isAvailableDelete\"\n                  [title]=\"'Удалить'\"\n                  [class]=\"'btn btn-danger m-1'\"\n                  (click)=\"DeleteModel(model)\"\n          >\n            Удалить\n          </button>\n          <button\n            *ngIf=\"isEditable\"\n            [title]=\"'Сохранить'\"\n            [class]=\"'btn btn-success m-1'\"\n            (click)=\"SaveModel(model)\"\n          >\n            Сохранить\n          </button>\n        </div>\n      </td>\n    </tr>\n  </tfoot>\n</table>\n\n\n\n","styles":["cui-data-view table .form-control {\n  border: none !important;\n  box-shadow: none !important; }\n\ncui-data-view table tr .form-control.is-invalid {\n  background-color: #fdcdcc !important; }\n\ncui-data-view table tr td, cui-data-view table tr th {\n  padding: 0 0.8rem !important;\n  vertical-align: center !important; }\n\ncui-data-view table table {\n  border-spacing: 0; }\n\ntd, th {\n  padding: 0.1rem 0.8rem 0.1em 0.8rem !important;\n  vertical-align: center !important; }\n\n.td-content {\n  height: 40px; }\n\n.table .table {\n  background-color: #ffffff; }\n"]}]}],"members":{"modelId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../services/cui/cui.helper","name":"CuiModelHelper","line":42,"character":37}]}],"ngOnChanges":[{"__symbolic":"method"}],"SaveModel":[{"__symbolic":"method"}],"DeleteModel":[{"__symbolic":"method"}]}}}}]