[{"__symbolic":"module","version":4,"metadata":{"URL_RSG":"http://localhost:8080/academycore/services/researchgroup/public/searchInvestigationLines","AppComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"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":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":17,"character":21},"member":"OnPush"}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":72,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":73,"character":19},{"__symbolic":"reference","module":"./crud-compact/crud-compact.service","name":"CrudCompactService","line":74,"character":34},{"__symbolic":"reference","module":"./utils/utils","name":"UtilsService","line":75,"character":21},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":76,"character":20},{"__symbolic":"reference","module":"./exportedModules","name":"FilterControlService","line":77,"character":30},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":78,"character":24}]}],"getJSONFromLocal":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"onSelectSearch":[{"__symbolic":"method"}],"yesnodialogsample":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":232,"character":5},"arguments":["yesnodialogsample"]}]}],"triggerYesNoSampleDialog":[{"__symbolic":"method"}],"informationdialogsample":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":250,"character":5},"arguments":["informationsample"]}]}],"triggerInformationDialog":[{"__symbolic":"method"}],"itemSelectedAlert":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":259,"character":5},"arguments":["alertItemSelected"]}]}],"rolesCombo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":260,"character":5},"arguments":["rolescombo"]}]}],"triggerItemSelected":[{"__symbolic":"method"}],"verifyEvent":[{"__symbolic":"method"}],"onComboBoxSelectedItem":[{"__symbolic":"method"}],"onComboBoxMultiselected":[{"__symbolic":"method"}],"resetCombo":[{"__symbolic":"method"}],"onUploadSuccess":[{"__symbolic":"method"}],"onFileListUpdate":[{"__symbolic":"method"}],"verifyPersonEvent":[{"__symbolic":"method"}],"verifyDependencyEvent":[{"__symbolic":"method"}],"verifyUserEvent":[{"__symbolic":"method"}],"verifyCountryEvent":[{"__symbolic":"method"}],"userNoResults":[{"__symbolic":"method"}],"userLoad":[{"__symbolic":"method"}],"externalHandle":[{"__symbolic":"method"}],"changeState":[{"__symbolic":"method"}],"getMd5":[{"__symbolic":"method"}],"setYear":[{"__symbolic":"method"}],"openAlert":[{"__symbolic":"method"}],"selectedEvent":[{"__symbolic":"method"}],"pageChanged":[{"__symbolic":"method"}],"itemSelectedMultiChoice":[{"__symbolic":"method"}],"onProgramChanges":[{"__symbolic":"method"}],"onChangeTypeSelection":[{"__symbolic":"method"}],"changePreselect":[{"__symbolic":"method"}],"changePreselectAutocomplete":[{"__symbolic":"method"}],"selectedAutoCompleteLocal":[{"__symbolic":"method"}],"filterAgreements":[{"__symbolic":"method"}]}}}}]