ngx-academia-uniandes-library/lib/crud-compact/advisor-compact/advisor-compact.component.metadata.json

This library is used for Academia-Uniandes system.

[{"__symbolic":"module","version":4,"metadata":{"AdvisorCompactComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../crud-compact.component","name":"CrudCompactComponent","line":17,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"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]=\"debugFlag\" [placeHolder]=\"'selectPerson'\" [queryParams]=\"selectMode.queryParams ? selectMode.queryParams :[{'name':'limit','value': 5}]\"\n                    (itemSelected)=\"setAdvisorInfo($event)\" [itemControl]=\"formGroup.controls.itemCtrl\" id=\"form-advisor\"></search-person-combo-box>\n                </div>\n                <div class=\"form-group\">\n                    <app-advisor-category-type-combobox #advisorcategorycombo\n                        [preSelect]=\"currentState ? currentState : ['SIN_ASIGNAR']\"\n                        [compact]=\"true\" [selectFirst]=\"false\" [multiSelect]=\"false\"\n                        (onSelection)=\"onCategoryChanges($event)\"></app-advisor-category-type-combobox>\n                </div>\n                <div class=\"saveButton\">\n                    <button class=\"btn btn-defult\" (click)=\"cancelSetNewItem()\">{{'cancel' | translate}}</button>\n                    <button type=\"submit\" class=\"btn btn-primary\" [disabled]=\"!isAdvisorFormValid\">{{'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>{{ 'advisorCategory' | 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.advisor.id}}.JPG\"></td>\n                    <td>{{(item[showListAttribute] | titleCaseAcademia) || (item.advisor.lastName + ' ' + item.advisor.name | titlecase)}}</td>\n                    <td>{{ item.advisorType | translate }}</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          <academia-pagination [collectionSize]=\"inputItems.length\" [pageSize]=\"pageSize\" [page]=\"page\" (pageChanged)=\"pageChanged($event)\"></academia-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  "],"providers":[{"__symbolic":"reference","module":"../crud-compact.service","name":"CrudCompactService","line":15,"character":14}]}]}],"members":{"advisors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"debugFlag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"updatedAdvisors":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":40,"character":35},{"__symbolic":"reference","module":"../../academia-pagination/academia-pagination","name":"AcademiaPaginationService","line":40,"character":74},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":40,"character":119},{"__symbolic":"reference","module":"../crud-compact.service","name":"CrudCompactService","line":40,"character":164}]}],"ngOnInit":[{"__symbolic":"method"}],"addAdvisors":[{"__symbolic":"method"}],"setNewItem":[{"__symbolic":"method"}],"cancelSetNewItem":[{"__symbolic":"method"}],"deleteItem":[{"__symbolic":"method"}],"getPersonType":[{"__symbolic":"method"}],"onCategoryChanges":[{"__symbolic":"method"}],"setAdvisorInfo":[{"__symbolic":"method"}],"exitsElementInList":[{"__symbolic":"method"}],"sortAdvisors":[{"__symbolic":"method"}],"superDeleteItem":[{"__symbolic":"method"}]}}}}]