chamesu/packages/frontend/ui/modules/layout/index.ts

This package contains all packages of the chat application.

/*
 * Copyright (c) 2022.
 * Author Peter Placzek (tada5hi)
 * For the full copyright and license information,
 * view the LICENSE file that was distributed with this source code.
 */

import {LayoutNavigation, LayoutSidebars} from '~/config/layout';
import {
    LayoutComponent,
    LayoutNavigationComponentInterface,
    LayoutSidebarComponentInterface
} from "~/modules/layout/types";

import {AbilityRepresentation, parsePermissionNameToAbilityRepresentation} from "~/modules/auth/utils";
// --------------------------------------------------------------------

const LayoutModule = {
    getNavigation: () : LayoutNavigationComponentInterface[] => {
        return LayoutNavigation;
    },
    getNavigationById: (id: string) : LayoutNavigationComponentInterface => {
        let index = LayoutNavigation.findIndex((item) => {
            return item.id === id;
        });

        if(index === -1) {
            throw new Error('Das Navigationselement konnte nicht gefunden werden.');
        }

        return LayoutNavigation[index];
    },
    // --------------------------------------------------------------------

    getSidebarById: (id: string) : LayoutSidebarComponentInterface[] => {
        return id in LayoutSidebars ? LayoutSidebars[id] : LayoutSidebars.default
    },

    // --------------------------------------------------------------------

    reduceComponents: ({ components, loggedIn, user, can } : { components: LayoutComponent[], loggedIn: boolean, user: Record<string, any>, can: CallableFunction}) => {
        return components.filter((component: LayoutComponent ) => {
            if (
                component.hasOwnProperty('requireLoggedIn') &&
                component.requireLoggedIn &&
                !loggedIn
            ) {
                return false
            }

            if(component.hasOwnProperty('requireAttribute')) {
                if(typeof component.requireAttribute === 'string') {
                    if(!user || !user.hasOwnProperty(component.requireAttribute)) {
                        return false;
                    }
                }

                if(typeof component.requireAttribute === 'object') {
                    if(!user) {
                        return false;
                    }

                    for(let key in component.requireAttribute) {
                        if(!component.requireAttribute.hasOwnProperty(key)) continue;

                        if(!user.hasOwnProperty(key)) {
                            return false;
                        }

                        if(user[key] !== component.requireAttribute[key]) {
                            return false;
                        }
                    }

                }
            }

            if (
                component.hasOwnProperty('requireLoggedOut') &&
                component.requireLoggedOut &&
                loggedIn
            ) {
                return false
            }

            if(
                component.hasOwnProperty('requirePermissions') &&
                Array.isArray(component.requirePermissions)
            ) {
                if(component.requirePermissions.length > 0) {
                    for (let i = 0; i < component.requirePermissions.length; i++) {
                        const ability: AbilityRepresentation = parsePermissionNameToAbilityRepresentation(component.requirePermissions[i]);

                        if (can(ability.action, ability.subject)) {
                            return true;
                        }
                    }

                    return false;
                }
            }

            return true
        })
    }
}

export default LayoutModule;