1-Edited New Event page. 2-Changed Gabinete-Digital workkflow. 3-Changed App Name. Added Expediente View

src/app/pages/cal-modal/cal-modal.page.html

@@ -1,20 +1,16 @@
-<ion-toolbar color="primary">
-  <ion-buttons slot="start">
-    <ion-button (click)="close()">
-      <ion-label>Cancelar</ion-label>
-      <ion-icon name="close" slot="start"></ion-icon>
-    </ion-button>
-  </ion-buttons>
-  <ion-title>{{ viewTitle }}</ion-title>
-  <ion-buttons slot="end">
-    <ion-button (click)="save()">
-      <ion-label>Enviar</ion-label>
-      <ion-icon name="checkmark" slot="start"></ion-icon>
-    </ion-button>
-  </ion-buttons>
-</ion-toolbar>
+<ion-header>
+  <ion-toolbar>
+    <ion-buttons slot="start">
+      <ion-button (click)="close()">
+        <ion-icon name="chevron-back" slot="start"></ion-icon>
+      </ion-button>
+    </ion-buttons>
+    <ion-title>Novo Evento</ion-title>
+  </ion-toolbar>
+</ion-header>
 
 <ion-content>
+  <div class="div-ion-content">
   <ion-item>
     <ion-label position="stacked">Assunto</ion-label>
     <ion-input tpye="text" [(ngModel)]="event.title"></ion-input>
@@ -65,34 +61,35 @@
       displayFormat="D MMM YYYY H:mm"
       monthShortNames="Jan, Fev, Mar, Abr, Mai, Jun, Jul, Aug, Sep, Out, Nov, Dez"></ion-datetime>
   </ion-item>
-  <ion-item>
-    <ion-label>Selecione a frequência do evento</ion-label>
-    <ion-select interface="action-sheet" class="custom-options" Cancel-text="Cancelar">
-      <ion-select-option value="Único">Único</ion-select-option>
-      <ion-select-option value="Diário">Diário</ion-select-option>
-      <ion-select-option value="Semanal">Semanal</ion-select-option>
-      <ion-select-option value="Mensal">Mensal</ion-select-option>
-    </ion-select>
-  </ion-item>
-  <div class="attach-div">
-    <ion-label class="attach-label">Anexos</ion-label>
-    <ion-item lines="none">
-      <ion-button size="small" slot="start">Adicionar</ion-button>
+  <div class="div-attach">
+    <ion-item>
+      <ion-icon name="add" slot="end"></ion-icon>
+      <ion-label class="attach-label">Anexos</ion-label>
+
     </ion-item>
-  
     <div id="AttachFiles"></div>
-      <ion-item>
-        <ion-label color="secondary">Lei do orçamento geral do Estado</ion-label> <ion-button size="small" slot="end">Eliminar</ion-button>
-      </ion-item>
-      
+      <ion-item lines="none">
+        <ion-icon name="attach"></ion-icon>
+        <ion-label color="secondary">Lei do orçamento geral do Estado</ion-label> 
+        <ion-icon name="trash" slot="end"></ion-icon>
+      </ion-item> 
   </div>
- 
-  <!-- <calendar
-    *ngIf="modalReady"
-    [calendarMode]="calendar.mode"
-    [currentDate]="calendar.currentDate"
-    (onTitleChanged)="onViewTitleChanged($event)"
-    (onTimeSelected)="onTimeSelected($event)"
-    lockSwipes="true"
-  ></calendar> -->
+</div>
 </ion-content>
+<ion-footer class="ion-no-border">
+  <ion-toolbar color="primary">
+    <ion-buttons slot="start">
+      <ion-button (click)="close()">
+        <ion-label>Cancelar</ion-label>
+        <ion-icon name="close" slot="start"></ion-icon>
+      </ion-button>
+    </ion-buttons>
+    <ion-title>{{ viewTitle }}</ion-title>
+    <ion-buttons slot="end">
+      <ion-button (click)="save()">
+        <ion-label>Enviar</ion-label>
+        <ion-icon name="checkmark" slot="start"></ion-icon>
+      </ion-button>
+    </ion-buttons>
+  </ion-toolbar>
+</ion-footer>

