fix

src/app/shared/gabinete-digital/generic/task-details/task-details.module.ts

@@ -7,13 +7,18 @@ import { IonicModule } from '@ionic/angular';
 import { TaskDetailsPageRoutingModule } from './task-details-routing.module';
 
 import { TaskDetailsPage } from './task-details.page';
+import { TaskDetailHeaderPageModule } from '../task-detail-header/task-detail-header.module';
+import { TaskDetailContentPageModule } from '../task-detail-content/task-detail-content.module';
 
 @NgModule({
   imports: [
     CommonModule,
     FormsModule,
     IonicModule,
-    TaskDetailsPageRoutingModule
+    TaskDetailsPageRoutingModule,
+    //
+    TaskDetailHeaderPageModule,
+    TaskDetailContentPageModule
   ],
   declarations: [TaskDetailsPage],
   exports: [TaskDetailsPage]

src/app/shared/gabinete-digital/generic/task-details/task-details.page.html

@@ -1,5 +1,5 @@
-<ion-header *ngIf="task" class="ion-no-border">
-  <div class="main-header">
+<ion-header *ngIf="task" class="ion-no-border ">
+  <div class="main-header mt-30 px-20">
     <div class="title-content width-100 d-flex justify-space-between align-center">
       <div class=" btn-dismiss font-30-rem cursor-pointer" (click)="goBack.emit()" defaultHref="#">
         <ion-icon  *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
@@ -27,11 +27,11 @@
       </ion-label>
     </div>
   </div>
-  <div class="line"></div>
+  <div class="line mx-20"></div>
 </ion-header>
 
 <ion-content>
-  <div *ngIf="task" class="overflow-y-auto height-100">
+  <div *ngIf="task" class="overflow-y-auto height-100 px-20">
     <div class="middle-content">
       <h5 class="font-17-rem" *ngIf="intervenientes">Intervenientes</h5>
       <ion-item class="ion-no-margin ion-no-padding">
@@ -51,20 +51,21 @@
           </ion-label>
         </ion-item>
       </div>
-      <div *ngIf="fulltask.workflowInstanceDataFields.TaskMessage">
+      <div *ngIf="task.Note">
         <h5 class="font-17-rem">Detalhes</h5>
         <ion-item class="ion-no-margin ion-no-padding">
-          <pre class="width-100 text">{{ fulltask.workflowInstanceDataFields.TaskMessage }} </pre>
+          <pre class="width-100 text">{{ task.Note }} </pre>
         </ion-item>
       </div>
     </div>
     <div class="bottom-content width-100">
       <ion-list>
         <h5 class="font-17-rem">Documentos Anexados</h5>
-        <ion-item class="ion-no-margin ion-no-padding cursor-pointer" *ngFor="let Document of fulltask.Documents">
-          <ion-label class="d-block" (click)="viewDocument.emit(Document.DocId)">
-            <p class="attach-title-item">{{ Document.Assunto || "Sem assunto" }}<span class="span-right color-red btn-size"><ion-icon hidden name="close"></ion-icon></span></p>
-            <p><span class="span-left">{{ Document.Sender}}</span><span class="span-right">{{ Document.DocDate | date: 'dd-MM-yyyy HH:mm' }}</span></p>
+        <ion-item class="ion-no-margin ion-no-padding cursor-pointer" *ngFor="let Document of mergedArray">
+          <ion-label (click)="viewDocument.emit({DocId:Document.DocId, Document:Document, content:Document.content})">
+            <p *ngIf="Document.Assunto" class="attach-title-item">{{ Document.Assunto }} <span class="document-type" *ngIf="Document.content" >Rascunho</span> </p>
+            <p *ngIf="!Document.Assunto" class="attach-title-item">{{ Document.DocNumber }}<span class="span-right color-red btn-size"><ion-icon hidden name="close"></ion-icon></span></p>
+            <p><span class="span-left">{{Document.Sender}}</span><span class="span-right">{{ Document.DocDate | date: 'dd/MM/yy' }}</span></p>
           </ion-label>
         </ion-item>
       </ion-list>

src/app/shared/gabinete-digital/generic/task-details/task-details.page.scss

@@ -1,9 +1,15 @@
 @import '~src/function.scss';
-.main-content{
-  background-color: #fff !important;
+
+ion-header {
+  background: white;
   border-top-left-radius: 25px;
   border-top-right-radius: 25px;
 }
+
+ion-content {
+  background: white;
+}
+
 .content{
   padding: 30px 20px 0 20px !important;
   margin: 0;
@@ -13,6 +19,12 @@
   font-weight: 500;
   color:#d30a0a !important;
 }
+.document-type{
+  color: #d30a0a;
+  margin-left: 20px;
+  font-size: medium;
+}
+
 .btn-size{
   font-size: rem(18) !important;
 }

src/app/shared/gabinete-digital/generic/task-details/task-details.page.ts

@@ -13,6 +13,7 @@ export class TaskDetailsPage implements OnInit {
   @Input() intervenientes = []
   @Input() cc = []
   @Input() customDate = ''
+  @Input() mergedArray = []
   @Input() fulltask = new fullTask()
   
   @Output() openOptions = new EventEmitter<any>();