resizingChatPhotos

src/app/pages/chat/chat.module.ts

@@ -29,6 +29,7 @@ import { HeaderPageModule } from 'src/app/shared/header/header.module';
 import { NewEventPageModule } from 'src/app/shared/agenda/new-event/new-event.module';
 import { AttendeeModalPageModule } from 'src/app/shared/event/attendee-modal/attendee-modal.module';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { ImageCropperModule } from 'ngx-image-cropper';
 
 @NgModule({
   imports: [
@@ -48,6 +49,7 @@ import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
     GroupContactsPageModule,
     EmptyChatPageModule,
     NewEventPageModule,
+    ImageCropperModule,
     AttendeeModalPageModule,
   ],
   declarations: [

src/app/pages/chat/group-messages/group-messages.module.ts

@@ -13,6 +13,8 @@ import { ChatPopoverPageModule } from 'src/app/shared/popover/chat-popover/chat-
 import { BtnModalDismissPageModule } from 'src/app/shared/btn-modal-dismiss/btn-modal-dismiss.module';
 
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { ImageCropperModule } from 'ngx-image-cropper';
+import { AngularCropperjsModule } from 'angular-cropperjs';
 
 @NgModule({
   imports: [
@@ -24,6 +26,9 @@ import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
     GroupMessagesPageRoutingModule,
     ChatPopoverPageModule,
     BtnModalDismissPageModule,
+    ImageCropperModule,
+    AngularCropperjsModule
+
   ],
   declarations: [GroupMessagesPage]
 })

src/app/pages/chat/group-messages/group-messages.page.html

@@ -67,7 +67,10 @@
           <div *ngIf="msg.attachments" class="message-attachments">
             <div *ngFor="let file of msg.attachments">
               <img *ngIf="file.image_url" src="{{file.image_url}}" alt="image" >
+
+              
               <div>
+               
                 <div>
                   <div class="file">
                     <!-- <canvas id="pdf_canvas"></canvas> -->
@@ -90,7 +93,9 @@
                   </div>
                 </div>
               </div>
+              
             </div>
+            
           </div>
           {{last ? scrollToBottom() : ''}}
         </div>

src/app/pages/chat/group-messages/group-messages.page.ts

@@ -29,6 +29,7 @@ import { PreviewCameraPage } from 'src/app/modals/preview-camera/preview-camera.
 })
 export class GroupMessagesPage implements OnInit, AfterViewInit, OnDestroy {
 
+  
 
   showLoader: boolean;
   isGroupCreated:boolean;