log out all devices

src/components/PreferencesPage.vue

@@ -227,6 +227,12 @@
         </div>
         <br />
         <a class="btn w-auto" @click="logout" v-t="'actions.logout'" />
+        <a
+            class="btn w-auto"
+            style="margin-left: 0.5em"
+            @click="invalidateSession"
+            v-t="'actions.invalidate_session'"
+        />
         <br />
     </div>
 </template>
@@ -480,6 +486,18 @@ export default {
             // redirect to trending page
             window.location = "/";
         },
+        async invalidateSession() {
+            this.fetchJson(this.apiUrl() + "/logout", null, {
+                method: "POST",
+                headers: {
+                    Authorization: this.getAuthToken(),
+                },
+            }).then(resp => {
+                if (!resp.error) {
+                    this.logout();
+                } else alert(resp.error);
+            });
+        },
     },
 };
 </script>

src/locales/en.json

@@ -82,8 +82,9 @@
         "delete_playlist_confirm": "Are you sure you want to delete this playlist?",
         "please_select_playlist": "Please select a playlist",
         "delete_account": "Delete Account",
-        "logout": "Logout",
-        "minimize_recommendations_default": "Minimize Recommendations by default"
+        "logout": "Log out this device",
+        "minimize_recommendations_default": "Minimize Recommendations by default",
+        "invalidate_session": "Log out all devices"
     },
     "comment": {
         "pinned_by": "Pinned by"