butter/keanu-weblite
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

More send media optimization

Browse source
This commit is contained in:
N-Pex 2025-07-17 11:22:26 +02:00
parent 7b4b35762a
commit 9b0a6ae225
5 changed files with 54 additions and 55 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/Chat.vue
View file

@ -1392,15 +1392,6 @@ export default {
this.$refs.attachment.click();
},
addAttachment(file) {
if (file) {
if (!this.uploadBatch) {
this.uploadBatch = this.$matrix.attachmentManager.createUpload(this.room);
}
this.uploadBatch?.addAttachment(this.$matrix.attachmentManager.createAttachment(file));
}
},
/**
* Handle picked attachment
*/
@ -1411,7 +1402,10 @@ export default {
},
addAttachments(files) {
files.forEach(file => this.addAttachment(file));
if (!this.uploadBatch) {
this.uploadBatch = this.$matrix.attachmentManager.createUpload(this.room);
}
this.uploadBatch?.addAttachments(files.map((f) => this.$matrix.attachmentManager.createAttachment(f)));
},
showStickerPicker() {
@ -1862,7 +1856,7 @@ export default {
onVoiceRecording(event) {
const batch = this.$matrix.attachmentManager.createUpload(this.room);
batch.addAttachment(this.$matrix.attachmentManager.createAttachment(event.file));
batch.addAttachments([this.$matrix.attachmentManager.createAttachment(event.file)]);
var text = undefined;
if (this.currentInput && this.currentInput.length > 0) {
text = this.currentInput;

20
src/components/file_mode/SendAttachmentsLayout.vue
View file

@ -22,14 +22,12 @@
@dragleave.prevent="dropTarget = false"
@dragenter.prevent="dropTarget = true"
>
<div v-if="currentAttachment && currentAttachment.status === 'loading'" class="filename">
<div>{{ currentAttachment.file.name }}</div>
<ThumbnailView :file="currentAttachment" />
<div v-if="currentAttachment && currentAttachment.status === 'loading'" class="send-attachments__selecting__current-item__preparing">
<div style="font-size: 0.7em; opacity: 0.7">
{{ $t("message.preparing_to_upload") }}
<v-progress-linear indeterminate class="mb-0"></v-progress-linear>
<v-progress-circular indeterminate class="mb-0"></v-progress-circular>
</div>
</div>
<ThumbnailView v-else :file="currentAttachment" />
</div>
<div class="file-drop-thumbnail-container">
<v-tooltip location="top" v-for="(attachment, index) in batch.attachments" :key="index">
@ -94,6 +92,7 @@
elevation="0"
color="black"
@click.stop="showInformation"
:disabled="currentAttachment?.status !== 'loaded'"
></v-btn>
</div>
</template>
@ -253,7 +252,7 @@ export default defineComponent({
},
data() {
return {
currentItemIndex: 0,
currentItemIndex: -1,
messageInput: "",
mainStatuses: Object.freeze({
SELECTING: 0,
@ -276,6 +275,9 @@ export default defineComponent({
return !this.batch.canSend;
},
currentAttachment(): Attachment | undefined {
if (this.currentItemIndex < 0 && this.batch.attachments.length > 0) {
this.currentItemIndex = this.batch.attachments.length - 1;
}
if (this.currentItemIndex >= 0 && this.currentItemIndex < this.batch.attachments.length) {
return this.batch.attachments[this.currentItemIndex];
}
@ -305,16 +307,18 @@ export default defineComponent({
this.dropTarget = false;
let droppedFiles: FileList | undefined = e.dataTransfer?.files;
if (!droppedFiles) return;
let files: File[] = [];
for (let i = 0; i < droppedFiles.length; i++) {
const file = droppedFiles.item(i);
this.batch.addAttachment(this.$matrix.attachmentManager.createAttachment(file));
if (file) files.push(file);
}
this.batch.addAttachments(files.map((f) => this.$matrix.attachmentManager.createAttachment(f)));
},
close() {
this.batch.cancel();
this.status = this.mainStatuses.SELECTING;
this.messageInput = "";
this.currentItemIndex = 0;
this.currentItemIndex = -1;
this.$emit("close");
},
sendAll() {