teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

refactor(settings): replace file input with browser-fs-access

Browse source
This commit is contained in:
三咲智子 2022-12-30 03:44:51 +08:00
parent 4460d0f59d
commit f1f2449559
No known key found for this signature in database
GPG key ID: 69992F2250DFD93E
1 changed files with 28 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

65
pages/settings/users/index.vue
View file

@ -1,8 +1,7 @@
<script lang="ts" setup>
import { fileOpen } from 'browser-fs-access'
import type { UserLogin } from '~/types'
const { lg } = breakpoints
const loggedInUsers = useUsers()
async function exportTokens() {
@ -22,43 +21,35 @@ async function exportTokens() {
}
async function importTokens() {
const input = document.createElement('input') as HTMLInputElement
input.type = 'file'
input.accept = 'application/json'
input.multiple = false
input.addEventListener('change', async (e) => {
const file = (e.target as any)?.files?.[0] as File
if (!file)
return
try {
const content = await file.text()
const data = JSON.parse(content)
if (data.version !== 1)
throw new Error('Invalid version')
const users = data.users as UserLogin[]
const newUsers: UserLogin[] = []
for (const user of users) {
if (loggedInUsers.value.some(u => u.server === user.server && u.account.id === user.account.id))
continue
newUsers.push(user)
}
if (newUsers.length === 0) {
alert('No new users found')
return
}
if (!confirm(`Found ${newUsers.length} new users, are you sure you want to import them?`))
return
loggedInUsers.value = [...loggedInUsers.value, ...newUsers]
}
catch (e) {
console.error(e)
alert('Invalid Elk tokens file')
}
const file = await fileOpen({
description: 'Token File',
mimeTypes: ['application/json'],
})
input.click()
try {
const content = await file.text()
const data = JSON.parse(content)
if (data.version !== 1)
throw new Error('Invalid version')
const users = data.users as UserLogin[]
const newUsers: UserLogin[] = []
for (const user of users) {
if (loggedInUsers.value.some(u => u.server === user.server && u.account.id === user.account.id))
continue
newUsers.push(user)
}
if (newUsers.length === 0) {
alert('No new users found')
return
}
if (!confirm(`Found ${newUsers.length} new users, are you sure you want to import them?`))
return
loggedInUsers.value = [...loggedInUsers.value, ...newUsers]
}
catch (e) {
console.error(e)
alert('Invalid Elk tokens file')
}
}
</script>