ngx-monitorias-uniandes-lib
Version:
This library is used for Monitorias-Uniandes system.
341 lines • 36.4 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var core_1 = require("@angular/core");
var forms_1 = require("@angular/forms");
var search_combo_box_generic_model_1 = require("./search-combo-box/search-combo-box-generic/search-combo-box-generic.model");
var crud_compact_service_1 = require("./crud-compact/crud-compact.service");
var utils_1 = require("./utils/utils");
var search_combo_box_generic_local_model_1 = require("./search-combo-box/search-combo-box-generic-local/search-combo-box-generic-local.model");
var http_1 = require("@angular/common/http");
var core_2 = require("@ngx-translate/core");
var exportedModules_1 = require("./exportedModules");
exports.URL_RSG = "http://localhost:8080/academycore/services/researchgroup/public/searchInvestigationLines";
var AppComponent = /** @class */ (function () {
/**
*
* @param formBuilder
* @param ref
* @param crudCompactService
* @param utils
*/
function AppComponent(formBuilder, ref, crudCompactService, utils, http, _filterService, translate) {
var _this = this;
this.formBuilder = formBuilder;
this.ref = ref;
this.crudCompactService = crudCompactService;
this.utils = utils;
this.http = http;
this._filterService = _filterService;
this.translate = translate;
this.title = 'Ngx Monitorias Uniandes Library';
this.userNoResult = false;
this.isUserLoad = false;
this.userRestrict = { "idUser": 29130, "dependency": { "idDependency": 1, "externalId": "INGE", "type": "UNIVERSITY", "name": "Universidad de los Andes", "director": null, "dependenciaPadre": null, "treePath": "/UNIANDES/", "url": "www.uniandes.edu.co" }, "userName": "rcasalla", "activo": true, "roles": ["ADMINISTRATOR", "PHD_STUDENT", "PHD_COORDINATOR", "HUMAN_RESOURCES_COORDINATOR"], "alias": ["a.cano402", "ac.navas445", "af.patinha", "vj.mahecha2854"] };
this.agreementListTable = [
{ "name": "dfsfs", "code": "gjhgjg" },
{ "name": "vcxvxcv", "code": "jhgj" },
{ "name": "tertre", "code": "hgfjhg" },
{ "name": "gdfgd", "code": "bcvb" },
{ "name": "bbcvb", "code": "cbcvb" }
];
this.dataAutoComplete = [
{ "label": "dfsfs", "value": "gjhgjg" },
{ "label": "vcxvxcv", "value": "jhgj" },
{ "label": "tertre", "value": "hgfjhg" }
];
this.page = 0;
this.pageSize = 5;
this.totalRecords = 50;
this.searchOpen = null;
this.typeMonitoria = "";
this.preSelectAutoComplete = "";
/**
* Combo box Example
*/
this.selectedRolesTypeComboBox = "FINANTIAL_COORDINATOR";
/**
*
* File uploader configuration
*/
this.downloadListUrl = null;
this.uploadUrl = 'http://localhost/academyutil/services/files/upload?module=5';
this.uploadChain = false;
this.formGroup = this.formBuilder.group({
searchItemLocalCtrl: ['', forms_1.Validators.compose([forms_1.Validators.required])],
searchItemCtrl: ['', forms_1.Validators.compose([forms_1.Validators.required])],
searchPersonItemCtrl: ['', forms_1.Validators.compose([forms_1.Validators.required])],
searchProductItemCtrl: ['', forms_1.Validators.compose([forms_1.Validators.required])],
searchUsersCtrl: ['', forms_1.Validators.compose([forms_1.Validators.required])],
searchDependencyItemCtrl: ['', forms_1.Validators.compose([forms_1.Validators.required])],
searchRgItemCtrl: ['', forms_1.Validators.compose([forms_1.Validators.required])],
searchCountryItemCtrl: ['', forms_1.Validators.compose([forms_1.Validators.required])],
searchProgramItemCtrl: ['', forms_1.Validators.compose([forms_1.Validators.required])],
searchUserItemCtrl: ['', forms_1.Validators.compose([forms_1.Validators.required])],
searchInvLinesItemCtrl: ['', forms_1.Validators.compose([])]
});
this.course = [
{
"code": "ISIS-1105",
"code2": "ISIS-10",
"order": "10",
"courseID": 4278,
"level": "BACHELOR",
"program": { "programID": 730, "code": "ISIS", "name": "INGENIERIA DE SISTEMAS", "program_level": "PR", "dependency": {} },
"subject": "DISE¿O Y ANALISIS DE ALGORI.",
"type": "H"
},
{
"code": "ISIS-1106",
"code2": "ISIS-11",
"order": "11",
"courseID": 4277,
"level": "BACHELOR",
"program": { "programID": 730, "code": "ISIS", "name": "INGENIERIA DE SISTEMAS", "program_level": "PR", "dependency": {} },
"subject": "LENGUAJES Y M¿QUINAS (INGL¿S)",
"type": "H",
}, {
"code": "ISIS-1001",
"code2": "ISIS-12",
"order": "12",
"courseID": 6574,
"level": "BACHELOR",
"program": { "programID": 730, "code": "ISIS", "name": "INGENIERIA DE SISTEMAS", "program_level": "PR", "dependency": {} },
"subject": "INTROD. INGENIERIA DE SISTEMAS",
"type": "M",
},
{
"code": "ISIS-1104",
"code2": "ISIS-13",
"order": "13",
"courseID": 4280,
"level": "BACHELOR",
"program": { "programID": 730, "code": "ISIS", "name": "INGENIERIA DE SISTEMAS", "program_level": "PR", "dependency": {} },
"subject": "MATEM¿TICA ESTRUCTURAL Y L¿GIC",
"type": "H"
},
{
"code": "ISIS-1110",
"code2": "ISIS-14",
"order": "14",
"courseID": 4278,
"level": "BACHELOR",
"program": { "programID": 730, "code": "ISIS", "name": "INGENIERIA DE SISTEMAS", "program_level": "PR", "dependency": {} },
"subject": "DISE¿O Y ANALISIS DE ALGORI.",
"type": "H"
},
{
"code": "ISIS-1107",
"code2": "ISIS-7",
"order": "7",
"courseID": 4277,
"level": "BACHELOR",
"program": { "programID": 730, "code": "ISIS", "name": "INGENIERIA DE SISTEMAS", "program_level": "PR", "dependency": {} },
"subject": "LENGUAJES Y M¿QUINAS (INGL¿S)",
"type": "H",
}, {
"code": "ISIS-1108",
"code2": "ISIS-8",
"order": "8",
"courseID": 6574,
"level": "BACHELOR",
"program": { "programID": 730, "code": "ISIS", "name": "INGENIERIA DE SISTEMAS", "program_level": "PR", "dependency": {} },
"subject": "INTROD. INGENIERIA DE SISTEMAS",
"type": "M",
},
{
"code": "ISIS-1109",
"code2": "ISIS-9",
"order": "9",
"courseID": 4280,
"level": "BACHELOR",
"program": { "programID": 730, "code": "ISIS", "name": "INGENIERIA DE SISTEMAS", "program_level": "PR", "dependency": {} },
"subject": "MATEM¿TICA ESTRUCTURAL Y L¿GIC",
"type": "H"
}
];
this.course2 = [
{
"code": "ISIS-1001",
"code2": "ISIS-01",
"order": "1",
"courseID": 6574,
"level": "BACHELOR",
"program": { "programID": 730, "code": "ISIS", "name": "INGENIERIA DE SISTEMAS", "program_level": "PR", "dependency": {} },
"subject": "INTROD. INGENIERIA DE SISTEMAS",
"type": "M",
},
{
"code": "ISIS-1104",
"code2": "ISIS-04",
"order": "4",
"courseID": 4280,
"level": "BACHELOR",
"program": { "programID": 730, "code": "ISIS", "name": "INGENIERIA DE SISTEMAS", "program_level": "PR", "dependency": {} },
"subject": "MATEM¿TICA ESTRUCTURAL Y L¿GIC",
"type": "H"
}
];
this.course.map(function (element) { return element.completName = element.code + ": " + element.subject; });
this.course2.map(function (element) { return element.completName = element.code + ": " + element.subject; });
this.componentModel = new search_combo_box_generic_model_1.SearchComboBoxGenericModel(exports.URL_RSG, [{ "name": "limit", "value": 5 }], null, "invLines", "name", "ResearchLines");
this.componentModelLocal = new search_combo_box_generic_local_model_1.SearchComboBoxGenericLocalModel(this.course, null, "code2", "Seleccione el Curso", 10, false, "order", "number");
this.preSelectAutoComplete = "INTROD. INGENIERIA DE SISTEMAS";
this.object = { name: "With PreSelectedValue" };
this.queryParams = [{ "name": "personType", "value": "[2]" }, { "name": "limit", "value": 2 }];
this.queryParamsRg = [{ "name": "limit", "value": 5 }];
this.formGroup.get('searchUsersCtrl').disable();
this.headers = new http_1.HttpHeaders({ 'Content-Type': 'application/json', 'Accept': 'application/json, text/plain' });
this.getJSONFromLocal().subscribe(function (data) {
_this.reportDataTemp = _this.reportData = data;
});
this.typeMonitoria = "SIMPLE";
}
AppComponent.prototype.getJSONFromLocal = function () {
return this.http.get("./assets/mocks-helpers/dataDummy.json");
};
AppComponent.prototype.ngOnInit = function () {
this._filterService.setInitialElements();
};
AppComponent.prototype.onSelectSearch = function (event) {
};
AppComponent.prototype.triggerYesNoSampleDialog = function () {
var _this = this;
this.yesnodialogsample.onSuccess = function () {
_this.yesnoDialogResult = "accepted";
};
this.yesnodialogsample.onDecline = function () {
_this.yesnoDialogResult = "rejected";
};
this.yesnodialogsample.openDialog('Dialog Title', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.?');
};
AppComponent.prototype.triggerInformationDialog = function () {
this.informationdialogsample.onClose = function () { };
this.informationdialogsample.openDialog('Dialog Title', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.', 'warning');
};
AppComponent.prototype.triggerItemSelected = function (message) {
this.itemSelectedAlert.openDialog('Item Selected', 'Item: ' + message, 'warning');
this.itemSelectedAlert.onClose = function () { };
};
AppComponent.prototype.verifyEvent = function (event) {
this.personItemSelected = event;
this.triggerItemSelected(this.personItemSelected);
};
AppComponent.prototype.onComboBoxSelectedItem = function (element) {
//alert(element != null ? element.nameid : "ANY");
};
AppComponent.prototype.onComboBoxMultiselected = function (elements) {
var str = "";
elements.forEach(function (element) {
str += "|" + (element != null ? element.nameid : "ANY") + "|";
});
//alert(str);
};
AppComponent.prototype.resetCombo = function () {
this.rolesCombo.reset();
};
AppComponent.prototype.onUploadSuccess = function (element) {
var elid = element.filesInfo[0].idFile;
if (!this.uploadChain) {
this.downloadListUrl = 'http://localhost/academyutil/services/files/list?module=5&idFile=' + elid;
this.uploadUrl = 'http://localhost/academyutil/services/files/upload?module=5&idFile=' + elid;
this.uploadChain = true;
}
this.ref.detectChanges();
};
AppComponent.prototype.onFileListUpdate = function (element) {
if (element == null) {
this.uploadChain = false;
}
this.ref.detectChanges();
};
/**
* Handle events
*/
/**
* Handle events
*/
AppComponent.prototype.verifyPersonEvent = /**
* Handle events
*/
function (event) {
this.personItemSelected = event;
this.triggerItemSelected(this.personItemSelected);
};
AppComponent.prototype.verifyDependencyEvent = function (event) {
this.triggerItemSelected(event);
};
AppComponent.prototype.verifyUserEvent = function (event) {
this.triggerItemSelected(event);
};
AppComponent.prototype.verifyCountryEvent = function (event) {
alert(event);
};
AppComponent.prototype.userNoResults = function (event) {
event ? this.userNoResult = true : this.userNoResult = false;
};
AppComponent.prototype.userLoad = function (event) {
event ? this.isUserLoad = true : this.isUserLoad = false;
};
AppComponent.prototype.externalHandle = function (event) {
alert("Personas externas en la lista : " + event.length);
};
AppComponent.prototype.changeState = function (value) {
this.crudCompactService.updateState(value);
};
AppComponent.prototype.getMd5 = function () {
alert(this.utils.generateMd5('helloworld'));
};
AppComponent.prototype.setYear = function (event) {
};
AppComponent.prototype.openAlert = function (event) {
this.formGroup.controls['searchDependencyItemCtrl'].setErrors({ 'incorrect': true });
};
AppComponent.prototype.selectedEvent = function (event) {
};
AppComponent.prototype.pageChanged = function ($event) {
};
AppComponent.prototype.itemSelectedMultiChoice = function (event) {
};
AppComponent.prototype.onProgramChanges = function (event) {
};
AppComponent.prototype.onChangeTypeSelection = function (event) {
};
AppComponent.prototype.changePreselect = function () {
this.typeMonitoria = "ONEANDMIDDLE";
};
AppComponent.prototype.changePreselectAutocomplete = function () {
this.preSelectAutoComplete = "MATEM¿TICA ESTRUCTURAL Y L¿GIC";
};
AppComponent.prototype.selectedAutoCompleteLocal = function (event) {
};
AppComponent.prototype.filterAgreements = function (event) {
console.log(" ************** Lo que devuelve el filtro ************** ", event);
};
AppComponent.decorators = [
{ type: core_1.Component, args: [{
selector: 'app-root',
template: "\n <!--The content below is only a placeholder and can be replaced.-->\n <div>\n <app-i18n hidden></app-i18n>\n <div class=\"container-fluid\">\n <div style=\"text-align:center\">\n <h2>Welcome to {{ title }}!</h2>\n </div>\n <h4>Available components</h4>\n <app-monitorias-certificates-events #moduleAgreementCombo [compact]=\"true\"\n [selectFirst]=\"false\" [multiSelect]=\"false\"\n >\n </app-monitorias-certificates-events>\n <accordion>\n <accordion-group heading=\"Search Box Widgets - Crud Compact\" [isOpen]=true>\n <div class=\"main-container-searchBox\">\n <form [formGroup]=\"formGroup\" class=\"main-form\">\n <div class=\"form-group\">\n <label>Search Combo Box Generic Array Local:</label>\n <app-search-combo-box-generic-local [preSelectedValue]=\"preSelectAutoComplete\"\n [componentModelData]=\"componentModelLocal\" [itemControl]=\"formGroup.controls.searchItemLocalCtrl\"\n (itemSelected)=\"selectedAutoCompleteLocal($event)\">\n </app-search-combo-box-generic-local>\n <button type=\"button\" class=\"btn btn-danger btn-right\" (click)=\"changePreselectAutocomplete()\">{{'change'\n | translate}}</button>\n </div>\n <div class=\"form-group\">\n <label>Search Combo Box Generic:</label>\n <app-search-combo-box-generic [preSelectedValue]=\"object.name\" [componentModel]=\"componentModel\"\n [itemControl]=\"formGroup.controls.searchItemCtrl\" (itemSelected)=\"universityItemSelected=$event\">\n </app-search-combo-box-generic>\n </div>\n <div class=\"form-group\">\n <label>Search Person:</label>\n <search-person-combo-box [debugFlag]=true [placeHolder]=\"'Búsqueda en Academia'\"\n [queryParams]=\"queryParams\" [itemControl]=\"formGroup.controls.searchPersonItemCtrl\"\n (itemSelected)=\"verifyPersonEvent($event)\">\n </search-person-combo-box>\n </div>\n <div class=\"form-group\">\n <label>Search Program:</label>\n <search-program-combo-box [debugFlag]=true [placeHolder]=\"'selectProgram'\" [userRestrict]=\"userRestrict\"\n [queryParams]=\"[{'name':'query', 'value': ''},{'name':'level', 'value': 'DO'}, {'name':'limit','value': 6}]\"\n (itemSelected)=\"selectedEvent($event)\" [itemControl]=\"formGroup.controls.searchProgramItemCtrl\"\n id=\"form-program\"></search-program-combo-box>\n </div>\n <div class=\"form-group\">\n <label>{{'dependency' | translate}}:</label>\n <search-dependency-combo-box [debugFlag]=true [isScrollable]=true [placeHolder]=\"'selectDependency'\"\n [userRestrict]=\"userRestrict\" [queryParams]=\"queryParams\"\n [itemControl]=\"formGroup.controls.searchDependencyItemCtrl\"\n (itemSelected)=\"verifyDependencyEvent($event)\" (noResults)=\"openAlert($event)\">\n </search-dependency-combo-box>\n </div>\n <div class=\"form-group\">\n <label for=\"\">{{ 'user' | translate}}</label>\n <search-user-combo-box [debugFlag]=true [itemControl]=\"formGroup.controls.searchUserItemCtrl\"\n (noResults)=\"userNoResults($event)\" (typeLoading)=\"userLoad($event)\"></search-user-combo-box>\n <p *ngIf=\"isUserLoad\">{{'loading' | translate}} ...</p>\n <p *ngIf=\"userNoResult\">{{'noData' | translate}}</p>\n </div>\n </form>\n <advisor-compact\n [advisors]=\"[{'id': 1, 'completeName': 'Hello', 'position': 'Profesor Cátedra'},{'id': 3, 'completeName': 'Hello', 'position': 'Profesor Cátedra'},{'id': 40,'name': 'Carlos', 'lastName': 'De la fuente'}]\"\n (updatedItems)=\"items=$event\"></advisor-compact>\n <crud-compact [listWithAvatar]=false [selectMode]=\"{'nameId':'researchLines'}\"\n [componentModel]=\"componentModel\" [showListAttribute]=\"'name'\" [indexAttribute]=\"'id'\"\n [inputItems]=\"[{'id': 1, 'name': 'Hello Something'},{'id': 2,'name': 'Re Hello Something'}]\"\n (updatedItems)=\"items=$event\"></crud-compact>\n </div>\n </accordion-group>\n </accordion>\n <div class=\"main-cpt-container\">\n <h3>Modal Dialogs</h3>\n <div>\n <label>Yes - No Dialog:</label>\n <button class=\"btn btn-default\" (click)=\"triggerYesNoSampleDialog()\">Show Dialog</button>\n <label>Information Dialog:</label>\n <button class=\"btn btn-default\" (click)=\"triggerInformationDialog()\">Show Dialog</button>\n </div>\n <h3>Combo box</h3>\n <div>\n <label>Multi selection Extended:</label>\n <app-course-typeacademicassistance-combobox [compact]=\"true\" [selectFirst]=\"true\" [multiSelect]=\"false\"\n (onMultiSelection)=\"onComboBoxMultiselected($event)\"></app-course-typeacademicassistance-combobox>\n <br />\n <app-typemonitoria-combobox [selectState]=\"0\" [enableSelectionState]=\"true\" [compact]=\"true\"\n [selectFirst]=\"true\" [multiSelect]=\"true\" (onMultiSelection)=\"onComboBoxMultiselected($event)\">\n </app-typemonitoria-combobox>\n <br />\n <app-criteria-valuetype-combobox [compact]=\"false\" [selectFirst]=\"true\" [multiSelect]=\"true\"\n (onMultiSelection)=\"onComboBoxMultiselected($event)\"></app-criteria-valuetype-combobox>\n <label>Single Select Compact:</label>\n <app-active-option-combobox #rolesa [optionInstance]=\"'a'\" [compact]=\"true\" [selectFirst]=\"false\"\n [multiSelect]=\"false\" (onSelection)=\"onComboBoxSelectedItem($event)\"></app-active-option-combobox>\n <label>State Application ComboBox:</label>\n <app-stateapplication-combobox #stateApplicationCombo [compact]=\"true\" [selectFirst]=\"false\"\n [multiSelect]=\"false\" (onSelection)=\"onSelectSearch($event)\" [selectState]=\"3\">\n </app-stateapplication-combobox>\n <label>State Selection ComboBox:</label>\n <app-stateselection-combobox #stateSelectionCombo [compact]=\"true\" [multiSelect]=\"false\"\n [currentState]=\"'S_REJECTED'\" (onSelection)=\"onSelectSearch($event)\" [preSelect]=\"['S_REJECTED']\"></app-stateselection-combobox>\n <label>Disabled:</label>\n <app-active-option-combobox #rolesb [disabled]=\"true\" [optionInstance]=\"'b'\" [compact]=\"false\"\n [selectFirst]=\"false\" [multiSelect]=\"false\" (onSelection)=\"onComboBoxSelectedItem($event)\">\n </app-active-option-combobox>\n <label>Multi Select Compact With External Reset and Selection State:</label>\n <app-roles-type-combobox #rolescombo [compact]=\"true\" [selectState]=\"0\" [enableSelectionState]=\"true\"\n [selectFirst]=\"true\" [multiSelect]=\"true\" [hiddenElements]=\"['PROFESSOR']\"\n [preSelect]=\"['FINANTIAL_COORDINATOR','ADMINISTRATOR']\" (onMultiSelection)=\"onComboBoxMultiselected($event)\">\n </app-roles-type-combobox>\n <button class=\"btn btn-default\" (click)=\"resetCombo()\">Reset</button>\n </div>\n <h3>File Upload</h3>\n <div> Needs Academia Authentication and Cookie Header\n <app-file-select [otherParameters]=\"{'project_code':'ASDF'}\" [extensionsList]=\"['docx','pdf','png']\"\n [maxFiles]=\"10\" [downloadServiceUrl]=\"'http://localhost/academyutil/services/files/download?module=7'\"\n [deleteServiceUrl]=\"'http://localhost/academyutil/services/files/delete?module=7'\" [downloadFileList]=\"[]\"\n [title]=\"'example uploader'\" [uploadServiceUrl]=\"uploadUrl\" [downloadListServiceUrl]=\"downloadListUrl\"\n (onFileListUpdate)=\"onFileListUpdate($event)\" (onFileUploadSuccess)=\"onUploadSuccess($event)\"\n [maxFileSize]=\"5000000\"></app-file-select>\n </div>\n <app-information-dialog #informationsample></app-information-dialog>\n <app-yes-no-dialog #yesnodialogsample></app-yes-no-dialog>\n <h3>Years Combo Box</h3>\n <div>\n <app-year-combo-box (onSelection)=\"setYear($event)\"></app-year-combo-box>\n </div>\n <h3>State bar</h3>\n <div style=\"width: 40%;\">\n <check-bar-state (onItemClick)=\"triggerYesNoSampleDialog()\"\n [entries]=\"['APPLYED','ON_VALIDATION', 'SELECTED', 'CONFIRMED','DOCUMENTS','ASSIGNED']\"\n [entriesValues]=\"[{'APPLYED':'Aprobado por el Profesor'}, {'ON_VALIDATION':'Validado por el Estudiante'}, {'SELECTED':'Seleccionado por el Profesor'}, {'CONFIRMED':'Confirmado por el Profesor'}, {'DOCUMENTS':'El Estudiante Entrego Documentos'}, {'ASSIGNED':'El Estudiante quedo Asignado'}]\"\n [currentState]=\"'SELECTED'\" [state]=\"'warning'\"></check-bar-state>\n </div>\n\n <h3>Monitorias Pagination</h3>\n <div>\n\n <div class=\"center-pagination\">\n <monitorias-pagination [collectionSize]=\"totalRecords\" [fullPaginator]=true [pageSize]=\"pageSize\"\n [page]=\"page\" (pageChanged)=\"pageChanged($event)\"></monitorias-pagination>\n </div>\n </div>\n\n\n <label>Select Type Application </label>\n <div>\n <app-typeapplication-combobox [compact]=\"true\" [selectFirst]=\"false\" [multiSelect]=\"false\"\n (onSelection)=\"pageChanged($event)\">\n </app-typeapplication-combobox>\n </div>\n\n <label>Select Type course </label>\n <div>\n <app-course-duration-combobox [compact]=\"true\" [selectFirst]=\"true\" [multiSelect]=\"false\"\n (onSelection)=\"pageChanged($event)\" [preSelect]=\"['SIXTEENWEEKS']\">\n </app-course-duration-combobox>\n </div>\n\n <label>Multi Choice Selected </label>\n <div>\n <app-search-multi-choice [componentModel]=\"componentModelLocal\"\n [itemControl]=\"formGroup.controls.searchItemLocalCtrl\" [preSelectedValues]=\"\"\n (itemSelected)=\"itemSelectedMultiChoice($event)\">\n </app-search-multi-choice>\n </div>\n\n <div class=\"form-group col-sm-12 col-md-6\">\n <label class=\"\">{{'coursePeriod' | translate}}</label>\n <app-semester-period-combobox [compact]=\"true\" [selectFirst]=\"true\" [preSelect]=\"['SEGUNDO_PERIODO']\"\n [multiSelect]=\"false\" [disabled]=\"currentIndex !== i\">\n </app-semester-period-combobox>\n </div>\n\n <div class=\"form-group col-sm-12 col-md-6\">\n <label class=\"\">{{'Type Monitoria Combo Box' | translate}}</label>\n <app-typemonitoria-combobox [compact]=\"true\" [selectFirst]=\"true\" [preSelect]=\"[typeMonitoria]\"\n [multiSelect]=\"false\" (onSelection)=\"onChangeTypeSelection($event)\">\n </app-typemonitoria-combobox>\n <button type=\"button\" class=\"btn btn-danger btn-right\" (click)=\"changePreselect()\">{{'change' |\n translate}}</button>\n </div>\n\n <div class=\"form-group\">\n <label class=\"\">Modulos</label>\n <app-monitorias-modules-combobox [compact]=\"true\" [selectFirst]=\"true\" [preSelect]=\"\" [multiSelect]=\"false\"\n (onSelection)=\"onChangeTypeSelection($event)\">\n </app-monitorias-modules-combobox>\n </div>\n\n <div class=\"form-group\">\n <label class=\"\">Certificados</label>\n <app-monitorias-certificates-events [compact]=\"true\" [selectFirst]=\"true\" [preSelect]=\"\" [multiSelect]=\"false\"\n (onSelection)=\"onChangeTypeSelection($event)\">\n </app-monitorias-certificates-events>\n </div>\n\n\n <h3>Filter Search Input</h3>\n <app-filter-search-input searchByPlaceholder=\"test\"></app-filter-search-input>\n\n <div class=\"form-group\">\n <h3>Filter Search</h3>\n\n <div class=\"admin-table-container\">\n <div class=\"table-overflow\">\n <table class=\"table\" aria-describedby=\"Applications summary\">\n <thead>\n <th id=\"th-est-cod\">\n <div class=\"inside-th\">\n <span>{{ \"studentCodeComplete\"}}</span>\n <app-filter-control (onFilterRequest)=\"filterAgreements($event)\" [filterField]=\"'studentCode'\"\n [filterKey]=\"'studentCodeComplete'\">\n </app-filter-control>\n </div>\n </th>\n <th id=\"th-est-name\">\n <div class=\"inside-th\">\n <span>{{ \"studentNameComplete\" }}</span>\n <app-filter-control (onFilterRequest)=\"filterAgreements($event)\" [filterField]=\"'studentName'\" [typeControl]=\"'autocomplete'\"\n [filterKey]=\"'studentNameComplete'\" [lastFilter]=\"true\" [listData]=\"dataAutoComplete\">\n </app-filter-control>\n </div>\n </th>\n </thead>\n <tbody>\n <ng-container *ngFor=\"let agree of agreementListTable; index as k\">\n <tr class=\"table-apps-container\">\n <td>{{ agree.code || '' }}</td>\n <td>{{ agree.name || '' }}</td>\n </tr>\n </ng-container>\n </tbody>\n </table>\n </div>\n </div>\n\n </div>\n </div>\n </div>\n ",
styles: ["\n .container {\n margin-top: 30px;\n }\n\n .main-cpt-container {\n display: grid;\n grid-template-columns: 1fr;\n }\n\n .main-cpt-container div:not(.admin-table-container, .table-overflow, .inside-th) {\n display: grid;\n grid-template-columns: 1fr;\n border: 1px solid lightgray;\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 20px;\n }\n\n .main-cpt-container div:not(.admin-table-container, .table-overflow, .inside-th) label {\n margin-top: 15px;\n }\n .main-container {\n display: flex;\n justify-content: center;\n }\n\n .main-container-searchBox {\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-template-rows: 1fr;\n grid-gap: 10px;\n }\n\n .main-form {\n width: 500px;\n height: auto;\n }\n\n .center-pagination {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n\n .table th, .table td {\n padding: .5rem;\n }\n\n .table thead {\n background: #0084c1;\n }\n\n .table thead th {\n color: #fff;\n position: relative;\n }\n\n .table th .inside-th {\n display: flex;\n align-items: flex-end;\n }\n\n .table th .inside-th span {\n color: #fff;\n font-size: .8em;\n margin-left: 5px;\n }\n\n .table th .inside-th span:not(.not-sort) {\n cursor: pointer;\n }\n\n .table th .inside-th .searchFunction {\n display: none;\n position: absolute;\n top: 100%;\n left: 0;\n padding: 20px;\n background: #fff;\n box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);\n }\n\n .table th .inside-th#th-monitor-state .searchFunction {\n left: auto;\n right: 0;\n }\n\n\n\n .admin-table-container {\n width: 100%;\n display: block;\n }\n\n .admin-table-container.overflow-x {\n overflow-x: auto;\n }\n\n .admin-table-container.overflow-none {\n overflow-x: hidden;\n }\n\n\n .admin-table-container .table-overflow .table {\n font-size: smaller;\n }\n\n .admin-table-container .table-overflow .table th,\n .admin-table-container .table-overflow .table td {\n padding: 0.5rem;\n text-align: center;\n }\n\n .admin-table-container .table-overflow .table thead {\n background:#223d99;\n }\n\n .admin-table-container .table-overflow .table thead th {\n color: #ffffff;\n position: relative;\n }\n\n .admin-table-container .table-overflow .table thead th .inside-th {\n display: flex;\n align-items: center;\n justify-content: space-around;\n }\n\n .admin-table-container .table-overflow .table thead th#th-status .searchFunction {\n left: auto;\n right: 0;\n }\n\n .admin-table-container .table-overflow .table tbody .table-apps-container {\n font-size: 0.8em;\n }\n\n .admin-table-container .table-overflow .table tbody td {\n vertical-align: middle;\n border: 1px solid #dee2e6;\n }\n\n .admin-table-container .table-overflow .table tbody td .btn-read-more-less {\n color: #223d99;\n border-color: #223d99;\n line-height: 1em;\n padding: 4px 8px;\n margin: 5px 0;\n }\n\n .admin-table-container .table-overflow .table tbody td.actions-report-application-td {\n text-align: center;\n }\n\n .admin-table-container .table-overflow .table tbody td .actions-report-application span {\n color: #dc3545;\n font-size: 1.3em;\n }\n\n .admin-table-container .table-overflow .table .no-border {\n border: none !important;\n width: 100vw;\n text-align: center;\n padding: 0px;\n padding-top: 3px;\n padding-bottom: 3px;\n }\n\n .admin-table-container .status-select select {\n width: 200px;\n font-size: small;\n }\n\n .admin-table-container #th-est-name {\n min-width: 150px;\n }\n\n .admin-table-container #th-est-cod {\n min-width: 120px;\n }\n "],
changeDetection: core_1.ChangeDetectionStrategy.OnPush,
},] },
];
/** @nocollapse */
AppComponent.ctorParameters = function () { return [
{ type: forms_1.FormBuilder, },
{ type: core_1.ChangeDetectorRef, },
{ type: crud_compact_service_1.CrudCompactService, },
{ type: utils_1.UtilsService, },
{ type: http_1.HttpClient, },
{ type: exportedModules_1.FilterControlService, },
{ type: core_2.TranslateService, },
]; };
AppComponent.propDecorators = {
"yesnodialogsample": [{ type: core_1.ViewChild, args: ['yesnodialogsample',] },],
"informationdialogsample": [{ type: core_1.ViewChild, args: ['informationsample',] },],
"itemSelectedAlert": [{ type: core_1.ViewChild, args: ['alertItemSelected',] },],
"rolesCombo": [{ type: core_1.ViewChild, args: ['rolescombo',] },],
};
return AppComponent;
}());
exports.AppComponent = AppComponent;
//# sourceMappingURL=app.component.js.map