js/ui/profile.js

import Auth from '~/models/Auth';
import User from '~/models/User';
import Data from '~/models/Data';
import addSchema from '~/helpers/addSchema';
import FollowButtonController from '~/controllers/FollowButtonController';
import ModalViewController from '~/controllers/ModalViewController';

import FollowModalTemplate, { FollowType } from '~/template/FollowModalTemplate';
import AdminUserActionController from '~/controllers/AdminUserActionController';
import { AdminUserActionType } from '~/models/Request/AdminUserAction';

import { HandleUnhandledPromise } from '~/helpers/ErrorManager';

export const FOLLOW_BUTTON_ID = "user__follow";
export const FOLLOWING_POPOVER_TRIGGER_ID = "user__metric__following";
export const FOLLOWERS_POPOVER_TRIGGER_ID = "user__metric__followers";
export const ADMIN_NUKE_TRIGGER_ID = "user__mod__nuke";
export const ADMIN_RESET_VOTES_TRIGGER_ID = "user__mod__reset_votes";

const profileUserData = Data.shared.encodedJSONForKey('profile_user');
if (profileUserData) {
    const profileUser = User.fromJSON(profileUserData);

    // We are on profile page.
    (async () => {

        const schema = await profileUser.getSchema();
        addSchema({
            "@context": "http://schema.org",
            "@type": "ProfilePage",
            mainEntity: schema,
            about: schema
        });


        const auth = Auth.shared;

        if (auth.isAuthorized) {
            // Setup follow button
            const followButtonNode = document.getElementById(FOLLOW_BUTTON_ID);
            followButtonNode && new FollowButtonController(followButtonNode, auth, profileUser);

            if (auth.user.isAdmin) {
                if (!profileUser.isMe()) {
                    new AdminUserActionController(ADMIN_NUKE_TRIGGER_ID, profileUser, AdminUserActionType.nuke);
                }

                new AdminUserActionController(ADMIN_RESET_VOTES_TRIGGER_ID, profileUser, AdminUserActionType.resetVotes);
            }
        }


        // Add the popovers for followers/following
        const followingModal = new FollowModalTemplate(profileUser, FollowType.following);
        ModalViewController.shared.bind(FOLLOWING_POPOVER_TRIGGER_ID, followingModal);

        const followersModal = new FollowModalTemplate(profileUser, FollowType.followers);
        ModalViewController.shared.bind(FOLLOWERS_POPOVER_TRIGGER_ID, followersModal);

    })().catch(HandleUnhandledPromise);
}