feat(ng): angular 10

Client/package.json

@@ -13,14 +13,14 @@
   "private": true,
   "dependencies": {
     "@angular/animations": "^10.0.11",
-    "@angular/cdk": "^9.1.12",
+    "@angular/cdk": "^10.1.3",
     "@angular/common": "^10.0.11",
     "@angular/compiler": "^10.0.11",
     "@angular/core": "^10.0.11",
     "@angular/flex-layout": "^10.0.0-beta.32",
     "@angular/forms": "^10.0.11",
-    "@angular/material": "^8.2.3",
-    "@angular/material-moment-adapter": "^8.2.3",
+    "@angular/material": "^10.1.3",
+    "@angular/material-moment-adapter": "^10.1.3",
     "@angular/platform-browser": "^10.0.11",
     "@angular/platform-browser-dynamic": "^10.0.11",
     "@angular/platform-server": "^10.0.11",
@@ -35,7 +35,6 @@
     "classlist.js": "1.1.20150312",
     "core-js": "^2.6.11",
     "express": "4.16.3",
-    "hammerjs": "2.0.8",
     "jquery": "^3.5.1",
     "jwt-decode": "^2.2.0",
     "moment": "^2.27.0",

Client/src/app/PaginatorESP.ts

@@ -1,4 +1,4 @@
-import {MatPaginatorIntl} from '@angular/material';
+import { MatPaginatorIntl } from '@angular/material/paginator';
 import { Injectable } from "@angular/core";
 @Injectable()
 export class MatPaginatorIntlEsp extends MatPaginatorIntl {

Client/src/app/app.module.ts

@@ -22,18 +22,15 @@ registerLocaleData(localeEsCl, 'es-CL');
 
 
 // Material
-import {
-  MatButtonModule,
-  MatIconModule,
-  MatInputModule,
-  MatRippleModule,
-  MatFormFieldModule,
-  MatTooltipModule,
-  MatSelectModule,
-  MatDialogModule,
-  MatPaginatorModule,
-  MatPaginatorIntl
-} from '@angular/material';
+import { MatButtonModule } from '@angular/material/button';
+import { MatRippleModule } from '@angular/material/core';
+import { MatDialogModule } from '@angular/material/dialog';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
+import { MatPaginatorModule, MatPaginatorIntl } from '@angular/material/paginator';
+import { MatSelectModule } from '@angular/material/select';
+import { MatTooltipModule } from '@angular/material/tooltip';
 import {AddCareerComponent} from './modules/resources/careers/add-career/add-career.component';
 import { AddSubjectComponent } from './modules/resources/subjects/add-subject/add-subject.component';
 import { InterfaceModule } from './modules/interface/interface.module';

Client/src/app/components/assignation-select-dialog/assignation-select-dialog.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit, Inject, AfterViewInit } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { WeekDay } from '@angular/common';
 import { BrowserStack } from 'protractor/built/driverProviders';
 import { ClassroomService } from '../../services';

Client/src/app/components/assignation-special-request/assignation-special-request.component.ts

@@ -2,7 +2,7 @@ import { Component, OnInit } from '@angular/core';
 import { FormGroup, FormBuilder, Validators, FormArray } from '@angular/forms';
 import { WeekDay } from '@angular/common';
 import { Section, Building, Classroom, AssignationRequest, UserData } from '../../models';
-import { MatDialogRef } from '@angular/material';
+import { MatDialogRef } from '@angular/material/dialog';
 import { SectionService, AuthService, ClassroomService, AssignationRequestService, TeacherService, ToastService } from '../../services';
 import {MAT_MOMENT_DATE_FORMATS, MomentDateAdapter} from '@angular/material-moment-adapter';
 import {DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE} from '@angular/material/core';

Client/src/app/components/search/search.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { MatDialogRef } from '@angular/material';
+import { MatDialogRef } from '@angular/material/dialog';
 import { FormGroup, FormBuilder, Validators } from '@angular/forms';
 import { WeekDay } from '@angular/common';
 import { ClassroomService } from '../../services';

Client/src/app/modules/requests/request-dialog/request-dialog.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { AssignationRequest } from '../../../models';
 import { WeekDay } from '@angular/common';
 

Client/src/app/modules/requests/requests-landing/requests-landing.component.ts

@@ -1,6 +1,8 @@
 import { Component, OnInit, ViewChild } from '@angular/core';
 import { AssignationRequest, Classroom } from '../../../models';
-import { MatTableDataSource, MatPaginator, MatDialog } from '@angular/material';
+import { MatDialog } from '@angular/material/dialog';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatTableDataSource } from '@angular/material/table';
 import { AssignationRequestService, ClassroomService, ToastService } from '../../../services';
 import { WeekDay } from '@angular/common';
 import { RequestDialogComponent } from '../request-dialog/request-dialog.component';