src/app/pages/cal-modal/cal-modal.page.scss

@@ -1,3 +1,6 @@
+.div-ion-content{
+    margin: 15px;
+}
 :host ::ng-deep{
     .monthview-container {
         height: auto !important;
@@ -5,4 +8,9 @@
     .event-detail-container{
         display: none;
     }
+}
+.div-attach{
+    border: 1px solid #ccc;
+    margin: 15px 0 0 0;
+    padding: 15px;
 }

src/app/pages/events/events.page.ts

@@ -38,7 +38,6 @@ timeDate = this.today.getHours() + ":" + this.today.getMinutes();
    this.segment = "combinada";
    this.showGreeting();
    /* Call Get events method */
-   this.events = this.eventService.getAllEvents();
    this.eventsList = this.eventService.allEvents();/* .subscribe(prods=>console.log(prods)); */
  }
 

src/app/pages/gabinete-digital/expediente/expediente-routing.module.ts

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

src/app/pages/gabinete-digital/expediente/expediente.module.ts

@@ -0,0 +1,21 @@
+import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+
+import { IonicModule } from '@ionic/angular';
+
+import { ExpedientePageRoutingModule } from './expediente-routing.module';
+
+import { ExpedientePage } from './expediente.page';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    ExpedientePageRoutingModule
+  ],
+  declarations: [ExpedientePage],
+  schemas: [CUSTOM_ELEMENTS_SCHEMA]
+})
+export class ExpedientePageModule {}

src/app/pages/gabinete-digital/expediente/expediente.page.html

