Improve

src/app/pages/agenda/new-event/new-event.page.html

@@ -14,15 +14,28 @@
   <div class="main-content">
     <!-- <input type="text" ngbDatepicker #d="ngbDatepicker"/> -->
     
-    <div class="ion-item-container">
+    <div class="ion-item-container" [class.input-error]="Form?.get('Subject')?.invalid && validateFrom ">
       <ion-input  placeholder="Assunto*" [(ngModel)]="postEvent.Subject"></ion-input>
     </div>
+
+
+    <div *ngIf="Form && validateFrom" >
+      <div *ngIf="Form.get('Subject').invalid " class="input-errror-message">
+        <div *ngIf="Form.get('Subject').errors?.required">
+          Campo obrigatório.
+        </div>
+        <div *ngIf="Form.get('Subject').errors?.minlength">
+          O campo deve ter pelo menos 4 caracteres.
+        </div>
+      </div>
+    </div>
+
     <div class="container-div">
       <div class="ion-item-class-2">
         <div class="ion-icon-class">
           <ion-icon slot="start" src="assets/images/icons-location.svg"></ion-icon>
         </div>
-        <div class="ion-input-class">
+        <div class="ion-input-class" [class.input-error]="Form?.get('Location')?.invalid  && validateFrom ">
           <ion-input placeholder="Localização*" [(ngModel)]="postEvent.Location"></ion-input>
         </div>
       </div>
@@ -32,6 +45,17 @@
       </span> -->
   
     </div>
+
+    <div *ngIf="Form && validateFrom" >
+      <div *ngIf="Form.get('Location').invalid " class="input-errror-message">
+        <div *ngIf="Form.get('Location').errors?.required">
+          Campo obrigatório.
+        </div>
+        <div *ngIf="Form.get('Location').errors?.minlength">
+          O campo deve ter pelo menos 4 caracteres.
+        </div>
+      </div>
+    </div>
   
     <div class="container-div">
       <div class="ion-item-class-2">
@@ -56,7 +80,7 @@
         <div class="ion-icon-class">
           <ion-icon slot="start" src="assets/images/icons-description.svg"></ion-icon>
         </div>
-        <div class="ion-input-class">
+        <div class="ion-input-class" [class.input-error]="Form?.get('Location')?.invalid  && validateFrom ">
           <ion-select  placeholder="Selecione tipo de evento*" 
           [(ngModel)]="postEvent.Categories[0]" 
           interface="action-sheet" 
@@ -69,6 +93,14 @@
         </div>
       </div>
     </div>
+
+    <div *ngIf="Form && validateFrom" >
+      <div *ngIf="Form.get('Categories').invalid " class="input-errror-message">
+        <div *ngIf="Form.get('Categories').errors?.required">
+          Campo obrigatório.
+        </div>
+      </div>
+    </div>
   
     <div class="container-div">
       <div class="ion-item-class-2">

src/app/pages/agenda/new-event/new-event.page.ts

@@ -12,6 +12,10 @@ import { ToastService } from 'src/app/services/toast.service';
 import { Event } from '../../../models/event.model';
 import { AttendeesPageModal } from '../../events/attendees/attendees.page';
 import { SearchPage } from '../../search/search.page';
+import { ThemePalette } from '@angular/material/core';
+import { FormControl, FormGroup, Validators } from '@angular/forms';
+import * as moment from 'moment';
+
 
 @Component({
   selector: 'app-new-event',
@@ -20,6 +24,23 @@ import { SearchPage } from '../../search/search.page';
 })
 
 export class NewEventPage implements OnInit {
+  // date picker
+  public date: any;
+  public disabled = false;
+  public showSpinners = true;
+  public showSeconds = false;
+  public touchUi = false;
+  public enableMeridian = false;
+  public minDate = new Date();
+  public endMinDate = new Date(new Date().getTime() + 15 * 60000);
+  public stepHour = 1;
+  public stepMinute = 5;
+  public stepSecond = 5;
+  public color: ThemePalette = 'primary';
+
+  Form: FormGroup;
+  validateFrom = false
+
   postEvent: Event;
   eventBody: EventBody;
   segment:string = "true";
@@ -27,7 +48,6 @@ export class NewEventPage implements OnInit {
   eventAttendees: EventPerson[];
   selectedSegment: string;
   selectedDate: Date;
-  minDate: string;
 
   adding: "intervenient" | "CC";
 
@@ -65,7 +85,6 @@ export class NewEventPage implements OnInit {
     let selectedEndDate = new Date(this.selectedDate);
     /* Set + 30minutes to seleted datetime */
     selectedEndDate.setMinutes(this.selectedDate.getMinutes() + 30) ;    
-    this.minDate = this.selectedDate.toString();
     
     if(this.selectedSegment != "Combinada"){
       this.postEvent ={
@@ -122,9 +141,42 @@ export class NewEventPage implements OnInit {
     this.modalController.dismiss();
   }
   
+
+  runValidation() {
+    this.validateFrom  = true
+  }
+
+  injectValidation() {
+
+    this.Form = new FormGroup({
+      Subject: new FormControl(this.postEvent.Subject, [
+        Validators.required,
+        // Validators.minLength(4)
+      ]),
+      Location: new FormControl(this.postEvent.Location, [
+        Validators.required,
+      ]),
+      CalendarName: new FormControl(this.postEvent.CalendarName),
+      Categories: new FormControl(this.postEvent.Categories[0], [
+        Validators.required
+      ]),
+      IsRecurring: new FormControl(this.postEvent.IsRecurring, [
+        Validators.required
+      ]),
+      // participantes: new FormControl(this.taskParticipantsCc.concat(this.taskParticipants), [
+      //   Validators.required
+      // ]),
+
+    })
+  }
+  
   async save() {
-  /*     console.log(this.postEvent);
-    console.log(this.profile); */
+    this.injectValidation()
+    this.runValidation()
+
+    if(this.Form.invalid) return false
+
+    console.log('passed')
   
     if(this.documents.length >= 0) {
       this.postEvent.HasAttachments = true;

src/app/shared/agenda/new-event/new-event.page.html

@@ -118,7 +118,7 @@
             <input matInput [ngxMatDatetimePicker]="picker1" 
               placeholder="Choose a date" 
               [formControl]="dateControlStart"
-              [min]="minDate" [max]="maxDate" 
+              [min]="minDate"
               [disabled]="disabled"
             >
             <mat-datepicker-toggle id="new-inicio" matSuffix [for]="picker1"></mat-datepicker-toggle>
@@ -193,7 +193,7 @@
     <div *ngIf="Form && validateFrom" >
       <div *ngIf="Form.get('participantes').invalid " class="input-errror-message">
         <div *ngIf="Form.get('participantes').errors?.required">
-          Adicionar participant.
+          Adicionar participante.
         </div>
       </div>
     </div>

src/app/shared/headers/header-no-search/profile/profile.page.html

@@ -30,7 +30,6 @@
       <ion-row>
         <ion-col class="align-center d-flex">
           <div class="d-flex align-center"  (click)="LoginPreferenceMethod('pin')">
-            <!--  -->
             <ion-checkbox [checked]="userLoginPreference=='pin' " class="checkBox" ></ion-checkbox>
             PIN 
           </div>

src/app/shared/headers/header-no-search/profile/profile.page.ts

@@ -14,7 +14,7 @@ import { PinPage } from 'src/app/shared/pin/pin.page';
 export class ProfileComponent implements OnInit {
 
   loggeduser: User;
-  userLoginPreference: boolean
+  userLoginPreference = ''
 
   constructor(private modalController:ModalController,
     private authService: AuthService,
@@ -140,7 +140,7 @@ export class ProfileComponent implements OnInit {
     if (userData.hasOwnProperty('loginPreference')) {
       this.userLoginPreference = userData.loginPreference
     } else {
-      this.userLoginPreference = false
+      this.userLoginPreference =  ''
     }
     
   }