Интерфейс UERightHeaderItem

Example

Пример: добавление ссылки на страницу поиска в правую часть заголовка приложения

.customHeaderButton {
    display: inline-block;
}
Копировать

export const customHeaderButton: string;
Копировать

import {Universe} from '@universe-ee/sdk';

import * as styles from './CustomHeaderButton.css';

const {React} = Universe.Vendor;
const {Uikit, Router} = Universe.Platform;

export class CustomHeaderButton extends React.Component {
    onClick = () => {
        Router.routerStore.setRoute('EnumerationPage');
        console.log('UE_BTN_WORK!!!')
    };

    override render() {
        return (
            <span className={styles.customHeaderButton}>
                <Uikit.Button intent={Uikit.INTENT.DANGER} onClick={this.onClick}>Go to enumerations!</Uikit.Button>
            </span>
        );
    }
}
Копировать

Подключение точки расширения:

import {Universe} from '@universe-ee/sdk';
import {CustomHeaderButton} from './CustomHeaderButton';

export default {
    type: 'RightHeaderItem',
    moduleId: 'RightHeaderItemUniqueId',
    active: true,
    system: false,
    meta: {
        order: 1
    },
    resolver() {
        return true;
    },
    component: CustomHeaderButton
} satisfies Universe.Platform.UserExit.UserExitDeclaration;
Копировать