@@ -0,0 +1,69 @@
+<ion-header>
+  <ion-toolbar>
+    <ion-buttons slot="start">
+      <ion-back-button defaultHref="/gabinete-digital"></ion-back-button>
+    </ion-buttons>
+    <ion-title>Gabinete Digital</ion-title>
+  </ion-toolbar>
+</ion-header>
+
+<ion-content>
+  <ion-toolbar>
+    <ion-segment [(ngModel)]="segment">
+      <ion-segment-button value="expediente">
+        Expediente
+      </ion-segment-button>
+      <ion-segment-button value="pendentes">
+        Pendentes
+      </ion-segment-button>
+    </ion-segment>
+  </ion-toolbar>
+  <div [ngSwitch]="segment">
+    <ion-list *ngSwitchCase="'expediente'">
+      <ion-item-group>
+        <ion-item-sliding>
+          <ion-item lines="none">
+            <div class="div-content-expediente">
+              <ion-item lines="none">
+                <ion-icon slot="end" name="document-outline"></ion-icon>
+                 <h3>Reunião de Conselho de Ministros</h3>
+              </ion-item>
+              <p><span class="span-left">MINEC, MINFIN</span><span class="span-right">13 JAN</span></p>
+            </div>
+          </ion-item>
+        </ion-item-sliding>
+      </ion-item-group>
+    </ion-list>
+    <ion-list *ngSwitchCase="'pendentes'">
+      <ion-item-group>
+        <ion-item-sliding>
+          <ion-item lines="none">
+            <div class="div-content-pendentes">
+              <ion-item lines="none">
+                <ion-icon slot="end" name="document-outline"></ion-icon>
+                 <h3>Avaliação de execução dos projectos públicos</h3>
+              </ion-item>
+              <p><span class="span-left">MINEC, MINFIN</span><span class="span-right">05 JAN</span></p>
+            </div>
+          </ion-item>
+        </ion-item-sliding>
+      </ion-item-group>
+    </ion-list>
+  </div>
+  <!-- <p>Jaqueta corta-vento, dupla face, um lado estampado de camuflado exclusivo Element, do outro preto, ambos com estampa no peito esquerdo de quem veste, bolsos laterais e etiquetas personalizadas Element. Características Principais: Material: 100% Poliéster Garantia conta defeito de fabricação.
+    Jaqueta corta-vento, dupla face, um lado estampado de camuflado exclusivo Element, do outro preto, ambos com estampa no peito esquerdo de quem veste, bolsos laterais e etiquetas personalizadas Element. Características Principais: Material: 100% Poliéster Garantia conta defeito de fabricação.
+    Jaqueta corta-vento, dupla face, um lado estampado de camuflado exclusivo Element, do outro preto, ambos com estampa no peito esquerdo de quem veste, bolsos laterais e etiquetas personalizadas Element. Características Principais: Material: 100% Poliéster Garantia conta defeito de fabricação.
+    Jaqueta corta-vento, dupla face, um lado estampado de camuflado exclusivo Element, do outro preto, ambos com estampa no peito esquerdo de quem veste, bolsos laterais e etiquetas personalizadas Element. Características Principais: Material: 100% Poliéster Garantia conta defeito de fabricação.
+    Jaqueta corta-vento, dupla face, um lado estampado de camuflado exclusivo Element, do outro preto, ambos com estampa no peito esquerdo de quem veste, bolsos laterais e etiquetas personalizadas Element. Características Principais: Material: 100% Poliéster Garantia conta defeito de fabricação.
+    Jaqueta corta-vento, dupla face, um lado estampado de camuflado exclusivo Element, do outro preto, ambos com estampa no peito esquerdo de quem veste, bolsos laterais e etiquetas personalizadas Element. Características Principais: Material: 100% Poliéster Garantia conta defeito de fabricação.
+    Jaqueta corta-vento, dupla face, um lado estampado de camuflado exclusivo Element, do outro preto, ambos com estampa no peito esquerdo de quem veste, bolsos laterais e etiquetas personalizadas Element. Características Principais: Material: 100% Poliéster Garantia conta defeito de fabricação.
+    Jaqueta corta-vento, dupla face, um lado estampado de camuflado exclusivo Element, do outro preto, ambos com estampa no peito esquerdo de quem veste, bolsos laterais e etiquetas personalizadas Element. Características Principais: Material: 100% Poliéster Garantia conta defeito de fabricação.
+    Jaqueta corta-vento, dupla face, um lado estampado de camuflado exclusivo Element, do outro preto, ambos com estampa no peito esquerdo de quem veste, bolsos laterais e etiquetas personalizadas Element. Características Principais: Material: 100% Poliéster Garantia conta defeito de fabricação.
+  </p> -->
+  <ion-fab vertical="bottom" horizontal="end" slot="fixed">
+    <ion-fab-button>
+      <ion-icon name="create"></ion-icon>
+    </ion-fab-button>
+  </ion-fab>
+</ion-content>
+

src/app/pages/gabinete-digital/expediente/expediente.page.scss

@@ -0,0 +1,63 @@
+/* CONTENT */
+.item-list-small{
+    font-size: 11px;
+    overflow: auto;
+  }
+  .ion-item-class{
+    padding: 0;
+  
+  }
+  .label-text{
+    width: 100%;
+    padding: 0;
+    margin: 0;
+  }
+//DIV
+.div-content-expediente{
+  width: 100%;
+  float: left;
+  border-left: 3px solid #dae3f3;
+  padding: 0 0 0 5px;
+}
+.div-content-pendentes{
+  width: 100%;
+  float: left;
+  border-left: 3px solid #d9d9d9;
+  padding: 0 0 0 5px;
+}
+  .div-content-expediente h3, .div-content-pendentes h3{
+    margin: 0;
+    padding: 0;
+    font-size: 16pt;
+    width: 100%;
+  }
+  .div-icon{
+    width: 10%;
+    font-size: 20px;
+    float: left;
+    color: #808080;
+  }
+  .div-icon ion-icon{
+    display: block;
+    margin: 0 auto;
+  
+  }
+  .div-content-expediente p, .div-content-pendentes p{
+    font-size: 14pt;
+    color: rgb(94, 92, 92);
+    padding: 0;
+    margin: 0;
+  }
+  .span-left{
+      /* border: 1px solid red; */
+      float: left;
+      font-size: 10px;
+      padding-left: 18px;
+  }
+  .span-right{
+    /* border: 1px solid blue; */
+    text-align: right;
+    float: right;
+    font-size: 10px;
+    padding-right: 18px;
+}

