Basic support for reporting room

src/components/RoomInfo.vue

@@ -179,6 +179,22 @@
     </v-card-text>
     </v-card>
 
+    <v-card class="account ma-3" flat>
+      <v-card-title class="h2">{{ $t("room_info.report") }}</v-card-title>
+      <v-card-text class="">
+        <div class="with-right-label" style="align-items:center;height:36px">  
+        <div class="option-title">{{ $t('room_info.report_info') }}</div>
+        <v-btn
+        color="black"
+        depressed
+        small
+        class="outlined-button"
+        @click.stop="report"
+        >{{ $t("room_info.report") }}</v-btn>
+        </div>
+    </v-card-text>
+    </v-card>
+
     <v-card class="members ma-3" flat>
       <v-card-title class="h2"
         >{{ $t("room_info.members") }}<v-spacer></v-spacer>
@@ -277,6 +293,12 @@
       v-on:message-retention-update="onMessageRetention"
     />
 
+    <ReportRoomDialog
+      :show="showReportDialog"
+      :room="room"
+      @close="showReportDialog = false"
+    />
+
     <RoomExport :room="room" v-if="exporting" v-on:close="exporting = false" />
   </div>
 </template>
@@ -285,6 +307,7 @@
 import LeaveRoomDialog from "../components/LeaveRoomDialog";
 import PurgeRoomDialog from "../components/PurgeRoomDialog";
 import MessageRetentionDialog from "../components/MessageRetentionDialog";
+import ReportRoomDialog from "../components/ReportRoomDialog";
 import RoomExport from "../components/RoomExport";
 import RoomAvatarPicker from "../components/RoomAvatarPicker";
 import CopyLink from "../components/CopyLink.vue"
@@ -300,6 +323,7 @@ export default {
     LeaveRoomDialog,
     PurgeRoomDialog,
     MessageRetentionDialog,
+    ReportRoomDialog,
     UserProfileDialog,
     RoomExport,
     RoomAvatarPicker,
@@ -314,6 +338,7 @@ export default {
       showLeaveConfirmation: false,
       showPurgeConfirmation: false,
       showMessageRetentionDialog: false,
+      showReportDialog: false,
       buildVersion: "",
       updatingJoinRule: false, // Flag if we are processing update curerntly
       joinRules: [
@@ -519,6 +544,9 @@ export default {
         this.exporting = true;
       }
     },
+    report() {
+      this.showReportDialog = true;
+    },
     /**
      * Return true if we can change power levels in the room, i.e. make read only room
      */