Client/src/app/modules/resources/buildings/classrooms/classrooms-list/classrooms-list.component.ts

@@ -3,7 +3,7 @@ import { ActivatedRoute } from '@angular/router';
 import {Building, Classroom} from '../../../../../models';
 import {MatTableDataSource} from '@angular/material/table';
 import {AddClassroomComponent} from '../../add-classroom/add-classroom.component';
-import {MatDialog} from '@angular/material';
+import { MatDialog } from '@angular/material/dialog';
 import {ClassroomService, BuildingService, ToastService, AuthService} from '../../../../../services';
 import {DeleteDialogComponent} from '../../../../../components/delete-dialog/delete-dialog.component';
 import {MatSort} from '@angular/material/sort';

Client/src/app/modules/resources/careers/add-career/add-career.component.ts

@@ -1,5 +1,5 @@
 import {Component, Inject, OnInit} from '@angular/core';
-import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material';
+import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { Career, UserData } from '../../../../models';
 import { TeacherService } from '../../../../services/teacher.service';
 

Client/src/app/modules/resources/subjects/completed-career/completed-career.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 
 @Component({
   selector: 'app-completed-career',

Client/src/app/modules/resources/subjects/schedule/schedule.component.ts

@@ -2,7 +2,7 @@ import { Component, OnInit, Input, Output, EventEmitter, OnChanges, ChangeDetect
 import { Blocks, Classroom, Assignation, BlockName, UserType } from '../../../../models';
 import { AssignationService, AuthService } from '../../../../services';
 import { WeekDay } from '@angular/common';
-import { MatDialog } from '@angular/material';
+import { MatDialog } from '@angular/material/dialog';
 import { AssignationSelectDialogComponent } from '../../../../components/assignation-select-dialog/assignation-select-dialog.component';
 import { areAllEquivalent } from '@angular/compiler/src/output/output_ast';
 

Client/src/app/modules/resources/subjects/upload-file-dialog/upload-file-dialog.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { SectionService, ToastService } from '../../../../services';
 
 @Component({

Client/src/app/modules/resources/teachers/add-teacher/add-teacher.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit, Inject } from '@angular/core';
-import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { UserData } from '../../../../models';
 import { FormBuilder, Validators, FormControl, FormGroup } from '@angular/forms';
 

Client/src/app/modules/resources/teachers/teachers-list/teachers-list.component.ts

@@ -1,6 +1,9 @@
 import { Component, OnInit, ViewChild } from '@angular/core';
 import {Career, Section, UserData, UserType} from '../../../../models';
-import {MatDialog, MatPaginator, MatSort, MatTableDataSource} from '@angular/material';
+import { MatDialog } from '@angular/material/dialog';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
+import { MatTableDataSource } from '@angular/material/table';
 import { TeacherService, AuthService, ToastService } from '../../../../services';
 import { AddTeacherComponent } from '../add-teacher/add-teacher.component';
 import { DeleteDialogComponent } from '../../../../components/delete-dialog/delete-dialog.component';

Client/src/main.ts

@@ -3,7 +3,6 @@ import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
 import { AppModule } from './app/app.module';
 import { environment } from './environments/environment';
-import 'hammerjs';
 
 if (environment.production) {
   enableProdMode();