Переглянути джерело

fix: Attachment preview on iOS

gugdun 10 місяців тому
батько
коміт
7622bb11a4
2 змінених файлів з 4 додано та 1 видалено
  1. 1 1
      package.json
  2. 3 0
      src/views/chat.ejs

+ 1 - 1
package.json

@@ -1,6 +1,6 @@
 {
 {
   "name": "svin-chat",
   "name": "svin-chat",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "Coolest chat in the world 😎",
   "description": "Coolest chat in the world 😎",
   "main": "src/index.js",
   "main": "src/index.js",
   "scripts": {
   "scripts": {

+ 3 - 0
src/views/chat.ejs

@@ -64,6 +64,7 @@
     var messageInput = document.getElementById("message-input")
     var messageInput = document.getElementById("message-input")
     var attachmentInput = document.getElementById("message-attachment")
     var attachmentInput = document.getElementById("message-attachment")
     var attachmentName = document.getElementById("attachment-filename")
     var attachmentName = document.getElementById("attachment-filename")
+    var attachmentPreview = document.getElementById("attachment-preview")
     var timestamps = document.getElementsByClassName("message-datetime")
     var timestamps = document.getElementsByClassName("message-datetime")
     for (var i = 0; i < timestamps.length; i++) {
     for (var i = 0; i < timestamps.length; i++) {
         var timestamp = timestamps[i]
         var timestamp = timestamps[i]
@@ -163,10 +164,12 @@
     }
     }
     function onAttachmentChange(event) {
     function onAttachmentChange(event) {
         attachmentName.textContent = event.files[0].name
         attachmentName.textContent = event.files[0].name
+        attachmentPreview.style.display = "flex"
     }
     }
     function onAttachmentClose(event) {
     function onAttachmentClose(event) {
         attachmentName.textContent = ""
         attachmentName.textContent = ""
         attachmentInput.value = ""
         attachmentInput.value = ""
+        attachmentPreview.style.display = "none"
     }
     }
     messageInput.addEventListener("focus", function (e) {
     messageInput.addEventListener("focus", function (e) {
         setTimeout(function () {
         setTimeout(function () {