Front hst spa fornecedor

.gitignore

@@ -1,5 +1,8 @@
 # See http://help.github.com/ignore-files/ for more about ignoring files.
 
+# Ignora Hints
+.hintrc
+
 # compiled output
 /dist
 /tmp

package.json

@@ -41,6 +41,7 @@
     "bootstrap": "^5.2.3",
     "core-util-is": "^1.0.3",
     "got": "^12.5.3",
+    "hammerjs": "^2.0.8",
     "moment": "^2.29.1",
     "ng-auto-complete": "^5.0.3",
     "ngx-mask": "^15.1.0",

src/app/app-routing.module.ts

@@ -25,6 +25,7 @@ import { BandejaUpdateComponent } from './components/bandeja/bandeja-update/band
 import { ColetorCreateComponent } from './components/coletor/coletor-create/coletor-create.component';
 import { ColetorDeleteComponent } from './components/coletor/coletor-delete/coletor-delete.component';
 import { ColetorUpdateComponent } from './components/coletor/coletor-update/coletor-update.component';
+import { ConvenioComponent } from './components/convenio/convenio.component';
 import { ConsultaAmostraShowComponent } from './components/consulta-amostra/consulta-amostra-show/consulta-amostra-show.component';
 import { DominioComponent } from './components/dominio/dominio.component';
 import { EmpresaCreateComponent } from './components/empresa/empresa-create/empresa-create.component';
@@ -39,6 +40,8 @@ import { ExameCreateComponent } from './components/exame/exame-create/exame-crea
 import { ExameDeleteComponent } from './components/exame/exame-delete/exame-delete.component';
 import { ExameUpdateComponent } from './components/exame/exame-update/exame-update.component';
 import { EspecialidadeComponent } from './components/especialidade/especialidade.component';
+import { FornecedorSincronizacaoComponent } from './components/fornecedor-sincronizacao/fornecedor-sincronizacao.component';
+import { GrupoLocalAtendimentoComponent } from './components/grupo-local-atendimento/grupo-local-atendimento.component';
 import { HomeComponent } from './views/home/home.component';
 import { HibridoClientErrorComponent } from './components/hibrido-client-error/hibrido-client-error.component';
 import { LaboratorioCreateComponent } from './components/laboratorio/laboratorio-create/laboratorio-create.component';
@@ -96,8 +99,11 @@ import { TipoExameCreateComponent } from './components/tipo-exame/tipo-exame-cre
 import { TipoExameDeleteComponent } from './components/tipo-exame/tipo-exame-delete/tipo-exame-delete.component';
 import { TipoExameUpdateComponent } from './components/tipo-exame/tipo-exame-update/tipo-exame-update.component';
 import { TipoRecursoComponent } from './components/tipo-recurso/tipo-recurso.component';
-import { UploadFileComponent } from './components/upload-file/upload-file.component';
+import { TipoInstrumentoComponent } from './components/tipo-instrumento/tipo-instrumento.component';
 import { SuperUserComponent } from './components/super-user/super-user.component';
+import { UnidadeMedidaComponent } from './components/unidade-medida/unidade-medida.component';
+import { UnidadeMedidaLmComponent } from './components/unidade-medida-lm/unidade-medida-lm.component';
+import { UploadFileComponent } from './components/upload-file/upload-file.component';
 import { UserComponent } from './components/user/user.component';
 import { UsuarioCreateComponent } from './components/usuario/usuario-create/usuario-create.component';
 import { UsuarioDeleteComponent } from './components/usuario/usuario-delete/usuario-delete.component';
@@ -142,6 +148,18 @@ const routes: Routes = [
     path: 'tipos_recurso',
     component: TipoRecursoComponent,
   },
