Branch hist_refact_layout_metodos_exame

nx.json

@@ -38,6 +38,7 @@
   },
   "cli": {},
   "defaultProject": "lisweb-ng-frontend",
+  "$schema": "./node_modules/nx/schemas/nx-schema.json",
   "generators": {
     "@nrwl/angular:application": {
       "style": "css",

package.json

@@ -16,84 +16,82 @@
   "private": true,
   "dependencies": {
     "@angular-devkit/build-angular": "^15.0.2",
-    "@angular-material-extensions/input-counter": "^1.0.1",
     "@angular/animations": "^15.0.2",
     "@angular/cdk": "^15.0.1",
-    "@angular/cli": "^15.2.4",
     "@angular/common": "^15.0.2",
     "@angular/compiler-cli": "^15.0.2",
     "@angular/core": "^15.0.2",
-    "@angular/flex-layout": "^14.0.0-beta.41",
     "@angular/forms": "^15.0.2",
-    "@angular/material": "^15.0.1",
+    "@angular/material": "15.2.4",
     "@angular/material-moment-adapter": "^15.0.1",
     "@angular/platform-browser": "^15.0.2",
     "@angular/platform-browser-dynamic": "^15.0.2",
     "@angular/router": "^15.0.2",
-    "@ngneat/helipopper": "^7.0.2",
+    "@ngneat/helipopper": "^7.1.1",
     "@ngneat/overview": "^4.1.0",
     "@ngneat/until-destroy": "^9.2.3",
     "@ngx-translate/core": "^14.0.0",
-    "@nrwl/angular": "^15.8.7",
+    "@nrwl/angular": "16.2.1",
     "@nrwl/schematics": "^8.12.11",
-    "@popperjs/core": "^2.11.6",
+    "@popperjs/core": "^2.11.7",
     "@schematics/angular": "^15.2.3",
     "angular-hotkeys": "^1.7.0",
-    "bootstrap": "^5.2.3",
+    "bootstrap": "^5.3.0",
     "core-util-is": "^1.0.3",
     "got": "^12.5.3",
-    "moment": "^2.29.1",
-    "ng-auto-complete": "^5.0.3",
+    "moment": "^2.30.1",
     "ngx-mask": "^15.1.0",
-    "node": "^19.8.1",
-    "rxjs": "^7.8.0",
+    "node": "^20.5.0",
+    "rxjs": "^7.8.1",
     "sass": "^1.58.3",
-    "sass-loader": "^13.2.0",
-    "tslib": "^2.5.0",
+    "tslib": "^2.6.1",
+    "sass-loader": "^13.3.2",
     "typescript-tslint-plugin": "^1.0.1",
-    "zone.js": "~0.12.0"
+    "zone.js": "~0.13.1"
   },
   "devDependencies": {
     "@angular-builders/custom-webpack": "^15.0.0",
     "@angular-devkit/architect": "^0.1502.4",
     "@angular-devkit/core": "^15.0.2",
-    "@angular-devkit/schematics": "^15.2.4",
+    "@angular-devkit/schematics": "^16.2.10",
     "@angular/compiler": "^15.0.2",
-    "@angular/language-service": "^15.0.2",
-    "@nrwl/cypress": "15.8.7",
-    "@nrwl/jest": "15.8.7",
-    "@nrwl/js": "15.8.7",
-    "@nrwl/nx-cloud": "15.2.3",
-    "@nrwl/workspace": "^15.8.9",
+    "@angular/language-service": "^16.2.0",
+    "@nrwl/jest": "17.1.2",
+    "@nrwl/cypress": "16.6.0",
+    "@nrwl/js": "17.2.8",
+    "@nrwl/nx-cloud": "^16.3.0",
+    "@nrwl/workspace": "^17.2.8",
     "@types/jasmine": "^4.3.1",
     "@types/jest": "^29.4.0",
-    "@types/node": "^18.15.8",
+    "@types/node": "^20.5.0",
     "core-js": "^3.29.1",
     "cypress": "^12.2.0",
     "jasmine-core": "^4.6.0",
     "jasmine-spec-reporter": "^7.0.0",
     "jest": "^29.4.1",
-    "jest-environment-jsdom": "^29.4.1",
+    "jest-environment-jsdom": "^29.7.0",
     "jest-preset-angular": "~13.0.0",
     "karma": "^6.4.0",
-    "karma-chrome-launcher": "^3.1.1",
+    "karma-chrome-launcher": "^3.2.0",
     "karma-coverage": "^2.2.0",
     "karma-jasmine": "^5.1.0",
-    "karma-jasmine-html-reporter": "^2.0.0",
+    "karma-jasmine-html-reporter": "^2.1.0",
     "node-fetch": "^3.3.1",
-    "nx": "15.8.7",
+    "nx": "16.2.1",
     "rxjs-compat": "^6.6.7",
     "tapable": "^2.2.1",
     "ts-jest": "^29.0.5",
     "ts-node": "10.9.1",
     "typescript": "~4.9.5",
-    "webpack": "^5.76.3",
+    "webpack": "^5.88.2",
     "webpack-cli": "^5.0.1"
   },
   "volta": {
     "node": "19.8.1",
     "yarn": "1.22.19",
     "typescript": "^4.6.4",
     "webpack": "^5.68.0"
-  }
+  },
+  "main": "index.js",
+  "repository": "git@github.com:hotsoft-informatica/lisweb-ng-frontend.git"
 }

