- {{ $tc("room.invitations", invitationCount)}}
+ {{ $tc("room.invitations", invitationCount) }}
-
-
+
-
+
-
+
-
-
+
+
diff --git a/src/components/RoomInfoBottomSheet.vue b/src/components/RoomInfoBottomSheet.vue
index aa10dce..086749e 100644
--- a/src/components/RoomInfoBottomSheet.vue
+++ b/src/components/RoomInfoBottomSheet.vue
@@ -5,12 +5,30 @@
>
+
+
-
+
+
cancel
@@ -246,10 +194,7 @@
-
+
- {{
- editedEvent ? "save" : "arrow_upward"
- }}
+ {{ editedEvent ? "save" : "arrow_upward" }}
-
+
+
+
+
+
+
+ more_vert
+
+
+
+
+
+
+
+ {{ $t("poll_create.create_poll_menu_option") }}
+
+
+
-
diff --git a/src/components/CreatePollDialog.vue b/src/components/CreatePollDialog.vue
new file mode 100644
index 0000000..8decf7b
--- /dev/null
+++ b/src/components/CreatePollDialog.vue
@@ -0,0 +1,195 @@
+
+
+
+
+
+
+
diff --git a/src/components/CreateRoom.vue b/src/components/CreateRoom.vue
index a75836d..a0afa15 100644
--- a/src/components/CreateRoom.vue
+++ b/src/components/CreateRoom.vue
@@ -20,7 +20,7 @@
!roomName || (step != steps.INITIAL && step != steps.CREATED)
"
class="header-button-right"
- @click.stop="next"
+ @click.stop="onCreate"
>
{{
step == steps.CREATED ? $t("new_room.done") : $t("new_room.next")
@@ -28,54 +28,6 @@
-->
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@@ -86,34 +38,49 @@
-
-
+
+
+ {{ $t("new_room.create") }}
+ @click.stop="onCreate"
+ :disabled="status ? true : roomName.length === 0 || roomName.length > 50"
+ >
+
@@ -192,7 +159,7 @@
{{ $t("new_room.link_copied") }}
-->
- {{ $t("message.replying_to", { user: replyToEvent.sender.name }) }}
-
- {{ $t("message.reply_image") }}
- {{ $t("message.reply_audio_message") }}
- {{ $t("message.reply_video") }}
+
+ {{ $t("message.reply_image") }}
+ {{ $t("message.reply_audio_message") }}
+ {{ $t("message.reply_video") }}
- ![]()
- ![]()
+
-
+
cancel
@@ -201,17 +158,8 @@
/>
-
-
+
-
+
-
+
-
@@ -433,78 +363,41 @@
+
- {{
- $t("voice_recorder.not_supported_title")
- }}
- {{ $t("voice_recorder.not_supported_text") }}
-
+ {{ $t("voice_recorder.not_supported_title") }}
+ {{ $t("voice_recorder.not_supported_text") }}
{{ $t("menu.ok") }}
+ {{
+ $t("menu.ok")
+ }}
+
+
\ No newline at end of file
+
diff --git a/src/components/ChatHeader.vue b/src/components/ChatHeader.vue
index 6bb07e3..79cfb91 100644
--- a/src/components/ChatHeader.vue
+++ b/src/components/ChatHeader.vue
@@ -7,7 +7,7 @@
@click.stop="onHeaderClicked"
>
file: {{ currentImageInputPath.name }}
-
+ {{ currentImageInput.scaledDimensions.width }} x {{ currentImageInput.scaledDimensions.height }}
- {{ currentImageInput.scaledDimensions.width }} x
- {{ currentImageInput.scaledDimensions.height }}
-
- {{ currentImageInput.dimensions.width }} x
- {{ currentImageInput.dimensions.height }}
-
+ {{ currentImageInput.dimensions.width }} x {{ currentImageInput.dimensions.height }}
+
({{ formatBytes(currentImageInput.scaledSize) }})
-
- ({{ formatBytes(currentImageInputPath.size) }})
+ ({{ formatBytes(currentImageInputPath.size) }})
-
+
+ poll
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("poll_create.add_answer") }}
+
+
+
+
+ {{ $t("menu.cancel") }}
+
+
+ {{ $t("poll_create.create") }}
+
+
+
+
+ + {{ $t("poll_create.title") }} +
+{{ $t("poll_create.intro") }}
+
+
+ {{ status }}
+
+ {{ data.item.name }}
-
- {{ $t("new_room.name_room") }}
{{ $t("new_room.room_topic") }}
+ {{ status }}
+
+ {{ $t("new_room.create") }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ $t("join.enter_room") }}
+
+
+
+
diff --git a/src/components/RoomInfo.vue b/src/components/RoomInfo.vue
index 556907b..ab1c4d6 100644
--- a/src/components/RoomInfo.vue
+++ b/src/components/RoomInfo.vue
@@ -153,7 +153,7 @@
})
}}
- {{ $t("join.choose_name") }}
+ {{ data.item.name }}
+
+ Start private chat
+ {{ $t("menu.start_private_chat") }}
+ {{ $t("room_info.export_room") }}
+
+
+
+
+ {{ $t("room_info.purge") }}
+
+
{{ $t("room_info.version_info", { version: buildVersion }) }}
@@ -177,14 +201,23 @@
@close="showLeaveConfirmation = false"
/>
+
-
-
+
+
+ {{ loadValue }}
+
diff --git a/src/components/RoomList.vue b/src/components/RoomList.vue
index b78de3a..5010a7c 100644
--- a/src/components/RoomList.vue
+++ b/src/components/RoomList.vue
@@ -18,7 +18,10 @@
:value="room.roomId"
>
-
{{ room.name }}
@@ -50,7 +53,10 @@
:value="room.roomId"
>
-
+
+
+
+
+
+
+
diff --git a/src/components/messages/export/MessageIncomingImageExport.vue b/src/components/messages/export/MessageIncomingImageExport.vue
new file mode 100644
index 0000000..6d1a821
--- /dev/null
+++ b/src/components/messages/export/MessageIncomingImageExport.vue
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+
+
diff --git a/src/components/messages/export/MessageIncomingVideoExport.vue b/src/components/messages/export/MessageIncomingVideoExport.vue
new file mode 100644
index 0000000..3727ae8
--- /dev/null
+++ b/src/components/messages/export/MessageIncomingVideoExport.vue
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
+
diff --git a/src/components/messages/export/MessageOutgoingAudioExport.vue b/src/components/messages/export/MessageOutgoingAudioExport.vue
new file mode 100644
index 0000000..b0f6906
--- /dev/null
+++ b/src/components/messages/export/MessageOutgoingAudioExport.vue
@@ -0,0 +1,21 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/components/messages/export/MessageOutgoingImageExport.vue b/src/components/messages/export/MessageOutgoingImageExport.vue
new file mode 100644
index 0000000..3bb6e77
--- /dev/null
+++ b/src/components/messages/export/MessageOutgoingImageExport.vue
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+
+
diff --git a/src/components/messages/export/MessageOutgoingVideoExport.vue b/src/components/messages/export/MessageOutgoingVideoExport.vue
new file mode 100644
index 0000000..be07c5d
--- /dev/null
+++ b/src/components/messages/export/MessageOutgoingVideoExport.vue
@@ -0,0 +1,27 @@
+
+
+
+
+
+
+
+
diff --git a/src/components/messages/pollMixin.js b/src/components/messages/pollMixin.js
new file mode 100644
index 0000000..7544764
--- /dev/null
+++ b/src/components/messages/pollMixin.js
@@ -0,0 +1,235 @@
+import util from "../../plugins/utils";
+
+export default {
+ data() {
+ return {
+ pollQuestion: "",
+ pollAnswers: [],
+ pollTotalVotes: 0,
+ pollResponseRelations: null,
+ pollEndRelations: null,
+ pollEndTs: null,
+ pollIsDisclosed: true,
+ pollTentativeAnswer: null,
+ };
+ },
+ mounted() {
+ this.$matrix.on("Room.timeline", this.pollMixinOnEvent);
+ this.pollQuestion =
+ (this.event &&
+ this.event.getContent()["m.poll.start"] &&
+ this.event.getContent()["m.poll.start"]["question"]["body"]) ||
+ (this.event &&
+ this.event.getContent()["org.matrix.msc3381.poll.start"] &&
+ this.event.getContent()["org.matrix.msc3381.poll.start"]["question"]["body"]) ||
+ "";
+ this.updateAnswers();
+ },
+ destroyed() {
+ this.$matrix.off("Room.timeline", this.pollMixinOnEvent);
+ },
+ beforeDestroy() {
+ if (this.pollResponseRelations) {
+ this.pollResponseRelations.off("Relations.add", this.onAddRelation);
+ this.pollResponseRelations = null;
+ }
+ if (this.pollEndRelations) {
+ this.pollEndRelations.off("Relations.add", this.onAddRelation);
+ this.pollEndRelations = null;
+ }
+ },
+ methods: {
+ updateAnswers() {
+ let answers =
+ (this.event && this.event.getContent()["m.poll.start"] && this.event.getContent()["m.poll.start"]["answers"]) ||
+ (this.event &&
+ this.event.getContent()["org.matrix.msc3381.poll.start"] &&
+ this.event.getContent()["org.matrix.msc3381.poll.start"]["answers"]) ||
+ [];
+ var answerMap = {};
+ var answerArray = [];
+ answers.forEach((a) => {
+ let text = a["org.matrix.msc1767.text"];
+ let answer = { id: a.id, text: text, numVotes: 0, percentage: 0 };
+ answerMap[a.id] = answer;
+ answerArray.push(answer);
+ });
+
+ // Kind of poll
+ this.pollIsDisclosed = false;
+ if (this.event) {
+ if (this.event.getContent()["m.poll.start"]) {
+ this.pollIssDisclosed = this.event.getContent()["m.poll.start"]["kind"] != "m.poll.undisclosed" || false;
+ } else if (this.event.getContent()["org.matrix.msc3381.poll.start"]) {
+ this.pollIssDisclosed =
+ this.event.getContent()["org.matrix.msc3381.poll.start"]["kind"] != "org.matrix.msc3381.poll.undisclosed" ||
+ false;
+ }
+ }
+
+ // Look for poll end
+ this.pollEndRelations =
+ this.timelineSet.getRelationsForEvent(this.event.getId(), "m.reference", "m.poll.end") ||
+ this.timelineSet.getRelationsForEvent(this.event.getId(), "m.reference", "org.matrix.msc3381.poll.end");
+ if (this.pollEndRelations) {
+ const endMessages = this.pollEndRelations.getRelations() || [];
+ if (endMessages.length > 0) {
+ this.pollEndTs = endMessages[endMessages.length - 1].getTs();
+ }
+ }
+
+ // Process votes
+ this.pollResponseRelations =
+ this.timelineSet.getRelationsForEvent(this.event.getId(), "m.reference", "m.poll.response") ||
+ this.timelineSet.getRelationsForEvent(this.event.getId(), "m.reference", "org.matrix.msc3381.poll.response");
+ var userVotes = {};
+ if (this.pollResponseRelations) {
+ const votes = this.pollResponseRelations.getRelations() || [];
+ for (const vote of votes) {
+ //const emoji = r.getRelation().key;
+ if (this.pollEndTs && vote.getTs() > this.pollEndTs) {
+ continue; // Invalid vote, after poll was closed.
+ }
+ const sender = vote.getSender();
+ const answersFromThisUser =
+ (vote.getContent()["m.poll.response"] && vote.getContent()["m.poll.response"]["answers"]) ||
+ (vote.getContent()["org.matrix.msc3381.poll.response"] &&
+ vote.getContent()["org.matrix.msc3381.poll.response"]["answers"]) ||
+ [];
+ if (answersFromThisUser.length == 0) {
+ delete userVotes[sender];
+ } else {
+ userVotes[sender] = answersFromThisUser;
+ }
+ }
+ }
+ var totalVotes = 0;
+ for (const [user, answersFromThisUser] of Object.entries(userVotes)) {
+ for (const a of answersFromThisUser) {
+ if (answerMap[a]) {
+ answerMap[a].numVotes += 1;
+ totalVotes += 1;
+ if (user == this.$matrix.currentUserId) {
+ answerMap[a].hasMyVote = true;
+ }
+ }
+ }
+ }
+
+ // Update percentages. For algorithm, see here: https://revs.runtime-revolution.com/getting-100-with-rounded-percentages-273ffa70252b
+ // (need to add up to 100%)
+ if (totalVotes > 0) {
+ let a = answerArray.map((a) => {
+ let votes = (100 * a.numVotes) / totalVotes;
+ return {
+ answer: a,
+ unrounded: votes,
+ floor: Math.floor(votes),
+ };
+ });
+ a.sort((item1, item2) => {
+ Math.abs(item2.floor) - Math.abs(item1.floor);
+ });
+ var diff =
+ 100 -
+ a.reduce((previousValue, currentValue) => {
+ return previousValue + currentValue.floor;
+ }, 0);
+ const maxVotes = Math.max(...a.map((item) => item.unrounded));
+ a.map((answer, index) => {
+ answer.answer.percentage = index < diff ? answer.floor + 1 : answer.floor;
+ answer.answer.winner = answer.unrounded == maxVotes;
+ });
+ }
+ this.pollAnswers = answerArray;
+ this.pollTotalVotes = totalVotes;
+ },
+ pollAnswer(id) {
+ if (!this.userHasVoted) {
+ this.pollTentativeAnswer = id;
+ }
+ },
+ pollAnswerSubmit() {
+ if (!this.pollTentativeAnswer || this.pollIsClosed) {
+ return;
+ }
+ util
+ .sendPollAnswer(this.$matrix.matrixClient, this.room.roomId, [this.pollTentativeAnswer], this.event)
+ .catch((err) => {
+ console.log("Failed to send:", err);
+ })
+ .finally(() => {
+ this.pollTentativeAnswer = null;
+ });
+ },
+ pollClose() {
+ util.closePoll(this.$matrix.matrixClient, this.room.roomId, this.event).catch((err) => {
+ console.log("Failed to send:", err);
+ });
+ },
+ onAddRelation(ignoredevent) {
+ this.updateAnswers();
+ },
+ pollMixinOnEvent(event) {
+ if (event.getRoomId() !== this.room.roomId) {
+ return; // Not for this room
+ }
+ this.$matrix.matrixClient.decryptEventIfNeeded(event).then(() => {
+ if (event.getType().startsWith("m.poll.") || event.getType().startsWith("org.matrix.msc3381.poll.")) {
+ this.updateAnswers();
+ }
+ });
+ },
+ },
+ computed: {
+ pollIsClosed() {
+ return this.pollEndTs != null && this.pollEndTs !== undefined;
+ },
+ userCanClosePoll() {
+ return (
+ this.room &&
+ this.room.currentState &&
+ this.room.currentState.maySendRedactionForEvent(this.event, this.$matrix.currentUserId)
+ );
+ },
+ userHasVoted() {
+ return this.pollAnswers.some((a) => a.hasMyVote);
+ },
+ pollNumAnswers() {
+ return this.pollTotalVotes;
+ },
+ pollIsAdmin() {
+ // Admins can view results of not-yet-closed undisclosed polls.
+ const me = this.room && this.room.getMember(this.$matrix.currentUserId);
+ let isAdmin =
+ me && this.room.currentState && this.room.currentState.hasSufficientPowerLevelFor("redact", me.powerLevel);
+ return isAdmin;
+ },
+ },
+ watch: {
+ pollResponseRelations: {
+ handler(newValue, oldValue) {
+ if (oldValue) {
+ oldValue.off("Relations.add", this.onAddRelation);
+ }
+ if (newValue) {
+ newValue.on("Relations.add", this.onAddRelation);
+ }
+ this.updateAnswers();
+ },
+ immediate: true,
+ },
+ pollEndRelations: {
+ handler(newValue, oldValue) {
+ if (oldValue) {
+ oldValue.off("Relations.add", this.onAddRelation);
+ }
+ if (newValue) {
+ newValue.on("Relations.add", this.onAddRelation);
+ }
+ this.updateAnswers();
+ },
+ immediate: true,
+ },
+ },
+};
diff --git a/src/components/rememberMeMixin.js b/src/components/rememberMeMixin.js
new file mode 100644
index 0000000..328e6c8
--- /dev/null
+++ b/src/components/rememberMeMixin.js
@@ -0,0 +1,12 @@
+export default {
+ data() {
+ return {
+ rememberMe: false
+ }
+ },
+ methods: {
+ onRememberMe(val) {
+ this.$store.commit("setUseLocalStorage", val);
+ }
+ }
+}
\ No newline at end of file
diff --git a/src/components/roomInfoMixin.js b/src/components/roomInfoMixin.js
index d6c1099..ae5884c 100644
--- a/src/components/roomInfoMixin.js
+++ b/src/components/roomInfoMixin.js
@@ -62,7 +62,16 @@ export default {
return this.room.shouldEncryptForInvitedMembers()
}
return false;
- }
+ },
+
+ userCanExportChat() {
+ // We say that if you can redact events, you are allowed to export chats.
+ const me = this.room && this.room.getMember(this.$matrix.currentUserId);
+ let isAdmin =
+ me && this.room.currentState && this.room.currentState.hasSufficientPowerLevelFor("redact", me.powerLevel);
+ return isAdmin;
+ },
+
},
watch: {
room: {
diff --git a/src/plugins/utils.js b/src/plugins/utils.js
index ef40596..cb9b67f 100644
--- a/src/plugins/utils.js
+++ b/src/plugins/utils.js
@@ -22,7 +22,7 @@ var _browserCanRecordAudioF = function () {
var _browserCanRecordAudio = _browserCanRecordAudioF();
class Util {
- getAttachment(matrixClient, event, progressCallback) {
+ getAttachment(matrixClient, event, progressCallback, asBlob = false) {
return new Promise((resolve, reject) => {
const content = event.getContent();
if (content.url != null) {
@@ -53,7 +53,11 @@ class Util {
return this.decryptIfNeeded(file, response);
})
.then(bytes => {
- resolve(URL.createObjectURL(new Blob([bytes.buffer], { type: file.mimetype })));
+ if (asBlob) {
+ resolve(new Blob([bytes.buffer], { type: file.mimetype }));
+ } else {
+ resolve(URL.createObjectURL(new Blob([bytes.buffer], { type: file.mimetype })));
+ }
})
.catch(err => {
console.log("Download error: ", err);
@@ -180,6 +184,51 @@ class Util {
return this.sendMessage(matrixClient, roomId, "m.reaction", content);
}
+ createPoll(matrixClient, roomId, question, answers, isDisclosed) {
+ var idx = 0;
+ let answerData = answers.map(a => {
+ idx++;
+ return {id: "" + idx, 'org.matrix.msc1767.text': a.text }
+ });
+ const content = {
+ 'org.matrix.msc3381.poll.start': {
+ question: {
+ 'org.matrix.msc1767.text': question,
+ body: question
+ },
+ kind: isDisclosed ? "org.matrix.msc3381.poll.disclosed" : "org.matrix.msc3381.poll.undisclosed",
+ max_selections: 1,
+ answers: answerData
+ },
+ };
+ return this.sendMessage(matrixClient, roomId, "org.matrix.msc3381.poll.start", content);
+ }
+
+ closePoll(matrixClient, roomId, event) {
+ const content = {
+ 'm.relates_to': {
+ rel_type: 'm.reference',
+ event_id: event.getId()
+ },
+ 'org.matrix.msc3381.poll.end': {
+ },
+ };
+ return this.sendMessage(matrixClient, roomId, "org.matrix.msc3381.poll.end", content);
+ }
+
+ sendPollAnswer(matrixClient, roomId, answers, event) {
+ const content = {
+ 'm.relates_to': {
+ rel_type: 'm.reference',
+ event_id: event.getId()
+ },
+ 'org.matrix.msc3381.poll.response': {
+ answers: answers
+ },
+ };
+ return this.sendMessage(matrixClient, roomId, "org.matrix.msc3381.poll.response", content);
+ }
+
sendMessage(matrixClient, roomId, eventType, content) {
return new Promise((resolve, reject) => {
matrixClient.sendEvent(roomId, eventType, content, undefined, undefined)
diff --git a/src/plugins/vuetify.js b/src/plugins/vuetify.js
index 96f47f7..0eb52db 100644
--- a/src/plugins/vuetify.js
+++ b/src/plugins/vuetify.js
@@ -4,6 +4,7 @@ import icUser from '@/assets/icons/user.vue';
import icPassword from '@/assets/icons/password.vue';
import icEdit from '@/assets/icons/edit.vue';
import icGlobe from '@/assets/icons/globe.vue';
+import icAddReaction from '@/assets/icons/addReaction.vue';
Vue.use(Vuetify);
@@ -15,7 +16,7 @@ export default new Vuetify({
component: icUser
},
password: {
- component: icPassword
+ component: icPassword
},
edit: {
component: icEdit
@@ -23,6 +24,9 @@ export default new Vuetify({
globe: {
component: icGlobe
},
+ addReaction: {
+ component: icAddReaction
+ },
},
user: icUser
},
diff --git a/src/services/matrix.service.js b/src/services/matrix.service.js
index dd205ee..1265a0c 100644
--- a/src/services/matrix.service.js
+++ b/src/services/matrix.service.js
@@ -306,6 +306,7 @@ export default {
addMatrixClientListeners(client) {
if (client) {
+ client.setMaxListeners(100); // Increate max number of listeners.
client.on("event", this.onEvent);
client.on("Room", this.onRoom);
client.on("Session.logged_out", this.onSessionLoggedOut);
{{$t('room_info_sheet.this_room')}}
{{ roomName }}
{{ notificationCount(room) }}
diff --git a/src/components/VoiceRecorder.vue b/src/components/VoiceRecorder.vue
index acd4251..d1debf6 100644
--- a/src/components/VoiceRecorder.vue
+++ b/src/components/VoiceRecorder.vue
@@ -233,6 +233,7 @@ export default {
this.state = State.INITIAL;
this.errorMessage = null;
this.recordedFile = null;
+ this.recordingTime = String.fromCharCode(160);
if (this.ptt) {
document.addEventListener("mouseup", this.mouseUp, false);
document.addEventListener("mousemove", this.mouseMove, false);
diff --git a/src/components/chatMixin.js b/src/components/chatMixin.js
new file mode 100644
index 0000000..c8d5356
--- /dev/null
+++ b/src/components/chatMixin.js
@@ -0,0 +1,247 @@
+import util from "../plugins/utils";
+import MessageIncomingText from "./messages/MessageIncomingText";
+import MessageIncomingFile from "./messages/MessageIncomingFile";
+import MessageIncomingImage from "./messages/MessageIncomingImage.vue";
+import MessageIncomingAudio from "./messages/MessageIncomingAudio.vue";
+import MessageIncomingVideo from "./messages/MessageIncomingVideo.vue";
+import MessageIncomingSticker from "./messages/MessageIncomingSticker.vue";
+import MessageIncomingPoll from "./messages/MessageIncomingPoll.vue";
+import MessageOutgoingText from "./messages/MessageOutgoingText";
+import MessageOutgoingFile from "./messages/MessageOutgoingFile";
+import MessageOutgoingImage from "./messages/MessageOutgoingImage.vue";
+import MessageOutgoingAudio from "./messages/MessageOutgoingAudio.vue";
+import MessageOutgoingVideo from "./messages/MessageOutgoingVideo.vue";
+import MessageOutgoingSticker from "./messages/MessageOutgoingSticker.vue";
+import MessageOutgoingPoll from "./messages/MessageOutgoingPoll.vue";
+import MessageIncomingImageExport from "./messages/export/MessageIncomingImageExport";
+import MessageIncomingAudioExport from "./messages/export/MessageIncomingAudioExport";
+import MessageIncomingVideoExport from "./messages/export/MessageIncomingVideoExport";
+import MessageOutgoingImageExport from "./messages/export/MessageOutgoingImageExport";
+import MessageOutgoingAudioExport from "./messages/export/MessageOutgoingAudioExport";
+import MessageOutgoingVideoExport from "./messages/export/MessageOutgoingVideoExport";
+import ContactJoin from "./messages/ContactJoin.vue";
+import ContactLeave from "./messages/ContactLeave.vue";
+import ContactInvited from "./messages/ContactInvited.vue";
+import ContactChanged from "./messages/ContactChanged.vue";
+import RoomCreated from "./messages/RoomCreated.vue";
+import RoomAliased from "./messages/RoomAliased.vue";
+import RoomNameChanged from "./messages/RoomNameChanged.vue";
+import RoomTopicChanged from "./messages/RoomTopicChanged.vue";
+import RoomAvatarChanged from "./messages/RoomAvatarChanged.vue";
+import RoomHistoryVisibility from "./messages/RoomHistoryVisibility.vue";
+import MessageOperations from "./messages/MessageOperations.vue";
+import AvatarOperations from "./messages/AvatarOperations.vue";
+import ChatHeader from "./ChatHeader";
+import VoiceRecorder from "./VoiceRecorder";
+import RoomInfoBottomSheet from "./RoomInfoBottomSheet";
+import CreatedRoomWelcomeHeader from "./CreatedRoomWelcomeHeader";
+import MessageOperationsBottomSheet from "./MessageOperationsBottomSheet";
+import stickers from "../plugins/stickers";
+import StickerPickerBottomSheet from "./StickerPickerBottomSheet";
+import BottomSheet from "./BottomSheet.vue";
+import CreatePollDialog from "./CreatePollDialog.vue";
+import RoomJoinRules from "./messages/RoomJoinRules.vue";
+import RoomPowerLevelsChanged from "./messages/RoomPowerLevelsChanged.vue";
+import RoomGuestAccessChanged from "./messages/RoomGuestAccessChanged.vue";
+import RoomEncrypted from "./messages/RoomEncrypted.vue";
+import RoomDeletionNotice from "./messages/RoomDeletionNotice.vue";
+import DebugEvent from "./messages/DebugEvent.vue";
+
+export default {
+ components: {
+ ChatHeader,
+ MessageIncomingText,
+ MessageIncomingFile,
+ MessageIncomingImage,
+ MessageIncomingAudio,
+ MessageIncomingVideo,
+ MessageIncomingSticker,
+ MessageOutgoingText,
+ MessageOutgoingFile,
+ MessageOutgoingImage,
+ MessageOutgoingAudio,
+ MessageOutgoingVideo,
+ MessageOutgoingSticker,
+ MessageOutgoingPoll,
+ ContactJoin,
+ ContactLeave,
+ ContactInvited,
+ ContactChanged,
+ RoomCreated,
+ RoomAliased,
+ RoomNameChanged,
+ RoomTopicChanged,
+ RoomAvatarChanged,
+ RoomHistoryVisibility,
+ RoomJoinRules,
+ RoomPowerLevelsChanged,
+ RoomGuestAccessChanged,
+ RoomEncrypted,
+ RoomDeletionNotice,
+ DebugEvent,
+ MessageOperations,
+ VoiceRecorder,
+ RoomInfoBottomSheet,
+ CreatedRoomWelcomeHeader,
+ MessageOperationsBottomSheet,
+ StickerPickerBottomSheet,
+ BottomSheet,
+ AvatarOperations,
+ CreatePollDialog,
+ },
+ methods: {
+ showDayMarkerBeforeEvent(event) {
+ const idx = this.events.indexOf(event);
+ if (idx <= 0) {
+ return true;
+ }
+ const previousEvent = this.events[idx - 1];
+ return util.dayDiff(previousEvent.getTs(), event.getTs()) > 0;
+ },
+
+ dayForEvent(event) {
+ let dayDiff = util.dayDiffToday(event.getTs());
+ if (dayDiff < 7) {
+ return this.$tc("message.time_ago", dayDiff);
+ } else {
+ return util.formatDay(event.getTs());
+ }
+ },
+
+ dateForEvent(event) {
+ return util.formatDay(event.getTs());
+ },
+
+ componentForEvent(event, isForExport = false) {
+ switch (event.getType()) {
+ case "m.room.member":
+ if (event.getContent().membership == "join") {
+ if (event.getPrevContent() && event.getPrevContent().membership == "join") {
+ // We we already joined, so this must be a display name and/or avatar update!
+ return ContactChanged;
+ } else {
+ return ContactJoin;
+ }
+ } else if (event.getContent().membership == "leave") {
+ return ContactLeave;
+ } else if (event.getContent().membership == "invite") {
+ return ContactInvited;
+ }
+ break;
+
+ case "m.room.message":
+ if (event.getSender() != this.$matrix.currentUserId) {
+ if (event.getContent().msgtype == "m.image") {
+ // For SVG, make downloadable
+ if (
+ event.getContent().info &&
+ event.getContent().info.mimetype &&
+ event.getContent().info.mimetype.startsWith("image/svg")
+ ) {
+ return MessageIncomingFile;
+ }
+ if (isForExport) {
+ return MessageIncomingImageExport;
+ }
+ return MessageIncomingImage;
+ } else if (event.getContent().msgtype == "m.audio") {
+ if (isForExport) {
+ return MessageIncomingAudioExport;
+ }
+ return MessageIncomingAudio;
+ } else if (event.getContent().msgtype == "m.video") {
+ if (isForExport) {
+ return MessageIncomingVideoExport;
+ }
+ return MessageIncomingVideo;
+ } else if (event.getContent().msgtype == "m.file") {
+ return MessageIncomingFile;
+ } else if (stickers.isStickerShortcode(event.getContent().body)) {
+ return MessageIncomingSticker;
+ }
+ return MessageIncomingText;
+ } else {
+ if (event.getContent().msgtype == "m.image") {
+ // For SVG, make downloadable
+ if (
+ event.getContent().info &&
+ event.getContent().info.mimetype &&
+ event.getContent().info.mimetype.startsWith("image/svg")
+ ) {
+ return MessageOutgoingImage;
+ }
+ if (isForExport) {
+ return MessageOutgoingImageExport;
+ }
+ return MessageOutgoingImage;
+ } else if (event.getContent().msgtype == "m.audio") {
+ if (isForExport) {
+ return MessageOutgoingAudioExport;
+ }
+ return MessageOutgoingAudio;
+ } else if (event.getContent().msgtype == "m.video") {
+ if (isForExport) {
+ return MessageOutgoingVideoExport;
+ }
+ return MessageOutgoingVideo;
+ } else if (event.getContent().msgtype == "m.file") {
+ return MessageOutgoingFile;
+ } else if (stickers.isStickerShortcode(event.getContent().body)) {
+ return MessageOutgoingSticker;
+ }
+ return MessageOutgoingText;
+ }
+
+ case "m.room.create":
+ return RoomCreated;
+
+ case "m.room.canonical_alias":
+ return RoomAliased;
+
+ case "m.room.name":
+ return RoomNameChanged;
+
+ case "m.room.topic":
+ return RoomTopicChanged;
+
+ case "m.room.avatar":
+ return RoomAvatarChanged;
+
+ case "m.room.history_visibility":
+ return RoomHistoryVisibility;
+
+ case "m.room.join_rules":
+ return RoomJoinRules;
+
+ case "m.room.power_levels":
+ return RoomPowerLevelsChanged;
+
+ case "m.room.guest_access":
+ return RoomGuestAccessChanged;
+
+ case "m.room.encryption":
+ return RoomEncrypted;
+
+ case "m.poll.start":
+ case "org.matrix.msc3381.poll.start":
+ if (event.getSender() != this.$matrix.currentUserId) {
+ return MessageIncomingPoll;
+ } else {
+ return MessageOutgoingPoll;
+ }
+
+ case "im.keanu.room_deletion_notice": {
+ // Custom event for notice 30 seconds before a room is deleted/purged.
+ const deletionNotices = this.room.currentState.getStateEvents("im.keanu.room_deletion_notice");
+ if (deletionNotices && deletionNotices.length > 0 && deletionNotices[deletionNotices.length - 1] == event) {
+ // This is the latest/last one. Look at the status flag. Show nothing if it is "cancel".
+ if (event.getContent().status != "cancel") {
+ return RoomDeletionNotice;
+ }
+ }
+ }
+ }
+ return this.debugging ? DebugEvent : null;
+ },
+ },
+};
diff --git a/src/components/messages/MessageIncomingPoll.vue b/src/components/messages/MessageIncomingPoll.vue
new file mode 100644
index 0000000..2b956a3
--- /dev/null
+++ b/src/components/messages/MessageIncomingPoll.vue
@@ -0,0 +1,100 @@
+
+
+
+
+
+
+
+
diff --git a/src/components/messages/MessageOperations.vue b/src/components/messages/MessageOperations.vue
index 75429a2..20d53a6 100644
--- a/src/components/messages/MessageOperations.vue
+++ b/src/components/messages/MessageOperations.vue
@@ -1,16 +1,26 @@
+ edit
+
+
+ delete
+
+
+ get_app
+
+
+
+
diff --git a/src/components/messages/export/MessageIncomingAudioExport.vue b/src/components/messages/export/MessageIncomingAudioExport.vue
new file mode 100644
index 0000000..e9b2233
--- /dev/null
+++ b/src/components/messages/export/MessageIncomingAudioExport.vue
@@ -0,0 +1,21 @@
+
+
+
+
+
+ {{ answer.text }} {{ answer.max }}
+ {{ answer.percentage }}%
+
+
+
+ {{ $t("poll_create.num_answered", { count: pollNumAnswers }) }}
+
+
+ {{ $t("poll_create.close_poll") }}
+
+
+
+
+ {{ $t("poll_create.poll_submit") }}
+
+
+
+
+
+ {{ pollQuestion }}
+
+
+
+
-
+
{{ item.data }}
-
+
+ $vuetify.icons.addReaction
+
+
reply
-
- more_horiz
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+