import {toast} from 'nc-lightapp-front';

export default class SearchAction {
    constructor(comp) {
        this.comp = comp;
        this.dispatch = this.comp.props.dispatch;
    }

    closeModal = () => {
        const {props} = this.comp;
        const {dispatch} = props;
        dispatch({
            type: 'main/update',
            payload: {
                assignAppVisible: false
            }
        });
        this.comp.setState({
            workflow: [],
            leftData: [],
            rightData: [],
            allAssignInfo: {},
            selectedWork: ''
        })
    };

    getContent = async () => {
        const {props} = this.comp;
        const {dispatch, main} = props;
        const {assignContent} = main;
        const workflow = assignContent.content.map(item => {
            if(!item.assginUsers) {
                item.users = item.uservos.map(user => {
                    return {
                        key: user.userpk,
                        title: user.username
                    }
                });
            } else {
                item.users = item.assginUsers.map(user => {
                    return {
                        key: user.pk,
                        title: user.name
                    }
                });
            }
           
            item.selectUsers = [];
            if(!item.assginUsers){
                item.oldUsers = item.uservos
                item.uservos = [];
            }else{
                item.oldUsers = item.assginUsers;
                item.assginUsers = [];
            }
            return {
                key: item.desc,
                value: item.activitydefid,
                label: item.desc
            }
        });
        let leftData = assignContent.content[0].users, rightData = [];

        this.comp.setState({
            allAssignInfo: assignContent,
            leftData,
            rightData,
            workflow,
            selectedWork: workflow[0].value
        })
    };

    onWorkflowChange = async (value) => {
        const {state} = this.comp;
        const {allAssignInfo} = state;
        let leftData = [], rightData = [];
        const curInfo = allAssignInfo.content.find(item => item.activitydefid === value);
        if (curInfo) {
            leftData = curInfo.users;
            rightData = curInfo.selectUsers;
        }
        this.comp.setState({
            leftData,
            rightData,
            selectedWork: value
        });
    };

    appChange = (targetKeys, direction, moveKeys) => {
        const {state} = this.comp;
        const {allAssignInfo, selectedWork} = state;
        const curInfo = allAssignInfo.content.find(item => item.activitydefid === selectedWork);
        if (curInfo) {
            curInfo.selectUsers = targetKeys;
            curInfo.assginUsers = curInfo.oldUsers.filter(item => targetKeys.includes(item.pk || item.userpk));
        }
        if (allAssignInfo.flow_type === 'approveflow') {
            curInfo.uservos = curInfo.assginUsers;
            allAssignInfo.content[0] = curInfo;
        }
        this.comp.setState({
            allAssignInfo,
            rightData: targetKeys
        });
    };

    onSure = () => {
        const {action, state, props} = this.comp;
        const {allAssignInfo} = state;
        const {main} = props;
        const {language} = main;
        let isAssigned = true;
        allAssignInfo.content.forEach(item => {
            if (!item.selectUsers || !item.selectUsers.length) {
                isAssigned = false
            }
        });
        if (!isAssigned) {
            toast({color: 'danger', content: language['hrzzpc-000139']});
            return;
        }
        action.formAct.assignApp(allAssignInfo, () => {
            this.closeModal()
        });
    }
}