import {
    apiGet,
    confirmationStateMapping,
    crudCommonOptions,
    mappingField,
    operationField,
    providerOnly,
    stringField,
    stringWrapField,
    timeField,
    userOnly,
} from "../../components/constants.js";
import {
    permissionAddDialog,
    permissionDetailDialog,
    permissionEditeDialog,
} from "../../components/permission/dialog-permission.js";

export function tabPermissions() {
    return {
        visibleOn: userOnly,
        title: '权属管理',
        icon: 'fa fa-user-shield',
        reload: true,
        body: {
            type: 'tabs',
            tabs: [
                {
                    visibleOn: providerOnly,
                    title: '确权管理',
                    body: {
                        type: 'crud',
                        api: {
                            ...apiGet('${base}/confirmation/list')
                        },
                        ...crudCommonOptions(),
                        headerToolbar: [
                            'reload',
                            {
                                type: 'action',
                                label: '',
                                icon: 'fa fa-plus',
                                ...permissionAddDialog()
                            },
                        ],
                        columns: [
                            stringField('name', '名称', 200),
                            stringWrapField('description', '描述'),
                            mappingField('state', '状态', confirmationStateMapping),
                            timeField('createdTime', '创建时间'),
                            operationField('操作', undefined, [
                                {
                                    type: 'action',
                                    label: '查看',
                                    level: 'link',
                                    ...permissionDetailDialog(),
                                },
                                {
                                    visibleOn: "${state === 'CHECKING'}",
                                    type: 'action',
                                    label: '撤销',
                                    level: 'link',
                                    confirmTitle: '确认撤销',
                                    confirmText: '确认撤销名称为「${name}」的确权申请吗？',
                                    actionType: 'ajax',
                                    api: apiGet('${base}/confirmation/retract/${id}'),
                                },
                                {
                                    visibleOn: "${state === 'DRAFT' || state === 'REJECT'}",
                                    type: 'action',
                                    label: '提交',
                                    level: 'link',
                                    confirmTitle: '确认提交',
                                    confirmText: '确认提交名称为「${name}」的确权申请吗？',
                                    actionType: 'ajax',
                                    api: apiGet('${base}/confirmation/submit/${id}'),
                                },
                                {
                                    type: 'dropdown-button',
                                    level: 'link',
                                    icon: 'fa fa-ellipsis-h',
                                    hideCaret: true,
                                    trigger: 'hover',
                                    buttons: [
                                        {
                                            disabledOn: "${state !== 'DRAFT'}",
                                            type: 'action',
                                            label: '编辑',
                                            level: 'link',
                                            ...permissionEditeDialog(),
                                        },
                                        {
                                            disabledOn: "${state === 'CHECKING'}",
                                            type: 'action',
                                            label: "删除",
                                            confirmTitle: '确认删除',
                                            confirmText: '确认删除名称为「${name}」的确权申请吗？删除后对应的数据资源处于未确权状态。',
                                            actionType: 'ajax',
                                            api: apiGet('${base}/confirmation/remove/${id}'),
                                        },
                                    ]
                                },
                            ]),
                        ]
                    }
                },
                {
                    title: '授权管理',
                    body: []
                }
            ]
        }
    }
}