From 9f2e543d07d90133167aa19ed9990c0be1c9ee2f Mon Sep 17 00:00:00 2001
From: 10G Meow <10gmeow@gmail.com>
Date: Sat, 11 Jun 2022 09:31:14 +0300
Subject: [PATCH] logout confirmation popup

---
 src/assets/translations/bo.json      |  3 ++
 src/assets/translations/de.json      |  3 ++
 src/assets/translations/en.json      |  3 ++
 src/assets/translations/es.json      |  3 ++
 src/assets/translations/fi.json      |  3 ++
 src/assets/translations/fr.json      |  3 ++
 src/assets/translations/it.json      |  3 ++
 src/assets/translations/nb_NO.json   |  3 ++
 src/assets/translations/pt_BR.json   |  3 ++
 src/assets/translations/ro.json      |  3 ++
 src/assets/translations/si.json      |  3 ++
 src/assets/translations/ug.json      |  3 ++
 src/assets/translations/zh_Hans.json |  3 ++
 src/components/LogoutRoomDialog.vue  | 54 ++++++++++++++++++++++++++++
 src/components/Profile.vue           | 14 ++++++--
 src/components/ProfileInfoPopup.vue  | 12 +++++--
 16 files changed, 114 insertions(+), 5 deletions(-)
 create mode 100644 src/components/LogoutRoomDialog.vue

diff --git a/src/assets/translations/bo.json b/src/assets/translations/bo.json
index fdc284a..869bf1c 100644
--- a/src/assets/translations/bo.json
+++ b/src/assets/translations/bo.json
@@ -214,6 +214,9 @@
         "text_public": "གལ་ཏེ་ཁྱེད་ཀྱིས་འབྲེལ་ཐག་དེ་ཧ་གོ་ཚེ། ག་དུས་ཡིན་ཡང་། ཁ་བརྡ་ཁང་དུ་འཛུལ་ཆོག",
         "title_public": "{user} ག་ལེེར་བཞུགས།"
     },
+    "logout": {
+        "confirm_text": ""
+    },
     "join": {
         "status_joining": "ཁ་བརྡ་ཁང་དུ་འཛུལ་བཞིན་པ།...",
         "status_logging_in": "ནང་འཛུལ་བྱེད་བཞིན་པ།...",
diff --git a/src/assets/translations/de.json b/src/assets/translations/de.json
index 4a6e776..9b9bfc5 100644
--- a/src/assets/translations/de.json
+++ b/src/assets/translations/de.json
@@ -165,6 +165,9 @@
         "leave": "Verlassen",
         "title_invite": "Bist du sicher, dass du gehen willst?"
     },
+    "logout": {
+        "confirm_text": ""
+    },
     "purge_room": {
         "info": "Alle Mitglieder und Nachrichten werden entfernt. Diese Aktion kann nicht rückgängig gemacht werden.",
         "button": "Löschen",
diff --git a/src/assets/translations/en.json b/src/assets/translations/en.json
index a07f961..d72636b 100644
--- a/src/assets/translations/en.json
+++ b/src/assets/translations/en.json
@@ -179,6 +179,9 @@
     "go_back": "Go back",
     "leave": "Leave"
   },
+  "logout": {
+    "confirm_text": "Are you sure you want to logout ?"
+  },
   "purge_room": {
     "title": "Delete room?",
     "info": "All members and messages will be removed. This action cannot be undone.",
diff --git a/src/assets/translations/es.json b/src/assets/translations/es.json
index b4b178b..6fbbbc8 100644
--- a/src/assets/translations/es.json
+++ b/src/assets/translations/es.json
@@ -47,6 +47,9 @@
         "text_public": "Siempre puedes volver a unirte a esta sala si conoces el enlace.",
         "title_public": "Adios, [user}"
     },
+    "logout": {
+        "confirm_text": ""
+    },
     "invite": {
         "status_error": "No se pudo invitar a uno o más amigos!",
         "status_inviting": "Invitando amigo {index} de {count}",
diff --git a/src/assets/translations/fi.json b/src/assets/translations/fi.json
index faa21ea..c33d955 100644
--- a/src/assets/translations/fi.json
+++ b/src/assets/translations/fi.json
@@ -84,6 +84,9 @@
         "leave": "Poistu",
         "text_invite": "Tämä huone on lukittu. Et pääse takaisin ilman erillistä lupaa."
     },
+    "logout": {
+        "confirm_text": ""
+    },
     "message": {
         "you": "Sinä",
         "user_created_room": "{user} loi huoneen",
diff --git a/src/assets/translations/fr.json b/src/assets/translations/fr.json
index 79b2a50..ac102b0 100644
--- a/src/assets/translations/fr.json
+++ b/src/assets/translations/fr.json
@@ -165,6 +165,9 @@
         "text_invite": "Ce salon est verrouillé. Vous ne pouvez pas le rejoindre sans une autorisation spéciale.",
         "go_back": "Retour"
     },
