cKey
6 years ago
13 changed files with 478 additions and 2 deletions
@ -0,0 +1,75 @@ |
|||||
|
using System; |
||||
|
using System.ComponentModel.DataAnnotations; |
||||
|
using Volo.Abp.IdentityServer.Clients; |
||||
|
|
||||
|
namespace LINGYUN.Abp.IdentityServer.Clients |
||||
|
{ |
||||
|
public class ClientCloneInputDto |
||||
|
{ |
||||
|
/// <summary>
|
||||
|
/// 来源客户端标识
|
||||
|
/// </summary>
|
||||
|
[Required] |
||||
|
public Guid SourceClientId { get; set; } |
||||
|
/// <summary>
|
||||
|
/// 客户端标识
|
||||
|
/// </summary>
|
||||
|
[Required] |
||||
|
[StringLength(ClientConsts.ClientIdMaxLength)] |
||||
|
public string ClientId { get; set; } |
||||
|
/// <summary>
|
||||
|
/// 客户端名称
|
||||
|
/// </summary>
|
||||
|
[Required] |
||||
|
[StringLength(ClientConsts.ClientNameMaxLength)] |
||||
|
public string ClientName { get; set; } |
||||
|
/// <summary>
|
||||
|
/// 说明
|
||||
|
/// </summary>
|
||||
|
[StringLength(ClientConsts.DescriptionMaxLength)] |
||||
|
public string Description { get; set; } |
||||
|
/// <summary>
|
||||
|
/// 复制客户端授权类型
|
||||
|
/// </summary>
|
||||
|
public bool CopyAllowedGrantType { get; set; } |
||||
|
/// <summary>
|
||||
|
/// 复制客户端重定向 Uri
|
||||
|
/// </summary>
|
||||
|
public bool CopyRedirectUri { get; set; } |
||||
|
/// <summary>
|
||||
|
/// 复制客户端作用域
|
||||
|
/// </summary>
|
||||
|
public bool CopyAllowedScope { get; set; } |
||||
|
/// <summary>
|
||||
|
/// 复制客户端声明
|
||||
|
/// </summary>
|
||||
|
public bool CopyClaim { get; set; } |
||||
|
/// <summary>
|
||||
|
/// 复制客户端跨域来源
|
||||
|
/// </summary>
|
||||
|
public bool CopyAllowedCorsOrigin { get; set; } |
||||
|
/// <summary>
|
||||
|
/// 复制客户端注销重定向 Uri
|
||||
|
/// </summary>
|
||||
|
public bool CopyPostLogoutRedirectUri { get; set; } |
||||
|
/// <summary>
|
||||
|
/// 客户端 IdP 限制
|
||||
|
/// </summary>
|
||||
|
public bool CopyPropertie { get; set; } |
||||
|
/// <summary>
|
||||
|
/// 复制客户端属性
|
||||
|
/// </summary>
|
||||
|
public bool CopyIdentityProviderRestriction { get; set; } |
||||
|
public ClientCloneInputDto() |
||||
|
{ |
||||
|
CopyAllowedCorsOrigin = true; |
||||
|
CopyAllowedGrantType = true; |
||||
|
CopyAllowedScope = true; |
||||
|
CopyClaim = true; |
||||
|
CopyIdentityProviderRestriction = true; |
||||
|
CopyPostLogoutRedirectUri = true; |
||||
|
CopyPropertie = true; |
||||
|
CopyRedirectUri = true; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,193 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<div class="filter-container"> |
||||
|
<el-form |
||||
|
ref="formCloneClient" |
||||
|
label-width="175px" |
||||
|
:model="client" |
||||
|
:rules="clientRules" |
||||
|
> |
||||
|
<el-form-item |
||||
|
prop="clientId" |
||||
|
:label="$t('identityServer.clientId')" |
||||
|
> |
||||
|
<el-input |
||||
|
v-model="client.clientId" |
||||
|
:placeholder="$t('pleaseInputBy', {key: $t('identityServer.clientId')})" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item |
||||
|
prop="clientName" |
||||
|
:label="$t('identityServer.clientName')" |
||||
|
> |
||||
|
<el-input |
||||
|
v-model="client.clientName" |
||||
|
:placeholder="$t('pleaseInputBy', {key: $t('identityServer.clientName')})" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item |
||||
|
prop="description" |
||||
|
:label="$t('identityServer.description')" |
||||
|
> |
||||
|
<el-input |
||||
|
v-model="client.description" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item |
||||
|
prop="copyAllowedGrantType" |
||||
|
:label="$t('identityServer.copyAllowedGrantType')" |
||||
|
> |
||||
|
<el-switch |
||||
|
v-model="client.copyAllowedGrantType" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item |
||||
|
prop="copyRedirectUri" |
||||
|
:label="$t('identityServer.copyRedirectUri')" |
||||
|
> |
||||
|
<el-switch |
||||
|
v-model="client.copyRedirectUri" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item |
||||
|
prop="copyAllowedScope" |
||||
|
:label="$t('identityServer.copyAllowedScope')" |
||||
|
> |
||||
|
<el-switch |
||||
|
v-model="client.copyAllowedScope" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item |
||||
|
prop="copyClaim" |
||||
|
:label="$t('identityServer.copyClaim')" |
||||
|
> |
||||
|
<el-switch |
||||
|
v-model="client.copyClaim" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item |
||||
|
prop="copyAllowedCorsOrigin" |
||||
|
:label="$t('identityServer.copyAllowedCorsOrigin')" |
||||
|
> |
||||
|
<el-switch |
||||
|
v-model="client.copyAllowedCorsOrigin" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item |
||||
|
prop="copyPostLogoutRedirectUri" |
||||
|
:label="$t('identityServer.copyPostLogoutRedirectUri')" |
||||
|
> |
||||
|
<el-switch |
||||
|
v-model="client.copyPostLogoutRedirectUri" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item |
||||
|
prop="copyPropertie" |
||||
|
:label="$t('identityServer.copyPropertie')" |
||||
|
> |
||||
|
<el-switch |
||||
|
v-model="client.copyPropertie" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item |
||||
|
prop="copyIdentityProviderRestriction" |
||||
|
:label="$t('identityServer.copyIdentityProviderRestriction')" |
||||
|
> |
||||
|
<el-switch |
||||
|
v-model="client.copyIdentityProviderRestriction" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item> |
||||
|
<el-button |
||||
|
class="cancel" |
||||
|
style="width:100px" |
||||
|
@click="onCancel" |
||||
|
> |
||||
|
{{ $t('table.cancel') }} |
||||
|
</el-button> |
||||
|
<el-button |
||||
|
class="confirm" |
||||
|
type="primary" |
||||
|
style="width:100px" |
||||
|
@click="onCloneClient" |
||||
|
> |
||||
|
{{ $t('table.confirm') }} |
||||
|
</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script lang="ts"> |
||||
|
import ClientService, { ClientClone } from '@/api/clients' |
||||
|
import { Component, Vue, Prop, Watch } from 'vue-property-decorator' |
||||
|
|
||||
|
@Component({ |
||||
|
name: 'ClientCloneForm' |
||||
|
}) |
||||
|
export default class extends Vue { |
||||
|
@Prop({ default: '' }) |
||||
|
private clientId!: string |
||||
|
|
||||
|
private client: ClientClone |
||||
|
private clientRules = { |
||||
|
clientId: [ |
||||
|
{ required: true, message: this.l('pleaseInputBy', { key: this.l('identityServer.clientId') }), trigger: 'blur' } |
||||
|
], |
||||
|
clientName: [ |
||||
|
{ required: true, message: this.l('pleaseInputBy', { key: this.l('identityServer.clientName') }), trigger: 'blur' } |
||||
|
] |
||||
|
} |
||||
|
|
||||
|
constructor() { |
||||
|
super() |
||||
|
this.client = ClientClone.empty() |
||||
|
} |
||||
|
|
||||
|
@Watch('clientId', { immediate: true }) |
||||
|
private onClientIdChanged() { |
||||
|
this.client.sourceClientId = this.clientId |
||||
|
} |
||||
|
|
||||
|
private onCloneClient() { |
||||
|
const frmClient = this.$refs.formCloneClient as any |
||||
|
frmClient.validate((valid: boolean) => { |
||||
|
if (valid) { |
||||
|
ClientService.cloneClient(this.client).then(client => { |
||||
|
const successMessage = this.l('identityServer.createClientSuccess', { id: client.clientId }) |
||||
|
this.$message.success(successMessage) |
||||
|
frmClient.resetFields() |
||||
|
this.$emit('closed', true) |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
private onCancel() { |
||||
|
this.resetFields() |
||||
|
this.$emit('closed') |
||||
|
} |
||||
|
|
||||
|
public resetFields() { |
||||
|
const frmClient = this.$refs.formCloneClient as any |
||||
|
frmClient.resetFields() |
||||
|
} |
||||
|
|
||||
|
private l(name: string, values?: any[] | { [key: string]: any }) { |
||||
|
return this.$t(name, values).toString() |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.confirm { |
||||
|
position: absolute; |
||||
|
right: 10px; |
||||
|
} |
||||
|
.cancel { |
||||
|
position: absolute; |
||||
|
right: 120px; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue