mirrors/recipes
1
0
Fork 0
mirror of https://github.com/TandoorRecipes/recipes.git synced 2026-01-02 12:49:02 -05:00
Code Issues Packages Projects Releases Wiki Activity

add multiple API tokens per user, removes old API tokens

Browse Source
This commit is contained in:
vabene1111
2022-08-04 17:24:54 +02:00
parent 9e62d8a3a3
commit 3f77b73a61
12 changed files with 666 additions and 220 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
vue/src/components/Settings/APISettingsComponent.vue
View File

@@ -1,54 +1,77 @@
<template>
<div v-if="user_preferences !== undefined">
<div>
<code>Authorization: Bearer TOKEN</code> or<br/>
<code>curl -X GET http://your.domain.com/api/recipes/ -H 'Authorization:
Bearer TOKEN'</code>
<b-list-group class="mt-3">
<b-list-group-item v-for="t in access_tokens" v-bind:key="t.id">{{ t.token }}<br/><small class="text-muted">{{
t.scope
}}
- {{ t.expires }}</small>
<b-button @click="active_token=t; generic_action = Actions.UPDATE;">Edit</b-button>
<b-button @click="active_token=t; generic_action = Actions.DELETE;">Delete</b-button>
</b-list-group-item>
</b-list-group>
<b-button @click="generic_action=Actions.CREATE">NEW</b-button>
<generic-modal-form :model="Models.ACCESS_TOKEN" :action="generic_action" :show="generic_action !== null"
:item1="active_token"
@finish-action="updateToken"/>
</div>
</template>
<script>
import {ApiApiFactory} from "@/utils/openapi/api";
import {StandardToasts} from "@/utils/utils";
import {ApiMixin, StandardToasts} from "@/utils/utils";
import axios from "axios";
import GenericModalForm from "@/components/Modals/GenericModalForm";
axios.defaults.xsrfCookieName = 'csrftoken'
axios.defaults.xsrfHeaderName = "X-CSRFTOKEN"
export default {
name: "APISettingsComponent",
components: {GenericModalForm},
mixins: [ApiMixin,],
props: {
user_id: Number,
},
data() {
return {
user_preferences: undefined,
languages: [],
access_tokens: [],
active_token: null,
generic_action: null,
}
},
mounted() {
this.user_preferences = this.preferences
this.languages = window.AVAILABLE_LANGUAGES
this.loadSettings()
this.loadTokens()
},
methods: {
loadSettings: function () {
loadTokens: function () {
let apiFactory = new ApiApiFactory()
apiFactory.retrieveUserPreference(this.user_id.toString()).then(result => {
this.user_preferences = result.data
apiFactory.listAccessTokens().then(result => {
this.access_tokens = result.data
}).catch(err => {
StandardToasts.makeStandardToast(this, StandardToasts.FAIL_FETCH, err)
})
},
updateSettings: function (reload) {
let apiFactory = new ApiApiFactory()
apiFactory.partialUpdateUserPreference(this.user_id.toString(), this.user_preferences).then(result => {
StandardToasts.makeStandardToast(this, StandardToasts.SUCCESS_UPDATE)
if (reload !== undefined) {
location.reload()
updateToken: function (arg) {
if (arg !== 'cancel') {
if (this.generic_action === this.Actions.UPDATE) {
this.access_tokens[this.access_tokens.indexOf(this.active_token)] = arg.item
} else if (this.generic_action === this.Actions.CREATE) {
this.access_tokens.push(arg.item)
} else if (this.generic_action === this.Actions.DELETE) {
this.access_tokens.splice(this.access_tokens.indexOf(this.active_token), 1)
}
}).catch(err => {
StandardToasts.makeStandardToast(this, StandardToasts.FAIL_UPDATE, err)
})
}
this.generic_action = null
},
}
}