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
+    });
+  }
+}
+

src/app/modals/preview-camera/preview-camera.module.ts

@@ -7,12 +7,14 @@ import { IonicModule } from '@ionic/angular';
 import { PreviewCameraPageRoutingModule } from './preview-camera-routing.module';
 
 import { PreviewCameraPage } from './preview-camera.page';
+import { ImageCropperModule } from 'ngx-image-cropper';
 
 @NgModule({
   imports: [
     CommonModule,
     FormsModule,
     IonicModule,
+    ImageCropperModule,
     PreviewCameraPageRoutingModule
   ],
   declarations: [PreviewCameraPage]

src/app/modals/preview-camera/preview-camera.page.html

@@ -3,21 +3,25 @@
 <ion-card-content >
   <ion-card-header >
     <ion-toolbar>
-      <ion-title>{{username}}   <span>{{_updatedAt}}</span> </ion-title>
+     
+        {{username}}   <span>{{_updatedAt}}</span> 
+      
+      
     </ion-toolbar>
   </ion-card-header>
   
     <img src="{{image}}" />
  
-
-  <!-- <ion-slides #slider [options]="slideOpts">
-    <ion-slide >
-      <div class="swiper-zoom-container">
-        
-      </div>
-    </ion-slide>
-  </ion-slides> -->
 </ion-card-content>
+<!-- <image-cropper [imageBase64]="myimage"
+    [maintainAspectRatio]="true"
+    [aspectRatio]="4 / 3"
+    outputType = "base64"
+    format="png"
+    [resizeToWidth]="true"
+    (imageCropped)="imageCropped($event)"
+  
+></image-cropper> -->
 
 <ion-footer>
   <ion-row>

src/app/modals/preview-camera/preview-camera.page.ts

@@ -1,5 +1,7 @@
 import { Component, OnInit, ViewChild } from '@angular/core';
 import { IonSlides, ModalController, NavParams } from '@ionic/angular';
+import { ImageCroppedEvent } from 'ngx-image-cropper';
+import { GroupIconsPage } from '../group-icons/group-icons.page';
 
 @Component({
   selector: 'app-preview-camera',
@@ -17,6 +19,10 @@ export class PreviewCameraPage implements OnInit {
   username: string
   _updatedAt: string
 
+
+  // myimage: null
+  // croppedImageBase64: any
+
 // @Input('img') img: any
 // @Input() username: string;
 // @Input() date: string;
@@ -31,6 +37,7 @@ ngOnInit() {
   this.username = this.navParams.get('username')
   this._updatedAt = this.navParams.get('_updatedAt')
   console.log(this.image)
+  // this.image = this.myimage
 }
 
 ionViewDidEnter(){
@@ -46,6 +53,20 @@ async zoom(zoomIn: boolean){
 close(){
   this.modalController.dismiss()
     }
+
+// imageCropped(ev: ImageCroppedEvent){
+//     this.croppedImageBase64 = ev.base64
+//   }
+
+
+// async grupo(){
+//   const modal = await this.modalController.create({
+//     component:   GroupIconsPage,
+//     cssClass: 'transparent-modal',
+//   });
+//   modal.present();
+//   }
 }
 
 
+