mirror of
https://github.com/advplyr/audiobookshelf.git
synced 2026-03-01 13:39:41 +00:00
33bee70a12
- Remove Passport.js wrapper from OIDC auth, use openid-client directly - Add schema-driven OIDC settings UI (OidcSettingsSchema.js drives form rendering) - Add group mapping with KeyValueEditor (explicit mapping or legacy direct name match) - Add scopes configuration (authOpenIDScopes) - Add verified email enforcement option (authOpenIDRequireVerifiedEmail) - Fix group claim validation rejecting URN-style claims (#4744) - Add auto-discover endpoint for OIDC provider configuration - Store oidcIdToken in sessions table instead of cookie - Add AuthError class for structured error handling in auth flows - Migration v2.33.0 adds oidcIdToken column and new settings fields
79 lines
2.5 KiB
Vue
79 lines
2.5 KiB
Vue
<template>
|
|
<div class="w-full">
|
|
<p v-if="label" class="text-sm font-semibold px-1 mb-1" :class="disabled ? 'text-gray-300' : ''">{{ label }}</p>
|
|
<div v-for="(entry, index) in entries" :key="index" class="flex items-center gap-2 mb-2">
|
|
<div class="flex-grow">
|
|
<input type="text" :value="entry.key" :disabled="disabled" class="w-full rounded-sm bg-primary border border-gray-600 text-sm px-3 py-2" placeholder="Group name" @input="updateKey(index, $event.target.value)" />
|
|
</div>
|
|
<div class="w-32">
|
|
<select :value="entry.value" :disabled="disabled" class="w-full rounded-sm bg-primary border border-gray-600 text-sm px-2 py-2" @change="updateValue(index, $event.target.value)">
|
|
<option v-for="opt in valueOptions" :key="opt" :value="opt">{{ opt }}</option>
|
|
</select>
|
|
</div>
|
|
<button type="button" :disabled="disabled" class="text-gray-400 hover:text-error p-1" @click="removeEntry(index)">
|
|
<span class="material-symbols text-xl">close</span>
|
|
</button>
|
|
</div>
|
|
<button type="button" :disabled="disabled" class="flex items-center text-sm text-gray-300 hover:text-white" @click="addEntry">
|
|
<span class="material-symbols text-lg mr-1">add</span>
|
|
<span>Add mapping</span>
|
|
</button>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
value: {
|
|
type: Object,
|
|
default: () => ({})
|
|
},
|
|
valueOptions: {
|
|
type: Array,
|
|
default: () => []
|
|
},
|
|
label: String,
|
|
disabled: Boolean
|
|
},
|
|
data() {
|
|
return {
|
|
entries: Object.entries(this.value || {}).map(([key, value]) => ({ key, value }))
|
|
}
|
|
},
|
|
watch: {
|
|
value: {
|
|
handler(newVal) {
|
|
this.entries = Object.entries(newVal || {}).map(([key, value]) => ({ key, value }))
|
|
},
|
|
deep: true
|
|
}
|
|
},
|
|
methods: {
|
|
emitUpdate() {
|
|
const obj = {}
|
|
for (const entry of this.entries) {
|
|
if (entry.key) {
|
|
obj[entry.key] = entry.value
|
|
}
|
|
}
|
|
this.$emit('input', obj)
|
|
},
|
|
updateKey(index, newKey) {
|
|
this.$set(this.entries, index, { ...this.entries[index], key: newKey })
|
|
this.emitUpdate()
|
|
},
|
|
updateValue(index, newValue) {
|
|
this.$set(this.entries, index, { ...this.entries[index], value: newValue })
|
|
this.emitUpdate()
|
|
},
|
|
removeEntry(index) {
|
|
this.entries.splice(index, 1)
|
|
this.emitUpdate()
|
|
},
|
|
addEntry() {
|
|
this.entries.push({ key: '', value: this.valueOptions[0] || '' })
|
|
this.emitUpdate()
|
|
}
|
|
}
|
|
}
|
|
</script>
|