save

src/app/app-routing.module.ts

@@ -143,6 +143,10 @@ const routes: Routes = [
   {
     path: 'actions-options',
     loadChildren: () => import('./shared/popover/actions-options/actions-options.module').then( m => m.ActionsOptionsPageModule)
+  },
+  {
+    path: 'edit-action',
+    loadChildren: () => import('./shared/publication/edit-action/edit-action.module').then( m => m.EditActionPageModule)
   },
 
 

src/app/pages/publications/publications.module.ts

@@ -18,6 +18,7 @@ import { NewPublicationPageModule } from 'src/app/shared/publication/new-publica
 import { NewActionPageModule } from 'src/app/shared/publication/new-action/new-action.module';
 import { PublicationDetailPageModule } from 'src/app/shared/publication/view-publications/publication-detail/publication-detail.module';
 import { HeaderPageModule } from 'src/app/shared/header/header.module';
+import { EditActionPageModule } from 'src/app/shared/publication/edit-action/edit-action.module';
 
 
 @NgModule({
@@ -32,6 +33,7 @@ import { HeaderPageModule } from 'src/app/shared/header/header.module';
     NewPublicationPageModule,
     PublicationDetailPageModule,
     NewActionPageModule,
+    EditActionPageModule,
   ],
   declarations: [
     PublicationsPage,

src/app/pages/publications/publications.page.html

@@ -120,6 +120,10 @@
         class="height-100 d-flex flex-column overflow-hidden background-white flex-grow-1"
         (closeDesktopComponent)="closeDesktopComponent($event)"
       ></app-new-action>
+      <app-edit-action>
+        
+      </app-edit-action>
+
 
     </div>
 

src/app/pages/publications/publications.page.ts

@@ -311,7 +311,12 @@ export class PublicationsPage implements OnInit {
       },
       //translucent: true
     });
-    return await modal.present();
+    await modal.present();
+    modal.onDidDismiss().then(res =>{
+      if(res['data']=='edit'){
+        this.desktopComponent.showAddActions = true;
+      }
+    });
   }
 
 }

src/app/shared/popover/actions-options/actions-options.page.ts

@@ -29,12 +29,11 @@ export class ActionsOptionsPage implements OnInit {
     this.modalController.dismiss();
   }
 
-  editAction(){}
+  editAction(){
+    this.modalController.dismiss('edit');
+  }
 
   deleteAction(){
-    console.log('HEY');
-    
-    console.log(this.id);
     this.publicationsService.DeletePresidentialAction(this.id).toPromise();
     this.close();
   }

src/app/shared/publication/edit-action/edit-action-routing.module.ts

@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { EditActionPage } from './edit-action.page';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: EditActionPage
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class EditActionPageRoutingModule {}

src/app/shared/publication/edit-action/edit-action.module.ts

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { IonicModule } from '@ionic/angular';
+
+import { EditActionPageRoutingModule } from './edit-action-routing.module';
+
+import { EditActionPage } from './edit-action.page';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    EditActionPageRoutingModule
+  ],
+  exports: [EditActionPage],
+  declarations: [EditActionPage]
+})
+export class EditActionPageModule {}

src/app/shared/publication/edit-action/edit-action.page.html

@@ -0,0 +1,95 @@
+<ion-header class="ion-no-border pt-20 px-20">
+  <div class="title-content d-flex align-center justify-space-between ">
+    <div class="div-title">
+      <ion-label class="title"> Editar acção presidencial</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>
+</ion-header>
+
+<ion-content>
+  <div class="content-container">
+
+    <div class="ion-item-container">
+      <ion-input [(ngModel)]="folder.Description" placeholder="Assunto" ></ion-input>
+    </div>
+
+    <div class="container-div">
+      <div class="ion-item-class-2 d-flex ">
+        <div class="ion-icon-class">
+          <ion-icon slot="start" src="assets/images/icons-calendar.svg"></ion-icon>
+        </div>
+        <div class="ion-input-class flex-grow-1">
+          <ion-datetime 
+            [(ngModel)]="folder.DateBegin"
+            placeholder="Início"
+            displayFormat="D MMM YYYY H:mm"
+            minuteValues="0,15,30,45"
+            monthShortNames="Jan, Fev, Mar, Abr, Mai, Jun, Jul, Aug, Sep, Out, Nov, Dez"
+            min="2018" 
+            max="2022">
+          </ion-datetime>
+        </div>
+      </div>
+    </div>
+
+    <div class="container-div">
+      <div class="ion-item-class-2 d-flex">
+        <div class="ion-icon-class">
+          <ion-icon slot="start" src="assets/images/icons-calendar.svg"></ion-icon>
+        </div>
+        <div class="ion-input-class d-flex flex-grow-1">
+          <ion-datetime 
+            class="flex-grow-1"
+            [(ngModel)]="folder.DateEnd"
+            placeholder="Fim"
+            displayFormat="D MMM YYYY H:mm"
+            minuteValues="0,15,30,45"
+            monthShortNames="Jan, Fev, Mar, Abr, Mai, Jun, Jul, Aug, Sep, Out, Nov, Dez"
+            min="2018" 
+            max="2022">
+          </ion-datetime>
+        </div>
+      </div>
+    </div>
+
+    <div class="container-div">
+      <div class="ion-item-class-2 d-flex">
+        <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">
+          <ion-textarea [(ngModel)]="folder.Detail" rows="12" cols="20" placeholder="Descrição da acção..."></ion-textarea>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  
+
+</ion-content>
+
+<ion-footer class="ion-no-border">
+  <ion-toolbar class="footer-toolbar width-100 justify-space-between d-flex px-20">
+    <ion-buttons slot="start">
+      <ion-button class="btn-cancel" fill="clear" color="#061b52" (click)="close()">
+        <ion-label>Cancelar</ion-label>
+      </ion-button>
+    </ion-buttons>
+    <ion-buttons slot="end">
+      <ion-button class="btn-ok" fill="clear" color="#fff" (click)="save()">
+        <ion-label>Criar</ion-label>
+      </ion-button>
+    </ion-buttons>
+  </ion-toolbar>
+</ion-footer>

