mirror of
https://github.com/advplyr/audiobookshelf.git
synced 2024-12-20 19:06:06 +01:00
139 lines
4.8 KiB
Vue
139 lines
4.8 KiB
Vue
<template>
|
|
<div>
|
|
<app-settings-content :header-text="$strings.HeaderAuthentication">
|
|
<div class="w-full border border-white/10 rounded-xl p-4 my-4 bg-primary/25">
|
|
<div class="flex items-center">
|
|
<ui-checkbox v-model="enableLocalAuth" checkbox-bg="bg" />
|
|
<p class="text-lg pl-4">Password Authentication</p>
|
|
</div>
|
|
</div>
|
|
<div class="w-full border border-white/10 rounded-xl p-4 my-4 bg-primary/25">
|
|
<div class="flex items-center">
|
|
<ui-checkbox v-model="enableOpenIDAuth" checkbox-bg="bg" />
|
|
<p class="text-lg pl-4">OpenID Connect Authentication</p>
|
|
</div>
|
|
<div class="overflow-hidden">
|
|
<transition name="slide">
|
|
<div v-if="enableOpenIDAuth" class="flex flex-wrap pt-4">
|
|
<ui-text-input-with-label ref="issuerUrl" v-model="newAuthSettings.authOpenIDIssuerURL" :disabled="savingSettings" :label="'Issuer URL'" class="mb-2" />
|
|
|
|
<ui-text-input-with-label ref="authorizationUrl" v-model="newAuthSettings.authOpenIDAuthorizationURL" :disabled="savingSettings" :label="'Authorize URL'" class="mb-2" />
|
|
|
|
<ui-text-input-with-label ref="tokenUrl" v-model="newAuthSettings.authOpenIDTokenURL" :disabled="savingSettings" :label="'Token URL'" class="mb-2" />
|
|
|
|
<ui-text-input-with-label ref="userInfoUrl" v-model="newAuthSettings.authOpenIDUserInfoURL" :disabled="savingSettings" :label="'Userinfo URL'" class="mb-2" />
|
|
|
|
<ui-text-input-with-label ref="openidClientId" v-model="newAuthSettings.authOpenIDClientID" :disabled="savingSettings" :label="'Client ID'" class="mb-2" />
|
|
|
|
<ui-text-input-with-label ref="openidClientSecret" v-model="newAuthSettings.authOpenIDClientSecret" :disabled="savingSettings" :label="'Client Secret'" class="mb-2" />
|
|
</div>
|
|
</transition>
|
|
</div>
|
|
</div>
|
|
<div class="w-full flex items-center justify-end p-4">
|
|
<ui-btn color="success" :padding-x="8" small class="text-base" :loading="savingSettings" @click="saveSettings">{{ $strings.ButtonSave }}</ui-btn>
|
|
</div>
|
|
</app-settings-content>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
async asyncData({ store, redirect, app }) {
|
|
if (!store.getters['user/getIsAdminOrUp']) {
|
|
redirect('/')
|
|
return
|
|
}
|
|
|
|
const authSettings = await app.$axios.$get('/api/auth-settings').catch((error) => {
|
|
console.error('Failed', error)
|
|
return null
|
|
})
|
|
if (!authSettings) {
|
|
redirect('/config')
|
|
return
|
|
}
|
|
return {
|
|
authSettings
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
enableLocalAuth: false,
|
|
enableOpenIDAuth: false,
|
|
savingSettings: false,
|
|
newAuthSettings: {}
|
|
}
|
|
},
|
|
computed: {
|
|
authMethods() {
|
|
return this.authSettings.authActiveAuthMethods || []
|
|
}
|
|
},
|
|
methods: {
|
|
validateOpenID() {
|
|
let isValid = true
|
|
if (!this.newAuthSettings.authOpenIDIssuerURL) {
|
|
this.$toast.error('Issuer URL required')
|
|
isValid = false
|
|
}
|
|
if (!this.newAuthSettings.authOpenIDAuthorizationURL) {
|
|
this.$toast.error('Authorize URL required')
|
|
isValid = false
|
|
}
|
|
if (!this.newAuthSettings.authOpenIDTokenURL) {
|
|
this.$toast.error('Token URL required')
|
|
isValid = false
|
|
}
|
|
if (!this.newAuthSettings.authOpenIDUserInfoURL) {
|
|
this.$toast.error('Userinfo URL required')
|
|
isValid = false
|
|
}
|
|
if (!this.newAuthSettings.authOpenIDClientID) {
|
|
this.$toast.error('Client ID required')
|
|
isValid = false
|
|
}
|
|
if (!this.newAuthSettings.authOpenIDClientSecret) {
|
|
this.$toast.error('Client Secret required')
|
|
isValid = false
|
|
}
|
|
return isValid
|
|
},
|
|
async saveSettings() {
|
|
if (!this.enableLocalAuth && !this.enableOpenIDAuth) {
|
|
this.$toast.error('Must have at least one authentication method enabled')
|
|
return
|
|
}
|
|
|
|
if (this.enableOpenIDAuth && !this.validateOpenID()) {
|
|
return
|
|
}
|
|
|
|
this.newAuthSettings.authActiveAuthMethods = []
|
|
if (this.enableLocalAuth) this.newAuthSettings.authActiveAuthMethods.push('local')
|
|
if (this.enableOpenIDAuth) this.newAuthSettings.authActiveAuthMethods.push('openid')
|
|
|
|
this.savingSettings = true
|
|
const success = await this.$store.dispatch('updateServerSettings', this.newAuthSettings)
|
|
this.savingSettings = false
|
|
if (success) {
|
|
this.$toast.success('Server settings updated')
|
|
} else {
|
|
this.$toast.error('Failed to update server settings')
|
|
}
|
|
},
|
|
init() {
|
|
this.newAuthSettings = {
|
|
...this.authSettings
|
|
}
|
|
this.enableLocalAuth = this.authMethods.includes('local')
|
|
this.enableOpenIDAuth = this.authMethods.includes('openid')
|
|
}
|
|
},
|
|
mounted() {
|
|
this.init()
|
|
}
|
|
}
|
|
</script>
|
|
|