Merge branch 'developer' of https://bitbucket.org/equilibriumito/gabinete-digital into developer

src/app/app-routing.module.ts

@@ -1,137 +1,140 @@
-import { NgModule } from '@angular/core';
-import { PreloadAllModules, RouterModule, Routes } from '@angular/router';
-import { ChatPage } from './pages/chat/chat.page';
-import { MessagesPage } from './pages/chat/messages/messages.page';
-
-const routes: Routes = [
-  {
-    path: '',
-    loadChildren: () => import('./index/index.module').then(m => m.IndexPageModule)
-  },
-  {
-    path: '',
-    loadChildren: () => import('./home/home.module').then( m => m.HomePageModule)
-  },
-  {
-    path: 'empty-chat',
-    loadChildren: () => import('./shared/chat/empty-chat/empty-chat.module').then( m => m.EmptyChatPageModule)
-  },
-  {
-    path: 'btn-criar',
-    loadChildren: () => import('./shared/buttons/btn-criar/btn-criar.module').then( m => m.BtnCriarPageModule)
-  },
-  {
-    path: 'btn-adicionar',
-    loadChildren: () => import('./shared/buttons/btn-adicionar/btn-adicionar.module').then( m => m.BtnAdicionarPageModule)
-  },
-  {
-    path: 'empty-container',
-    loadChildren: () => import('./shared/empty-container/empty-container.module').then( m => m.EmptyContainerPageModule)
-  },
-  {
-    path: 'events-to-approve',
-    loadChildren: () => import('./shared/gabinete-digital/events-to-approve/events-to-approve.module').then( m => m.EventsToApprovePageModule)
-  },
-  {
-    path: 'expedients',
-    loadChildren: () => import('./shared/gabinete-digital/expedients/expedients.module').then( m => m.ExpedientsPageModule)
-  },
-  {
-    path: 'document-detail',
-    loadChildren: () => import('./modals/document-detail/document-detail.module').then( m => m.DocumentDetailPageModule)
-  },
-  {
-    path: 'edit-group',
-    loadChildren: () => import('./shared/chat/edit-group/edit-group.module').then( m => m.EditGroupPageModule)
-  },
-  {
-    path: 'pedidos',
-    loadChildren: () => import('./shared/gabinete-digital/pedidos/pedidos.module').then( m => m.PedidosPageModule)
-  },
-  {
-    path: 'event-list',
-    loadChildren: () => import('./pages/gabinete-digital/event-list/event-list.module').then(m =>m.EventListPageModule)
-  },
-  {
-    path: 'despachos',
-    loadChildren: () => import('./shared/gabinete-digital/despachos/despachos.module').then( m => m.DespachosPageModule)
-  },
-  {
-    path: 'create-process',
-    loadChildren: () => import('./modals/create-process/create-process.module').then( m => m.CreateProcessPageModule)
-  },
-  {
-    path: 'pendentes',
-    loadChildren: () => import('./shared/gabinete-digital/pendentes/pendentes.module').then( m => m.PendentesPageModule)
-  },
-  {
-    path: 'delegar',
-    loadChildren: () => import('./modals/delegar/delegar.module').then( m => m.DelegarPageModule)
-  },
-  {
-    path: 'add-note',
-    loadChildren: () => import('./modals/add-note/add-note.module').then( m => m.AddNotePageModule)
-  },
-  {
-    path: 'dar-parecer',
-    loadChildren: () => import('./modals/dar-parecer/dar-parecer.module').then( m => m.DarParecerPageModule)
-  },
-  {
-    path: 'opts-expediente',
-    loadChildren: () => import('./shared/popover/opts-expediente/opts-expediente.module').then( m => m.OptsExpedientePageModule)
-  },
-  {
-    path: 'despachos-pr',
-    loadChildren: () => import('./shared/gabinete-digital/despachos-pr/despachos-pr.module').then( m => m.DespachosPrPageModule)
-  },
-  {
-    path: 'diplomas',
-    loadChildren: () => import('./shared/gabinete-digital/diplomas/diplomas.module').then( m => m.DiplomasPageModule)
-  },
-  {
-    path: 'expedientes-pr',
-    loadChildren: () => import('./shared/gabinete-digital/expedientes-pr/expedientes-pr.module').then( m => m.ExpedientesPrPageModule)
-  },
-  {
-    path: 'diplomas-assinar',
-    loadChildren: () => import('./shared/gabinete-digital/diplomas-assinar/diplomas-assinar.module').then( m => m.DiplomasAssinarPageModule)
-  },
-  {
-    path: 'opts-expediente-pr',
-    loadChildren: () => import('./shared/popover/opts-expediente-pr/opts-expediente-pr.module').then( m => m.OptsExpedientePrPageModule)
-  },
-  {
-    path: 'despachos-options',
-    loadChildren: () => import('./shared/popover/despachos-options/despachos-options.module').then( m => m.DespachosOptionsPageModule)
-  },
-  {
-    path: 'despachos-pr-options',
-    loadChildren: () => import('./shared/popover/despachos-pr-options/despachos-pr-options.module').then( m => m.DespachosPrOptionsPageModule)
-  },
-  {
-    path: 'deploma-options',
-    loadChildren: () => import('./shared/popover/deploma-options/deploma-options.module').then( m => m.DeplomaOptionsPageModule)
-  },
-  {
-    path: 'pin',
-    loadChildren: () => import('./shared/pin/pin.module').then( m => m.PinPageModule)
-  },
-  {
-    path: 'fingerprint',
-    loadChildren: () => import('./shared/fingerprint/fingerprint.module').then( m => m.FingerprintPageModule)
+import { NgModule } from '@angular/core';
+import { PreloadAllModules, RouterModule, Routes } from '@angular/router';
+import { ChatPage } from './pages/chat/chat.page';
+import { MessagesPage } from './pages/chat/messages/messages.page';
+
+const routes: Routes = [
+  {
+    path: '',
+    loadChildren: () => import('./index/index.module').then(m => m.IndexPageModule)
+  },
+  {
+    path: '',
+    loadChildren: () => import('./home/home.module').then( m => m.HomePageModule)
+  },
+  {
+    path: 'empty-chat',
+    loadChildren: () => import('./shared/chat/empty-chat/empty-chat.module').then( m => m.EmptyChatPageModule)
+  },
+  {
+    path: 'btn-criar',
+    loadChildren: () => import('./shared/buttons/btn-criar/btn-criar.module').then( m => m.BtnCriarPageModule)
+  },
+  {
+    path: 'btn-adicionar',
+    loadChildren: () => import('./shared/buttons/btn-adicionar/btn-adicionar.module').then( m => m.BtnAdicionarPageModule)
+  },
+  {
+    path: 'empty-container',
+    loadChildren: () => import('./shared/empty-container/empty-container.module').then( m => m.EmptyContainerPageModule)
+  },
+  {
+    path: 'events-to-approve',
+    loadChildren: () => import('./shared/gabinete-digital/events-to-approve/events-to-approve.module').then( m => m.EventsToApprovePageModule)
+  },
+  {
+    path: 'expedients',
+    loadChildren: () => import('./shared/gabinete-digital/expedients/expedients.module').then( m => m.ExpedientsPageModule)
+  },
+  {
+    path: 'document-detail',
+    loadChildren: () => import('./modals/document-detail/document-detail.module').then( m => m.DocumentDetailPageModule)
+  },
+  {
+    path: 'edit-group',
+    loadChildren: () => import('./shared/chat/edit-group/edit-group.module').then( m => m.EditGroupPageModule)
+  },
+  {
+    path: 'pedidos',
+    loadChildren: () => import('./shared/gabinete-digital/pedidos/pedidos.module').then( m => m.PedidosPageModule)
+  },
+  {
+    path: 'event-list',
+    loadChildren: () => import('./pages/gabinete-digital/event-list/event-list.module').then(m =>m.EventListPageModule)
+  },
+  {
+    path: 'despachos',
+    loadChildren: () => import('./shared/gabinete-digital/despachos/despachos.module').then( m => m.DespachosPageModule)
+  },
+  {
+    path: 'create-process',
+    loadChildren: () => import('./modals/create-process/create-process.module').then( m => m.CreateProcessPageModule)
+  },
+  {
+    path: 'pendentes',
+    loadChildren: () => import('./shared/gabinete-digital/pendentes/pendentes.module').then( m => m.PendentesPageModule)
+  },
+  {
+    path: 'delegar',
+    loadChildren: () => import('./modals/delegar/delegar.module').then( m => m.DelegarPageModule)
+  },
+  {
+    path: 'add-note',
+    loadChildren: () => import('./modals/add-note/add-note.module').then( m => m.AddNotePageModule)
+  },
+  {
+    path: 'dar-parecer',
+    loadChildren: () => import('./modals/dar-parecer/dar-parecer.module').then( m => m.DarParecerPageModule)
+  },
+  {
+    path: 'opts-expediente',
+    loadChildren: () => import('./shared/popover/opts-expediente/opts-expediente.module').then( m => m.OptsExpedientePageModule)
+  },
+  {
+    path: 'despachos-pr',
+    loadChildren: () => import('./shared/gabinete-digital/despachos-pr/despachos-pr.module').then( m => m.DespachosPrPageModule)
+  },
+  {
+    path: 'diplomas',
+    loadChildren: () => import('./shared/gabinete-digital/diplomas/diplomas.module').then( m => m.DiplomasPageModule)
+  },
+  {
+    path: 'expedientes-pr',
+    loadChildren: () => import('./shared/gabinete-digital/expedientes-pr/expedientes-pr.module').then( m => m.ExpedientesPrPageModule)
+  },
+  {
+    path: 'diplomas-assinar',
+    loadChildren: () => import('./shared/gabinete-digital/diplomas-assinar/diplomas-assinar.module').then( m => m.DiplomasAssinarPageModule)
+  },
+  {
+    path: 'opts-expediente-pr',
+    loadChildren: () => import('./shared/popover/opts-expediente-pr/opts-expediente-pr.module').then( m => m.OptsExpedientePrPageModule)
+  },
+  {
+    path: 'despachos-options',
+    loadChildren: () => import('./shared/popover/despachos-options/despachos-options.module').then( m => m.DespachosOptionsPageModule)
+  },
+  {
+    path: 'despachos-pr-options',
+    loadChildren: () => import('./shared/popover/despachos-pr-options/despachos-pr-options.module').then( m => m.DespachosPrOptionsPageModule)
+  },
+  {
+    path: 'deploma-options',
+    loadChildren: () => import('./shared/popover/deploma-options/deploma-options.module').then( m => m.DeplomaOptionsPageModule)
+  },
+  {
+    path: 'pin',
+    loadChildren: () => import('./shared/pin/pin.module').then( m => m.PinPageModule)
+  },
+  {
+    path: 'fingerprint',
+    loadChildren: () => import('./shared/fingerprint/fingerprint.module').then( m => m.FingerprintPageModule)
+  },
+  {
+    path: 'new-event',
     loadChildren: () => import('./shared/agenda/new-event/new-event.module').then( m => m.NewEventPageModule)
   },
-
- /*  {
-    path: 'chat',
-    component: ChatPage
-  } */
-
-];
-@NgModule({
-  imports: [
-    RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })
-  ],
-  exports: [RouterModule]
-})
-export class AppRoutingModule {}
+
+
+ /*  {
+    path: 'chat',
+    component: ChatPage
+  } */
+
+];
+@NgModule({
+  imports: [
+    RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })
+  ],
+  exports: [RouterModule]
+})