src/app/shared/publication/edit-action/edit-action.page.scss

@@ -0,0 +1,128 @@
+:host{
+    background: #fff;
+  }
+  ion-content{
+    --background: transparent;
+    transform: translate3d(0, 5px, 0);
+    --border-radius: 30px;
+  }
+  ion-footer{
+      background: #fff;
+  }
+  ion-toolbar{
+    /* --background:#0782c9; */
+    border-width: 0 !important;
+  }
+  .div-top-header{
+    margin: 0 auto;
+    background-color: #0782c9;
+    overflow: auto;
+    padding-top: 15px;
+    border: 0!important;
+  }
+  .div-search{
+    font-size: 45px;
+    float: left;
+    margin: 0 0 0 10px
+  }
+  .div-logo{
+    background: transparent;
+    width: 140px;
+    margin: 5px 0 0px 71px;
+    float: left;
+  }
+  .div-logo img{
+    width: 100%;
+  }
+  .div-profile{
+    font-size: 45px;
+    float: right;
+    margin-right: 10px;
+  }
+  .content-top{
+    background: #f3f2f2;
+    height: 20px;
+    margin: 0 auto;
+    border-top-left-radius: 25px;
+    border-top-right-radius: 25px;
+  }
+  .content-container{
+    width: 100%;
+    margin:0 auto;
+    border-top-left-radius: 25px;
+    border-top-right-radius: 25px;
+    background: #ffffff;
+    height: 100%;
+    padding: 25px 20px 0 20px;
+    overflow: auto;
+  }
+  .title-content{
+    margin: 0px auto;
+    overflow: auto;
+    padding: 0 !important;
+  }
+  .div-title{
+    width: 180px;
+  /* padding: 0!important; */
+  float: left;
+  margin: 2.5px 0 0 5px;
+  }
+  .title{
+  font-size: 25px;
+  }
+  .container-div{
+      margin-bottom: 15px;
+      overflow: auto;
+    }
+    .ion-item-container{
+      margin: 15px auto;
+      border: 1px solid #ebebeb;
+      border-radius: 5px;
+      padding-left: 10px;
+    }
+    .ion-item-container-no-border{
+      width: 100%;
+      margin: 0px auto;
+      padding: 0 !important;
+      overflow: auto;
+    }
+    .ion-item-class-2{
+      margin: 0px auto;
+    }
+    .ion-icon-class{
+      width: 45px;
+      height: 45px;
+      float: left;
+      padding: 10px;
+      font-size: 25px;
+    }
+    .ion-input-class{
+      height: auto;
+      border: 1px solid #ebebeb;
+      border-radius: 5px;
+      padding-left: 5px;
+      padding-right: 10px;
+      float: left;
+    }
+    .ion-textarea-class{
+      width: 315px;
+      height: auto;
+      border: 1px solid #ebebeb;
+      border-radius: 5px;
+      padding-left: 5px;
+      padding-right: 10px;
+      float: left;
+    }
+    .ion-input-class-no-height{
+      border: 1px solid #ebebeb;
+      border-radius: 5px;
+      overflow: auto;
+    }
+    .actionType{
+     float: right;
+      overflow: auto;
+      border-radius: 30px;
+    }
+    .ion-segment{
+      --background: #0782c9;
+    }

src/app/shared/publication/edit-action/edit-action.page.spec.ts

@@ -0,0 +1,24 @@
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
+import { IonicModule } from '@ionic/angular';
+
+import { EditActionPage } from './edit-action.page';
+
+describe('EditActionPage', () => {
+  let component: EditActionPage;
+  let fixture: ComponentFixture<EditActionPage>;
+
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [ EditActionPage ],
+      imports: [IonicModule.forRoot()]
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(EditActionPage);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  }));
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/shared/publication/edit-action/edit-action.page.ts

@@ -0,0 +1,46 @@
+import { Component, EventEmitter, OnInit, Output } from '@angular/core';
+import { PublicationFolder } from 'src/app/models/publicationfolder';
+
+@Component({
+  selector: 'app-edit-action',
+  templateUrl: './edit-action.page.html',
+  styleUrls: ['./edit-action.page.scss'],
+})
+export class EditActionPage implements OnInit {
+
+  folder: PublicationFolder;
+  @Output() closeDesktopComponent= new EventEmitter<any>();
+
+  constructor() { 
+    this.folder = new PublicationFolder();
+  }
+
+  ngOnInit() {
+  }
+
+  close(){
+    this.closeDesktopComponent.emit();
+  }
+
+  save(){
+    /* this.folder = {
+      ProcessId: null,
+      Description: this.folder.Description,
+      Detail: this.folder.Detail,
+      DateBegin: this.folder.DateBegin,
+      DateEnd: this.folder.DateEnd,
+      ActionType: this.segment,
+    }
+    console.log(this.folder);
+    
+    try {
+      await this.publication.CreatePublicationFolder(this.folder).toPromise()
+      this.close();
+      this.toastService.successMessage('Acção presidencial criada')
+    } catch (error) {
+      this.toastService.badRequest('Não foi possivel criar a acção presidencial')
+    } */
+
+  }
+
+}