save

src/app/modals/create-process/create-process.page.html

@@ -13,15 +13,15 @@
           <div class="ion-icon-class">
             <ion-icon slot="start" src="assets/images/icons-description.svg"></ion-icon>
           </div>
-          <div class="ion-input-class flex-grow-1" [class.input-error]="Form?.get('Message')?.invalid && validateFrom ">
+          <div class="ion-input-class flex-grow-1" [class.input-error]="Form?.get('Message')?.invalid && validateFrom || validateField ">
             <ion-textarea class="add-border" placeholder="Descrição" [(ngModel)]="postData.DispatchFolder.Message"></ion-textarea>
           </div>
         </div>
       </div>
-      
+
       <!-- Add scrolls -->
       <div class="d-flex flex-column height-100 overflow-y-auto">
-          
+
         <div class="container-div width-100">
           <div class="ion-item-class-2 width-100">
             <div class="ion-icon-class">
@@ -29,11 +29,11 @@
             </div>
             <div class="ion-input-class" [class.input-error]="Form?.get('Priority')?.invalid && validateFrom" >
 
-              <ion-select 
+              <ion-select
-                placeholder="Prazo*" 
+                placeholder="Prazo*"
-                [(ngModel)]="postData.Priority" 
+                [(ngModel)]="postData.Priority"
-                interface="action-sheet" 
+                interface="action-sheet"
-                Cancel-text="Cancelar" 
+                Cancel-text="Cancelar"
                 required
                 class="d-block d-md-none"
                 >
@@ -62,19 +62,19 @@
               <ion-icon slot="start" src="assets/images/icons-description.svg"></ion-icon>
             </div>
             <div class="ion-input-class" [class.input-error]="Form?.get('selectedTypes')?.invalid  && validateFrom ">
-              <!-- <ion-item 
+              <!-- <ion-item
                 class="ion-no-border ion-no-padding ion-no-margin d-block d-md-none">
                 <ion-select
                 [(ngModel)]="selectedTypes"
-                (ngModelChange)="onSelectedTypesChanged($event)" 
+                (ngModelChange)="onSelectedTypesChanged($event)"
                 multiple="true" interface="alert" Cancel-text="Cancelar" required>
                   <ion-select-option *ngFor="let type of subjectTypes" value="{{type.Code}}">{{type.Description}}</ion-select-option>
                 </ion-select>
               </ion-item> -->
-            
+
               <mat-form-field
                 floatLabel="never"
-                appearance="fill" 
+                appearance="fill"
                 class="width-100 d-block"
                 appearance="none">
                 <mat-select [(ngModel)]="selectedTypes" multiple placeholder="Selecione o tipo de evento*">
@@ -135,21 +135,21 @@
             </div>
             <div class="attach-document pl-10">
               <ion-label>Anexar Documentos</ion-label>
-            </div> 
+            </div>
           </ion-label>
         </div>
 
-        <div class="list "  *ngFor="let document of documents; let i = index" > 
+        <div class="list "  *ngFor="let document of documents; let i = index" >
           <ion-list>
             <ion-item>
             <ion-label>
-              <p class="d-flex ion-justify-content-between"> 
+              <p class="d-flex ion-justify-content-between">
-                <span class="attach-title-item">{{document.Assunto}}</span> 
+                <span class="attach-title-item">{{document.Assunto}}</span>
-                <span class="app-name">{{document.appName}}</span> 
+                <span class="app-name">{{document.appName}}</span>
                 <span class="close-button text-black cursor-pointer" (click)="removeAttachment(i)" >
                   <ion-icon class="font-20" src="assets/images/icons-delete-25.svg"></ion-icon>
                 </span>
-              </p> 
+              </p>
               <p><span class="span-left">{{document.EntidadeOrganicaNome}}</span><span class="span-right"> {{document.Data | date: 'dd-MM-yyyy HH:mm'}} </span></p>
             </ion-label>
           </ion-item>
@@ -158,11 +158,11 @@
       </div>
     </div>
 
-    
+
     <div *ngIf="postData" class="aside-right flex-column height-100">
-      <app-empty-container 
+      <app-empty-container
-          [texto]="emptyTextDescription" 
+          [texto]="emptyTextDescription"
-          *ngIf="!showAttendees" 
+          *ngIf="!showAttendees"
           class="d-flex height-100 flex-column">
       </app-empty-container>
       <app-attendee-modal
@@ -187,4 +187,4 @@
     <button class="btn-cancel" shape="round" (click)="cancelTask()">Cancelar</button>
     <button class="btn-ok" shape="round" (click)="saveTask()">Gravar</button>
   </div>
-</ion-footer>
+</ion-footer>

src/app/modals/create-process/create-process.page.scss

@@ -2,7 +2,7 @@
     padding: 30px 20px 0 20px !important;
     margin: 0;
     float: left;
-  
+
     .title{
       font-family: Roboto;
       font-size: 25px;
@@ -61,7 +61,7 @@
     .list-people{
       width: 256px;
       float: left;
-  
+
     }
     .add-people{
       width: 45px;
@@ -78,7 +78,7 @@
       font-size: 15px;
       color: #0d89d1;
     }
-  
+
     .attach-title-item{
       width: 100%;
       font-size: 15px;
@@ -127,7 +127,7 @@
     }
   }
 
-  
+
 
 
 .close-button {
@@ -140,13 +140,13 @@
   .app-name {
     display: none;
   }
-  
+
   .close-button {
     display: block !important;
   }
 }
 
-  
+
 .app-name{
   background: #42b9f2;
   border-radius: 18px;

src/app/modals/create-process/create-process.page.ts

@@ -73,7 +73,8 @@ export class CreateProcessPage implements OnInit {
   profile: string;
 
   Form: FormGroup;
-  validateFrom = false
+  validateFrom = false;
+  validateField = false;
 
   emptyTextDescription = "Sem intervenientes selecionados";
   showEmptyContainer = true;
@@ -380,6 +381,7 @@ export class CreateProcessPage implements OnInit {
                 }
               }
               else{
+                this.validateField = true;
                 this.toastService.badRequest('Por favor adicione uma nota');
               }
               loader.remove();