src/app/pages/gabinete-digital/expediente/expediente.page.spec.ts

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

src/app/pages/gabinete-digital/expediente/expediente.page.ts

@@ -0,0 +1,19 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-expediente',
+  templateUrl: './expediente.page.html',
+  styleUrls: ['./expediente.page.scss'],
+})
+export class ExpedientePage implements OnInit {
+
+  segment:string;
+
+  constructor() { }
+
+  ngOnInit() {
+    //Inicializar segment
+    this.segment = "expediente";
+  }
+
+}

src/app/pages/gabinete-digital/gabinete-digital-routing.module.ts

@@ -1,17 +1,21 @@
-import { NgModule } from '@angular/core';
-import { Routes, RouterModule } from '@angular/router';
-
-import { GabineteDigitalPage } from './gabinete-digital.page';
-
-const routes: Routes = [
-  {
-    path: '',
-    component: GabineteDigitalPage
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+
+import { GabineteDigitalPage } from './gabinete-digital.page';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: GabineteDigitalPage
+  },
+  {
+    path: 'expediente',
     loadChildren: () => import('./expediente/expediente.module').then( m => m.ExpedientePageModule)
-];
   }
-@NgModule({
-  imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule],
-})
-export class GabineteDigitalPageRoutingModule {}
+
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})

src/app/pages/gabinete-digital/gabinete-digital.page.html

@@ -1,65 +1,53 @@
 <ion-header>
   <ion-toolbar>
-    <ion-title>Gabinete Digital</ion-title>
+    <ion-title>Gbinete Digital</ion-title>
   </ion-toolbar>
 </ion-header>
 
 <ion-content>