+  {
+    path: 'tipo_instrumentos',
+    component: TipoInstrumentoComponent,
+  },
+  {
+    path: 'convenios',
+    component: ConvenioComponent,
+  },
+  {
+    path: 'grupos_locais',
+    component: GrupoLocalAtendimentoComponent,
+  },
   {
     path: 'hibrido_client_errors',
     component: HibridoClientErrorComponent,
@@ -250,6 +268,14 @@ const routes: Routes = [
     path: 'super_users',
     component: SuperUserComponent,
   },
+  {
+    path: 'unidades_medida',
+    component: UnidadeMedidaComponent,
+  },
+  {
+    path: 'unidades_medidas_lm',
+    component: UnidadeMedidaLmComponent,
+  },
   {
     path: 'users',
     component: UserComponent,
@@ -386,6 +412,10 @@ const routes: Routes = [
     path: 'coletores/delete/:id',
     component: ColetorDeleteComponent,
   },
+  {
+    path: 'fornecedores_sincronizacao',
+    component: FornecedorSincronizacaoComponent,
+  },
   {
     path: 'operadoras',
     component: OperadoraCrudComponent,

src/app/components/convenio/convenio-detalhe/convenio-detalhe.component.html

@@ -0,0 +1,93 @@
+<form #formConvenioDetalhe="ngForm" class="justify-content-md-center">
+  <div class="">
+    <mat-form-field appearance="fill" class="col-lg-3 col-md-3 p-2">
+      <mat-label>Mascara de Carteirinha</mat-label>
+      <input type="text" matInput min="1" matInput maxlength="50"
+        id="mascara_codigo" name="mascara_codigo" title="Mascara de Carteirinha"
+        [(ngModel)]="convenio.mascara_codigo">
+    </mat-form-field>
+    <div>
+      <h3 class="ms-2">Guia:</h3>
+      <mat-form-field appearance="fill" class="col-lg-5 col-md-5 p-2">
+        <mat-label>Relatório de Guia</mat-label>
+        <input
+          type="search" name="idrelatorioguia" title="Relatório de Guia"
+          matInput [matAutocomplete]="autoRelatorioGuia"
+          [(ngModel)]="convenio.idrelatorioguia"
+          (ngModelChange)="searchRelatorioGuia()"
+          #idrelatorioguia="ngModel"
+        />
+        <mat-autocomplete #autoRelatorioGuia="matAutocomplete"
+          [displayWith]="displayFnRelatorioGuia(relatoriosGuia)">
+          <mat-option *ngFor="let relatorioGuia of relatoriosGuia" [value]=" relatorioGuia.id">
+            {{ relatorioGuia.titulo }}
+          </mat-option>
+        </mat-autocomplete>
+      </mat-form-field>
+      <mat-form-field appearance="fill" class="col-lg-3 col-md-3 p-2">
+        <mat-label>Mascara da Guia</mat-label>
+        <input type="text" matInput min="1" matInput maxlength="50"
+          id="mascara_guia" name="mascara_guia" title="Mascara da Guia"
+          [(ngModel)]="convenio.mascara_guia">
+      </mat-form-field>
+    </div>
+
+    <div>
+      <h3 class="ms-2">Fatura:</h3>
+      <mat-form-field appearance="fill" class="col-lg-5 col-md-5 p-2">
+        <mat-label>Nome do Relatório</mat-label>
+        <input
+          type="search" name="idrelatoriofatura" title="Relatório de Fatura"
+          matInput [matAutocomplete]="autoRelatorioFatura"
+          [(ngModel)]="convenio.idrelatoriofatura"
+          (ngModelChange)="searchRelatorioFatura()"
+          #idrelatoriofatura="ngModel"
+        />
+        <mat-autocomplete #autoRelatorioFatura="matAutocomplete"
+          [displayWith]="displayFnRelatorioFatura(relatoriosFatura)">
+          <mat-option *ngFor="let relatorioFatura of relatoriosFatura" [value]=" relatorioFatura.id">
+            {{ relatorioFatura.titulo }}
+          </mat-option>
+        </mat-autocomplete>
+      </mat-form-field>
+      <mat-form-field appearance="fill" class="col-lg-3 col-md-3 p-2">
+        <mat-label>Qtde. de Vias da Fatura</mat-label>
+        <input type="number" matInput min="1" matInput maxlength="50"
+          id="vias_relatorio" name="vias_relatorio" title="Qtde. de Vias da Fatura"
+          [(ngModel)]="convenio.vias_relatorio">
+      </mat-form-field>
+    </div>
+
+    <div>
+      <h3 class="ms-2">Exportação de Dados:</h3>
+      <mat-form-field appearance="fill" class="col-lg-5 col-md-5 p-2">
+        <mat-label>Nome do Objeto</mat-label>
+        <input
+          type="search" name="idrelatorioexportacao" title="Relatório de Exportação"
+          matInput [matAutocomplete]="autoRelatorioExportacao"
+          [(ngModel)]="convenio.idrelatorioexportacao"
+          (ngModelChange)="searchRelatorioExportacao()"
+          #idrelatorioexportacao="ngModel"
+        />
+        <mat-autocomplete #autoRelatorioExportacao="matAutocomplete"
+          [displayWith]="displayFnRelatorioExportacao(relatoriosExportacao)">
+          <mat-option *ngFor="let relatorioExportacao of relatoriosExportacao" [value]=" relatorioExportacao.id">
+            {{ relatorioExportacao.titulo }}
+          </mat-option>
+        </mat-autocomplete>
+      </mat-form-field>
+      <mat-form-field appearance="fill" class="col-lg-3 col-md-3 p-2">
+        <mat-label>Versão do Layout</mat-label>
+        <input type="number" matInput min="1" matInput maxlength="50"
+          id="layout_fatura" name="layout_fatura" title="Versão do Layout"
+          [(ngModel)]="convenio.layout_fatura">
+      </mat-form-field>
+      <mat-form-field appearance="fill" class="col-lg-3 col-md-3 p-2">
+        <mat-label>Registro ANS</mat-label>
+        <input type="text" matInput min="1" matInput maxlength="50"
+          id="registro_ans" name="registro_ans" title="Registro ANS"
+          [(ngModel)]="convenio.registro_ans">
+      </mat-form-field>
+    </div>
+  </div>
+</form>

src/app/components/convenio/convenio-detalhe/convenio-detalhe.component.ts

@@ -0,0 +1,143 @@
+import { Component, OnInit, Input } from '@angular/core';
+import { Convenio } from '../../model/convenio.model';
+import { Relatorio } from '../../model/relatorio.model';
+import { TipoRelatorio } from '../../model/tipo-relatorio.model';
+import { RelatorioGuiaService } from '../../service/relatorio-guia.service';
+import { RelatorioFaturaService } from '../../service/relatorio-fatura.service';
+import { RelatorioExportacaoService } from '../../service/relatorio-exportacao.service';
+import { Query } from 'src/app/components/model/query.model';
+import { Subject } from 'rxjs';
+import { MatSelectModule } from '@angular/material/select';
+import { MatOptionModule } from '@angular/material/core';
+import { NgFor, JsonPipe } from '@angular/common';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import { MatInputModule } from '@angular/material/input';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { FormsModule } from '@angular/forms';
+
+@Component({
+  selector: 'app-convenio-detalhe',
+  standalone: true,
+  templateUrl: './convenio-detalhe.component.html',
+  imports: [ FormsModule, MatFormFieldModule, MatInputModule, JsonPipe,
+    MatAutocompleteModule, NgFor, MatOptionModule, MatSelectModule,
+  ]
+})
+export class ConvenioDetalheComponent implements OnInit {
+  @Input('convenio') convenio: Convenio;
+  @Input('relatoriosGuia') relatoriosGuia: Relatorio[] = [];
+  @Input('relatoriosFatura') relatoriosFatura: Relatorio[] = [];
+  @Input('relatoriosExportacao') relatoriosExportacao: Relatorio[] = [];
+
+  tipo_relatorio: TipoRelatorio;
+  relatorio: Relatorio;
+  queries: Query[] = [];
+
+  subjectRelatorioGuia: Subject<any> = new Subject();
+  subjectRelatorioFatura: Subject<any> = new Subject();
+  subjectRelatorioExportacao: Subject<any> = new Subject();
+
+  constructor(
+    private relatorioFaturaService: RelatorioFaturaService,
+    private relatorioGuiaService: RelatorioGuiaService,
+    private relatorioExportacaoService: RelatorioExportacaoService,
+  ) {
+    this.convenio ||= new Convenio({});
+    this.relatorio ||= new Relatorio({});
+    this.tipo_relatorio ||= new TipoRelatorio({});
+  }
+
+  ngOnInit(): void {
+    const query = new Query({ key: '', value: '', isNumeric: false });
+
+    this.subjectRelatorioGuia.subscribe(() => {
+      this.relatorioGuiaService
+        .find('id', 'asc', 0, 60, this.queries)
+        .subscribe((relatoriosGuia: any) => {
+          this.relatoriosGuia = relatoriosGuia;
+        });
+    });
+    this.subjectRelatorioGuia.next(null);
+
+    this.subjectRelatorioFatura.subscribe(() => {
+      this.relatorioFaturaService
+        .find('id', 'asc', 0, 60, this.queries)
+        .subscribe((relatoriosFatura: any) => {
+          this.relatoriosFatura = relatoriosFatura;
+        });
+    });
+    this.subjectRelatorioFatura.next(null);
+
+    this.subjectRelatorioExportacao.subscribe(() => {
+      this.relatorioExportacaoService
+        .find('id', 'asc', 0, 60, this.queries)
+        .subscribe((relatoriosExportacao: any) => {
+          this.relatoriosExportacao = relatoriosExportacao;
+        });
+    });
+    this.subjectRelatorioExportacao.next(null);
+  }
+
+  searchRelatorioGuia(): void {
+    const query_string = this.convenio.idrelatorioguia as unknown as string;
+    const query = new Query({
+      key: 'titulo',
+      value: query_string,
+      isNumeric: false,
+    });
+    this.queries = [];
+    this.queries.push(query);
+    this.subjectRelatorioGuia.next(null);
+  }
+
+  displayFnRelatorioGuia(options: Relatorio[]): (id: any) => any {
+    return (id: any) => {
+      const correspondingOption = Array.isArray(options)
+        ? options.find((option) => option.id === id)
+        : null;
+      return correspondingOption ? correspondingOption.titulo : '';
+    };
+  }
+
+  searchRelatorioFatura(): void {
+    const query_string = this.convenio.idrelatoriofatura as unknown as string;
+    const query = new Query({
+      key: 'titulo',
+      value: query_string,
+      isNumeric: false,
+    });
+    this.queries = [];
+    this.queries.push(query);
+    this.subjectRelatorioFatura.next(null);
+  }
+
+  displayFnRelatorioFatura(options: Relatorio[]): (id: any) => any {
+    return (id: any) => {
+      const correspondingOption = Array.isArray(options)
+        ? options.find((option) => option.id === id)
+        : null;
+      return correspondingOption ? correspondingOption.titulo : '';
+    };
+  }
+
+  searchRelatorioExportacao(): void {
+    const query_string = this.convenio.idrelatorioexportacao as unknown as string;
+    const query = new Query({
+      key: 'titulo',
+      value: query_string,
+      isNumeric: false,
+    });
+    this.queries = [];
+    this.queries.push(query);
+    this.subjectRelatorioExportacao.next(null);
+  }
+
+  displayFnRelatorioExportacao(options: Relatorio[]): (id: any) => any {
+    return (id: any) => {
+      const correspondingOption = Array.isArray(options)
+        ? options.find((option) => option.id === id)
+        : null;
+      return correspondingOption ? correspondingOption.titulo : '';
+    };
+  }
+}