Room description editable

src/components/roomInfoMixin.js

@@ -5,8 +5,11 @@ export default {
       userCanChangeJoinRule: false,
       userCanPurgeRoom: false,
       editedRoomName: "",
-      isEditMode: false,
-      roomNameErrorMessage: null
+      isRoomNameEditMode: false,
+      roomNameErrorMessage: null,
+      editedRoomTopic: "",
+      isRoomTopicEditMode: false,
+      roomTopicErrorMessage: null,
     }
   },
   mounted() {
@@ -93,18 +96,32 @@ export default {
   methods: {
     onRoomNameClicked() {
       if(this.userCanPurgeRoom) {
-        this.isEditMode = !this.isEditMode;
+        this.isRoomNameEditMode = !this.isRoomNameEditMode;
         this.editedRoomName = this.roomName;
       }
     },
     updateRoomName() {
       if(this.editedRoomName) {
         this.$matrix.matrixClient.setRoomName(this.room.roomId, this.editedRoomName);
-        this.isEditMode = !this.isEditMode;
+        this.isRoomNameEditMode = !this.isRoomNameEditMode;
       } else {
         this.$refs.editedRoomName.focus();
       }
     },
+    onRoomTopicClicked() {
+      if(this.userCanPurgeRoom) {
+        this.isRoomTopicEditMode = !this.isRoomTopicEditMode;
+        this.editedRoomTopic = this.roomTopic;
+      }
+    },
+    updateRoomTopic() {
+      if(this.editedRoomTopic) {
+        this.$matrix.matrixClient.setRoomTopic(this.room.roomId, this.editedRoomTopic);
+        this.isRoomTopicEditMode = !this.isRoomTopicEditMode;
+      } else {
+        this.$refs.editedRoomTopic.focus();
+      }
+    },
     setRoomJoinRule(ignoredJoinRule) {
       // Do nothing in the general mixin, override in RoomInfo.vue
     },