Improve publication forms

src/app/shared/publication/new-publication/new-publication.page.html

@@ -12,15 +12,13 @@
 <ion-content>
 <div class="content-container">
 
-  <div  *ngIf="publicationType!='1'" class="ion-item-container">
+  <div  *ngIf="publicationType!='1'" class="ion-item-container" [class.input-error]="Form?.get('Subject')?.invalid && validateFrom ">
     <ion-input [(ngModel)]="pub.Title" name="title" placeholder="Título" ></ion-input>
   </div>
 
- 
-
   <div *ngIf="publicationType!='1'" class="container-div pb-20">
     <div class="ion-item-class-2 d-flex">
-      <div class="ion-icon-class">
+      <div class="ion-icon-class" >
         <ion-icon slot="start" src="assets/images/icons-description.svg"></ion-icon>
       </div>
       <div class="ion-textarea-class flex-grow-1">

src/app/shared/publication/new-publication/new-publication.page.ts

@@ -14,6 +14,7 @@ import { PhotoService } from 'src/app/services/photo.service';
 //Cordova
 import { Camera, CameraOptions } from '@ionic-native/camera/ngx';
 import { ToastService } from 'src/app/services/toast.service';
+import { FormControl, FormGroup, Validators } from '@angular/forms';
 
 @Component({
   selector: 'app-new-publication',
@@ -30,6 +31,8 @@ export class NewPublicationPage implements OnInit {
 
   Defaultimage:any = '';
 
+  Form: FormGroup;
+  validateFrom = false
 
   photo: SafeResourceUrl;
 
@@ -134,7 +137,30 @@ export class NewPublicationPage implements OnInit {
      });
   }
 
+
+
+  runValidation() {
+    this.validateFrom  = true
+  }
+
+  injectValidation() {
+
+    this.Form = new FormGroup({
+      Subject: new FormControl(this.pub.Title, [
+        Validators.required,
+        // Validators.minLength(4)
+      ])
+    })
+  }
+
+
   async save(){
+
+    this.injectValidation()
+    this.runValidation()
+
+    if(this.Form.invalid) return false
+
     if(this.publicationType == '3'){
        
       if(this.capturedImage != '') {