resizingChatPhotos

src/app/modals/group-icons/group-icons-routing.module.ts

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

src/app/modals/group-icons/group-icons.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 { GroupIconsPageRoutingModule } from './group-icons-routing.module';
+
+import { GroupIconsPage } from './group-icons.page';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    FormsModule,
+    IonicModule,
+    GroupIconsPageRoutingModule
+  ],
+  declarations: [GroupIconsPage]
+})
+export class GroupIconsPageModule {}

src/app/modals/group-icons/group-icons.page.html

@@ -0,0 +1,31 @@
+<ion-card >
+  <ion-card-content > 
+   <ion-row>
+      <ion-col size="3" class="ion-text-center">
+        <ion-button (click)="removerIcone()" fill="clear" color="light">
+          <!-- <ion-icon name="remove" slot="start"></ion-icon> -->
+          <ion-icon class="redla" name="trash-outline"></ion-icon>
+        </ion-button>
+      </ion-col>
+      <ion-col size="3" class="ion-text-center">
+        <ion-button (click)="openGaleria()" fill="clear" color="light">
+          <!-- <ion-icon name="remove" slot="start"></ion-icon> -->
+          <ion-icon class="redla" name="flower-outline"></ion-icon>
+        </ion-button>
+      </ion-col>
+      <ion-col size="3" class="ion-text-center">
+        <ion-button (click)="OpenCamera()" fill="clear" color="light">
+         
+          <ion-icon  class="redla" name="camera-outline"></ion-icon>
+        
+        </ion-button>
+      </ion-col>
+      <ion-col size="3" class="ion-text-center">
+        <ion-button (click)="pesquizarWeb()" fill="clear" color="light">
+          <ion-icon class="redla" name="search-outline"></ion-icon>
+        
+        </ion-button>
+      </ion-col>
+    </ion-row>
+  </ion-card-content>
+</ion-card>

src/app/modals/group-icons/group-icons.page.spec.ts

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

src/app/modals/group-icons/group-icons.page.ts

@@ -0,0 +1,38 @@
+import { Component, OnInit } from '@angular/core';
+import { IonSlides, ModalController, NavParams } from '@ionic/angular';
+
+@Component({
+  selector: 'app-group-icons',
+  templateUrl: './group-icons.page.html',
+  styleUrls: ['./group-icons.page.scss'],
+})
+export class GroupIconsPage implements OnInit {
+
+  constructor( private modalController: ModalController,
+    private navParams:NavParams) { }
+
+  ngOnInit() {
+  }
+
+  removerIcone(){
+
+  }
+  openGaleria(){
+
+  }
+  OpenCamera(){
+    
+  }
+  pesquizarWeb(){
+    
+  }
+
+  dismiss() {
+    // using the injected ModalController this page
+    // can "dismiss" itself and optionally pass back data
+    this.modalController.dismiss({
+      'dismissed': true
+    });
+  }
+}
+