src/app/components/components.module.ts

@@ -7,7 +7,7 @@ import { EmptyChatPage } from '../shared/chat/empty-chat/empty-chat.page';
 import { BtnCriarPage } from '../shared/buttons/btn-criar/btn-criar.page';
 import { BtnAdicionarPage } from '../shared/buttons/btn-adicionar/btn-adicionar.page';
 import { HeaderNoSearchPage } from '../shared/headers/header-no-search/header-no-search.page';
-import { NewEventPage } from '../shared/agenda/new-event/new-event.component';
+import { NewEventPage } from '../shared/agenda/new-event/new-event.page';
 import { EditEventComponent } from '../shared/agenda/edit-event/edit-event.component';
 import { ViewEventPage } from '../shared/agenda/view-event/view-event.page';
 import { EventListComponent } from '../shared/agenda/event-list/event-list.component';
@@ -52,24 +52,13 @@ import { ChatPopoverPageModule } from '../shared/popover/chat-popover/chat-popov
     //ViewEventPage,
     ApproveEventComponent,
     AttendeesPage,
-    AttendeeModalPage,
+    //AttendeeModalPage,
 
 
     EventListComponent,
-    SignedDiplomaComponent,
-
-    /* EmptyContainerPage,
-    EventsToApprovePage,
-    ExpedientePage,
-    ExpedientsPage,
-    PedidosPage,
-    DespachosPage,
-    PendentesPage,
-    DespachosPrPage,
-    DiplomasPage,
-    ExpedientesPrPage, */
-    
-    DiplomasAssinarPage
+    EmptyContainerPage,
+    //EventsToApprovePage,
+  
   ],
   exports: [
     //HeaderPage,
@@ -85,22 +74,12 @@ import { ChatPopoverPageModule } from '../shared/popover/chat-popover/chat-popov
     EventListComponent,
     ApproveEventComponent,
     AttendeesPage,
-    AttendeeModalPage,
-    EventsToApprovePage,
+    //AttendeeModalPage,
+    //EventsToApprovePage,
 
     EventListComponent,
-    SignedDiplomaComponent,
-
-    /* EmptyContainerPage,
-    EventsToApprovePage,
-    ExpedientePage,
-    ExpedientsPage,
-    PedidosPage,
-    DespachosPage,
-    PendentesPage,
-    DespachosPrPage,
-    DiplomasPage,
-    ExpedientesPrPage, */
+    EmptyContainerPage,
+    
   ],
   imports: [
     CommonModule,

src/app/pages/agenda/agenda.module.ts

@@ -13,7 +13,7 @@ import { CalModalPageModule } from '../cal-modal/cal-modal.module';
 import { registerLocaleData } from '@angular/common';
 import localeDe from '@angular/common/locales/pt';
 import { SharedModule } from 'src/app/shared/shared.module';
-import { NewEventPage } from "src/app/shared/agenda/new-event/new-event.component"
+import { NewEventPage } from "src/app/shared/agenda/new-event/new-event.page"
 import { EditEventComponent } from 'src/app/shared/agenda/edit-event/edit-event.component';
 import { ViewEventPage } from 'src/app/shared/agenda/view-event/view-event.page';
 import { EventListComponent } from "src/app/shared/agenda/event-list/event-list.component";
@@ -60,9 +60,6 @@ import { ViewEventPageModule } from 'src/app/shared/agenda/view-event/view-event
   declarations: [
     AgendaPage
   ],
-  entryComponents: [
-    EventsToApprovePage,
-  ],
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
   providers: [
     { provide: LOCALE_ID, useValue: 'pt-PT'}

src/app/shared/agenda/new-event/new-event-routing.module.ts

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

src/app/shared/agenda/new-event/new-event.component.scss

@@ -1,213 +0,0 @@
-ion-content{
-  --background:transparent;
-}
-.header-toolbar{
- --background:transparent;
- --opacity: 1;
-}
-.main-header{
-  width: 100%; /* 400px */
-  height: 100%;
-  font-family: Roboto;
-  border-top-left-radius: 25px;
-  border-top-right-radius: 25px;
-  background-color: #fff;
-  overflow:hidden;
-  padding: 30px 20px 0px 20px;
-  color:#000;
-  transform: translate3d(0, 1px, 0);
-  
-  .title-content{
-    margin: 0px auto;
-    overflow: auto;
-    padding: 0 !important;
-    background: #fff;
-     .middle{
-      padding: 0!important;
-      float: left;
-      width: 221px;
-      margin: 2.5px 0 0 5px;
-    }
-  }
-
-  .title{
-    font-size: 25px;
-  }
-
-}
-.main-content{
-  width: 100%; /* 400px */
-  height: 100%;
-  font-family: Roboto;
-  margin: 0 auto;
-  background-color: #fff;
-  overflow:auto;
-  padding: 15px 20px 0 20px;
-
-  .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;
-    }
-    .container-div{
-      margin-bottom: 15px;
-    }
-    .ion-item-class-2{
-      margin: 0px auto;
-    }
-    .ion-icon-class{
-      width: 45px;
-      height: 45px;
-      float: left;
-      padding: 10px;
-      font-size: 25px;
-    }
-    ion-select{
-      padding-left: 5px;
-      margin-left: 0;
-    }
-    .ion-input-class{
-      height: 45px;
-      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;
-    }
-    .list-people{
-      width: 256px;
-      float: left;
-    
-    }
-    .add-people{
-      width: 45px;
-      float: right;
-      overflow: auto;
-      font-size: 25px;
-      padding: 10px;
-    }
-    .list-people-title{
-      /* font-size: 13px; */
-      color: #797979;
-    }
-    .attach-document{
-      font-size: 15px;
-      color: #0d89d1;
-      margin: 5px 5px 5px 10px;
-      padding: 5px;
-      float: left;
-    }
-    .attach-icon{
-      width: 37px;
-      font-size: 35px;
-      float: left;
-    }
-    .attach-title-item{
-      width: 100%;
-      font-size: 15px;
-      color:#0d89d1;
-    }
-    /* SPAN */
-    .span-left{
-      float: left;
-      font-size: 15x;
-    }
-    .span-right{
-    text-align: right;
-    float: right;
-    font-size: 13px;
-    }
-    .container-footer{
-        margin:0 auto;
-        overflow: auto;
-    }
-    .button-cancel {
-        width: 170px;
-        height: 44px;
-        border-radius: 22.5px;
-        --background: #e0e9ee;
-        --color: #061b52;
-        margin:10px;
-      }
-      .button-save {
-        width: 170px;
-        height: 44px;
-        border-radius: 22.5px;
-        --background: #42b9fe;
-        --color:#ffffff;
-        margin:10px;
-      }
-    
-    .text-input{
-      width: 100%;
-      border: 1px solid #ebebeb;
-      margin: 0px 15px 15px 0px;
-      padding: 0 !important;
-      border-radius: 5px;
-    }
-    
-    /* Error Messages */
-    .error{
-      color:red;
-      font-size: 12px;
-      font-weight: bold;
-      padding-bottom: 20px;
-    }
-    .span-color{
-      color:red;
-    }
-
-}
-
-
-.container-div{
-  ion-textarea{
-    height: 81px;
-  }
-}
-
-
-.app-name{
-  background: #42b9f2;
-  border-radius: 18px;
-  text-align: center;
-  display: flex;
-  align-items: center;
-  padding: 0px 5px;
-  color: white;
-  font-size: 9pt;
-  font-weight: 500;
-  height: 19px;
-  -webkit-border-radius: 18px;
-  -moz-border-radius: 18px;
-  -ms-border-radius: 18px;
-  -o-border-radius: 18px;
-}
-
-
-.close-button {
-  display: none;
-}
-
-.list:hover {
-
-  .app-name {
-    display: none;
-  }
-
-  .close-button {
-    display: block !important;
-  }
-}

src/app/shared/agenda/new-event/new-event.module.ts

@@ -0,0 +1,20 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { IonicModule } from '@ionic/angular';
+
+import { NewEventPageRoutingModule } from './new-event-routing.module';
+
+import { NewEventPage } from './new-event.page';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    NewEventPageRoutingModule
+  ],
+  declarations: [NewEventPage]
+})
+export class NewEventPageModule {}

