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

Move roomJoinRule to mixin so it can be reused

Browse source
This commit is contained in:
N-Pex 2021-03-26 12:44:19 +01:00
parent 16d9ba7dbd
commit ef7ab05595
2 changed files with 73 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

46
src/components/RoomInfo.vue
View file

@ -36,7 +36,7 @@
<v-radio-group
v-model="roomJoinRule"
v-if="roomJoinRule"
:disabled="!userCanChangeJoinRules || updatingJoinRule"
:disabled="!userCanChangeJoinRule || updatingJoinRule"
>
<v-radio
label="Room can be joined by invitation only"
@ -183,7 +183,6 @@ export default {
// Set QR code
this.updateQRCode();
this.updatePermissions();
// Display build version
const version = require("!!raw-loader!../assets/version.txt").default;
@ -251,14 +250,6 @@ export default {
console.log("RoomInfo: Current room changed");
this.updateMemberCount();
this.updateQRCode();
this.updatePermissions();
},
},
roomJoinRule: {
handler(newVal, oldVal) {
if (newVal && oldVal && newVal != oldVal) {
this.setRoomJoinRule(newVal);
}
},
},
},
@ -270,11 +261,6 @@ export default {
}
if (event.getType() == "m.room.member") {
this.updateMemberCount();
} else if (
event.getType() == "m.room.join_rules" ||
event.getType() == "m.room.guest_access"
) {
this.updatePermissions();
}
},
@ -304,36 +290,6 @@ export default {
);
},
getRoomJoinRule() {
if (this.room) {
const joinRules = this.room.currentState.getStateEvents(
"m.room.join_rules",
""
);
return joinRules && joinRules.getContent().join_rule;
}
return null;
},
updatePermissions() {
if (this.room) {
this.roomJoinRule = this.getRoomJoinRule();
const canChangeAccess =
this.room.currentState.mayClientSendStateEvent(
"m.room.join_rules",
this.$matrix.matrixClient
) &&
this.room.currentState.mayClientSendStateEvent(
"m.room.guest_access",
this.$matrix.matrixClient
);
this.userCanChangeJoinRules = canChangeAccess;
} else {
this.roomJoinRule = null;
this.userCanChangeJoinRules = false;
}
},
memberAvatar(member) {
if (member) {
return member.getAvatarUrl(

72
src/components/roomInfoMixin.js
View file

@ -1,4 +1,19 @@
export default {
data() {
return {
roomJoinRule: null,
userCanChangeJoinRule: false
}
},
mounted() {
this.$matrix.on("Room.timeline", this.roomInfoMixinOnEvent);
this.updatePermissions();
},
destroyed() {
this.$matrix.off("Room.timeline", this.roomInfoMixinOnEvent);
},
computed: {
room() {
return this.$matrix.currentRoom;
@ -25,4 +40,61 @@ export default {
return "";
},
},
watch: {
room: {
handler(ignoredNewVal, ignoredOldVal) {
this.updatePermissions();
},
},
roomJoinRule: {
handler(newVal, oldVal) {
if (newVal && oldVal && newVal != oldVal) {
this.setRoomJoinRule(newVal);
}
},
},
},
methods: {
getRoomJoinRule() {
if (this.room) {
const joinRules = this.room.currentState.getStateEvents(
"m.room.join_rules",
""
);
return joinRules && joinRules.getContent().join_rule;
}
return null;
},
updatePermissions() {
if (this.room) {
this.roomJoinRule = this.getRoomJoinRule();
const canChangeAccess =
this.room.currentState.mayClientSendStateEvent(
"m.room.join_rules",
this.$matrix.matrixClient
) &&
this.room.currentState.mayClientSendStateEvent(
"m.room.guest_access",
this.$matrix.matrixClient
);
this.userCanChangeJoinRule = canChangeAccess;
} else {
this.roomJoinRule = null;
this.userCanChangeJoinRule = false;
}
},
roomInfoMixinOnEvent(event) {
if (event.getRoomId() !== this.roomId) {
return; // Not for this room
}
if (
event.getType() == "m.room.join_rules" ||
event.getType() == "m.room.guest_access"
) {
this.updatePermissions();
}
},
},
}