+    "logout": {
+        "confirm_text": ""
+    },
     "purge_room": {
         "title": "Supprimer le salon ?",
         "info": "Tous les membres et les messages seront supprimés. Cette action ne peut être annulée.",
diff --git a/src/assets/translations/it.json b/src/assets/translations/it.json
index ef969aa..d061c6c 100644
--- a/src/assets/translations/it.json
+++ b/src/assets/translations/it.json
@@ -164,6 +164,9 @@
         "leave": "Lascia",
         "text_public_lastroom": "Se vuoi unirti di nuovo a questa stanza, puoi farlo con una nuova identità. Per mantenere {user}, {action}."
     },
+    "logout": {
+        "confirm_text": ""
+    },
     "purge_room": {
         "info": "Tutti i membri e i messaggi saranno rimossi. Questa azione non può essere annullata.",
         "button": "Elimina",
diff --git a/src/assets/translations/nb_NO.json b/src/assets/translations/nb_NO.json
index 9f14738..c7e9596 100644
--- a/src/assets/translations/nb_NO.json
+++ b/src/assets/translations/nb_NO.json
@@ -139,6 +139,9 @@
         "create_account": "opprett en konto",
         "title_public": "Adjø, {user}"
     },
+    "logout": {
+        "confirm_text": ""
+    },
     "invite": {
         "status_inviting": "Inviterer venn {index} av {count}",
         "send_invites_to": "Send invitasjoner til",
diff --git a/src/assets/translations/pt_BR.json b/src/assets/translations/pt_BR.json
index 63e6914..0f0abb7 100644
--- a/src/assets/translations/pt_BR.json
+++ b/src/assets/translations/pt_BR.json
@@ -183,6 +183,9 @@
         "go_back": "Retorna",
         "leave": "Sair"
     },
+    "logout": {
+        "confirm_text": ""
+    },
     "purge_room": {
         "title": "Exclui a sala?",
         "info": "Todos os membros e as mensagens serão excluídos. Essa ação não pode ser desfeita.",
diff --git a/src/assets/translations/ro.json b/src/assets/translations/ro.json
index b4209f4..ad231fd 100644
--- a/src/assets/translations/ro.json
+++ b/src/assets/translations/ro.json
@@ -83,6 +83,9 @@
         "text_public": "Puteți oricând să vă alăturați din nou acestei camere dacă știți link-ul.",
         "title_public": "La revedere, {user}"
     },
+    "logout": {
+        "confirm_text": ""
+    },
     "invite": {
         "status_error": "Nu ați reușit să invitați unul sau mai mulți prieteni!",
         "status_inviting": "Invitați prietenul {index} din {count}",
diff --git a/src/assets/translations/si.json b/src/assets/translations/si.json
index 98e4e89..33e42f9 100644
--- a/src/assets/translations/si.json
+++ b/src/assets/translations/si.json
@@ -29,5 +29,8 @@
     },
     "login": {
         "invalid_message": ""
+    },
+    "logout": {
+        "confirm_text": ""
     }
 }
\ No newline at end of file
diff --git a/src/assets/translations/ug.json b/src/assets/translations/ug.json
index 64d2d37..c3aaa79 100644
--- a/src/assets/translations/ug.json
+++ b/src/assets/translations/ug.json
@@ -106,6 +106,9 @@
         "text_public": "ئۇلىنىشنى بىلسىڭىز ھەمىشە بۇ ئۆيگە قايتا كىرەلەيسىز.",
         "title_public": "خەير خوش ، {ئىشلەتكۈچى}"
     },
+    "logout": {
+        "confirm_text": ""
+    },
     "join": {
         "join_failed": "مۇنازىرە ئۆيىگە قوشۇلۇش مەغلۇب بولدى.",
         "status_joining": "مۇنازىرىگە كىرىش...",
diff --git a/src/assets/translations/zh_Hans.json b/src/assets/translations/zh_Hans.json
index 5b0a8ef..002e147 100644
--- a/src/assets/translations/zh_Hans.json
+++ b/src/assets/translations/zh_Hans.json
@@ -42,6 +42,9 @@
         "text_public": "如果您知道链接，您可以随时再次加入此聊天室。",
         "title_public": "再见，{user}"
     },
