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

This library is used for Academia-Uniandes system.

[{"__symbolic":"module","version":4,"metadata":{"ExtAdvisorCompactComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../crud-compact.component","name":"CrudCompactComponent","line":16,"character":10},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"ext-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)=\"cancelAdd()\">\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=\"row\">\n                    <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n                        <div class=\"form-group\">\n                            <input type=\"text\" class=\"form-control\" id=\"form-name\" name=\"name\" [(ngModel)]=\"name\" placeholder=\"{{'facultyName' | translate}}\" formControlName=\"nameCtrl\" required>\n                        </div>\n                    </div>\n                    <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n                        <div class=\"form-group\">\n                            <input type=\"text\" class=\"form-control\" id=\"form-lastName\" name=\"lastName\" [(ngModel)]=\"lastName\" placeholder=\"{{'facultylastName' | translate}}\" formControlName=\"lastNameCtrl\" required>\n                        </div>\n                    </div>\n                    <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n                        <div class=\"form-group\">\n                            <input type=\"text\" class=\"form-control\" id=\"form-email\" name=\"email\" [(ngModel)]=\"email\" placeholder=\"{{'email' | translate}}\" formControlName=\"emailCtrl\" required>\n                        </div>\n                    </div>\n                    <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6\">\n                        <div class=\"form-group\">\n                            <app-search-combo-box-generic [componentModel] = \"componentModelUniversity\" [itemControl] = \"formGroup.controls.universityCtrl\"\n                            (itemSelected)=\"university = $event\" id=\"form-advisor\">\n                            </app-search-combo-box-generic>\n                        </div>\n                    </div>\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]=\"!formGroup.valid\">{{'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>{{ 'extadvisor' | translate}}</th>\n                <th>{{ 'email' | translate}}</th>\n                <th>{{ 'university' | 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\" src=\"https://academia.uniandes.edu.co/WebAcademy/academyResources/images/nophoto.png\"></td>\n                    <td>{{(item[showListAttribute] | titleCaseAcademia) || (item.lastName + ' ' + item.name | titlecase)}}</td>\n                    <td>{{ item.alternativeEmail }}</td>\n                    <td>{{ item.university.name }}</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":13,"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":45,"character":25},{"__symbolic":"reference","module":"../../academia-pagination/academia-pagination","name":"AcademiaPaginationService","line":46,"character":30},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":47,"character":22},{"__symbolic":"reference","module":"../crud-compact.service","name":"CrudCompactService","line":48,"character":31},{"__symbolic":"reference","module":"../../service-locator","name":"ServiceLocator","line":49,"character":23}]}],"ngOnInit":[{"__symbolic":"method"}],"addAdvisors":[{"__symbolic":"method"}],"setNewItem":[{"__symbolic":"method"}],"deleteItem":[{"__symbolic":"method"}],"cancelAdd":[{"__symbolic":"method"}]}}}}]