Merge pull request #23 from fga-eps-mds/07-suggest-agenda

07 suggest agenda
fga-eps-mds · Nov 22, 2023 · 48b4b10 · 48b4b10
2 parents 654d926 + 62163f1
commit 48b4b10
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 33 deletions.
diff --git a/src/app/pages/suggest-agenda/suggest-agenda.component.css b/src/app/pages/suggest-agenda/suggest-agenda.component.css
@@ -64,8 +64,3 @@ span {
     outline: none !important;
     border: 0.25px solid #00A550;
 }
-
-.required-field {
-    outline: none !important;
-    border: 2px solid red;
-}
diff --git a/src/app/pages/suggest-agenda/suggest-agenda.component.html b/src/app/pages/suggest-agenda/suggest-agenda.component.html
@@ -2,14 +2,16 @@
     <div class="mb-4">
         <h1>Sugestão de Pautas</h1>
         <form [formGroup]="suggestAgendaForm" (submit)="sendSuggestAgenda()" class="flex flex-col gap-y-3">
-            <input pInputText type="text" class="input first" name="tema" formControlName="tema" placeholder="Tema" >
-            <textarea class="input descricao" name="descicao" formControlName="descricao" placeholder="Descrição" required [ngClass]="{'required-field': !isDescricaoFilled}" (change)="onRequiredFieldsChange()"></textarea>
-            <input pInputText type="text" class="input first" name="quando" formControlName="quando" placeholder="Quando (data e hora)" >
-            <input pInputText type="text" class="input first" name="local" formControlName="local" placeholder="Local" >
-            <input pInputText type="text" class="input first" name="responsavel" formControlName="responsavel" placeholder="Responsável" required [ngClass]="{'required-field': !isResponsavelFilled}" (change)="onRequiredFieldsChange()">
-            <input pInputText type="text" class="input first" name="telefone-responsavel" formControlName="telefoneResponsavel" placeholder="Telefone do Responsável" required [ngClass]="{'required-field': !isTelefoneFilled}" (change)="onRequiredFieldsChange()">
-            <input pInputText type="text" class="input first" name="email-contato" formControlName="emailContato" placeholder="E-mail para contato" >
+            <input type="text" class="input first" name="tema" formControlName="tema" placeholder="Tema" >
+            <textarea class="input descricao" name="descicao" formControlName="descricao" placeholder="Descrição *" required></textarea>
+            <input type="text" class="input first" name="quando" formControlName="quando" placeholder="Quando (data e hora)" >
+            <input type="text" class="input first" name="local" formControlName="local" placeholder="Local" >
+            <input type="text" class="input first" name="responsavel" formControlName="responsavel" placeholder="Responsável *" required >
+            <input type="text" class="input first" name="telefone-responsavel" formControlName="telefoneResponsavel" placeholder="Telefone do Responsável *" required>
+            <input type="text" class="input first" name="email-contato" formControlName="emailContato" placeholder="E-mail para contato" >
             <div>
+                <p style="color:#969696"><small>*Campo obrigatório</small></p>
+
                 <button type="submit">
                     <span *ngIf="isSendingEmail">Enviando...</span>
                     <span *ngIf="!isSendingEmail">Enviar</span>

diff --git a/src/app/pages/suggest-agenda/suggest-agenda.component.spec.ts b/src/app/pages/suggest-agenda/suggest-agenda.component.spec.ts
@@ -1,7 +1,6 @@
 import { HttpClientTestingModule } from '@angular/common/http/testing';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormBuilder, ReactiveFormsModule } from '@angular/forms';
-import { By } from '@angular/platform-browser';
 import { of, throwError } from 'rxjs';
 import { EmailService } from 'src/app/services/email.service';
 import { SuggestAgendaComponent } from './suggest-agenda.component';
@@ -72,17 +71,6 @@ describe('SuggestAgendaComponent', () => {
     expect(component.sendSuggestAgenda).toHaveBeenCalled();
   });
 
-  it('should call onRequiredFieldsChange when responsavel input value changes', () => {
-    fixture.detectChanges();
-    spyOn(component, 'onRequiredFieldsChange');
-
-    const input = fixture.debugElement.query(By.css('input[name="responsavel"]')).nativeElement;
-    input.value = 'novo valor';
-    input.dispatchEvent(new Event('change'));
-
-    expect(component.onRequiredFieldsChange).toHaveBeenCalled();
-  });
-
   it('should call sendEmail', () => {
     fixture.detectChanges();
     const mySpy = spyOn(emailService, 'sendEmail').and.callThrough();

diff --git a/src/app/pages/suggest-agenda/suggest-agenda.component.ts b/src/app/pages/suggest-agenda/suggest-agenda.component.ts
@@ -13,9 +13,6 @@ import { AlertService } from 'src/app/services/alert.service';
 export class SuggestAgendaComponent implements OnInit {
 
   suggestAgendaForm!: FormGroup;
-  isDescricaoFilled = false;
-  isResponsavelFilled = false;
-  isTelefoneFilled = false;
   isSendingEmail = false;
 
   constructor(
@@ -64,10 +61,4 @@ export class SuggestAgendaComponent implements OnInit {
     }
   }
 
-  onRequiredFieldsChange(): void {
-    this.isDescricaoFilled = !!this.suggestAgendaForm.value.descricao;
-    this.isResponsavelFilled = !!this.suggestAgendaForm.value.responsavel;
-    this.isTelefoneFilled = !!this.suggestAgendaForm.value.telefoneResponsavel;
-  }
-
 }