You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
132 lines
3.0 KiB
132 lines
3.0 KiB
import { useLocalization } from '/@/hooks/abp/useLocalization';
|
|
import { FormProps, FormSchema } from '/@/components/Form';
|
|
import { GetListAsyncByInput as getApplications } from '/@/api/openiddict/open-iddict-application';
|
|
|
|
const { L } = useLocalization(['AbpOpenIddict', 'AbpUi']);
|
|
|
|
export function getSearchFormProps(): Partial<FormProps> {
|
|
return {
|
|
labelWidth: 100,
|
|
fieldMapToTime: [
|
|
['creationTime', ['beginCreationTime', 'endCreationTime'], 'YYYY-MM-DD'],
|
|
],
|
|
schemas: [
|
|
{
|
|
field: 'subject',
|
|
component: 'Input',
|
|
label: L('DisplayName:Subject'),
|
|
colProps: { span: 8 },
|
|
},
|
|
{
|
|
field: 'status',
|
|
component: 'Input',
|
|
label: L('DisplayName:Status'),
|
|
colProps: { span: 8 },
|
|
},
|
|
{
|
|
field: 'type',
|
|
component: 'Input',
|
|
label: L('DisplayName:Type'),
|
|
colProps: { span: 8 },
|
|
},
|
|
{
|
|
field: 'clientId',
|
|
component: 'ApiSelect',
|
|
label: L('DisplayName:ClientId'),
|
|
colProps: { span: 12 },
|
|
componentProps: {
|
|
api: getApplications,
|
|
params: {
|
|
maxResultCount: 100,
|
|
},
|
|
resultField: 'items',
|
|
labelField: 'clientId',
|
|
valueField: 'id',
|
|
},
|
|
},
|
|
{
|
|
field: 'creationTime',
|
|
component: 'RangePicker',
|
|
label: L('DisplayName:CreationTime'),
|
|
colProps: { span: 12 },
|
|
componentProps: {
|
|
separator: '-',
|
|
format: 'YYYY-MM-DD',
|
|
style: { width: '100%', },
|
|
},
|
|
},
|
|
{
|
|
field: 'filter',
|
|
component: 'Input',
|
|
label: L('Search'),
|
|
colProps: { span: 24 },
|
|
},
|
|
],
|
|
};
|
|
}
|
|
|
|
export function getModalFormSchemas(): FormSchema[] {
|
|
return [
|
|
{
|
|
field: 'applicationId',
|
|
component: 'Input',
|
|
label: L('DisplayName:ApplicationId'),
|
|
colProps: { span: 24 },
|
|
componentProps: {
|
|
readonly: true,
|
|
},
|
|
},
|
|
{
|
|
field: 'subject',
|
|
component: 'Input',
|
|
label: L('DisplayName:Subject'),
|
|
colProps: { span: 24 },
|
|
componentProps: {
|
|
readonly: true,
|
|
},
|
|
},
|
|
{
|
|
field: 'type',
|
|
component: 'Input',
|
|
label: L('DisplayName:Type'),
|
|
colProps: { span: 24 },
|
|
componentProps: {
|
|
readonly: true,
|
|
},
|
|
},
|
|
{
|
|
field: 'creationDate',
|
|
component: 'Input',
|
|
label: L('DisplayName:CreationDate'),
|
|
colProps: { span: 24 },
|
|
componentProps: {
|
|
readonly: true,
|
|
},
|
|
},
|
|
{
|
|
field: 'status',
|
|
component: 'Input',
|
|
label: L('DisplayName:Status'),
|
|
colProps: { span: 24 },
|
|
componentProps: {
|
|
readonly: true,
|
|
},
|
|
},
|
|
{
|
|
field: 'scopes',
|
|
component: 'Select',
|
|
label: L('DisplayName:Scopes'),
|
|
colProps: { span: 24 },
|
|
slot: 'scopes',
|
|
},
|
|
{
|
|
field: 'properties',
|
|
component: 'CodeEditorX',
|
|
label: L('DisplayName:Properties'),
|
|
colProps: { span: 24 },
|
|
componentProps: {
|
|
readonly: true,
|
|
},
|
|
},
|
|
];
|
|
}
|
|
|