Merge branch 'bug/#44034_image_not_zoom_in_modal' into debug/console_logs

public_new/css/chat.css

@@ -819,6 +819,14 @@ input[name="tab_item"] {
 .modal-body #modal_image {
   width: 100%;
   height: 100%;
+  object-fit: contain;
+}
+
+.picture-modal {
+  max-width: 85vw;
+  max-height: 85vh;
+  width: 100%;
+  height: 100%;
 }
 
 .menu_modal .modal-body ul {

public_new/js/common/common.js

@@ -147,19 +147,31 @@ Common.getProfileImgUrl = function (path) {
     return "./img/noImage.png";
   } else if (path.includes("/mnt")) {
     const userInfo = path.split("/").reverse();
+
+    if (deviceInfo.isiOS()) {
+      const receivedString = NativeBridgeDataSource.getCachedImage(userInfo[1]);
+      if (receivedString == "" || receivedString == undefined) {
+        return Common.generateProfileImgURLFromServer(userInfo[0], userInfo[1]);
+      }
+      return "data:image/"+userInfo[0].split('.').pop()+";base64," + receivedString;
+    }
+    return Common.generateProfileImgURLFromServer(userInfo[0], userInfo[1]);
+  } else {
+    return path;
+  }
+};
+
+Common.generateProfileImgURLFromServer = function (fileName, loginID) {
   return (
     serverInfo.cmsURL +
     "/chatapi/user?profileFileName=" +
-      userInfo[0] +
+    fileName +
     "&profileGetLoginId=" +
-      userInfo[1] +
+    loginID +
     "&sid=" +
     currentUserInfo.sid +
     "&cmd=12"
   );
-  } else {
-    return path;
-  }
 };
 
 Common.startCollaboration = function (collaborationType) {

public_new/js/common/constant.js

@@ -190,6 +190,7 @@ const NATIVE_KEY_IOS = {
   getUserListByLoginId: "getUserListByLoginId",
   getMessageListFromMessageId: "getMessageListFromMessageId",
   updatePreMessage: "updatePreMessage",
+  getCachedImage: "getCachedImage",
 };
 
 const BIZ_TASK_YELL_URL = "https://biztaskyell.abookcloud.com";

public_new/js/common/native-bridge-datasource.js

@@ -416,3 +416,9 @@ NativeBridgeDataSource.getHostRequestFlg = function () {
     return android.getHostRequestFlg();
   }
 };
+
+NativeBridgeDataSource.getCachedImage = function (loginID) {
+  if (deviceInfo.isiOS()) {
+    return callNativeApp(NATIVE_KEY_IOS.getCachedImage, { loginID: loginID });
+  }
+};

public_new/js/views/archive/archive.js

@@ -211,7 +211,7 @@ ArchiveUI.appendImageTypePlayer = function (filePath) {
 ArchiveUI.appendVideoTypePlayer = function (filePath) {
   if (deviceInfo.isiOS()) {
     $("#archive_player").prepend(
-      '<video class="archive_player" controls autoplay muted playsinline controlsList="nodownload"><source src="' +
+      '<video class="archive_player" controls autoplay playsinline controlsList="nodownload"><source src="' +
         filePath +
         '" type="video/mp4"><source src="' +
         filePath +
@@ -223,7 +223,7 @@ ArchiveUI.appendVideoTypePlayer = function (filePath) {
     $("#archive_player").prepend(
       '<video class="archive_player" src=' +
         filePath +
-        ' controls autoplay muted playsinline controlsList="nodownload"></video>'
+        ' controls autoplay playsinline controlsList="nodownload"></video>'
     );
   }
 };

public_new/modal_chat_picture.html

@@ -6,7 +6,7 @@
           <span aria-hidden="true">&times;</span>
         </button>
       </div>
-      <div class="modal-body">
+      <div class="modal-body" style="height: 85vh!important; max-height: 85vh;">
         <div class="picture-modal">
           <img src="" id="modal_image">
         </div>