-  <ion-toolbar>
-    <ion-segment [(ngModel)]="segment">
-      <ion-segment-button value="expediente">
-        Expediente
-      </ion-segment-button>
-      <ion-segment-button value="pendentes">
-        Pendentes
-      </ion-segment-button>
-    </ion-segment>
-  </ion-toolbar>
-  <div [ngSwitch]="segment">
-    <ion-list *ngSwitchCase="'expediente'">
-      <ion-item-group>
-        <ion-item-sliding>
-          <ion-item lines="none">
-            <div class="div-content-expediente">
-              <ion-item lines="none">
-                <ion-icon slot="end" name="document-outline"></ion-icon>
-                 <h3>Reunião de Conselho de Ministros</h3>
-              </ion-item>
-              <p><span class="span-left">MINEC, MINFIN</span><span class="span-right">13 JAN</span></p>
-            </div>
-          </ion-item>
-        </ion-item-sliding>
-      </ion-item-group>
-    </ion-list>
-    <ion-list *ngSwitchCase="'pendentes'">
-      <ion-item-group>
-        <ion-item-sliding>
-          <ion-item lines="none">
-            <div class="div-content-pendentes">
-              <ion-item lines="none">
-                <ion-icon slot="end" name="document-outline"></ion-icon>
-                 <h3>Avaliação de execução dos projectos públicos</h3>
-              </ion-item>
-              <p><span class="span-left">MINEC, MINFIN</span><span class="span-right">05 JAN</span></p>
-            </div>
-          </ion-item>
-        </ion-item-sliding>
-      </ion-item-group>
-    </ion-list>
-  </div>
-  <!-- <p>Jaqueta corta-vento, dupla face, um lado estampado de camuflado exclusivo Element, do outro preto, ambos com estampa no peito esquerdo de quem veste, bolsos laterais e etiquetas personalizadas Element. Características Principais: Material: 100% Poliéster Garantia conta defeito de fabricação.
-    Jaqueta corta-vento, dupla face, um lado estampado de camuflado exclusivo Element, do outro preto, ambos com estampa no peito esquerdo de quem veste, bolsos laterais e etiquetas personalizadas Element. Características Principais: Material: 100% Poliéster Garantia conta defeito de fabricação.
-    Jaqueta corta-vento, dupla face, um lado estampado de camuflado exclusivo Element, do outro preto, ambos com estampa no peito esquerdo de quem veste, bolsos laterais e etiquetas personalizadas Element. Características Principais: Material: 100% Poliéster Garantia conta defeito de fabricação.
-    Jaqueta corta-vento, dupla face, um lado estampado de camuflado exclusivo Element, do outro preto, ambos com estampa no peito esquerdo de quem veste, bolsos laterais e etiquetas personalizadas Element. Características Principais: Material: 100% Poliéster Garantia conta defeito de fabricação.
-    Jaqueta corta-vento, dupla face, um lado estampado de camuflado exclusivo Element, do outro preto, ambos com estampa no peito esquerdo de quem veste, bolsos laterais e etiquetas personalizadas Element. Características Principais: Material: 100% Poliéster Garantia conta defeito de fabricação.
-    Jaqueta corta-vento, dupla face, um lado estampado de camuflado exclusivo Element, do outro preto, ambos com estampa no peito esquerdo de quem veste, bolsos laterais e etiquetas personalizadas Element. Características Principais: Material: 100% Poliéster Garantia conta defeito de fabricação.
-    Jaqueta corta-vento, dupla face, um lado estampado de camuflado exclusivo Element, do outro preto, ambos com estampa no peito esquerdo de quem veste, bolsos laterais e etiquetas personalizadas Element. Características Principais: Material: 100% Poliéster Garantia conta defeito de fabricação.
-    Jaqueta corta-vento, dupla face, um lado estampado de camuflado exclusivo Element, do outro preto, ambos com estampa no peito esquerdo de quem veste, bolsos laterais e etiquetas personalizadas Element. Características Principais: Material: 100% Poliéster Garantia conta defeito de fabricação.
-    Jaqueta corta-vento, dupla face, um lado estampado de camuflado exclusivo Element, do outro preto, ambos com estampa no peito esquerdo de quem veste, bolsos laterais e etiquetas personalizadas Element. Características Principais: Material: 100% Poliéster Garantia conta defeito de fabricação.
-  </p> -->
-  <ion-fab vertical="bottom" horizontal="end" slot="fixed">
-    <ion-fab-button>
-      <ion-icon name="create"></ion-icon>
-    </ion-fab-button>
-  </ion-fab>
+  <ion-card color="#d4d5ca">
+  <ion-card-header>
+    <ion-card-title>Expediente</ion-card-title>
+    <ion-card-content>
+      <ion-item  [routerLink]="['/home/gabinete-digital/1']">
+        <ion-label>Correspondência</ion-label>
+        <ion-button slot="end">1</ion-button>
+      </ion-item>
+      <ion-item [routerLink]="['/home/gabinete-digital/1']" class="ion-activated">
+        <ion-label>Pedidos de parecer</ion-label>
+        <ion-button slot="end">1</ion-button>
+      </ion-item>
+      <ion-item [routerLink]="['/home/gabinete-digital/1']">
+        <ion-label>Pedidos de deferimento</ion-label>
+        <ion-button slot="end">1</ion-button>
+      </ion-item>
+    </ion-card-content>
+  </ion-card-header>
+</ion-card>
+<ion-card color="#d4d5ca">
+  <ion-card-header>
+    <ion-card-title>Diplomas</ion-card-title>
+    <ion-card-content>
+      <ion-item (click)="load()" class="ion-item-change-color">
+        <ion-label>Assinados pelo PR</ion-label>
+        <ion-button slot="end">1</ion-button>
+      </ion-item>
+      <ion-item primary (click)="load()" class="ion-activated">
+        <ion-label>Por validar (MDGPR)</ion-label>
+        <ion-button slot="end">1</ion-button>
+      </ion-item>
+    </ion-card-content>
+  </ion-card-header>
+</ion-card>
+<ion-card color="#d4d5ca">
+  <ion-card-header>
+    <ion-card-title>Despachos Efectuados</ion-card-title>
+    <ion-card-content>
+      <ion-item (click)="load()" class="ion-item-change-color">
+        <ion-label>Presidente da República</ion-label>
+        <ion-button slot="end">1</ion-button>
+      </ion-item>
+    </ion-card-content>
+  </ion-card-header>
+</ion-card>
 </ion-content>

