[{"__symbolic":"module","version":4,"metadata":{"SimpleDataTableCellConfig":{"__symbolic":"interface"},"CuiDataTableSimpleCellComponent":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"cui-data-table-simple-cell","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":18,"character":17},"member":"None"},"template":"<div [class]=mainDivClass>\n    <label class=\"col-12 pt-1 pl-0\" *ngIf=\"!IsWithoutLabel\">{{label}}</label>\n    <div [ngClass]=\"isResponsiveTable ? 'col-12 p-0 table-responsive' : 'col-12 p-0'\">\n        <table [class]=tableClass>\n            <tr>\n                <th *ngFor=\"let property of config.properties\" [width]=\"property.width\" class=\"p-2 border\">\n                    {{property.label + ResolveUnitPostfix(property)}}\n                </th>\n                <th class=\"p-2 border\" *ngIf=\"isEditable && !config.isDisableDeleting && list && list.length > 0\">&nbsp;</th>\n            </tr>\n            <ng-template [ngIf]=\"list && list.length > 0\" [ngIfElse]=\"emtyRow\">\n                <ng-template ngFor let-item [ngForOf]=\"list\" let-i=\"index\">\n                    <tr>\n                        <td *ngFor=\"let property of config.properties\"\n                            [class]=\"(property.is_editable ? 'p-0' : '') + ' border'\">\n                            <div *ngIf=\"!property.is_editable\">\n                                <cui-data-read-only-cell [property]=\"property\"\n                                                         [model]=\"item\"\n                                >\n                                </cui-data-read-only-cell>\n                            </div>\n\n                            <div *ngIf=\"property.is_editable\">\n                                <cui-data-editable-cell [property]=\"property\"\n                                                        [model]=\"item\"\n                                                        [value]=\"cuiModelHelper.GetModelValue(item, property.key)\"\n                                                        [context]=\"config.context(innerModel)\"\n                                                        (changedByUser)=\"ChangedByUser(i, $event, property)\"\n                                >\n                                </cui-data-editable-cell>\n                            </div>\n                        </td>\n\n                        <td class=\"button-cell border p-0 mt-1\" *ngIf=\"isEditable && !config.isDisableDeleting\">\n                            <button\n                                    [title]=\"'Удалить'\"\n                                    [class]=\"'btn btn-danger icon icon-trash btn-sm'\"\n                                    (click)=\"DeleteItem(item)\"\n                            >\n                            </button>\n                        </td>\n\n                    </tr>\n                </ng-template>\n            </ng-template>\n            <ng-template #emtyRow>\n                <tr>\n                    <td class=\"border\" [attr.colspan]=\"config.properties.length + 1\">Данные отсутствуют</td>\n                </tr>\n            </ng-template>\n        </table>\n        <div class=\"row\" *ngIf=\"isEditable && config.newItem\">\n            <div class=\"col-6\">\n            </div>\n            <div class=\"col-6\">\n                <div class=\"float-right\">\n                    <button [title]=\"'Добавить'\"\n                            [class]=\"'btn btn-success btn-block'\"\n                            (click)=\"AddItem()\"\n                    >\n                        Добавить\n                    </button>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n","styles":["td.button-cell {\n  padding: 0.25rem !important;\n  width: 1%;\n  white-space: nowrap; }\n\ncui-data-table-simple .form-control {\n  border: none !important;\n  box-shadow: none !important; }\n"]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"model":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"isEditable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"IsWithoutLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"isNeedUnitLabelForHeaders":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"isResponsiveTable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":3}}]}],"mainDivClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"tableClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"changedByUser":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":45,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../../services/cui/cui.helper","name":"CuiModelHelper","line":51,"character":37}]}],"ngOnInit":[{"__symbolic":"method"}],"ChangedByUser":[{"__symbolic":"method"}],"DeleteItem":[{"__symbolic":"method"}],"AddItem":[{"__symbolic":"method"}],"ResolveUnitPostfix":[{"__symbolic":"method"}]}}}}]