import { ROOT_ROLE_ID } from '../../../../src/constants';
import { composeFileUrl } from '../../../../src/utils/extraFile';

export default OakPage({
    path: 'token:me',
    entity: 'token',
    isList: true,
    projection: {
        id: 1,
        userId: 1,
        playerId: 1,
        user: {
            id: 1,
            nickname: 1,
            name: 1,
            extraFile$entity: {
                $entity: 'extraFile',
                data: {
                    id: 1,
                    tag1: 1,
                    origin: 1,
                    bucket: 1,
                    objectId: 1,
                    filename: 1,
                    extra1: 1,
                    type: 1,
                    entity: 1,
                    extension: 1,
                },
                filter: {
                    tag1: 'avatar',
                },
                indexFrom: 0,
                count: 1,
            },
            mobile$user: {
                $entity: 'mobile',
                data: {
                    id: 1,
                    mobile: 1,
                },
            },
        },
        player: {
            id: 1,
            userRole$user: {
                $entity: 'userRole',
                data: {
                    id: 1,
                    userId: 1,
                    roleId: 1,
                },
            },
        },
    },
    filters: [{
        filter: async ({ features }) => {
            const token = await features.token.getToken();
            return {
                id: token,
            };
        },
    }],
    formData: async ({ data: [token] }) => {
        const user = token?.user;
        const player = token?.player;
        const avatarFile =
            user && user.extraFile$entity && user.extraFile$entity[0];
        const avatar = avatarFile && composeFileUrl(avatarFile);
        const nickname = user && user.nickname;
        const mobileData = user && user.mobile$user && user.mobile$user[0];
        const { mobile } = mobileData || {};
        const mobileCount = user?.mobile$user?.length || 0;

        const isLoggedIn = !!token;
        const isPlayingAnother = token && token.userId !== token.playerId;
        const isRoot =
            player?.userRole$user &&
            player.userRole$user[0].roleId === ROOT_ROLE_ID;
        return {
            avatar,
            nickname,
            mobile,
            mobileCount,
            isLoggedIn,
            isPlayingAnother,
            isRoot,
        };
    },
    data: {
        refreshing: false,
    },
    methods: {
        async onRefresh() {
            this.setState({
                refreshing: true,
            });
            try {
                await this.features.token.syncUserInfoWechatMp();
            } catch (err) {
                console.error(err);
            }
            this.setState({
                refreshing: false,
            });
        },
        async doLogin() {
            this.setState({
                refreshing: true,
            });
            try {
                await this.features.token.loginWechatMp();
            } catch (err) {
                console.error(err);
            }
            this.setState({
                refreshing: false,
            });
        },
        goMyMobile() {
            this.navigateTo({
                url: '/mobile/me',
            });
        },
        goUserManage() {
            const event = `user:manage:itemclicked:${Date.now()}`;
            const onItemClicked = async ({ id }: { id: string }) => {
                this.navigateTo({
                    url: '/user/manage/detail',
                    oakId: id,
                });
            }
            this.sub(event, onItemClicked);

            this.navigateTo({
                url: '/user/manage',
                event,
            });
        },
    },
});