+    "logout": {
+        "confirm_text": ""
+    },
     "login": {
         "login": "登录",
         "password": "输入密码",
diff --git a/src/components/LogoutRoomDialog.vue b/src/components/LogoutRoomDialog.vue
new file mode 100644
index 0000000..e869e1b
--- /dev/null
+++ b/src/components/LogoutRoomDialog.vue
@@ -0,0 +1,54 @@
+<template>
+  <v-dialog
+    :value="showLogoutPopup"
+    class="ma-0 pa-0"
+    :width="$vuetify.breakpoint.smAndUp ? '688px' : '95%'"
+    @click:outside="$emit('onOutsideLogoutPopupClicked')"
+  >
+    <div class="dialog-content text-center">
+      <template>
+        <h2 class="dialog-title">
+         {{ $t("logout.confirm_text")}}
+        </h2>
+      </template>
+      <v-container fluid>
+        <v-row cols="12">
+          <v-col cols="6">
+            <v-btn
+              depressed
+              text
+              block
+              class="text-button"
+              @click.stop="$emit('onCancelLogoutClicked')"
+              >{{ $t("menu.cancel") }}</v-btn
+            >
+          </v-col>
+          <v-col cols="6" align="center">
+            <v-btn
+              color="red"
+              depressed
+              block
+              class="filled-button"
+              @click.stop="logout"
+              >{{ $t("menu.logout") }}</v-btn
+            >
+          </v-col>
+        </v-row>
+      </v-container>
+    </div>
+  </v-dialog>
+</template>
+<script>
+import profileInfoMixin from "./profileInfoMixin";
+
+export default {
+  name: "LogoutRoomDialog",
+  mixins: [profileInfoMixin],
+  props: {
+    showLogoutPopup: {
+      type: Boolean,
+      default: false
+    }
+  }
+};
+</script>
diff --git a/src/components/Profile.vue b/src/components/Profile.vue
index 031e01e..daa30cf 100644
--- a/src/components/Profile.vue
+++ b/src/components/Profile.vue
@@ -53,9 +53,14 @@
           <!-- <div v-if="$matrix.currentUser.is_guest">
             {{ $t("profile.temporary_identity") }}
           </div> -->
-          <v-btn id="btn-logout" depressed block class="outlined-button" @click.stop="logout">{{
-            $t("menu.logout")
-          }}</v-btn>
+          <v-btn id="btn-logout" depressed block class="outlined-button" @click.stop="showLogoutPopup=true">
+            {{ $t("menu.logout") }}
+          </v-btn>
+          <LogoutRoomDialog
+            :showLogoutPopup="showLogoutPopup"
+            @onOutsideLogoutPopupClicked="showLogoutPopup=false"
+            @onCancelLogoutClicked="showLogoutPopup=false"
+          />
         </v-col>
       </v-row>
     </v-container>
@@ -182,6 +187,7 @@ const sizeOf = require("image-size");
 //const dataUriToBuffer = require("data-uri-to-buffer");
 import util from "../plugins/utils";
 import profileInfoMixin from "./profileInfoMixin";
+import LogoutRoomDialog from './LogoutRoomDialog.vue';
 
 export default {
   name: "Profile",
@@ -189,12 +195,14 @@ export default {
   components: {
     ActionRow,
     SelectLanguageDialog,
+    LogoutRoomDialog,
   },
   data() {
     return {
       showEditPasswordDialog: false,
       showEditDisplaynameDialog: false,
       showSelectLanguageDialog: false,
+      showLogoutPopup: false,
       editValue: null,
       password: null,
       newPassword1: null,
diff --git a/src/components/ProfileInfoPopup.vue b/src/components/ProfileInfoPopup.vue
index b42bf96..136c344 100644
--- a/src/components/ProfileInfoPopup.vue
+++ b/src/components/ProfileInfoPopup.vue
@@ -60,10 +60,15 @@
             :text="$t('profile_info_popup.edit_profile')"
           />
           <ActionRow
-            @click="logout"
+            @click.stop="showLogoutPopup=true"
             :icon="'logout'"
             :text="$t('profile_info_popup.logout')"
           />
+          <LogoutRoomDialog
+            :showLogoutPopup="showLogoutPopup"
+            @onOutsideLogoutPopupClicked="showLogoutPopup=false"
+            @onCancelLogoutClicked="showLogoutPopup=false"
+          />
         </v-container>
 
         <div class="more-container">
@@ -89,12 +94,14 @@
 <script>
 import profileInfoMixin from "./profileInfoMixin";
 import ActionRow from "./ActionRow.vue";
+import LogoutRoomDialog from './LogoutRoomDialog.vue';
 
 export default {
   name: "ProfileInfoPopup",
   mixins: [profileInfoMixin],
   components: {
     ActionRow,
+    LogoutRoomDialog
   },
   props: {
     show: {
@@ -107,7 +114,8 @@ export default {
   data() {
     return {
       showDialog: false,
-      editDisplayName: false
+      editDisplayName: false,
+      showLogoutPopup: false
     };
   },
   computed: {