mirror of
https://github.com/irislib/iris-messenger.git
synced 2024-10-18 14:13:21 +00:00
add close attachments button & esc
This commit is contained in:
parent
2db891ed02
commit
75e6b30888
@ -391,6 +391,11 @@ header #back-button {
|
||||
max-height: 60vh;
|
||||
}
|
||||
|
||||
#attachment-preview button {
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#message-list {
|
||||
display: flex;
|
||||
max-width: 700px;
|
||||
|
@ -327,27 +327,47 @@ if (!iris.util.isMobile) {
|
||||
});
|
||||
}
|
||||
|
||||
$(document).keyup(function(e) {
|
||||
if (e.key === "Escape") { // escape key maps to keycode `27`
|
||||
closeAttachmentsPreview();
|
||||
}
|
||||
});
|
||||
|
||||
function openAttachmentsPreview() {
|
||||
var attachmentsPreview = $('#attachment-preview');
|
||||
attachmentsPreview.empty();
|
||||
var closeBtn = $('<button>').text('Cancel').click(closeAttachmentsPreview);
|
||||
attachmentsPreview.append(closeBtn);
|
||||
|
||||
$('#attach-file').click(event => {
|
||||
event.preventDefault();
|
||||
$('#attachment-input').click();
|
||||
})
|
||||
$('#attachment-input').change(e => {
|
||||
$('#attachment-preview').empty();
|
||||
var files = $('#attachment-input')[0].files;
|
||||
if (files) {
|
||||
$('#attachment-preview').show();
|
||||
attachmentsPreview.show();
|
||||
$('#message-list').hide();
|
||||
for (var i = 0;i < files.length;i++) {
|
||||
getBase64(files[i]).then(base64 => {
|
||||
chats[activeChat].attachments = chats[activeChat].attachments || [];
|
||||
chats[activeChat].attachments.push({type: 'image', data: base64});
|
||||
var preview = $('<img>').attr('src', base64);
|
||||
$('#attachment-preview').append(preview);
|
||||
attachmentsPreview.append(preview);
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function closeAttachmentsPreview() {
|
||||
$('#attachment-preview').hide();
|
||||
$('#message-list').show();
|
||||
$('#message-view').scrollTop($('#message-view')[0].scrollHeight - $('#message-view')[0].clientHeight);
|
||||
if (activeChat) {
|
||||
chats[activeChat].attachments = null;
|
||||
}
|
||||
}
|
||||
|
||||
$('#attach-file').click(event => {
|
||||
event.preventDefault();
|
||||
$('#attachment-input').click();
|
||||
})
|
||||
$('#attachment-input').change(openAttachmentsPreview);
|
||||
|
||||
$('#desktop-application-about').toggle(!iris.util.isMobile && !iris.util.isElectron);
|
||||
|
||||
@ -463,6 +483,7 @@ function resetView() {
|
||||
$("#header-content").empty();
|
||||
$("#header-content").css({cursor: null});
|
||||
$('#private-key-qr').remove();
|
||||
closeAttachmentsPreview();
|
||||
}
|
||||
|
||||
function showMenu(show = true) {
|
||||
@ -992,9 +1013,7 @@ function showChat(pub) {
|
||||
msg.attachments = chats[pub].attachments;
|
||||
}
|
||||
chats[pub].send(msg);
|
||||
chats[pub].attachments = null;
|
||||
$('#attachment-preview').hide();
|
||||
$('#message-list').show();
|
||||
closeAttachmentsPreview();
|
||||
$('#new-msg').val('');
|
||||
});
|
||||
changeChatUnseenCount(pub, 0);
|
||||
|
Loading…
Reference in New Issue
Block a user