git pull made

src/app/pages/chat/chat.page.ts

@@ -158,14 +158,14 @@ export class ChatPage implements OnInit {
     console.log(t);
 
     this.setStatus('away');
-    if (this.dataService.get("newGroup")) {
+    /* if(this.dataService.get("newGroup")){
       this.openNewGroupPage();
-    }
+    } */
 
     this.router.events.forEach((event) => {
       if (event instanceof NavigationStart && event.url.startsWith('/home/chat')) {
         if (window.location.pathname.split('/').length >= 4 && window.location.pathname.startsWith('/home/chat')) {
-          alert('OIII')
+          //alert('OIII')
         } else {
           if (this.dataService.get("newGroup")) {
             this.openNewGroupPage();
@@ -456,7 +456,7 @@ export class ChatPage implements OnInit {
           updatedat: element._updatedAt
         }
 
-        console.log('TRANSFORM ROOM LIST',roomList )
+        console.log('TRANSFORM ROOM LIST', roomList)
         this.sqlservice.addChatListRoom(roomList);
       });
     }

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

@@ -19,15 +19,14 @@ import { AngularCropperjsModule } from 'angular-cropperjs';
 @NgModule({
   imports: [
     CommonModule,
-    BrowserModule,
     FormsModule,
     FontAwesomeModule,
     IonicModule,
     GroupMessagesPageRoutingModule,
     ChatPopoverPageModule,
     BtnModalDismissPageModule,
-    ImageCropperModule,
-    AngularCropperjsModule
+    /* ImageCropperModule,
+    AngularCropperjsModule */
 
   ],
   declarations: [GroupMessagesPage]

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

@@ -53,7 +53,7 @@
 
   <div (click)="handleClick()" class="messages overflow-y-auto" #scrollMe>
     <div class="welcome-text">
-      <ion-label>Esta conversa passou a grupo</ion-label><br />
+      <ion-label>Esta conversa passou a grupo TIAGO</ion-label><br />
       <ion-label>A conversa original mantêm-se como chat individual</ion-label>
     </div>
     <div class="messages-list-item-wrapper container-width-100" *ngFor="let msg of messages; let last = last" [class.messages-list-item-wrapper-active]="msg._id == selectedMsgId">
@@ -90,9 +90,9 @@
                   </div>
                 </div>
               </div>
-              
+
             </div>
-            
+
           </div>
           {{last ? scrollToBottom() : ''}}
         </div>

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

@@ -60,7 +60,9 @@
           <ion-label>{{msg.msg}}</ion-label>
           <div *ngIf="msg.attachments" class="message-attachments">
             <div *ngFor="let file of msg.attachments let i = index">
-              <img *ngIf="file.image_url" src="{{file.image_url}}" alt="image" (click)="imageSize(file.image_url)">
+              <div (click)="openPreview(msg)">
+                <img *ngIf="file.image_url" src="{{file.image_url}}" alt="image">
+              </div>
               <div>
                 <div>
                   <div class="file">
@@ -138,7 +140,7 @@
   <button (click)="stopRecording()">Stop Recording</button> -->
   <div class="container width-100 d-flex">
     <div>
-    
+
       <button class="btn-no-color" (click)="openChatOptions()">
         <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="chat-icon-options" src="assets/images/icons-add.svg"></ion-icon>
         <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="chat-icon-options" src="assets/images/theme/gov/icons-add.svg"></ion-icon>

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

@@ -26,6 +26,7 @@ import { Haptics, ImpactStyle } from '@capacitor/haptics';
 import { PreviewCameraPage } from 'src/app/modals/preview-camera/preview-camera.page';
 import { SqliteService } from 'src/app/services/sqlite.service';
 import { elementAt } from 'rxjs-compat/operator/elementAt';
+import { ViewMediaPage } from 'src/app/modals/view-media/view-media.page';
 
 const IMAGE_DIR = 'stored-images';
 
@@ -667,7 +668,7 @@ export class MessagesPage implements OnInit, AfterViewInit, OnDestroy {
     });
   }
 
-  
+
   sliderOpts = {
     zoom: false,
     slidesPerView: 1.5,
@@ -676,7 +677,7 @@ export class MessagesPage implements OnInit, AfterViewInit, OnDestroy {
   };
   zoomActive = false;
 zoomScale = 1;
- 
+
 sliderZoomOpts = {
   allowSlidePrev: false,
   allowSlideNext: false,
@@ -684,27 +685,27 @@ sliderZoomOpts = {
     maxRatio: 5
   },
   on: {
-    zoomChange: (scale, imageEl, slideEl) => {        
+    zoomChange: (scale, imageEl, slideEl) => {
       this.zoomActive = true;
       this.zoomScale = scale/5;
-      this.changeDetectorRef.detectChanges();         
+      this.changeDetectorRef.detectChanges();
     }
   }
 }
- 
+
 async touchEnd(zoomslides: IonSlides, card) {
   // Zoom back to normal
   const slider = await zoomslides.getSwiper();
   const zoom = slider.zoom;
   zoom.out();
- 
+
   // Card back to normal
   card.el.style['z-index'] = 9;
- 
+
   this.zoomActive = false;
   this.changeDetectorRef.detectChanges();
 }
- 
+
 touchStart(card) {
   // Make card appear above backdrop
   card.el.style['z-index'] = 11;
@@ -713,15 +714,13 @@ touchStart(card) {
 
   async openPreview(msg) {
     const modal = await this.modalController.create({
-      component:  PreviewCameraPage,
+      component:  ViewMediaPage,
       cssClass: 'modal modal-desktop',
       componentProps: {
         image: msg.attachments[0].image_url,
         username: msg.u.name,
         _updatedAt: msg._updatedAt,
       }
-
-      
     });
     modal.present();
   }