src/app/app-routing.module.ts

@@ -70,6 +70,7 @@ import { MaterialBiologicoUpdateComponent } from './components/material-biologic
 import { MetodoExameComponent } from './components/metodo-exame/metodo-exame.component';
 import { MetodosExamesDeleteComponent } from './components/metodos-exames/metodos-exames-delete/metodos-exames-delete.component';
 import { MetodosExamesReadComponent } from './components/metodos-exames/metodos-exames-read/metodos-exames-read.component';
+import { MedicoComponent } from './components/medico/medico.component';
 import { NotaComponent } from './components/nota/nota.component';
 import { LgSuperUserComponent } from './components/login/lg-super-user/lg-super-user.component';
 import { OperadoraCreateComponent } from './components/operadora/operadora-create/operadora-create.component';
@@ -197,6 +198,10 @@ const routes: Routes = [
     path: 'metodos-exames/delete/:id',
     component: MetodosExamesDeleteComponent,
   },
+  {
+    path: 'medicos',
+    component: MedicoComponent,
+  },
   {
     path: 'pacientes/read',
     component: PacienteReadComponent,

src/app/app.component.html

@@ -1,7 +1,8 @@
 <app-header></app-header>
-<mat-progress-bar
+<!-- TODO: Revisar -->
+<!-- <mat-progress-bar
   *ngIf="loading" color="accent" mode="indeterminate">
-</mat-progress-bar>
+</mat-progress-bar> -->
 <app-nav></app-nav>
 <div class="container-fluid">
   <span class="print">

src/app/app.component.ts

@@ -1,20 +1,18 @@
 import { Component, HostListener } from '@angular/core';
 import { Event, RouterOutlet } from '@angular/router';
-import { FooterComponent } from './components/template/footer/footer.component';
-import { HeaderComponent } from './components/template/header/header.component';
-import { MatProgressBarModule } from '@angular/material/progress-bar';
-import { NavComponent } from './components/template/nav/nav.component';
 import { NavigationStart, Router, NavigationCancel, NavigationError, NavigationEnd } from '@angular/router';
 import { NgIf, DatePipe } from '@angular/common';
 import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
+import { FooterComponent } from 'src/app/components/template/footer/footer.component';
+import { NavComponent } from 'src/app/components/template/nav/nav.component';
+import { HeaderComponent } from 'src/app/components/template/header/header.component';
 
 @UntilDestroy({ checkProperties: true })
 @Component({
-    selector: 'app-root',
-    templateUrl: './app.component.html',
-    standalone: true,
-    imports: [HeaderComponent, NgIf, NavComponent, RouterOutlet,
-      MatProgressBarModule, FooterComponent, DatePipe]
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+  standalone: true,
+  imports: [NgIf, FooterComponent, NavComponent, DatePipe, RouterOutlet, HeaderComponent]
 })
 
 export class AppComponent {

src/app/components/auto-complete/autocomplete-tipo-interfaceamento/autocomplete-tipo-interfaceamento.component.ts

@@ -15,7 +15,8 @@ import { VersaoExame } from '../../model/versao-exame.model';
     selector: 'app-autocomplete-tipo-interfaceamento',
     templateUrl: './autocomplete-tipo-interfaceamento.component.html',
     standalone: true,
-    imports: [MatFormFieldModule, MatInputModule, MatAutocompleteModule, FormsModule, NgFor, MatOptionModule]
+    imports: [MatFormFieldModule, MatInputModule, MatAutocompleteModule,
+       FormsModule, NgFor, MatOptionModule]
 })
 export class AutocompleteTipoInterfaceamentoComponent implements OnInit {
   @Input('versaoExame') versaoExame:VersaoExame;

src/app/components/consulta-amostra/consulta-amostra-show/consulta-amostra-show.component.ts

@@ -24,8 +24,8 @@ import { VersaoExameService } from '../../service/versao-exame.service';
     selector: 'app-consulta-amostra-show',
     templateUrl: './consulta-amostra-show.component.html',
     standalone: true,
-    imports: [MatFormFieldModule, MatInputModule, NgIf, MatButtonModule,
-       MatIconModule, NgFor, NgStyle, DatePipe]
+    imports: [MatFormFieldModule, MatInputModule, NgIf,
+       MatButtonModule, MatIconModule, NgFor, NgStyle, DatePipe]
 })
 export class ConsultaAmostraShowComponent implements OnInit {
   private loadingSubject = new BehaviorSubject<boolean>(false);

src/app/components/dominio/dominio.component.ts

@@ -14,23 +14,16 @@ import { NgIf } from '@angular/common';
 import { Query } from '../model/query.model';
 import { tap } from 'rxjs/operators';
 import { timer, merge } from 'rxjs';
-import {
-  ViewChild,
-  TemplateRef,
-  Renderer2,
-  AfterViewInit,
-  OnInit,
-  Component,
-  ElementRef
-} from '@angular/core';
+import { ViewChild, TemplateRef, Renderer2, AfterViewInit,
+   OnInit, Component, ElementRef } from '@angular/core';
 
 @Component({
-  selector: 'app-dominio',
-  templateUrl: './dominio.component.html',
-  standalone: true,
-  imports: [MatIconModule, NgIf, MatFormFieldModule, MatInputModule, FormsModule,
-    MatButtonModule, MatTableModule, MatSortModule, MatDialogModule, MatPaginatorModule
-  ]
+    selector: 'app-dominio',
+    templateUrl: './dominio.component.html',
+    standalone: true,
+    imports: [MatIconModule, NgIf, MatFormFieldModule,
+       MatInputModule, FormsModule, MatButtonModule,
+       MatTableModule, MatSortModule, MatDialogModule, MatPaginatorModule]
 })
 export class DominioComponent implements OnInit, AfterViewInit {
   datasource = new MatTableDataSource<any>([]);
@@ -57,8 +50,6 @@ export class DominioComponent implements OnInit, AfterViewInit {
   constructor(
     public dialog: MatDialog,
     private renderer: Renderer2,
-    private router: Router,
-    private route: ActivatedRoute,
     private recordService: DominioService,
   ) {
     this.currentRecord = new Dominio({});

src/app/components/empresa/empresa-create/empresa-create.component.ts

@@ -1,22 +1,24 @@
-import { UntypedFormControl, FormGroup, FormBuilder, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { Observable } from 'rxjs';
-import { startWith, map } from 'rxjs/operators';
+import { Component, OnInit, Input } from '@angular/core';
 import { Empresa } from './../../model/empresa.model';
 import { EmpresaService } from '../../service/empresa.service';
-import { Component, OnInit, Input } from '@angular/core';
-import { Router } from '@angular/router';
-import { MatButtonModule } from '@angular/material/button';
-import { MatOptionModule } from '@angular/material/core';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
-import { MatInputModule } from '@angular/material/input';
+import { MatButtonModule } from '@angular/material/button';
+import { MatCardModule } from '@angular/material/card';
 import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatOptionModule } from '@angular/material/core';
 import { NgIf, NgFor, AsyncPipe } from '@angular/common';
-import { MatCardModule } from '@angular/material/card';
+import { Observable } from 'rxjs';
+import { Router } from '@angular/router';
+import { startWith, map } from 'rxjs/operators';
+import { UntypedFormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 @Component({
     selector: 'app-empresa-create',
     templateUrl: './empresa-create.component.html',
     standalone: true,
-    imports: [MatCardModule, NgIf, FormsModule, MatFormFieldModule, MatInputModule, MatAutocompleteModule, ReactiveFormsModule, NgFor, MatOptionModule, MatButtonModule, AsyncPipe]
+    imports: [MatCardModule, NgIf, FormsModule, MatFormFieldModule,
+       MatInputModule, MatAutocompleteModule, ReactiveFormsModule,
+       NgFor, MatOptionModule, MatButtonModule, AsyncPipe]
 })
 
 export class EmpresaCreateComponent implements OnInit {

src/app/components/empresa/empresa-read/empresa-read.component.ts

@@ -11,12 +11,7 @@ import { NgIf, AsyncPipe, DatePipe } from '@angular/common';
 import { Query } from '../../model/query.model';
 import { RouterLink } from '@angular/router';
 import { tap } from 'rxjs/operators';
-import {
-  AfterViewInit,
-  ViewChild,
-  Component,
-  OnInit,
-} from '@angular/core';
+import { AfterViewInit, ViewChild, Component, OnInit } from '@angular/core';
 
 @Component({
     selector: 'app-empresa-read',

src/app/components/especialidade/especialidade.component.ts

@@ -1,34 +1,25 @@
-import { ActivatedRoute, Router } from '@angular/router';
 import { Especialidade } from '../model/especialidade.model';
 import { EspecialidadeService } from '../service/especialidade.service';
-import { MatSort, MatSortModule } from '@angular/material/sort'
-import { MatButtonModule } from '@angular/material/button';
-import { merge } from 'rxjs';
-import { Query } from '../model/query.model';
-import { tap } from 'rxjs/operators';
-import {
-  Component, OnInit, AfterViewInit,
-  ViewChild, TemplateRef, Renderer2
-} from '@angular/core';
-
-// imports referentes ao standalone:
+import { MatDialog, MatDialogModule } from '@angular/material/dialog';
 import { FormsModule } from '@angular/forms';
+import { MatIconModule } from '@angular/material/icon';
 import { MatInputModule } from '@angular/material/input';
 import { MatFormFieldModule } from '@angular/material/form-field';
-import { NgIf, NgFor, NgStyle, DatePipe } from '@angular/common';
-import { MatIconModule } from '@angular/material/icon';
+import { MatSort } from '@angular/material/sort';
 import { MatTableDataSource, MatTableModule } from '@angular/material/table';
-import { MatDialog, MatDialogModule } from '@angular/material/dialog';
+import { merge } from 'rxjs';
+import { NgIf } from '@angular/common';
+import { Query } from '../model/query.model';
+import { tap } from 'rxjs/operators';
 import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
+import { Component, OnInit, AfterViewInit, ViewChild, TemplateRef } from '@angular/core';
 
 @Component({
-  selector: 'app-especialidade',
-  templateUrl: './especialidade.component.html',
-  standalone: true,
-  imports: [FormsModule, MatPaginatorModule, MatSortModule, MatTableModule,
-    MatButtonModule, MatDialogModule, MatIconModule, MatFormFieldModule,
-    MatInputModule, NgIf, NgFor, NgStyle, DatePipe
-  ]
+    selector: 'app-especialidade',
+    templateUrl: './especialidade.component.html',
+    standalone: true,
+    imports: [MatDialogModule, NgIf, MatIconModule, MatPaginatorModule,
+      FormsModule, MatInputModule, MatFormFieldModule, MatTableModule]
 })
 
 export class EspecialidadeComponent implements OnInit, AfterViewInit {
@@ -53,9 +44,6 @@ export class EspecialidadeComponent implements OnInit, AfterViewInit {
 
   constructor(
     public dialog: MatDialog,
-    private renderer: Renderer2,
-    private router: Router,
-    private route: ActivatedRoute,
     private especialidadeService: EspecialidadeService
   ) {
     this.currentRecord = new Especialidade({});
@@ -149,3 +137,4 @@ export class EspecialidadeComponent implements OnInit, AfterViewInit {
     this.loadPage();
   }
 }
+

src/app/components/hibrido-client-error/hibrido-client-error.component.html

@@ -85,7 +85,11 @@ <h1 class="modal-title fs-5" id="exampleModalLabel">Filtar por intervalo de data
 <div class="mat-elevation-z4">
   <div class="collapse" id="collapseSearch">
     <div class="card card-body">
-      <div class="row" [formGroup]="searchGroup">
+      <!-- [formGroup]="searchGroup" -->
+      <!--
+        ERROR] NG8002: Can't bind to 'formGroup' since it isn't a known property of
+      -->
+      <div class="row">
         <div class="mb-4 col-md-4 row">
           <mat-form-field appearance="fill">
             <mat-label>Version Id:</mat-label>