|
|
@@ -1,277 +0,0 @@
|
|
|
-import React, { ReactNode } from 'react';
|
|
|
-
|
|
|
-import { isClient, objectIdUtils } from '@growi/core';
|
|
|
-import {
|
|
|
- NextPage,
|
|
|
-} from 'next';
|
|
|
-import dynamic from 'next/dynamic';
|
|
|
-import { Container, Provider } from 'unstated';
|
|
|
-
|
|
|
-// import AdminAppContainer from '~/client/services/AdminAppContainer';
|
|
|
-// import AdminBasicSecurityContainer from '~/client/services/AdminBasicSecurityContainer';
|
|
|
-// import AdminCustomizeContainer from '~/client/services/AdminCustomizeContainer';
|
|
|
-import AdminExternalAccountsContainer from '~/client/services/AdminExternalAccountsContainer';
|
|
|
-// import AdminGeneralSecurityContainer from '~/client/services/AdminGeneralSecurityContainer';
|
|
|
-// import AdminGitHubSecurityContainer from '~/client/services/AdminGitHubSecurityContainer';
|
|
|
-// import AdminGoogleSecurityContainer from '~/client/services/AdminGoogleSecurityContainer';
|
|
|
-// import AdminHomeContainer from '~/client/services/AdminHomeContainer';
|
|
|
-// import AdminImportContainer from '~/client/services/AdminImportContainer';
|
|
|
-// import AdminLdapSecurityContainer from '~/client/services/AdminLdapSecurityContainer';
|
|
|
-// import AdminLocalSecurityContainer from '~/client/services/AdminLocalSecurityContainer';
|
|
|
-// import AdminMarkDownContainer from '~/client/services/AdminMarkDownContainer';
|
|
|
-// import AdminNotificationContainer from '~/client/services/AdminNotificationContainer';
|
|
|
-// import AdminOidcSecurityContainer from '~/client/services/AdminOidcSecurityContainer';
|
|
|
-// import AdminSamlSecurityContainer from '~/client/services/AdminSamlSecurityContainer';
|
|
|
-// import AdminSlackIntegrationLegacyContainer from '~/client/services/AdminSlackIntegrationLegacyContainer';
|
|
|
-// import AdminTwitterSecurityContainer from '~/client/services/AdminTwitterSecurityContainer';
|
|
|
-// import AdminUsersContainer from '~/client/services/AdminUsersContainer';
|
|
|
-import { SupportedActionType } from '~/interfaces/activity';
|
|
|
-import {
|
|
|
- CommonProps, useCustomTitle,
|
|
|
-} from '~/pages/utils/commons';
|
|
|
-import {
|
|
|
- useCurrentUser, /* useSearchServiceConfigured, */ useIsAclEnabled, useIsMailerSetup, useIsSearchServiceReachable, useSiteUrl,
|
|
|
- useAuditLogEnabled, useAuditLogAvailableActions, useIsSearchPage, useCustomizeTitle,
|
|
|
-} from '~/stores/context';
|
|
|
-import { useIsMaintenanceMode } from '~/stores/maintenanceMode';
|
|
|
-
|
|
|
-
|
|
|
-// import { useEnvVars } from '~/stores/admin-context';
|
|
|
-
|
|
|
-// const AdminHome = dynamic(() => import('./AdminHome/AdminHome'), { ssr: false });
|
|
|
-// const AppSettingsPageContents = dynamic(() => import('./App/AppSettingsPageContents'), { ssr: false });
|
|
|
-// const SecurityManagement = dynamic(() => import('./Security/SecurityManagement'), { ssr: false });
|
|
|
-// const MarkDownSettingContents = dynamic(() => import('./MarkdownSetting/MarkDownSettingContents'), { ssr: false });
|
|
|
-// const CustomizeSettingContents = dynamic(() => import('./Customize/Customize'), { ssr: false });
|
|
|
-// const DataImportPageContents = dynamic(() => import('./ImportData/ImportDataPageContents'), { ssr: false });
|
|
|
-// const ExportArchiveDataPage = dynamic(() => import('./ExportArchiveDataPage'), { ssr: false });
|
|
|
-// const NotificationSetting = dynamic(() => import('./Notification/NotificationSetting'), { ssr: false });
|
|
|
-// const ManageGlobalNotification = dynamic(() => import('./Notification/ManageGlobalNotification'), { ssr: false });
|
|
|
-// const SlackIntegration = dynamic(() => import('./SlackIntegration/SlackIntegration'), { ssr: false });
|
|
|
-// const LegacySlackIntegration = dynamic(() => import('./LegacySlackIntegration/LegacySlackIntegration'), { ssr: false });
|
|
|
-// const UserManagement = dynamic(() => import('./UserManagement'), { ssr: false });
|
|
|
-// const ManageExternalAccount = dynamic(() => import('./ManageExternalAccount'), { ssr: false });
|
|
|
-// const ElasticsearchManagement = dynamic(() => import('./ElasticsearchManagement/ElasticsearchManagement'), { ssr: false });
|
|
|
-// const UserGroupDetailPage = dynamic(() => import('./UserGroupDetail/UserGroupDetailPage'), { ssr: false });
|
|
|
-const AdminLayout = dynamic(() => import('../Layout/AdminLayout'), { ssr: false });
|
|
|
-// // named export
|
|
|
-// const UserGroupPage = dynamic(() => import('./UserGroup/UserGroupPage').then(mod => mod.UserGroupPage), { ssr: false });
|
|
|
-// const AuditLogManagement = dynamic(() => import('./AuditLogManagement').then(mod => mod.AuditLogManagement), { ssr: false });
|
|
|
-
|
|
|
-type Props = CommonProps & {
|
|
|
- currentUser: any,
|
|
|
-
|
|
|
- title: string
|
|
|
- component: ReactNode,
|
|
|
-
|
|
|
- nodeVersion: string,
|
|
|
- npmVersion: string,
|
|
|
- yarnVersion: string,
|
|
|
- installedPlugins: any,
|
|
|
- envVars: any,
|
|
|
- isAclEnabled: boolean,
|
|
|
- isSearchServiceConfigured: boolean,
|
|
|
- isSearchServiceReachable: boolean,
|
|
|
- isMailerSetup: boolean,
|
|
|
- auditLogEnabled: boolean,
|
|
|
- auditLogAvailableActions: SupportedActionType[],
|
|
|
-
|
|
|
- customizeTitle: string,
|
|
|
- siteUrl: string,
|
|
|
-};
|
|
|
-
|
|
|
-const AdminPage: NextPage<Props> = (props: Props) => {
|
|
|
- console.log({ adminPageProps: props });
|
|
|
-
|
|
|
- // const { t } = useTranslation('admin');
|
|
|
- // const router = useRouter();
|
|
|
- // const { path } = router.query;
|
|
|
- // const pagePathKeys: string[] = Array.isArray(path) ? path : ['home'];
|
|
|
-
|
|
|
- /*
|
|
|
- * Set userGroupId as a adminPagesMap key
|
|
|
- * eg) In case that url is `/user-group-detail/62e8388a9a649bea5e703ef7`, userGroupId will be 62e8388a9a649bea5e703ef7
|
|
|
- */
|
|
|
- // let userGroupId;
|
|
|
- // const [firstPath, secondPath] = pagePathKeys;
|
|
|
- // if (firstPath === 'user-group-detail') {
|
|
|
- // userGroupId = objectIdUtils.isValidObjectId(secondPath) ? secondPath : undefined;
|
|
|
- // }
|
|
|
-
|
|
|
- // TODO: refactoring adminPagesMap => https://redmine.weseek.co.jp/issues/102694
|
|
|
- // const adminPagesMap = {
|
|
|
- // home: {
|
|
|
- // title: t('wiki_management_home_page'),
|
|
|
- // component: <AdminHome
|
|
|
- // nodeVersion={props.nodeVersion}
|
|
|
- // npmVersion={props.npmVersion}
|
|
|
- // yarnVersion={props.yarnVersion}
|
|
|
- // installedPlugins={props.installedPlugins}
|
|
|
- // />,
|
|
|
- // },
|
|
|
- // app: {
|
|
|
- // title: t('commons:headers.app_settings'),
|
|
|
- // component: <AppSettingsPageContents />,
|
|
|
- // },
|
|
|
- // security: {
|
|
|
- // title: t('security_settings.security_settings'),
|
|
|
- // component: <SecurityManagement />,
|
|
|
- // },
|
|
|
- // markdown: {
|
|
|
- // title: t('markdown_settings.markdown_settings'),
|
|
|
- // component: <MarkDownSettingContents />,
|
|
|
- // },
|
|
|
- // customize: {
|
|
|
- // title: t('customize_settings.customize_settings'),
|
|
|
- // component: <CustomizeSettingContents />,
|
|
|
- // },
|
|
|
- // importer: {
|
|
|
- // title: t('importer_management.import_data'),
|
|
|
- // component: <DataImportPageContents />,
|
|
|
- // },
|
|
|
- // export: {
|
|
|
- // title: t('export_archive_data'),
|
|
|
- // component: <ExportArchiveDataPage />,
|
|
|
- // },
|
|
|
- // notification: {
|
|
|
- // title: t('external_notification.external_notification'),
|
|
|
- // component: <NotificationSetting />,
|
|
|
- // },
|
|
|
- // 'global-notification': {
|
|
|
- // new: {
|
|
|
- // title: t('external_notification.external_notification'),
|
|
|
- // component: <ManageGlobalNotification />,
|
|
|
- // },
|
|
|
- // },
|
|
|
- // 'slack-integration': {
|
|
|
- // title: t('slack_integration.slack_integration'),
|
|
|
- // component: <SlackIntegration />,
|
|
|
- // },
|
|
|
- // 'slack-integration-legacy': {
|
|
|
- // title: t('slack_integration_legacy.slack_integration_legacy'),
|
|
|
- // component: <LegacySlackIntegration />,
|
|
|
- // },
|
|
|
- // users: {
|
|
|
- // title: t('user_management.user_management'),
|
|
|
- // component: <UserManagement />,
|
|
|
- // 'external-accounts': {
|
|
|
- // title: t('user_management.external_account'),
|
|
|
- // component: <ManageExternalAccount />,
|
|
|
- // },
|
|
|
- // },
|
|
|
- // 'user-groups': {
|
|
|
- // title: t('user_group_management.user_group_management'),
|
|
|
- // component: <UserGroupPage />,
|
|
|
- // },
|
|
|
- // 'user-group-detail': {
|
|
|
- // [userGroupId]: {
|
|
|
- // title: t('user_group_management.user_group_management'),
|
|
|
- // component: <UserGroupDetailPage userGroupId={userGroupId} />,
|
|
|
- // },
|
|
|
- // },
|
|
|
- // search: {
|
|
|
- // title: t('full_text_search_management.full_text_search_management'),
|
|
|
- // component: <ElasticsearchManagement />,
|
|
|
- // },
|
|
|
- // 'audit-log': {
|
|
|
- // title: t('audit_log_management.audit_log'),
|
|
|
- // component: <AuditLogManagement />,
|
|
|
- // },
|
|
|
- // };
|
|
|
-
|
|
|
- // const getTargetPageToRender = (pagesMap, keys): {title: string, component: JSX.Element} => {
|
|
|
- // return keys.reduce((pagesMap, key) => {
|
|
|
- // return pagesMap[key];
|
|
|
- // }, pagesMap);
|
|
|
- // };
|
|
|
-
|
|
|
- // const targetPage = getTargetPageToRender(adminPagesMap, pagePathKeys);
|
|
|
-
|
|
|
- useIsSearchPage(false);
|
|
|
- useCurrentUser(props.currentUser != null ? JSON.parse(props.currentUser) : null);
|
|
|
- useIsMailerSetup(props.isMailerSetup);
|
|
|
- useIsMaintenanceMode(props.isMaintenanceMode);
|
|
|
-
|
|
|
- // useSearchServiceConfigured(props.isSearchServiceConfigured);
|
|
|
- useIsSearchServiceReachable(props.isSearchServiceReachable);
|
|
|
-
|
|
|
- useIsAclEnabled(props.isAclEnabled);
|
|
|
- useSiteUrl(props.siteUrl);
|
|
|
-
|
|
|
- // useEnvVars(props.envVars);
|
|
|
-
|
|
|
- useAuditLogEnabled(props.auditLogEnabled);
|
|
|
- useAuditLogAvailableActions(props.auditLogAvailableActions);
|
|
|
-
|
|
|
- useCustomizeTitle(props.customizeTitle);
|
|
|
-
|
|
|
- const injectableContainers: Container<any>[] = [];
|
|
|
-
|
|
|
- if (isClient()) {
|
|
|
- // Create unstated container instances (except Security)
|
|
|
- // const adminAppContainer = new AdminAppContainer();
|
|
|
- // const adminImportContainer = new AdminImportContainer();
|
|
|
- // const adminHomeContainer = new AdminHomeContainer();
|
|
|
- // const adminCustomizeContainer = new AdminCustomizeContainer();
|
|
|
- // const adminUsersContainer = new AdminUsersContainer();
|
|
|
- const adminExternalAccountsContainer = new AdminExternalAccountsContainer();
|
|
|
- // const adminNotificationContainer = new AdminNotificationContainer();
|
|
|
- // const adminSlackIntegrationLegacyContainer = new AdminSlackIntegrationLegacyContainer();
|
|
|
- // const adminMarkDownContainer = new AdminMarkDownContainer();
|
|
|
-
|
|
|
- injectableContainers.push(
|
|
|
- // adminAppContainer,
|
|
|
- // adminImportContainer,
|
|
|
- // adminHomeContainer,
|
|
|
- // adminCustomizeContainer,
|
|
|
- // adminUsersContainer,
|
|
|
- adminExternalAccountsContainer,
|
|
|
- // adminNotificationContainer,
|
|
|
- // adminSlackIntegrationLegacyContainer,
|
|
|
- // adminMarkDownContainer,
|
|
|
- );
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- const adminSecurityContainers: Container<any>[] = [];
|
|
|
-
|
|
|
- // if (isClient()) {
|
|
|
- // const adminSecuritySettingElem = document.getElementById('admin-security-setting');
|
|
|
-
|
|
|
- // if (adminSecuritySettingElem != null) {
|
|
|
- // // Create unstated container instances (Security)
|
|
|
- // const adminGeneralSecurityContainer = new AdminGeneralSecurityContainer();
|
|
|
- // const adminLocalSecurityContainer = new AdminLocalSecurityContainer();
|
|
|
- // const adminLdapSecurityContainer = new AdminLdapSecurityContainer();
|
|
|
- // const adminSamlSecurityContainer = new AdminSamlSecurityContainer();
|
|
|
- // const adminOidcSecurityContainer = new AdminOidcSecurityContainer();
|
|
|
- // const adminBasicSecurityContainer = new AdminBasicSecurityContainer();
|
|
|
- // const adminGoogleSecurityContainer = new AdminGoogleSecurityContainer();
|
|
|
- // const adminGitHubSecurityContainer = new AdminGitHubSecurityContainer();
|
|
|
- // const adminTwitterSecurityContainer = new AdminTwitterSecurityContainer();
|
|
|
-
|
|
|
- // adminSecurityContainers.push(
|
|
|
- // adminGeneralSecurityContainer,
|
|
|
- // adminLocalSecurityContainer,
|
|
|
- // adminLdapSecurityContainer,
|
|
|
- // adminSamlSecurityContainer,
|
|
|
- // adminOidcSecurityContainer,
|
|
|
- // adminBasicSecurityContainer,
|
|
|
- // adminGoogleSecurityContainer,
|
|
|
- // adminGitHubSecurityContainer,
|
|
|
- // adminTwitterSecurityContainer,
|
|
|
- // );
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
-
|
|
|
- return (
|
|
|
- <Provider inject={[...injectableContainers, ...adminSecurityContainers]}>
|
|
|
- <AdminLayout title={useCustomTitle(props, props.title)} componentTitle={props.title} >
|
|
|
- {props.component}
|
|
|
- </AdminLayout>
|
|
|
- </Provider>
|
|
|
- );
|
|
|
-};
|
|
|
-
|
|
|
-export default AdminPage;
|