[{"__symbolic":"module","version":4,"metadata":{"AdvisorCompactComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../crud-compact.component","name":"CrudCompactComponent","line":14,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"advisor-compact","template":"\n    <div class=\"container-fluid\">\n        <div class=\"btn-add\" *ngIf=\"!readOnly\">\n            <button type=\"button\" *ngIf=\"!showAddForm; else showHideButton\"  class=\"btn btn-sm btn-default\" (click)=\"showAddForm = !showAddForm;\">\n                <span class=\"oi oi-plus\"></span> {{ 'add' | translate}}\n            </button>\n            <ng-template #showHideButton>\n                <button type=\"button\" class=\"btn btn-sm btn-default\" (click)=\"showAddForm = !showAddForm;\">\n                <span class=\"oi oi-minus\"></span> {{ 'hide' | translate}}\n                </button>\n            </ng-template>\n        </div>\n\n        <div *ngIf=\"showAddForm\" class=\"details-create-container\">\n            <form [formGroup]=\"formGroup\" class=\"main-form\" (ngSubmit)=\"setNewItem()\">\n                <div class=\"form-group\">\n                    <search-person-combo-box [debugFlag]=true [placeHolder]=\"'selectPerson'\" [queryParams]=\"selectMode.queryParams ? selectMode.queryParams :[{'name':'limit','value': 5}]\"\n                    (itemSelected)=\"setObjectFromEvent($event)\" [itemControl]=\"formGroup.controls.itemCtrl\" id=\"form-advisor\"></search-person-combo-box>\n                </div>\n                <div class=\"saveButton\">\n                    <button class=\"btn btn-defult\" (click)=\"showAddForm = !showAddForm;\">{{'cancel' | translate}}</button>\n                    <button type=\"submit\" class=\"btn btn-primary\" [disabled]=\"!newItem\">{{'add' | translate}}</button>\n                </div>\n            </form>\n        </div>\n        <div *ngIf=\"isModified\" class=\"alert alert-custom\" role=\"alert\">\n            {{ 'changesWithoutSave' | translate }}\n        </div>\n\n        <table class=\"table\" *ngIf=\"(inputItems && inputItems.length > 0); else noInput\">\n            <thead class=\"thead-light\">\n            <tr align=\"center\">\n                <th>#</th>\n                <th class=\"responsive-avatar\">--</th>\n                <th>{{ 'advisor' | translate}}</th>\n                <th>{{ 'category' | translate}}</th>\n                <th *ngIf=\"!readOnly\">{{ 'actions' | translate}}</th>\n            </tr>\n            </thead>\n            <tbody>\n            <ng-container *ngFor=\"let item of paginatedItems; let idx = index; \">\n                <tr align=\"center\">\n                    <td>{{ idx + (pageSize*(page-1)) + 1 }}</td>\n                    <td class=\"responsive-avatar\"><img class=\"img-profile\" alt=\"\" height=\"85px\" width=\"auto\" onerror=\"this.src='https://academia.uniandes.edu.co/WebAcademy/academyResources/images/nophoto.png'\"\n                        src=\"/WebServicesAcademy/api/AcademyImages/photos/{{item.id}}.JPG\"></td>\n                    <td>{{(item[showListAttribute] | titleCaseAcademia) || (item.lastName + ' ' + item.name | titlecase)}}</td>\n                    <td>{{ getPersonType(item) }}</td>\n                    <td *ngIf=\"!readOnly\">\n                        <a (click)=\"deleteItem(item)\" class=\"btn btn-default btn-md\" role=\"button\">\n                        <span class=\"oi oi-trash button-delete\"></span>\n                        </a>\n                    </td>\n                </tr>\n            </ng-container>\n            </tbody>\n        </table>\n        <div *ngIf=\"inputItems && inputItems.length > 0\" style=\"display:flex;justify-content: center;margin-top:30px;\">\n          <monitorias-pagination [collectionSize]=\"inputItems.length\" [pageSize]=\"pageSize\" [page]=\"page\" (pageChanged)=\"pageChanged($event)\"></monitorias-pagination>\n        </div>\n        <ng-template #noInput>\n            <div align=\"center\">\n                <h5>{{'notInformation' | translate}}</h5>\n            </div>\n        </ng-template>\n    </div>\n  ","styles":["\n\n    .container-fluid .table-responsive{\n        margin-top: 20px;\n    }\n\n    .btn-add{\n        padding-bottom: 10px; \n    }\n\n    .container-fluid > button{\n        margin-top:20px;\n    }\n\n    .responsive-avatar{\n        display: none;\n    }\n\n    .saveButton{\n        display: flex;\n        justify-content: flex-end;\n    }\n\n\n    .img-profile {\n        max-width: 100%;\n        margin-top: -10px;\n        background-color: white;\n      }\n\n    .details-create-container{\n        margin-top: 20px;\n    }\n\n    .saveButton > button{\n        margin: 5px;\n    }\n\n    .alert-custom {\n        background-color: #536dfe;\n        border-color: white;\n        color: #fff;\n      }\n\n    @media (min-width: 715px){\n\n        .responsive-avatar{\n            display: table-cell;\n        }\n\n    } \n  "]}]}],"members":{"advisors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"updatedAdvisors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":32,"character":35},{"__symbolic":"reference","module":"../../monitorias-pagination/monitorias-pagination","name":"MonitoriasPaginationService","line":32,"character":74},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":32,"character":121},{"__symbolic":"reference","module":"../crud-compact.service","name":"CrudCompactService","line":32,"character":166}]}],"ngOnInit":[{"__symbolic":"method"}],"addAdvisors":[{"__symbolic":"method"}],"setNewItem":[{"__symbolic":"method"}],"deleteItem":[{"__symbolic":"method"}],"getPersonType":[{"__symbolic":"method"}]}}}}]