masaaki cca9cf6e5e Merged PR 601: ヘルプページ画面実装
## 概要
[Task3204: ヘッダ修正対応](https://paruru.nds-tyo.co.jp:8443/tfs/ReciproCollection/fa4924a4-d079-4fab-9fb5-a9a11eb205f0/_workitems/edit/3204)

- ヘルプページを追加して、ヘッダのタブに表示されるようにしました。
  - ヘッダのタブはロールの制限なく見えるようにしています。
  - ヘルプページからさらに個別のヘルプへのリンクは仮のURLにしています。
    - 動作としては別タブで開くようにしています。

## レビューポイント
- パスをタブ名に合わせて`/support`としましたが不自然な点はないでしょうか?
- 仮のURLがxxxとなっているため、別タブで開かれたページがNot Foundとなってしまっていますが問題ないでしょうか?

## UIの変更
- [Task3204](https://ndstokyo.sharepoint.com/:f:/r/sites/Piranha/Shared%20Documents/General/OMDS/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88/Task3204?csf=1&web=1&e=N9yn0D)

## 動作確認状況
- ローカルで確認
2023-12-05 02:40:09 +00:00

86 lines
2.1 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import { getTranslationID } from "translation";
import { HeaderMenus, LoginedPaths } from "./types";
export const HEADER_MENUS_ACCOUNT = "Account";
export const HEADER_MENUS_USER = "User";
export const HEADER_MENUS_LICENSE = "License";
export const HEADER_MENUS_DICTATIONS = "Dictations";
export const HEADER_MENUS_WORKFLOW = "Workflow";
export const HEADER_MENUS_PARTNER = "Partners";
export const HEADER_MENUS_SUPPORT = "Support";
export const HEADER_MENUS: {
key: HeaderMenus;
label: string;
path: LoginedPaths;
}[] = [
{
key: HEADER_MENUS_ACCOUNT,
label: getTranslationID("common.label.headerAccount"),
path: "/account",
},
{
key: HEADER_MENUS_DICTATIONS,
label: getTranslationID("common.label.headerDictations"),
path: "/dictations",
},
{
key: HEADER_MENUS_LICENSE,
label: getTranslationID("common.label.headerLicense"),
path: "/license",
},
{
key: HEADER_MENUS_USER,
label: getTranslationID("common.label.headerUser"),
path: "/user",
},
{
key: HEADER_MENUS_WORKFLOW,
label: getTranslationID("common.label.headerWorkflow"),
path: "/workflow",
},
{
key: HEADER_MENUS_PARTNER,
label: getTranslationID("common.label.headerPartners"),
path: "/partners",
},
{
key: HEADER_MENUS_SUPPORT,
label: getTranslationID("common.label.headerSupport"),
path: "/support",
},
];
export const HEADER_NAME = getTranslationID("common.label.headerName");
/**
* adminのみに表示するヘッダータブ
*/
export const ADMIN_ONLY_TABS = [
HEADER_MENUS_ACCOUNT,
HEADER_MENUS_LICENSE,
HEADER_MENUS_USER,
HEADER_MENUS_WORKFLOW,
HEADER_MENUS_PARTNER,
HEADER_MENUS_WORKFLOW,
];
/**
* 第1~4階層のみに表示するヘッダータブ
*/
export const TIER1_TO_TIER4_ONLY_TABS = [HEADER_MENUS_PARTNER];
/**
* admin,standardでなく、第15階層でもないアカウントに表示する空のヘッダータブ
*/
export const INVALID_ACCOUNT_TABS = [];
/**
* 代行操作中に表示するヘッダータブ
*/
export const DELEGATE_TABS = [
HEADER_MENUS_LICENSE,
HEADER_MENUS_USER,
HEADER_MENUS_WORKFLOW,
];