Export chat (from room info page)

src/components/RoomInfo.vue

@@ -167,6 +167,17 @@
       </v-card-text>
     </v-card>
 
+    <!-- EXPORT CHAT -->
+    <div style="text-align: center">
+      <v-btn
+        v-if="userCanExportChat"
+        color="black"
+        depressed
+        class="filled-button"
+        @click.stop="exportRoom"
+        >{{ $t("room_info.export_room") }}</v-btn>
+    </div>
+
     <!-- PURGE ROOM -->
     <div class="members ma-3 pa-3 text-center">
       <v-btn
@@ -179,7 +190,7 @@
         >{{ $t("room_info.purge") }}</v-btn
       >
     </div>
-
+    
     <div class="build-version">
       {{ $t("room_info.version_info", { version: buildVersion }) }}
     </div>
@@ -198,6 +209,7 @@
 
     <QRCodePopup :show="showFullScreenQR" :message="publicRoomLink" @close="showFullScreenQR = false" />
 
+    <RoomExport :room="room" v-if="exporting" v-on:close="exporting = false" />
   </div>
 </template>
 
@@ -205,6 +217,7 @@
 import LeaveRoomDialog from "../components/LeaveRoomDialog";
 import PurgeRoomDialog from "../components/PurgeRoomDialog";
 import DeviceList from "../components/DeviceList";
+import RoomExport from "../components/RoomExport";
 import QRCode from "qrcode";
 import roomInfoMixin from "./roomInfoMixin";
 import QRCodePopup from './QRCodePopup.vue';
@@ -217,6 +230,7 @@ export default {
     LeaveRoomDialog,
     PurgeRoomDialog,
     DeviceList,
+    RoomExport,
     QRCodePopup,
   },
   data() {
@@ -244,7 +258,8 @@ export default {
           icon: "person_add",
         },
       ],
-      SHOW_MEMBER_LIMIT: 5
+      SHOW_MEMBER_LIMIT: 5,
+      exporting: false,
     };
   },
   mounted() {
@@ -465,6 +480,11 @@ export default {
           console.error(err);
         });
     },
+    exportRoom() {
+      if (this.room) {
+        this.exporting = true;
+      }
+    }
   },
 };
 </script>