optimize oauth config

This commit is contained in:
Tao Chen
2024-10-30 19:42:25 +08:00
parent 325b711d3c
commit 9baaf8ccb2
+13 -12
View File
@@ -34,8 +34,18 @@
</el-card>
<el-dialog v-model="formVisible" :title="!formData.id?T('Create') :T('Update')" width="800">
<el-form class="dialog-form" ref="form" :model="formData" :rules="rules" label-width="120px">
<el-form-item label="Issuer" prop="issuer">
<el-input v-model="formData.issuer" :placeholder="formData.op === 'oidc' ? 'Required when OIDC is selected' : 'Not required unless OIDC is selected'"></el-input>
<el-form-item label="Type" prop="op">
<el-radio-group v-model="formData.op" :disabled="!!formData.id">
<el-radio v-for="item in ops" :key="item.value" :value="item.value" style="display: block">
{{ item.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item v-if="formData.op === 'oidc'" label="Issuer" prop="issuer">
<el-input v-model="formData.issuer" placeholder="Check your IdP docs, without '/.well-known/openid-configuration'"></el-input>
</el-form-item>
<el-form-item v-show="formData.op === 'oidc'" label="Scopes" prop="scopes">
<el-input v-model="formData.scopes" placeholder= "Optional, default is 'openid,profile,email'"></el-input>
</el-form-item>
<el-form-item label="ClientId" prop="client_id">
<el-input v-model="formData.client_id"></el-input>
@@ -46,16 +56,6 @@
<el-form-item label="RedirectUrl" prop="redirect_url">
<el-input v-model="formData.redirect_url"></el-input>
</el-form-item>
<el-form-item label="Scopes" prop="scopes">
<el-input v-model="formData.scopes" :placeholder="formData.op === 'oidc' ? 'Optional when OIDC is selected, default is openid,profile,email' : 'Not required unless OIDC is selected'"></el-input>
</el-form-item>
<el-form-item label="op" prop="op">
<el-radio-group v-model="formData.op" :disabled="!!formData.id">
<el-radio v-for="item in ops" :key="item.value" :value="item.value" style="display: block">
{{ item.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item :label="T('AutoRegister')" prop="auto_register">
<el-switch v-model="formData.auto_register"
:active-value="true"
@@ -146,6 +146,7 @@
client_secret: [{ required: true, message: T('ParamRequired', { param: 'client_secret' }), trigger: 'blur' }],
redirect_url: [{ required: true, message: T('ParamRequired', { param: 'redirect_url' }), trigger: 'blur' }],
op: [{ required: true, message: T('ParamRequired', { param: 'op' }), trigger: 'blur' }],
issuer: [{ required: true, message: T('ParamRequired', { param: 'issuer' }), trigger: 'blur' }],
}
const toEdit = (row) => {
formVisible.value = true