src/app/pages/gabinete-digital/gabinete-digital.page.scss

@@ -1,63 +1,29 @@
-/* CONTENT */
-.item-list-small{
-    font-size: 11px;
-    overflow: auto;
+:host{
+  ion-card-title{
+      text-align: center;
   }
-  .ion-item-class{
-    padding: 0;
-  
-  }
-  .label-text{
-    width: 100%;
-    padding: 0;
-    margin: 0;
-  }
-//DIV
-.div-content-expediente{
-  width: 100%;
-  float: left;
-  border-left: 3px solid #dae3f3;
-  padding: 0 0 0 5px;
+
+
+ion-card{
+  background-color: #d4d5ca;
 }
-.div-content-pendentes{
-  width: 100%;
-  float: left;
-  border-left: 3px solid #d9d9d9;
-  padding: 0 0 0 5px;
+ion-item{
+  --ion-background-color:#dae3f3;
+  margin-bottom: 10px;
+  border-radius: 5px;
 }
-  .div-content-expediente h3, .div-content-pendentes h3{
-    margin: 0;
-    padding: 0;
-    font-size: 16pt;
-    width: 100%;
-  }
-  .div-icon{
-    width: 10%;
-    font-size: 20px;
-    float: left;
-    color: #808080;
-  }
-  .div-icon ion-icon{
-    display: block;
-    margin: 0 auto;
-  
-  }
-  .div-content-expediente p, .div-content-pendentes p{
-    font-size: 14pt;
-    color: rgb(94, 92, 92);
-    padding: 0;
-    margin: 0;
-  }
-  .span-left{
-      /* border: 1px solid red; */
-      float: left;
-      font-size: 10px;
-      padding-left: 18px;
-  }
-  .span-right{
-    /* border: 1px solid blue; */
-    text-align: right;
-    float: right;
-    font-size: 10px;
-    padding-right: 18px;
+ion-button{
+   color: #000;
+  --background:none;
+  --border-color: none;
+  --box-shadow:none;
 }
+ion-label{
+   padding: 10px;
+}
+}
+.ion-item-change-color{
+  --ion-background-color:#fff2cc !important;
+  margin-bottom: 10px;
+  border-radius: 5px;
+}

src/app/pages/gabinete-digital/gabinete-digital.page.ts

@@ -12,8 +12,10 @@ export class GabineteDigitalPage implements OnInit {
   constructor() { }
 
   ngOnInit() {
-    //Inicializar segment
-    this.segment = "expediente";
+  }
+
+  load(){
+    
   }
 
 }

src/app/pages/login/login.page.ts

@@ -12,6 +12,8 @@ import { ToastController } from '@ionic/angular';
 })
 export class LoginPage implements OnInit {
 
+  logstatus: boolean;
+
   /* Declare variables */
   public postData = {
     username: '',
@@ -27,6 +29,8 @@ export class LoginPage implements OnInit {
     ) { }
 
   ngOnInit() {
+    /* console.log(this.authService.validateLogin()); */
+    /* this.authService.login(this.postData); */
   }
   /* Function to validade the login inputs */
   validateInput(){
@@ -86,6 +90,7 @@ export class LoginPage implements OnInit {
 
     if(this.validateInput()){
       this.router.navigate(['/home/events']);
+      
       /* if (await this.authService.login(this.postData))
       {
         this.router.navigate(['/home/feed']);