From 02913fa7b6d45379b4237be4f71167f6d4b59b65 Mon Sep 17 00:00:00 2001
From: qwerty287 <80460567+qwerty287@users.noreply.github.com>
Date: Sun, 14 May 2023 18:48:33 +0200
Subject: [PATCH] Add reset token button (#1755)

Closes #696
---
 web/src/assets/locales/en.json |  3 ++-
 web/src/lib/api/index.ts       |  4 ++++
 web/src/views/User.vue         | 10 +++++++++-
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/web/src/assets/locales/en.json b/web/src/assets/locales/en.json
index fdc2469b5..4647b1df0 100644
--- a/web/src/assets/locales/en.json
+++ b/web/src/assets/locales/en.json
@@ -432,6 +432,7 @@
         "api_usage": "Example API Usage",
         "cli_usage": "Example CLI Usage",
         "dl_cli": "Download CLI",
-        "shell_setup_before": "do shell setup steps before"
+        "shell_setup_before": "do shell setup steps before",
+        "reset_token": "Reset token"
     }
 }
diff --git a/web/src/lib/api/index.ts b/web/src/lib/api/index.ts
index ef8c4c23e..544975a71 100644
--- a/web/src/lib/api/index.ts
+++ b/web/src/lib/api/index.ts
@@ -289,6 +289,10 @@ export default class WoodpeckerClient extends ApiClient {
     return this._delete(`/api/users/${user.login}`);
   }
 
+  resetToken(): Promise<string> {
+    return this._delete('/api/user/token') as Promise<string>;
+  }
+
   // eslint-disable-next-line promise/prefer-await-to-callbacks
   on(callback: (data: { pipeline?: Pipeline; repo?: Repo; step?: PipelineStep }) => void): EventSource {
     return this._subscribe('/stream/events', callback, {
diff --git a/web/src/views/User.vue b/web/src/views/User.vue
index bf71e0f8b..0f656493d 100644
--- a/web/src/views/User.vue
+++ b/web/src/views/User.vue
@@ -6,7 +6,10 @@
       <SelectField v-model="selectedLocale" :options="localeOptions" />
 
       <div>
-        <h2 class="text-lg text-color">{{ $t('user.token') }}</h2>
+        <div class="flex items-center mb-2">
+          <h2 class="text-lg text-color">{{ $t('user.token') }}</h2>
+          <Button class="ml-4" :text="$t('user.reset_token')" @click="resetToken" />
+        </div>
         <pre class="cli-box">{{ token }}</pre>
       </div>
 
@@ -90,6 +93,11 @@ const selectedLocale = computed<string>({
     return storedLocale.value;
   },
 });
+
+const resetToken = async () => {
+  token.value = await apiClient.resetToken();
+  window.location.href = `${address}/logout`;
+};
 </script>
 
 <style scoped>