All GET methods for the module Publications have been integrated.

- Create new folder for publications have been integrated.
- Adicional touch to display the data in a more friendly way added.

src/app/pages/publications/new-action/new-action.page.html

@@ -21,10 +21,21 @@
       <div class="div-title">
         <ion-label class="title"> Nova Ação</ion-label>
       </div>
+      <div class="actionType">
+        <ion-segment [(ngModel)]="segment" (ionChange)="segmentChanged($event)">
+          <ion-segment-button value="Viagem">
+            <ion-label>Viagem</ion-label>
+          </ion-segment-button>
+          <ion-segment-button value="Evento">
+            <ion-label>Evento</ion-label>
+          </ion-segment-button>
+        </ion-segment>
+      </div>
+      
     </div>
 
   <div class="ion-item-container">
-    <ion-input placeholder="Assunto" ></ion-input>
+    <ion-input [(ngModel)]="folder.Description" placeholder="Assunto" ></ion-input>
   </div>
 
   <div class="container-div">
@@ -34,6 +45,7 @@
       </div>
       <div class="ion-input-class">
         <ion-datetime 
+          [(ngModel)]="folder.DateBegin"
           placeholder="Fim"
           displayFormat="D MMM YYYY H:mm"
           minuteValues="0,15,30,45"
@@ -51,7 +63,7 @@
         <ion-icon slot="start" src="assets/images/icons-description.svg"></ion-icon>
       </div>
       <div class="ion-textarea-class">
-        <ion-textarea rows="3" cols="20" placeholder="Descrição da ação..."></ion-textarea>
+        <ion-textarea [(ngModel)]="folder.Detail" rows="3" cols="20" placeholder="Descrição da ação..."></ion-textarea>
       </div>
     </div>
   </div>

src/app/pages/publications/new-action/new-action.page.scss

@@ -66,7 +66,7 @@ ion-toolbar{
   padding: 0 !important;
 }
 .div-title{
-  width: 270px;
+  width: 180px;
 /* padding: 0!important; */
 float: left;
 margin: 2.5px 0 0 5px;
@@ -102,6 +102,15 @@ font-size: 25px;
     padding: 10px;
     font-size: 25px;
   }
+  .ion-input-class{
+    width: 315px;
+    height: auto;
+    border: 1px solid #ebebeb;
+    border-radius: 5px;
+    padding-left: 5px;
+    padding-right: 10px;
+    float: left;
+  }
   .ion-textarea-class{
     width: 315px;
     height: auto;
@@ -115,4 +124,14 @@ font-size: 25px;
     border: 1px solid #ebebeb;
     border-radius: 5px;
     overflow: auto;
+  }
+  .actionType{
+    width: 170px;
+    padding: 10px;
+   float: right;
+    overflow: auto;
+    border-radius: 30px;
+  }
+  .ion-segment{
+    --background: #0782c9;
   }

src/app/pages/publications/new-action/new-action.page.ts

@@ -1,5 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { ModalController } from '@ionic/angular';
+import { PublicationFolder } from 'src/app/models/publicationfolder';
+import { PublicationsService } from 'src/app/services/publications.service';
 
 @Component({
   selector: 'app-new-action',
@@ -8,14 +10,36 @@ import { ModalController } from '@ionic/angular';
 })
 export class NewActionPage implements OnInit {
 
+  folder: PublicationFolder;
+  segment:string;
+
   constructor(
     private modalController: ModalController,
-  ) { }
+    private publication: PublicationsService
+  ) { 
+    this.folder = new PublicationFolder();
+  }
 
   ngOnInit() {
+    this.segment = "Viagem";
   }
+
+  segmentChanged(ev: any) {
+    console.log(ev.detail.value);
+  }
+
   save(){
-    console.log('Salvar...');
+    this.folder = {
+      ProcessId: null,
+      Description: this.folder.Description,
+      Detail: this.folder.Detail,
+      DateBegin: this.folder.DateBegin,
+      ActionType: this.segment,
+    }
+    console.log(this.folder);
+    
+    this.publication.CreatePublicationFolder(this.folder);
+    this.close();
   }
   close(){
     this.modalController.dismiss();