ngx-academia-uniandes-library
Version:
This library is used for Academia-Uniandes system.
277 lines • 36.9 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 api_1 = require("api-angular-academia-dto/api");
var utils_1 = require("./utils/utils");
var AppComponent = /** @class */ (function () {
//========================== Constructor=========================================
function AppComponent(formBuilder, ref, crudCompactService, utils) {
var _this = this;
this.formBuilder = formBuilder;
this.ref = ref;
this.crudCompactService = crudCompactService;
this.utils = utils;
this.title = 'Ngx Academia Uniandes Library';
this.userNoResult = false;
this.isUserLoad = false;
this.userRestrictExample1 = { "idUser": 29130, "dependency": { "idDependency": 1, "externalId": "UNIANDES", "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.userRestrict = { "idUser": 3532, "dependency": { "idDependency": 18, "externalId": "ARHU", "type": "SCHOOL_F", "name": "Facultad de Artes y Humanidades", "director": null, "dependenciaPadre": null, "treePath": "/UNIANDES/ARHU", "url": "http://facartes.uniandes.edu.co/" }, "userName": "ro.rueda", "activo": true, "roles": ["ADMINISTRATOR", "PHD_STUDENT", "PHD_COORDINATOR", "HUMAN_RESOURCES_COORDINATOR"], "alias": ["ro.rueda", "a.rivera", "ag.rosillo", "carrodri"] };
this.totalRecords = 0;
this.dependencyArray = [{ director: null, externalId: "ARQU", idDependency: 16, level: 0, name: "Departamento de Arquitectura", type: 2 }];
//Combo box Example
this.selectedRolesTypeComboBox = "FINANTIAL_COORDINATOR";
// File uploader
this.downloadListUrl = null;
this.uploadUrl = 'http://localhost:8080/academyutil/services/files/upload?module=5';
this.uploadChain = false;
this.paramsCityArray = {};
this.cityPreSelect = '';
this.aaaa();
this.formGroup = this.formBuilder.group({
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([])],
countryCtrl: ['', forms_1.Validators.compose([])],
cityCtrl: ['', forms_1.Validators.compose([])],
searchcoreItemCtrl: [''],
searchImpactCategoryCtrl: [''],
searchImpactSubCategoryCtrl: [''],
});
this.componentModel = new search_combo_box_generic_model_1.SearchComboBoxGenericModel("http://localhost:8080/academycore/services/researchgroup/public/searchInvestigationLines", [{ "name": "limit", "value": 5 }], null, "invLines", "name", "ResearchLines");
this.object = { name: "With PreSelectedValue" };
this.queryParams = [{ "name": "personType", "value": "2" }, { "name": "limit", "value": 5 }, { "name": "phDStudentStatus", "value": "[1,2]" }];
this.queryParamsRg = [{ "name": "limit", "value": 5 }];
this.formGroup.get('searchUsersCtrl').disable();
setTimeout(function () {
_this.queryParamsDependency = [{ "name": "limit", "value": 10 }];
_this.ref.detectChanges();
}, 5000);
this.pruebaMultiSelect = utils_1.RESEARCHGROUP_MOCK;
this.selectedParent = null;
this.paramsCityArray = [];
this.paramsCityArray.push({ "name": "codeCountry", "value": "" });
this.paramsCityArray.push({ "name": "limit", "value": 10 });
}
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.onProgramChanges = function (event) {
//TODO
};
AppComponent.prototype.verifyRgEvent = function (event) {
//TODO
};
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:8080/academyutil/services/files/list?module=5&idFile=' + elid;
this.uploadUrl = 'http://localhost:8080/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();
};
AppComponent.prototype.printDependencies = function (event) {
event.forEach(function (elem) {
console.info(elem.name);
});
};
AppComponent.prototype.verifyPersonEvent = function (event) {
this.personItemSelected = event;
this.triggerItemSelected(this.personItemSelected);
};
AppComponent.prototype.verifyProductEvent = function (event) {
this.triggerItemSelected(event);
};
AppComponent.prototype.verifyDependencyEvent = function (event) {
this.totalRecords = undefined;
alert("buum");
};
AppComponent.prototype.verifyUserEvent = function (event) {
this.triggerItemSelected(event);
};
AppComponent.prototype.verifyCountryEvent = function (event) {
var _this = this;
//alert(event);
this.cityPreSelect = undefined;
if (event) {
this.paramsCityArray.forEach(function (element, index) {
if (element.name === 'codeCountry') {
_this.paramsCityArray[index].value = event.item.code;
}
});
}
else {
this.paramsCityArray.forEach(function (element, index) {
if (element.name === 'codeCountry') {
_this.paramsCityArray[index].value = '';
}
});
}
console.log("event", event, this.cityPreSelect, this.paramsCityArray);
};
AppComponent.prototype.verifyCityEvent = function (event) {
event ? this.cityPreSelect = event.item.name : this.cityPreSelect = '';
console.log("verifyCityEvent event", event, this.cityPreSelect);
};
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);
console.log(event);
};
AppComponent.prototype.changeState = function (value) {
this.crudCompactService.updateState(value);
};
AppComponent.prototype.getMd5 = function () {
alert(this.utils.generateMd5('helloworld'));
};
AppComponent.prototype.setYear = function (event) {
console.log(event);
};
AppComponent.prototype.openAlert = function (event) {
console.log("No found values. Response => " + event + " ");
this.formGroup.controls['searchDependencyItemCtrl'].setErrors({ 'incorrect': true });
};
AppComponent.prototype.setResearchGroupLines = function (event) {
this.selectedParentSource = event;
console.log(event);
};
AppComponent.prototype.setProductCategory = function (event) {
this.selectedParent = event;
console.log(event);
};
AppComponent.prototype.setProductType = function (event) {
console.log(event);
};
AppComponent.prototype.setFacultyCategory = function (event) {
this.selectedParent2 = event;
console.log(event);
};
AppComponent.prototype.setFacultySubCategory = function (event) {
console.log(event);
};
AppComponent.prototype.setFormatProductBox = function (event) {
console.log(" ****----****-----*****----> ", event);
};
AppComponent.prototype.setMessage = function (event) {
if (event) {
this.totalRecords = event;
}
};
AppComponent.prototype.selectCoreFacilities = function (event) {
console.log(event);
};
AppComponent.prototype.selectImpactsCategories = function (event) {
if (event && event.item) {
this.category = event.item.idCategory;
this.subcatergories.ngOnInit();
}
else {
this.category = null;
}
};
AppComponent.prototype.selectImpactsSubCategories = function (event) {
};
AppComponent.prototype.callReportUrl = function (reportObject) {
var reportModel = new api_1.ReportModel();
reportObject = '{"format":"pdf","currentUser":{"idUser":9885,"dependency":{"idDependency":14,"externalId":"ADMI","type":"SCHOOL_F","name":"Facultad de Administración","director":null,"dependenciaPadre":null,"treePath":"/UNIANDES//ADMI/","url":"http://administracion.uniandes.edu.co/"},"userName":"cpombo","activo":true,"roles":["PROFESSOR","PHD_COORDINATOR","RESEARCH_GROUP_RESPONSIBLE"],"alias":[],"rGroups":null,"facultyDependency":{"idDependency":14,"externalId":"ADMI","type":"SCHOOL_F","name":"Facultad de Administración","director":null,"dependenciaPadre":null,"treePath":"/UNIANDES//ADMI/","url":"http://administracion.uniandes.edu.co/"},"currentRole":"PROFESSOR"},"reportName":"rpt_core_005.rptdesign","searchParams":{"initialYear":2019,"finalYear":2020,"sGradStuds":true,"sProds":true,"sProjs":true,"sTrainStuds":true,"linkFilter":"allProducts","productFormat":["10;Formato Academia HTML","9;ISSN-VINV"],"facultyName":"Carlos Pombo Vejarano","faculty":"cpombo","productType":9}}';
console.log("reportObject", reportObject);
reportModel = JSON.parse(reportObject);
console.log("reportModel", reportModel);
this.utils.callGenerateReport(reportModel);
};
AppComponent.prototype.resetRListGroupsButton = function () {
this.listRgroupCombo.reset();
};
AppComponent.prototype.aaaa = function () {
var aa = ["7;Formato Academia", "10;Formato Academia HTML", "9;ISSN-VINV"];
var bb = ["7;Formato Academia", "10;Formato Academia HTML", "9;ISSN-VINV"];
console.log("316", aa);
console.log(aa.sort(function (a, b) { return parseInt(a.split(";")[0]) - parseInt(b.split(";")[0]); })); //Menor -mayor
console.log(bb.sort(function (a, b) { return parseInt(b.split(";")[0]) - parseInt(a.split(";")[0]); })); //mayor-menor
console.log("316", aa);
};
AppComponent.prototype.onIndustrialDesignStateEvent = function (event) {
console.log(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 <app-i18n hidden></app-i18n>\n <div class=\"container-fluid\">\n <div style=\"text-align:center\">\n <h2>Welcome to {{ title }}!</h2>\n <img width=\"300\" alt=\"Angular Logo\"\n src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==\">\n </div>\n <h4>Available components</h4>\n <div class=\"flex-container\">\n <button type=\"button\" (click)=\"callReportUrl(reportObject)\" class=\"btn btn-info btn-md\">Call Report</button>\n <input type=\"text\" [(ngModel)]=\"reportObject\" />\n </div>\n\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:</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 #personcombo [debugFlag]=true [placeHolder]=\"'Búsqueda en Academia'\"\n [queryParams]=\"queryParams\" [itemControl]=\"formGroup.controls.searchPersonItemCtrl\"\n (itemSelected)=\"verifyPersonEvent($event)\"></search-person-combo-box>\n </div>\n <div class=\"form-group\">\n <label>Search Program:</label>\n <!-- <search-product-combo-box [debugFlag]=true [placeHolder]=\"'Búsqueda de Productos'\" [queryParams]=\"queryParams\"\n [itemControl]=\"formGroup.controls.searchProductItemCtrl\" (itemSelected)=\"verifyProductEvent($event)\"></search-product-combo-box> -->\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)=\"onProgramChanges($event)\" [itemControl]=\"formGroup.controls.searchProgramItemCtrl\"\n id=\"form-program\"></search-program-combo-box>\n </div>\n <div class=\"form-group\">\n <!-- <label>{{'dependency' | translate}}: <span *ngIf=\"totalRecords && totalRecords > 10\"\n style=\"color:red; font-size:12px;\">Mostrando 10 de {{totalRecords}}</span></label> -->\n <search-dependency-combo-box [multiSelect]=false [userRestrict]=\"userRestrictExample1\"\n (itemsSelected)=\"printDependencies($event)\" [preSelectedValues]=\"dependencyArray\" [debugFlag]=true\n [isScrollable]=true [placeHolder]=\"'selectDependency'\" [queryParams]=\"queryParamsDependency\"\n [itemControl]=\"formGroup.controls.searchDependencyItemCtrl\" (itemSelected)=\"verifyDependencyEvent($event)\"\n (noResults)=\"openAlert($event)\" (totalRecordsForSearch)=\"setMessage($event)\">\n </search-dependency-combo-box>\n </div>\n <div class=\"form-group\">\n <label>{{'researchGroups' | translate}}:</label>\n <search-research-group-combo-box [userRestrict]=\"userRestrict\" [debugFlag]=true [isScrollable]=false\n [placeHolder]=\"'selectResearchGroup'\" [queryParams]=\"queryParamsRg\"\n [itemControl]=\"formGroup.controls.searchRgItemCtrl\" (itemSelected)=\"verifyRgEvent($event)\"\n (noResults)=\"openAlert($event)\"></search-research-group-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 <div class=\"form-group\">\n <label for=\"\">{{'linesInvestigation' | translate }}</label>\n <search-research-line-combo-box [debugFlag]=true [itemControl]=\"formGroup.controls.searchInvLinesItemCtrl\"\n (noResults)=\"invLinesNoResults($event)\"></search-research-line-combo-box>\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'}\" [componentModel]=\"componentModel\"\n [showListAttribute]=\"'name'\" [indexAttribute]=\"'id'\"\n [inputItems]=\"[{'id': 1, 'name': 'Departamento de Ingeniería de Sistemas y Computación'},{'id': 2,'name': 'Facultad de Ingeniería'}]\"\n (updatedItems)=\"items=$event\"></crud-compact>\n <ext-advisor-compact [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\"></ext-advisor-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> MultiSelecion checkbox vertically theme yellow Academic: </label>\n <report-option-combobox [compact]=\"false\" [num]=\"[1,2,3]\" [selectFirst]=\"true\" [multiSelect]=\"true\">\n </report-option-combobox>\n\n <label> Single Selection radio Button vertically theme yellow Academic: </label>\n <report-option-combobox [compact]=\"false\" [selectFirst]=\"true\" [multiSelect]=\"false\"></report-option-combobox>\n <label>Multi selection Extended:</label>\n <app-active-option-combobox [compact]=\"false\" [selectFirst]=\"true\" [multiSelect]=\"true\"\n (onMultiSelection)=\"onComboBoxMultiselected($event)\"></app-active-option-combobox>\n <label>Single Select Compact:</label>\n <app-active-option-combobox #rolesa [optionInstance]=\"'b'\" [compact]=\"true\" [selectFirst]=\"false\"\n [multiSelect]=\"false\" (onSelection)=\"onComboBoxSelectedItem($event)\"></app-active-option-combobox>\n <label>Disabled:</label>\n <app-active-option-combobox #rolesb [disabled]=\"true\" [optionInstance]=\"'c'\" [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>\n 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\n\n </div>\n <app-information-dialog #informationsample></app-information-dialog>\n <app-yes-no-dialog #yesnodialogsample></app-yes-no-dialog>\n <label>Years Combo box:</label>\n <app-year-combo-box (onSelection)=\"setYear($event)\"></app-year-combo-box>\n <label>Format Group:</label>\n <app-format-product-combobox [debugFlag]=true [selectFirst]=\"true\"></app-format-product-combobox>\n\n <label>List Research Group List:</label>\n\n <app-research-group-lines-list #listRgroup [debugFlag]=true [preSelect]=\"pruebaMultiSelect\"\n (onSelection)=\"setResearchGroupLines($event)\"></app-research-group-lines-list>\n <button class=\"btn btn-default\" (click)=\"resetRListGroupsButton()\">Reset</button>\n <label>Resources Fundings</label>\n <app-resource-funding-data [debugFlag]=true [compact]=\"true\" [selectFirst]=\"true\"\n (onSelection)=\"setResearchGroupLines($event)\"></app-resource-funding-data>\n\n </div>\n <h3>State bar</h3>\n <div>\n <check-bar-state (onItemClick)=\"triggerYesNoSampleDialog()\"\n [entries]=\"['APPLYED','ON_VALIDATION', 'SELECTED', 'CONFIRMED','DOCUMENTS','ASSIGNED']\"\n [currentState]=\"'SELECTED'\" [state]=\"false\" [hasImage]=true></check-bar-state>\n </div>\n <h3>Product Category Combo box:</h3>\n <div>\n <app-product-category-combobox [compact]=\"true\" [selectFirst]=\"false\" [multiSelect]=\"false\"\n (onSelection)=\"setProductCategory($event)\"></app-product-category-combobox>\n <app-product-type-combobox [compact]=\"true\" [selectFirst]=\"false\" [enableParentFilter]=\"true\"\n [parentFilter]=\"selectedParent\" [multiSelect]=\"false\" (onSelection)=\"setProductType($event)\">\n </app-product-type-combobox>\n </div>\n\n <h3>Bicentennial Category Combo box:</h3>\n\n <div>\n <app-student-area.status.combobox [disabled]=\"setReadOnly('PHD_STUDENT','PHD_CONSULT','PROFESSOR', 'UNIT_ADMINISTRATOR')\" [compact]=\"true\" [selectFirst]=\"false\" [multiSelect]=\"false\"\n \"></app-student-area.status.combobox>\n <app-resource-funding-data [debugFlag]=false [compact]=\"true\" [selectFirst]=\"true\" (formControl)=\"sourceCtrl\"\n ></app-resource-funding-data>\n <app-product-category-combobox [compact]=\"true\" [selectFirst]=\"false\" [multiSelect]=\"false\"\n ></app-product-category-combobox>\n <app-product-category-combobox [compact]=\"true\" [selectFirst]=\"false\" [multiSelect]=\"false\"\n ></app-product-category-combobox>\n <app-product-type-combobox [compact]=\"true\" [selectFirst]=\"false\" [enableParentFilter]=\"true\"\n [parentFilter]=\"selectedParent\" [multiSelect]=\"false\" (onSelection)=\"setProductType($event)\">\n </app-product-type-combobox>\n </div>\n\n <h3>Faculty Category Combo box:</h3>\n <div>\n <app-faculty-category-combobox [compact]=\"true\" [selectFirst]=\"false\" [multiSelect]=\"false\"\n (onSelection)=\"setFacultyCategory($event)\"></app-faculty-category-combobox>\n <app-faculty-category-combobox [compact]=\"true\" [selectFirst]=\"false\" [enableParentFilter]=\"true\"\n [parentFilter]=\"selectedParent2\" [multiSelect]=\"false\" (onSelection)=\"setFacultySubCategory($event)\">\n </app-faculty-category-combobox>\n </div>\n\n <h3>Product Category Combo box 2:</h3>\n <div>\n <app-product-category-combobox [compact]=\"true\" [selectFirst]=\"false\" [enableSelectionState]=\"true\"\n [multiSelect]=\"true\" (onMultiSelection)=\"setProductCategory($event)\" [selectState]=\"1\"\n (onMultiSelection)=\"onComboBoxMultiselected($event)\">\n </app-product-category-combobox>\n <app-product-type-combobox [compact]=\"true\" [selectFirst]=\"false\" [enableSelectionState]=\"true\" [multiSelect]=\"true\"\n (onMultiSelection)=\"setProductType($event)\" [selectState]=\"1\" [enableParentFilter]=\"true\"\n [parentFilter]=\"selectedParent\">\n </app-product-type-combobox>\n </div>\n\n <h3>Format Product Selection Box:</h3>\n <div>\n <app-format-product-selectionbox [debugFlag]=true (onSelection)=\"setFormatProductBox($event)\">\n </app-format-product-selectionbox>\n </div>\n <div>\n <h1>core-facilities</h1>\n <app-search-core-facilities-combo-box [debugFlag]=true [isScrollable]=true\n [placeHolder]=\"'selectResearchCore-facilities'\" [itemControl]=\"formGroup.controls.searchcoreItemCtrl\"\n (itemSelected)=\"selectCoreFacilities($event)\"></app-search-core-facilities-combo-box>\n <br>\n <br>\n </div>\n <div class=\"form-group\">\n <label for=\"form-country\">\n <h6>{{'country' | translate }}</h6>\n </label>\n <app-search-country-combo-box #countrycombo [debugFlag]=true [placeHolder]=\"'country'\"\n [itemControl]=\"formGroup.controls.countryCtrl\" [preSelectedValue]=\"countryPreSelect\"\n (itemSelected)=\"verifyCountryEvent($event)\">\n </app-search-country-combo-box>\n </div>\n <div class=\"form-group\">\n <label for=\"form-alternativeMail\">\n <h6>{{'city' | translate }} cityPreSelect[ {{cityPreSelect}} ]\n [{{paramsCityArray.codeCountry}}]</h6>\n </label>\n <app-city-combo-box #searchCity name=\"city\" [queryParams]=\"paramsCityArray\" [debugFlag]=true [isScrollable]=true\n [placeHolder]=\"'selectCity'\" [itemControl]=\"formGroup.controls.cityCtrl\" (itemSelected)=\"verifyCityEvent($event)\"\n [preSelectedValue]=\"cityPreSelect\"></app-city-combo-box>\n </div>\n\n <div class=\"form-group\">\n <h6>app-patent-type-combobox</h6>\n <app-patent-type-combobox [compact]=\"true\" [selectFirst]=\"true\" (onSelection)=\"onIndustrialDesignStateEvent($event)\"\n [disabled]=\"false\">\n </app-patent-type-combobox>\n </div>\n <div class=\"form-group\">\n <h6>app-patent-state-combobox</h6>\n <app-patent-state-combobox [compact]=\"true\" [selectFirst]=\"true\"\n (onSelection)=\"onIndustrialDesignStateEvent($event)\" [disabled]=\"false\">\n </app-patent-state-combobox>\n </div>\n <div class=\"form-group\">\n <h6>app-report-information-combobox</h6>\n <app-report-information-combobox [compact]=\"false\" [selectFirst]=\"true\" [multiSelect]=\"false\" [num]=\"[1, 2, 3]\">\n </app-report-information-combobox>\n </div>\n <div class=\"form-group\">\n <h6>app-dependency-option-combobox</h6>\n <app-dependency-option-combobox [compact]=\"false\" [selectFirst]=\"true\" [multiSelect]=\"false\">\n </app-dependency-option-combobox>\n </div>\n <div class=\"form-group\">\n <h6>app-report-information-teacher-classification-combobox</h6>\n <app-report-information-teacher-classification-combobox [compact]=\"false\" [selectFirst]=\"true\" [multiSelect]=\"true\"\n [num]=\"[1, 2, 3, 4]\"></app-report-information-teacher-classification-combobox>\n </div>\n\n <div class=\"form-group\">\n <h6>app-students-number-report-combobox</h6>\n <app-students-number-report-combobox [compact]=\"false\" [selectFirst]=\"true\" [multiSelect]=\"true\"\n [num]=\"[1, 2, 3, 4]\"></app-students-number-report-combobox>\n </div>\n\n <h6>app-filter-category-combobox</h6>\n <app-filter-category-combobox [compact]=\"true\" [selectFirst]=\"false\" [enableSelectionState]=\"true\"\n [multiSelect]=\"true\" (onMultiSelection)=\"setProductCategory($event)\" [selectState]=\"1\"\n (onMultiSelection)=\"onComboBoxMultiselected($event)\">\n </app-filter-category-combobox>\n\n <div class=\"form-group\">\n <h6>app-detail-option-combobox</h6>\n <app-detail-option-combobox [compact]=\"false\" [num]=\"[1,2,3]\" [selectFirst]=\"true\" [multiSelect]=\"true\">\n </app-detail-option-combobox>\n </div>\n\n <div class=\"form-group\">\n <h6>app-identification-option-combobox</h6>\n <app-identification-option-combobox [compact]=\"false\" [selectFirst]=\"true\" [multiSelect]=\"true\"\n [num]=\"[1, 2, 3, 4, 5, 6]\"></app-identification-option-combobox>\n </div>\n\n <div class=\"form-group\">\n <h6>app-member-option-combobox</h6>\n <app-member-option-combobox [compact]=\"false\" [selectFirst]=\"true\" [multiSelect]=\"true\" [num]=\"[1, 2, 3]\">\n </app-member-option-combobox>\n </div>\n\n <div class=\"form-group\">\n <h6>app-dependency-option-research-group-combobox</h6>\n <app-dependency-option-research-group-combobox [compact]=\"false\" [selectFirst]=\"true\" [multiSelect]=\"false\">\n </app-dependency-option-research-group-combobox>\n </div>\n\n <div class=\"form-group\">\n <h6>app-report-information-cv-research-group-combobox</h6>\n <app-report-information-cv-research-group-combobox [compact]=\"false\" [selectFirst]=\"true\" [multiSelect]=\"true\"\n [num]=\"[1, 2, 3]\">\n </app-report-information-cv-research-group-combobox>\n </div>\n\n\n <div class=\"form-group\">\n <h6>app-report-security-active-option-combobox</h6>\n <app-report-security-active-option-combobox [compact]=\"false\" [selectFirst]=\"true\" [multiSelect]=\"false\">\n </app-report-security-active-option-combobox>\n </div>\n\n <div class=\"form-group\">\n <h6>app-report-security-visibility-option-combobox</h6>\n <app-report-security-visibility-option-combobox [compact]=\"false\" [selectFirst]=\"true\" [multiSelect]=\"false\">\n </app-report-security-visibility-option-combobox>\n </div>\n\n <hr>\n\n <h2 class=\"text-center\">{{'IMPACT' | translate}}</h2>\n\n <div>\n <label for=\"form-country\">\n <h6>{{'CATEGORY' | translate }}</h6>\n </label>\n <app-search-impact-category [debugFlag]=true [isScrollable]=true [placeHolder]=\"'CATEGORY'\" [itemControl]=\"formGroup.controls.searchImpactCategoryCtrl\" (itemSelected)=\"selectImpactsCategories($event)\">\n </app-search-impact-category>\n <br>\n </div>\n\n <div>\n <label for=\"form-country\">\n <h6>{{'SUBCATEGORY' | translate }}</h6>\n </label>\n <app-search-impact-subcategory #subcategories [category]=\"category\" [debugFlag]=true [isScrollable]=true [placeHolder]=\"'SUBCATEGORY'\" [itemControl]=\"formGroup.controls.searchImpactSubCategoryCtrl\" (itemSelected)=\"selectImpactsSubCategories($event)\">\n </app-search-impact-subcategory>\n <br>\n </div>\n\n <hr>\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{\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 label{\n \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\n .main-form{\n width: 500px; \n height: auto;\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, },
]; };
AppComponent.propDecorators = {
"subcatergories": [{ type: core_1.ViewChild, args: ['subcategories',] },],
"yesnodialogsample": [{ type: core_1.ViewChild, args: ['yesnodialogsample',] },],
"personCombo": [{ type: core_1.ViewChild, args: ['personcombo',] },],
"listRgroupCombo": [{ type: core_1.ViewChild, args: ['listRgroup',] },],
"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