src/app/shared/agenda/new-event/new-event.page.scss

@@ -0,0 +1,213 @@
+ion-content{
+    --background:transparent;
+  }
+  .header-toolbar{
+   --background:transparent;
+   --opacity: 1;
+  }
+  .main-header{
+    width: 100%; /* 400px */
+    height: 100%;
+    font-family: Roboto;
+    border-top-left-radius: 25px;
+    border-top-right-radius: 25px;
+    background-color: #fff;
+    overflow:hidden;
+    padding: 30px 20px 0px 20px;
+    color:#000;
+    transform: translate3d(0, 1px, 0);
+    
+    .title-content{
+      margin: 0px auto;
+      overflow: auto;
+      padding: 0 !important;
+      background: #fff;
+       .middle{
+        padding: 0!important;
+        float: left;
+        width: 221px;
+        margin: 2.5px 0 0 5px;
+      }
+    }
+  
+    .title{
+      font-size: 25px;
+    }
+  
+  }
+  .main-content{
+    width: 100%; /* 400px */
+    height: 100%;
+    font-family: Roboto;
+    margin: 0 auto;
+    background-color: #fff;
+    overflow:auto;
+    padding: 15px 20px 0 20px;
+  
+    .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;
+      }
+      .container-div{
+        margin-bottom: 15px;
+      }
+      .ion-item-class-2{
+        margin: 0px auto;
+      }
+      .ion-icon-class{
+        width: 45px;
+        height: 45px;
+        float: left;
+        padding: 10px;
+        font-size: 25px;
+      }
+      ion-select{
+        padding-left: 5px;
+        margin-left: 0;
+      }
+      .ion-input-class{
+        height: 45px;
+        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;
+      }
+      .list-people{
+        width: 256px;
+        float: left;
+      
+      }
+      .add-people{
+        width: 45px;
+        float: right;
+        overflow: auto;
+        font-size: 25px;
+        padding: 10px;
+      }
+      .list-people-title{
+        /* font-size: 13px; */
+        color: #797979;
+      }
+      .attach-document{
+        font-size: 15px;
+        color: #0d89d1;
+        margin: 5px 5px 5px 10px;
+        padding: 5px;
+        float: left;
+      }
+      .attach-icon{
+        width: 37px;
+        font-size: 35px;
+        float: left;
+      }
+      .attach-title-item{
+        width: 100%;
+        font-size: 15px;
+        color:#0d89d1;
+      }
+      /* SPAN */
+      .span-left{
+        float: left;
+        font-size: 15x;
+      }
+      .span-right{
+      text-align: right;
+      float: right;
+      font-size: 13px;
+      }
+      .container-footer{
+          margin:0 auto;
+          overflow: auto;
+      }
+      .button-cancel {
+          width: 170px;
+          height: 44px;
+          border-radius: 22.5px;
+          --background: #e0e9ee;
+          --color: #061b52;
+          margin:10px;
+        }
+        .button-save {
+          width: 170px;
+          height: 44px;
+          border-radius: 22.5px;
+          --background: #42b9fe;
+          --color:#ffffff;
+          margin:10px;
+        }
+      
+      .text-input{
+        width: 100%;
+        border: 1px solid #ebebeb;
+        margin: 0px 15px 15px 0px;
+        padding: 0 !important;
+        border-radius: 5px;
+      }
+      
+      /* Error Messages */
+      .error{
+        color:red;
+        font-size: 12px;
+        font-weight: bold;
+        padding-bottom: 20px;
+      }
+      .span-color{
+        color:red;
+      }
+  
+  }
+  
+  
+  .container-div{
+    ion-textarea{
+      height: 81px;
+    }
+  }
+  
+  
+  .app-name{
+    background: #42b9f2;
+    border-radius: 18px;
+    text-align: center;
+    display: flex;
+    align-items: center;
+    padding: 0px 5px;
+    color: white;
+    font-size: 9pt;
+    font-weight: 500;
+    height: 19px;
+    -webkit-border-radius: 18px;
+    -moz-border-radius: 18px;
+    -ms-border-radius: 18px;
+    -o-border-radius: 18px;
+  }
+  
+  
+  .close-button {
+    display: none;
+  }
+  
+  .list:hover {
+  
+    .app-name {
+      display: none;
+    }
+  
+    .close-button {
+      display: block !important;
+    }
+  }

