chore: move to script setup

Reviewed-on: #1248
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>

@@ -0,0 +6,4 @@
+		this.created = new Date(this.created)
+	}
+
+	defaults() {

@@ -25,3 +66,3 @@
 </template>
 
-<script>
+<script setup>

@@ -30,1 +74,4 @@
 import {CALDAV_DOCS} from '@/urls'
+import {useTitle} from '@/composables/useTitle'
+import {success} from '@/message'
+import Message from '../../../components/misc/message'

@@ -31,0 +87,4 @@
+const isLocalUser = computed(() => store.state.auth.info?.isLocalUser)
+const username = computed(() => store.state.auth.info?.username)
+
+const service = new CaldavTokenService()

@@ -31,0 +95,4 @@
+	})
+
+const newToken = ref(null)
+const createToken = () => {

@@ -51,3 +106,1 @@
-	methods: {
-		copy,
-	},
+const deleteToken = token => {

@@ -54,0 +107,4 @@
+	service.delete(token)
+		.then(r => {
+			success(r)
+			for (const i in tokens.value) {

@@ -54,0 +108,4 @@
+const deleteToken = async (token: CaldavTokenModel) => {
+	const r = await service.delete(token)
+	success(r)
+	// @ts-ignore

@@ -54,0 +109,4 @@
+	const r = await service.delete(token)
+	success(r)
+	// @ts-ignore
+	const i = tokens.value.findIndex(v => v.id === token.id)

@@ -54,0 +110,4 @@
+	success(r)
+	// @ts-ignore
+	const i = tokens.value.findIndex(v => v.id === token.id)
+	// @ts-ignore

@@ -97,7 +97,14 @@
       "caldav": {
         "title": "Caldav",

@@ -97,7 +97,14 @@
       "caldav": {
         "title": "Caldav",
         "howTo": "You can connect Vikunja to caldav clients to view and manage all tasks from different clients. Enter this url into your client:",

@@ -98,3 +98,3 @@
         "title": "Caldav",
         "howTo": "You can connect Vikunja to caldav clients to view and manage all tasks from different clients. Enter this url into your client:",
-        "more": "More information about caldav in Vikunja"
+        "more": "More information about caldav in Vikunja",

@@ -99,2 +99,3 @@
         "howTo": "You can connect Vikunja to caldav clients to view and manage all tasks from different clients. Enter this url into your client:",
-        "more": "More information about caldav in Vikunja"
+        "more": "More information about caldav in Vikunja",
+        "tokens": "Caldav Tokens",

@@ -100,1 +100,3 @@
-        "more": "More information about caldav in Vikunja"
+        "more": "More information about caldav in Vikunja",
+        "tokens": "Caldav Tokens",
+        "tokensHowTo": "You can use a caldav token to use instead of a password to log in the above endpoint.",

@@ -101,0 +103,4 @@
+        "createToken": "Create a token",
+        "tokenCreated": "Here is your token: {token}",
+        "wontSeeItAgain": "Write it down, you won't be able to see it again.",
+        "mustUseToken": "You need to create a caldav token if you want to use caldav with a third party client. Use the token as the password.",

@@ -0,0 +12,4 @@
+	}
+
+	processModel(model) {
+		model.created = formatISO(new Date(model.created))

@@ -17,2 +17,4 @@
 			</div>
 		</div>
+
+		<p class="my-4 has-text-weight-bold">

@@ -31,0 +78,4 @@
+import CaldavTokenService from '@/services/caldavToken'
+import CaldavTokenModel from '@/models/caldavToken'
+
+const service = new CaldavTokenService()

@@ -31,0 +80,4 @@
+
+const service = new CaldavTokenService()
+
+async function useToken(): ref<CaldavTokenModel[]> {

@@ -31,0 +82,4 @@
+
+async function useToken(): ref<CaldavTokenModel[]> {
+	const tokens = ref<CaldavTokenModel[]>([])
+	tokens.value = await service.getAll()

@@ -31,0 +101,4 @@
+const newToken = ref(null)
+
+async function createToken() {
+	const r = await service.create({})