mirror of
https://github.com/scm-manager/scm-manager.git
synced 2025-10-31 10:35:56 +01:00
3c0ad46f07
Document titles represent the pages, for example in lists with bookmarks. They are important for navigation and orientation in websites. If the offer or the content of the page is not labeled, orientation is impaired. This changes the behavior for setting document titles. The functionality has been removed from the Page and Title components and is now represented by `useDocumentTitle` hook to better describe the content of inividual pages. Co-authored-by: Anna Vetcininova<anna.vetcininova@cloudogu.com>
120 lines
4.1 KiB
TypeScript
120 lines
4.1 KiB
TypeScript
/*
|
|
* Copyright (c) 2020 - present Cloudogu GmbH
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify it under
|
|
* the terms of the GNU Affero General Public License as published by the Free
|
|
* Software Foundation, version 3.
|
|
*
|
|
* This program is distributed in the hope that it will be useful, but WITHOUT
|
|
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
|
|
* FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
|
|
* details.
|
|
*
|
|
* You should have received a copy of the GNU Affero General Public License
|
|
* along with this program. If not, see https://www.gnu.org/licenses/.
|
|
*/
|
|
|
|
import React, { FC } from "react";
|
|
import { Route, Switch } from "react-router-dom";
|
|
import { useTranslation } from "react-i18next";
|
|
import { useIndex, useNamespaceStrategies, useRepositoryTypes } from "@scm-manager/ui-api";
|
|
import { Page, urls } from "@scm-manager/ui-components";
|
|
import { Notification, useDocumentTitle } from "@scm-manager/ui-core";
|
|
import { extensionPoints, useBinder } from "@scm-manager/ui-extensions";
|
|
import NamespaceAndNameFields from "../components/NamespaceAndNameFields";
|
|
import RepositoryInformationForm from "../components/RepositoryInformationForm";
|
|
import RepositoryFormSwitcher from "../components/form/RepositoryFormSwitcher";
|
|
import CreateRepository from "./CreateRepository";
|
|
import ImportRepository from "./ImportRepository";
|
|
|
|
type CreatorRouteProps = {
|
|
creator: extensionPoints.RepositoryCreatorExtension;
|
|
creators: extensionPoints.RepositoryCreatorExtension[];
|
|
};
|
|
|
|
const useCreateRepositoryData = () => {
|
|
const { isLoading: isLoadingNS, error: errorNS, data: namespaceStrategies } = useNamespaceStrategies();
|
|
const { isLoading: isLoadingRT, error: errorRT, data: repositoryTypes } = useRepositoryTypes();
|
|
const { isLoading: isLoadingIdx, error: errorIdx, data: index } = useIndex();
|
|
return {
|
|
isPageLoading: isLoadingNS || isLoadingRT || isLoadingIdx,
|
|
pageLoadingError: errorNS || errorRT || errorIdx || undefined,
|
|
namespaceStrategies,
|
|
repositoryTypes,
|
|
index,
|
|
};
|
|
};
|
|
|
|
const CreatorRoute: FC<CreatorRouteProps> = ({ creator, creators }) => {
|
|
const { isPageLoading, pageLoadingError, namespaceStrategies, repositoryTypes, index } = useCreateRepositoryData();
|
|
const [t] = useTranslation(["repos", "plugins"]);
|
|
useDocumentTitle(creator.subtitle);
|
|
|
|
const Component = creator.component;
|
|
|
|
return (
|
|
<Page
|
|
title={t("repos:create.title")}
|
|
subtitle={t(`plugins:${creator.subtitle}`, creator.subtitle)}
|
|
afterTitle={<RepositoryFormSwitcher forms={creators} />}
|
|
loading={isPageLoading}
|
|
error={pageLoadingError}
|
|
>
|
|
{namespaceStrategies &&
|
|
repositoryTypes &&
|
|
repositoryTypes?._embedded?.repositoryTypes &&
|
|
repositoryTypes._embedded.repositoryTypes.length > 0 &&
|
|
index ? (
|
|
<Component
|
|
namespaceStrategies={namespaceStrategies}
|
|
repositoryTypes={repositoryTypes}
|
|
index={index}
|
|
nameForm={NamespaceAndNameFields}
|
|
informationForm={RepositoryInformationForm}
|
|
/>
|
|
) : (
|
|
<Notification type="warning">{t("create.noTypes")}</Notification>
|
|
)}
|
|
</Page>
|
|
);
|
|
};
|
|
|
|
const CreateRepositoryRoot: FC = () => {
|
|
const [t] = useTranslation("repos");
|
|
const binder = useBinder();
|
|
|
|
const creators: extensionPoints.RepositoryCreatorExtension[] = [
|
|
{
|
|
subtitle: t("create.subtitle"),
|
|
path: "",
|
|
icon: "plus",
|
|
label: t("repositoryForm.createButton"),
|
|
component: CreateRepository,
|
|
},
|
|
{
|
|
subtitle: t("import.subtitle"),
|
|
path: "import",
|
|
icon: "file-upload",
|
|
label: t("repositoryForm.importButton"),
|
|
component: ImportRepository,
|
|
},
|
|
];
|
|
|
|
const extCreators = binder.getExtensions<extensionPoints.RepositoryCreator>("repos.creator");
|
|
if (extCreators) {
|
|
creators.push(...extCreators);
|
|
}
|
|
|
|
return (
|
|
<Switch>
|
|
{creators.map((creator) => (
|
|
<Route key={creator.path} exact path={urls.concat("/repos/create", creator.path)}>
|
|
<CreatorRoute creator={creator} creators={creators} />
|
|
</Route>
|
|
))}
|
|
</Switch>
|
|
);
|
|
};
|
|
|
|
export default CreateRepositoryRoot;
|