src/app/shared/agenda/new-event/new-event.page.spec.ts

@@ -1,13 +1,13 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { IonicModule } from '@ionic/angular';
 
-import { NewEventPage } from './new-event.component';
+import { NewEventPage } from './new-event.page';
 
 describe('NewEventPage', () => {
   let component: NewEventPage;
   let fixture: ComponentFixture<NewEventPage>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ NewEventPage ],
       imports: [IonicModule.forRoot()]

src/app/shared/agenda/new-event/new-event.page.ts

@@ -11,14 +11,16 @@ import { SearchDocument } from "src/app/models/search-document";
 import {  EventAttachment } from 'src/app/models/attachment.model';
 import { BadRequestComponent } from '../../popover/bad-request/bad-request.component';
 import { SuccessMessageComponent } from '../../popover/success-message/success-message.component';
+
+
 @Component({
   selector: 'app-new-event',
-  templateUrl: './new-event.component.html',
-  styleUrls: ['./new-event.component.scss'],
+  templateUrl: './new-event.page.html',
+  styleUrls: ['./new-event.page.scss'],
 })
-
 export class NewEventPage implements OnInit {
 
+
   eventBody: EventBody;
   segment:string = "true";
   
@@ -345,4 +347,5 @@ export class NewEventPage implements OnInit {
     },3000)
   }
 
+
 }