webui delete syncpoint by api key

komga-webui/src/components/ApiKeyTable.vue

@@ -33,6 +33,17 @@
               <v-list-item-subtitle v-else>{{ $t('settings_user.no_recent_activity') }}</v-list-item-subtitle>
             </v-list-item-content>
 
+            <v-list-item-action>
+              <v-tooltip bottom>
+                <template v-slot:activator="{ on }">
+                  <v-btn icon @click="promptSyncPointDelete(apiKey)" v-on="on">
+                    <v-icon>mdi-book-refresh</v-icon>
+                  </v-btn>
+                </template>
+                <span>{{ $t('account_settings.api_key.force_kobo_sync') }}</span>
+              </v-tooltip>
+            </v-list-item-action>
+
             <v-list-item-action>
               <v-btn icon @click="promptDeleteApiKey(apiKey)">
                 <v-icon>mdi-delete</v-icon>
@@ -70,6 +81,15 @@
       </v-container>
     </div>
 
+    <confirmation-dialog
+      v-model="modalDeleteSyncPoints"
+      :title="$t('dialog.force_kobo_sync.dialog_title')"
+      :body-html="$t('dialog.force_kobo_sync.warning_html')"
+      :button-confirm="$t('common.i_understand')"
+      button-confirm-color="warning"
+      @confirm="deleteSyncPoint"
+    />
+
     <confirmation-dialog
       v-model="modalDeleteApiKey"
       :title="$t('dialog.delete_apikey.dialog_title')"
@@ -102,7 +122,9 @@ export default Vue.extend({
     return {
       apiKeys: [] as ApiKeyDto[],
       apiKeyToDelete: {} as ApiKeyDto,
+      apiKeySyncPointsToDelete: {} as ApiKeyDto,
       modalDeleteApiKey: false,
+      modalDeleteSyncPoints: false,
       modalGenerateApiKey: false,
       apiKeyLastActivity: {} as any,
     }
@@ -128,6 +150,17 @@ export default Vue.extend({
       this.apiKeyToDelete = apiKey
       this.modalDeleteApiKey = true
     },
+    promptSyncPointDelete(apiKey: ApiKeyDto) {
+      this.apiKeySyncPointsToDelete = apiKey
+      this.modalDeleteSyncPoints = true
+    },
+    async deleteSyncPoint() {
+      try {
+        await this.$komgaSyncPoints.deleteMySyncPointsByApiKey(this.apiKeySyncPointsToDelete.id)
+      } catch (e) {
+        this.$eventHub.$emit(ERROR, {message: e.message} as ErrorEvent)
+      }
+    },
     async deleteApiKey() {
       try {
         await this.$komgaUsers.deleteApiKey(this.apiKeyToDelete.id)

komga-webui/src/locales/en.json

@@ -22,7 +22,8 @@
     "api_key": {
       "created_date": "Created date: {date}",
       "generate_api_key": "Generate API key",
-      "no_keys": "No API Keys created yet"
+      "no_keys": "No API Keys created yet",
+      "force_kobo_sync": "Force Kobo sync"
     },
     "change_password": "change password"
   },
@@ -260,7 +261,8 @@
     "unlock_all": "Unlock all",
     "url": "URL",
     "use_filter_panel_to_change_filter": "Use the filter panel to change the active filter",
-    "year": "year"
+    "year": "year",
+    "i_understand": "I understand"
   },
   "dashboard": {
     "keep_reading": "Keep Reading",
@@ -611,6 +613,10 @@
       "page_of_pages": "{page} / {pages}",
       "title": "Inspect Book",
       "title_comparison": "Book Comparison"
+    },
+    "force_kobo_sync": {
+      "dialog_title": "Force Kobo sync",
+      "warning_html": "This will delete all sync history for this API key. Your Kobo will sync everything on the next sync."
     }
   },
   "duplicate_pages": {

komga-webui/src/main.ts

@@ -23,6 +23,7 @@ import komgaUsers from './plugins/komga-users.plugin'
 import komgaTransientBooks from './plugins/komga-transientbooks.plugin'
 import komgaSse from './plugins/komga-sse.plugin'
 import komgaTasks from './plugins/komga-tasks.plugin'
+import komgaSyncPoints from './plugins/komga-syncpoints.plugin'
 import komgaOauth2 from './plugins/komga-oauth2.plugin'
 import komgaLogin from './plugins/komga-login.plugin'
 import komgaPageHashes from './plugins/komga-pagehashes.plugin'
@@ -69,6 +70,7 @@ Vue.use(komgaLibraries, {store: store, http: Vue.prototype.$http})
 Vue.use(komgaSse, {eventHub: Vue.prototype.$eventHub, store: store})
 Vue.use(actuator, {http: Vue.prototype.$http})
 Vue.use(komgaTasks, {http: Vue.prototype.$http})
+Vue.use(komgaSyncPoints, {http: Vue.prototype.$http})
 Vue.use(komgaOauth2, {http: Vue.prototype.$http})
 Vue.use(komgaLogin, {http: Vue.prototype.$http})
 Vue.use(komgaPageHashes, {http: Vue.prototype.$http})

komga-webui/src/plugins/komga-syncpoints.plugin.ts

@@ -0,0 +1,18 @@
+import {AxiosInstance} from 'axios'
+import _Vue from 'vue'
+import KomgaTasksService from '@/services/komga-tasks.service'
+import KomgaSyncPointsService from '@/services/komga-syncpoints.service'
+
+export default {
+  install(
+    Vue: typeof _Vue,
+    {http}: { http: AxiosInstance }) {
+    Vue.prototype.$komgaSyncPoints = new KomgaSyncPointsService(http)
+  },
+}
+
+declare module 'vue/types/vue' {
+  interface Vue {
+    $komgaSyncPoints: KomgaSyncPointsService;
+  }
+}

komga-webui/src/services/komga-syncpoints.service.ts

@@ -0,0 +1,39 @@
+import {AxiosInstance} from 'axios'
+import {
+  ApiKeyDto,
+  ApiKeyRequestDto,
+  AuthenticationActivityDto,
+  PasswordUpdateDto,
+  UserCreationDto,
+  UserDto,
+  UserUpdateDto,
+} from '@/types/komga-users'
+
+const qs = require('qs')
+
+const API_SYNCPOINTS = '/api/v1/syncpoints'
+
+export default class KomgaSyncPointsService {
+  private http: AxiosInstance
+
+  constructor(http: AxiosInstance) {
+    this.http = http
+  }
+
+  async deleteMySyncPointsByApiKey(apiKeyId: string) {
+    try {
+      console.log(`apikey: ${apiKeyId}`)
+      await this.http.delete(`${API_SYNCPOINTS}/me`, {
+        params: {
+          key_id: apiKeyId,
+        },
+      })
+    } catch (e) {
+      let msg = `An error occurred while trying to delete syncpoints for apikey '${apiKeyId}'`
+      if (e.response.data.message) {
+        msg += `: ${e.response.data.message}`
+      }
+      throw new Error(msg)
+    }
+  }
+}