Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-11 16:05:44 +01:00
Code Issues Packages Projects Releases Activity

apply prettier, removed flow related config and added tsconfig

Browse Source
This commit is contained in:
Sebastian Sdorra
2019-10-20 18:02:52 +02:00
parent 0e017dcadd
commit 490418d06e
231 changed files with 5771 additions and 30386 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
scm-ui/ui-webapp/src/repos/components/EditRepoNavLink.test.tsx
View File

@@ -1,34 +1,34 @@
import React from 'react';
import { shallow, mount } from '@scm-manager/ui-tests/enzyme-router';
import '@scm-manager/ui-tests/enzyme';
import '@scm-manager/ui-tests/i18n';
import React from "react";
import { shallow, mount } from "@scm-manager/ui-tests/enzyme-router";
import "@scm-manager/ui-tests/enzyme";
import "@scm-manager/ui-tests/i18n";
import EditRepoNavLink from './EditRepoNavLink';
import EditRepoNavLink from "./EditRepoNavLink";
describe('GeneralNavLink', () => {
it('should render nothing, if the modify link is missing', () => {
describe("GeneralNavLink", () => {
it("should render nothing, if the modify link is missing", () => {
const repository = {
_links: {},
_links: {}
};
const navLink = shallow(
<EditRepoNavLink repository={repository} editUrl="" />,
<EditRepoNavLink repository={repository} editUrl="" />
);
expect(navLink.text()).toBe('');
expect(navLink.text()).toBe("");
});
it('should render the navLink', () => {
it("should render the navLink", () => {
const repository = {
_links: {
update: {
href: '/repositories',
},
},
href: "/repositories"
}
}
};
const navLink = mount(
<EditRepoNavLink repository={repository} editUrl="" />,
<EditRepoNavLink repository={repository} editUrl="" />
);
expect(navLink.text()).toBe('repositoryRoot.menu.generalNavLink');
expect(navLink.text()).toBe("repositoryRoot.menu.generalNavLink");
});
});

12
scm-ui/ui-webapp/src/repos/components/EditRepoNavLink.tsx
View File

@@ -1,7 +1,7 @@
import React from 'react';
import { Repository } from '@scm-manager/ui-types';
import { NavLink } from '@scm-manager/ui-components';
import { translate } from 'react-i18next';
import React from "react";
import { Repository } from "@scm-manager/ui-types";
import { NavLink } from "@scm-manager/ui-components";
import { translate } from "react-i18next";
type Props = {
repository: Repository;
@@ -21,9 +21,9 @@ class EditRepoNavLink extends React.Component<Props> {
return null;
}
return (
<NavLink to={editUrl} label={t('repositoryRoot.menu.generalNavLink')} />
<NavLink to={editUrl} label={t("repositoryRoot.menu.generalNavLink")} />
);
}
}
export default translate('repos')(EditRepoNavLink);
export default translate("repos")(EditRepoNavLink);

32
scm-ui/ui-webapp/src/repos/components/PermissionsNavLink.test.tsx
View File

@@ -1,33 +1,33 @@
import React from 'react';
import { mount, shallow } from '@scm-manager/ui-tests/enzyme-router';
import '@scm-manager/ui-tests/enzyme';
import '@scm-manager/ui-tests/i18n';
import PermissionsNavLink from './PermissionsNavLink';
import React from "react";
import { mount, shallow } from "@scm-manager/ui-tests/enzyme-router";
import "@scm-manager/ui-tests/enzyme";
import "@scm-manager/ui-tests/i18n";
import PermissionsNavLink from "./PermissionsNavLink";
describe('PermissionsNavLink', () => {
it('should render nothing, if the modify link is missing', () => {
describe("PermissionsNavLink", () => {
it("should render nothing, if the modify link is missing", () => {
const repository = {
_links: {},
_links: {}
};
const navLink = shallow(
<PermissionsNavLink repository={repository} permissionUrl="" />,
<PermissionsNavLink repository={repository} permissionUrl="" />
);
expect(navLink.text()).toBe('');
expect(navLink.text()).toBe("");
});
it('should render the navLink', () => {
it("should render the navLink", () => {
const repository = {
_links: {
permissions: {
href: '/permissions',
},
},
href: "/permissions"
}
}
};
const navLink = mount(
<PermissionsNavLink repository={repository} permissionUrl="" />,
<PermissionsNavLink repository={repository} permissionUrl="" />
);
expect(navLink.text()).toBe('repositoryRoot.menu.permissionsNavLink');
expect(navLink.text()).toBe("repositoryRoot.menu.permissionsNavLink");
});
});

12
scm-ui/ui-webapp/src/repos/components/PermissionsNavLink.tsx
View File

@@ -1,7 +1,7 @@
import React from 'react';
import { NavLink } from '@scm-manager/ui-components';
import { translate } from 'react-i18next';
import { Repository } from '@scm-manager/ui-types';
import React from "react";
import { NavLink } from "@scm-manager/ui-components";
import { translate } from "react-i18next";
import { Repository } from "@scm-manager/ui-types";
type Props = {
permissionUrl: string;
@@ -21,10 +21,10 @@ class PermissionsNavLink extends React.Component<Props> {
return (
<NavLink
to={permissionUrl}
label={t('repositoryRoot.menu.permissionsNavLink')}
label={t("repositoryRoot.menu.permissionsNavLink")}
/>
);
}
}
export default translate('repos')(PermissionsNavLink);
export default translate("repos")(PermissionsNavLink);

22
scm-ui/ui-webapp/src/repos/components/RepositoryDetailTable.tsx
View File

@@ -1,7 +1,7 @@
import React from 'react';
import { Repository } from '@scm-manager/ui-types';
import { MailLink, DateFromNow } from '@scm-manager/ui-components';
import { translate } from 'react-i18next';
import React from "react";
import { Repository } from "@scm-manager/ui-types";
import { MailLink, DateFromNow } from "@scm-manager/ui-components";
import { translate } from "react-i18next";
type Props = {
repository: Repository;
@@ -16,31 +16,31 @@ class RepositoryDetailTable extends React.Component<Props> {
<table className="table">
<tbody>
<tr>
<th>{t('repository.name')}</th>
<th>{t("repository.name")}</th>
<td>{repository.name}</td>
</tr>
<tr>
<th>{t('repository.type')}</th>
<th>{t("repository.type")}</th>
<td>{repository.type}</td>
</tr>
<tr>
<th>{t('repository.contact')}</th>
<th>{t("repository.contact")}</th>
<td>
<MailLink address={repository.contact} />
</td>
</tr>
<tr>
<th>{t('repository.description')}</th>
<th>{t("repository.description")}</th>
<td>{repository.description}</td>
</tr>
<tr>
<th>{t('repository.creationDate')}</th>
<th>{t("repository.creationDate")}</th>
<td>
<DateFromNow date={repository.creationDate} />
</td>
</tr>
<tr>
<th>{t('repository.lastModified')}</th>
<th>{t("repository.lastModified")}</th>
<td>
<DateFromNow date={repository.lastModified} />
</td>
@@ -51,4 +51,4 @@ class RepositoryDetailTable extends React.Component<Props> {
}
}
export default translate('repos')(RepositoryDetailTable);
export default translate("repos")(RepositoryDetailTable);

10
scm-ui/ui-webapp/src/repos/components/RepositoryDetails.tsx
View File

@@ -1,7 +1,7 @@
import React from 'react';
import { Repository } from '@scm-manager/ui-types';
import RepositoryDetailTable from './RepositoryDetailTable';
import { ExtensionPoint } from '@scm-manager/ui-extensions';
import React from "react";
import { Repository } from "@scm-manager/ui-types";
import RepositoryDetailTable from "./RepositoryDetailTable";
import { ExtensionPoint } from "@scm-manager/ui-extensions";
type Props = {
repository: Repository;
@@ -19,7 +19,7 @@ class RepositoryDetails extends React.Component<Props> {
name="repos.repository-details.information"
renderAll={true}
props={{
repository,
repository
}}
/>
</div>

42
scm-ui/ui-webapp/src/repos/components/RepositoryNavLink.test.tsx
View File

@@ -1,15 +1,15 @@
import React from 'react';
import { shallow, mount } from '@scm-manager/ui-tests/enzyme-router';
import '@scm-manager/ui-tests/i18n';
import RepositoryNavLink from './RepositoryNavLink';
import React from "react";
import { shallow, mount } from "@scm-manager/ui-tests/enzyme-router";
import "@scm-manager/ui-tests/i18n";
import RepositoryNavLink from "./RepositoryNavLink";
describe('RepositoryNavLink', () => {
it('should render nothing, if the sources link is missing', () => {
describe("RepositoryNavLink", () => {
it("should render nothing, if the sources link is missing", () => {
const repository = {
namespace: 'Namespace',
name: 'Repo',
type: 'GIT',
_links: {},
namespace: "Namespace",
name: "Repo",
type: "GIT",
_links: {}
};
const navLink = shallow(
@@ -19,21 +19,21 @@ describe('RepositoryNavLink', () => {
to="/sources"
label="Sources"
activeOnlyWhenExact={true}
/>,
/>
);
expect(navLink.text()).toBe('');
expect(navLink.text()).toBe("");
});
it('should render the navLink', () => {
it("should render the navLink", () => {
const repository = {
namespace: 'Namespace',
name: 'Repo',
type: 'GIT',
namespace: "Namespace",
name: "Repo",
type: "GIT",
_links: {
sources: {
href: '/sources',
},
},
href: "/sources"
}
}
};
const navLink = mount(
@@ -43,8 +43,8 @@ describe('RepositoryNavLink', () => {
to="/sources"
label="Sources"
activeOnlyWhenExact={true}
/>,
/>
);
expect(navLink.text()).toBe('Sources');
expect(navLink.text()).toBe("Sources");
});
});

6
scm-ui/ui-webapp/src/repos/components/RepositoryNavLink.tsx
View File

@@ -1,6 +1,6 @@
import React from 'react';
import { Repository } from '@scm-manager/ui-types';
import { NavLink } from '@scm-manager/ui-components';
import React from "react";
import { Repository } from "@scm-manager/ui-types";
import { NavLink } from "@scm-manager/ui-components";
type Props = {
repository: Repository;

36
scm-ui/ui-webapp/src/repos/components/changesets/ChangesetDetails.tsx
View File

@@ -1,9 +1,9 @@
import React from 'react';
import { Interpolate, translate } from 'react-i18next';
import classNames from 'classnames';
import styled from 'styled-components';
import { ExtensionPoint } from '@scm-manager/ui-extensions';
import { Changeset, Repository, Tag } from '@scm-manager/ui-types';
import React from "react";
import { Interpolate, translate } from "react-i18next";
import classNames from "classnames";
import styled from "styled-components";
import { ExtensionPoint } from "@scm-manager/ui-extensions";
import { Changeset, Repository, Tag } from "@scm-manager/ui-types";
import {
DateFromNow,
ChangesetId,
@@ -14,8 +14,8 @@ import {
AvatarImage,
changesets,
Level,
Button,
} from '@scm-manager/ui-components';
Button
} from "@scm-manager/ui-components";
type Props = {
changeset: Changeset;
@@ -47,7 +47,7 @@ class ChangesetDetails extends React.Component<Props, State> {
constructor(props: Props) {
super(props);
this.state = {
collapsed: false,
collapsed: false
};
}
@@ -63,13 +63,13 @@ class ChangesetDetails extends React.Component<Props, State> {
return (
<>
<div className={classNames('content', 'is-marginless')}>
<div className={classNames("content", "is-marginless")}>
<h4>
<ExtensionPoint
name="changeset.description"
props={{
changeset,
value: description.title,
value: description.title
}}
renderAll={false}
>
@@ -78,7 +78,7 @@ class ChangesetDetails extends React.Component<Props, State> {
</h4>
<article className="media">
<AvatarWrapper>
<RightMarginP className={classNames('image', 'is-64x64')}>
<RightMarginP className={classNames("image", "is-64x64")}>
<AvatarImage person={changeset.author} />
</RightMarginP>
</AvatarWrapper>
@@ -94,14 +94,14 @@ class ChangesetDetails extends React.Component<Props, State> {
</article>
<p>
{description.message.split('\n').map((item, key) => {
{description.message.split("\n").map((item, key) => {
return (
<span key={key}>
<ExtensionPoint
name="changeset.description"
props={{
changeset,
value: item,
value: item
}}
renderAll={false}
>
@@ -119,8 +119,8 @@ class ChangesetDetails extends React.Component<Props, State> {
<Button
action={this.collapseDiffs}
color="default"
icon={collapsed ? 'eye' : 'eye-slash'}
label={t('changesets.collapseDiffs')}
icon={collapsed ? "eye" : "eye-slash"}
label={t("changesets.collapseDiffs")}
reducedMobile={true}
/>
}
@@ -151,9 +151,9 @@ class ChangesetDetails extends React.Component<Props, State> {
collapseDiffs = () => {
this.setState(state => ({
collapsed: !state.collapsed,
collapsed: !state.collapsed
}));
};
}
export default translate('repos')(ChangesetDetails);
export default translate("repos")(ChangesetDetails);

100
scm-ui/ui-webapp/src/repos/components/form/RepositoryForm.tsx
View File

@@ -1,15 +1,15 @@
import React from 'react';
import { translate } from 'react-i18next';
import React from "react";
import { translate } from "react-i18next";
import {
Subtitle,
InputField,
Select,
SubmitButton,
Textarea,
} from '@scm-manager/ui-components';
import { ExtensionPoint } from '@scm-manager/ui-extensions';
import { Repository, RepositoryType } from '@scm-manager/ui-types';
import * as validator from './repositoryValidation';
Textarea
} from "@scm-manager/ui-components";
import { ExtensionPoint } from "@scm-manager/ui-extensions";
import { Repository, RepositoryType } from "@scm-manager/ui-types";
import * as validator from "./repositoryValidation";
type Props = {
submitForm: (p: Repository) => void;
@@ -27,7 +27,7 @@ type State = {
contactValidationError: boolean;
};
const CUSTOM_NAMESPACE_STRATEGY = 'CustomNamespaceStrategy';
const CUSTOM_NAMESPACE_STRATEGY = "CustomNamespaceStrategy";
class RepositoryForm extends React.Component<Props, State> {
constructor(props: Props) {
@@ -35,16 +35,16 @@ class RepositoryForm extends React.Component<Props, State> {
this.state = {
repository: {
name: '',
namespace: '',
type: '',
contact: '',
description: '',
_links: {},
name: "",
namespace: "",
type: "",
contact: "",
description: "",
_links: {}
},
namespaceValidationError: false,
nameValidationError: false,
contactValidationError: false,
contactValidationError: false
};
}
@@ -53,8 +53,8 @@ class RepositoryForm extends React.Component<Props, State> {
if (repository) {
this.setState({
repository: {
...repository,
},
...repository
}
});
}
}
@@ -104,14 +104,14 @@ class RepositoryForm extends React.Component<Props, State> {
<SubmitButton
disabled={!this.isValid()}
loading={loading}
label={t('repositoryForm.submit')}
label={t("repositoryForm.submit")}
/>
);
let subtitle = null;
if (this.props.repository) {
// edit existing repo
subtitle = <Subtitle subtitle={t('repositoryForm.subtitle')} />;
subtitle = <Subtitle subtitle={t("repositoryForm.subtitle")} />;
}
return (
@@ -120,20 +120,20 @@ class RepositoryForm extends React.Component<Props, State> {
<form onSubmit={this.submit}>
{this.renderCreateOnlyFields()}
<InputField
label={t('repository.contact')}
label={t("repository.contact")}
onChange={this.handleContactChange}
value={repository ? repository.contact : ''}
value={repository ? repository.contact : ""}
validationError={this.state.contactValidationError}
errorMessage={t('validation.contact-invalid')}
helpText={t('help.contactHelpText')}
errorMessage={t("validation.contact-invalid")}
helpText={t("help.contactHelpText")}
disabled={disabled}
/>
<Textarea
label={t('repository.description')}
label={t("repository.description")}
onChange={this.handleDescriptionChange}
value={repository ? repository.description : ''}
helpText={t('help.descriptionHelpText')}
value={repository ? repository.description : ""}
helpText={t("help.descriptionHelpText")}
disabled={disabled}
/>
{submitButton}
@@ -146,7 +146,7 @@ class RepositoryForm extends React.Component<Props, State> {
return repositoryTypes.map(repositoryType => {
return {
label: repositoryType.displayName,
value: repositoryType.name,
value: repositoryType.name
};
});
}
@@ -155,12 +155,12 @@ class RepositoryForm extends React.Component<Props, State> {
const { namespaceStrategy, t } = this.props;
const repository = this.state.repository;
const props = {
label: t('repository.namespace'),
helpText: t('help.namespaceHelpText'),
value: repository ? repository.namespace : '',
label: t("repository.namespace"),
helpText: t("help.namespaceHelpText"),
value: repository ? repository.namespace : "",
onChange: this.handleNamespaceChange,
errorMessage: t('validation.namespace-invalid'),
validationError: this.state.namespaceValidationError,
errorMessage: t("validation.namespace-invalid"),
validationError: this.state.namespaceValidationError
};
if (namespaceStrategy === CUSTOM_NAMESPACE_STRATEGY) {
@@ -186,19 +186,19 @@ class RepositoryForm extends React.Component<Props, State> {
<>
{this.renderNamespaceField()}
<InputField
label={t('repository.name')}
label={t("repository.name")}
onChange={this.handleNameChange}
value={repository ? repository.name : ''}
value={repository ? repository.name : ""}
validationError={this.state.nameValidationError}
errorMessage={t('validation.name-invalid')}
helpText={t('help.nameHelpText')}
errorMessage={t("validation.name-invalid")}
helpText={t("help.nameHelpText")}
/>
<Select
label={t('repository.type')}
label={t("repository.type")}
onChange={this.handleTypeChange}
value={repository ? repository.type : ''}
value={repository ? repository.type : ""}
options={this.createSelectOptions(repositoryTypes)}
helpText={t('help.typeHelpText')}
helpText={t("help.typeHelpText")}
/>
</>
);
@@ -209,8 +209,8 @@ class RepositoryForm extends React.Component<Props, State> {
namespaceValidationError: !validator.isNameValid(namespace),
repository: {
...this.state.repository,
namespace,
},
namespace
}
});
};
@@ -219,8 +219,8 @@ class RepositoryForm extends React.Component<Props, State> {
nameValidationError: !validator.isNameValid(name),
repository: {
...this.state.repository,
name,
},
name
}
});
};
@@ -228,8 +228,8 @@ class RepositoryForm extends React.Component<Props, State> {
this.setState({
repository: {
...this.state.repository,
type,
},
type
}
});
};
@@ -238,8 +238,8 @@ class RepositoryForm extends React.Component<Props, State> {
contactValidationError: !validator.isContactValid(contact),
repository: {
...this.state.repository,
contact,
},
contact
}
});
};
@@ -247,10 +247,10 @@ class RepositoryForm extends React.Component<Props, State> {
this.setState({
repository: {
...this.state.repository,
description,
},
description
}
});
};
}
export default translate('repos')(RepositoryForm);
export default translate("repos")(RepositoryForm);

2
scm-ui/ui-webapp/src/repos/components/form/index.ts
View File

@@ -1,2 +1,2 @@
import RepositoryForm from './RepositoryForm';
import RepositoryForm from "./RepositoryForm";
export default RepositoryForm;

150
scm-ui/ui-webapp/src/repos/components/form/repositoryValidation.test.ts
View File

@@ -1,104 +1,104 @@
import * as validator from './repositoryValidation';
import * as validator from "./repositoryValidation";
describe('repository name validation', () => {
describe("repository name validation", () => {
// we don't need rich tests, because they are in validation.test.js
it('should validate the name', () => {
expect(validator.isNameValid('scm-manager')).toBe(true);
it("should validate the name", () => {
expect(validator.isNameValid("scm-manager")).toBe(true);
});
it('should fail for old nested repository names', () => {
it("should fail for old nested repository names", () => {
// in v2 this is not allowed
expect(validator.isNameValid('scm/manager')).toBe(false);
expect(validator.isNameValid('scm/ma/nager')).toBe(false);
expect(validator.isNameValid("scm/manager")).toBe(false);
expect(validator.isNameValid("scm/ma/nager")).toBe(false);
});
it('should allow same names as the backend', () => {
it("should allow same names as the backend", () => {
const validPaths = [
'scm',
's',
'sc',
'.hiddenrepo',
'b.',
'...',
'..c',
'd..',
'a..c',
"scm",
"s",
"sc",
".hiddenrepo",
"b.",
"...",
"..c",
"d..",
"a..c"
];
validPaths.forEach(path => expect(validator.isNameValid(path)).toBe(true));
});
it('should deny same names as the backend', () => {
it("should deny same names as the backend", () => {
const invalidPaths = [
'.',
'/',
'//',
'..',
'/.',
'/..',
'./',
'../',
'/../',
'/./',
'/...',
'/abc',
'.../',
'/sdf/',
'asdf/',
'./b',
'scm/plugins/.',
'scm/../plugins',
'scm/main/',
'/scm/main/',
'scm/./main',
'scm//main',
'scm\\main',
'scm/main-$HOME',
'scm/main-${HOME}-home',
'scm/main-%HOME-home',
'scm/main-%HOME%-home',
'abc$abc',
'abc%abc',
'abc<abc',
'abc>abc',
'abc#abc',
'abc+abc',
'abc{abc',
'abc}abc',
'abc(abc',
'abc)abc',
'abc[abc',
'abc]abc',
'abc|abc',
'scm/main',
'scm/plugins/git-plugin',
'.scm/plugins',
'a/b..',
'a/..b',
'scm/main',
'scm/plugins/git-plugin',
'scm/plugins/git-plugin',
".",
"/",
"//",
"..",
"/.",
"/..",
"./",
"../",
"/../",
"/./",
"/...",
"/abc",
".../",
"/sdf/",
"asdf/",
"./b",
"scm/plugins/.",
"scm/../plugins",
"scm/main/",
"/scm/main/",
"scm/./main",
"scm//main",
"scm\\main",
"scm/main-$HOME",
"scm/main-${HOME}-home",
"scm/main-%HOME-home",
"scm/main-%HOME%-home",
"abc$abc",
"abc%abc",
"abc<abc",
"abc>abc",
"abc#abc",
"abc+abc",
"abc{abc",
"abc}abc",
"abc(abc",
"abc)abc",
"abc[abc",
"abc]abc",
"abc|abc",
"scm/main",
"scm/plugins/git-plugin",
".scm/plugins",
"a/b..",
"a/..b",
"scm/main",
"scm/plugins/git-plugin",
"scm/plugins/git-plugin"
];
invalidPaths.forEach(path =>
expect(validator.isNameValid(path)).toBe(false),
expect(validator.isNameValid(path)).toBe(false)
);
});
});
describe('repository contact validation', () => {
it('should allow empty contact', () => {
expect(validator.isContactValid('')).toBe(true);
describe("repository contact validation", () => {
it("should allow empty contact", () => {
expect(validator.isContactValid("")).toBe(true);
});
// we don't need rich tests, because they are in validation.test.js
it('should allow real mail addresses', () => {
expect(validator.isContactValid('trici.mcmillian@hitchhiker.com')).toBe(
true,
it("should allow real mail addresses", () => {
expect(validator.isContactValid("trici.mcmillian@hitchhiker.com")).toBe(
true
);
});
it('should fail on invalid mail addresses', () => {
expect(validator.isContactValid('tricia')).toBe(false);
it("should fail on invalid mail addresses", () => {
expect(validator.isContactValid("tricia")).toBe(false);
});
});

4
scm-ui/ui-webapp/src/repos/components/form/repositoryValidation.ts
View File

@@ -1,4 +1,4 @@
import { validation } from '@scm-manager/ui-components';
import { validation } from "@scm-manager/ui-components";
const nameRegex = /(?!^\.\.$)(?!^\.$)(?!.*[\\\[\]])^[A-Za-z0-9\.][A-Za-z0-9\.\-_]*$/;
@@ -7,5 +7,5 @@ export const isNameValid = (name: string) => {
};
export function isContactValid(mail: string) {
return '' === mail || validation.isMailValid(mail);
return "" === mail || validation.isMailValid(mail);
}

10
scm-ui/ui-webapp/src/repos/components/list/RepositoryAvatar.tsx
View File

@@ -1,7 +1,7 @@
import React from 'react';
import { ExtensionPoint } from '@scm-manager/ui-extensions';
import { Repository } from '@scm-manager/ui-types';
import { Image } from '@scm-manager/ui-components';
import React from "react";
import { ExtensionPoint } from "@scm-manager/ui-extensions";
import { Repository } from "@scm-manager/ui-types";
import { Image } from "@scm-manager/ui-components";
type Props = {
repository: Repository;
@@ -15,7 +15,7 @@ class RepositoryAvatar extends React.Component<Props> {
<ExtensionPoint
name="repos.repository-avatar"
props={{
repository,
repository
}}
>
<Image src="/images/blib.jpg" alt="Logo" />

26
scm-ui/ui-webapp/src/repos/components/list/RepositoryEntry.tsx
View File

@@ -1,8 +1,8 @@
import React from 'react';
import { Repository } from '@scm-manager/ui-types';
import { CardColumn, DateFromNow } from '@scm-manager/ui-components';
import RepositoryEntryLink from './RepositoryEntryLink';
import RepositoryAvatar from './RepositoryAvatar';
import React from "react";
import { Repository } from "@scm-manager/ui-types";
import { CardColumn, DateFromNow } from "@scm-manager/ui-components";
import RepositoryEntryLink from "./RepositoryEntryLink";
import RepositoryAvatar from "./RepositoryAvatar";
type Props = {
repository: Repository;
@@ -14,11 +14,11 @@ class RepositoryEntry extends React.Component<Props> {
};
renderBranchesLink = (repository: Repository, repositoryLink: string) => {
if (repository._links['branches']) {
if (repository._links["branches"]) {
return (
<RepositoryEntryLink
icon="code-branch"
to={repositoryLink + '/branches'}
to={repositoryLink + "/branches"}
/>
);
}
@@ -26,11 +26,11 @@ class RepositoryEntry extends React.Component<Props> {
};
renderChangesetsLink = (repository: Repository, repositoryLink: string) => {
if (repository._links['changesets']) {
if (repository._links["changesets"]) {
return (
<RepositoryEntryLink
icon="exchange-alt"
to={repositoryLink + '/changesets'}
to={repositoryLink + "/changesets"}
/>
);
}
@@ -38,20 +38,20 @@ class RepositoryEntry extends React.Component<Props> {
};
renderSourcesLink = (repository: Repository, repositoryLink: string) => {
if (repository._links['sources']) {
if (repository._links["sources"]) {
return (
<RepositoryEntryLink icon="code" to={repositoryLink + '/sources'} />
<RepositoryEntryLink icon="code" to={repositoryLink + "/sources"} />
);
}
return null;
};
renderModifyLink = (repository: Repository, repositoryLink: string) => {
if (repository._links['update']) {
if (repository._links["update"]) {
return (
<RepositoryEntryLink
icon="cog"
to={repositoryLink + '/settings/general'}
to={repositoryLink + "/settings/general"}
/>
);
}

8
scm-ui/ui-webapp/src/repos/components/list/RepositoryEntryLink.tsx
View File

@@ -1,7 +1,7 @@
import React from 'react';
import { Link } from 'react-router-dom';
import styled from 'styled-components';
import { Icon } from '@scm-manager/ui-components';
import React from "react";
import { Link } from "react-router-dom";
import styled from "styled-components";
import { Icon } from "@scm-manager/ui-components";
type Props = {
to: string;

8
scm-ui/ui-webapp/src/repos/components/list/RepositoryGroupEntry.tsx
View File

@@ -1,7 +1,7 @@
import React from 'react';
import { CardColumnGroup } from '@scm-manager/ui-components';
import { RepositoryGroup } from '@scm-manager/ui-types';
import RepositoryEntry from './RepositoryEntry';
import React from "react";
import { CardColumnGroup } from "@scm-manager/ui-components";
import { RepositoryGroup } from "@scm-manager/ui-types";
import RepositoryEntry from "./RepositoryEntry";
type Props = {
group: RepositoryGroup;

8
scm-ui/ui-webapp/src/repos/components/list/RepositoryList.tsx
View File

@@ -1,9 +1,9 @@
import React from 'react';
import React from "react";
import { Repository } from '@scm-manager/ui-types';
import { Repository } from "@scm-manager/ui-types";
import groupByNamespace from './groupByNamespace';
import RepositoryGroupEntry from './RepositoryGroupEntry';
import groupByNamespace from "./groupByNamespace";
import RepositoryGroupEntry from "./RepositoryGroupEntry";
type Props = {
repositories: Repository[];

50
scm-ui/ui-webapp/src/repos/components/list/groupByNamespace.test.ts
View File

@@ -1,72 +1,72 @@
import groupByNamespace from './groupByNamespace';
import groupByNamespace from "./groupByNamespace";
const base = {
type: 'git',
_links: {},
type: "git",
_links: {}
};
const slartiBlueprintsFjords = {
...base,
namespace: 'slarti',
name: 'fjords-blueprints',
namespace: "slarti",
name: "fjords-blueprints"
};
const slartiFjords = {
...base,
namespace: 'slarti',
name: 'fjords',
namespace: "slarti",
name: "fjords"
};
const hitchhikerRestand = {
...base,
namespace: 'hitchhiker',
name: 'restand',
namespace: "hitchhiker",
name: "restand"
};
const hitchhikerPuzzle42 = {
...base,
namespace: 'hitchhiker',
name: 'puzzle42',
namespace: "hitchhiker",
name: "puzzle42"
};
const hitchhikerHeartOfGold = {
...base,
namespace: 'hitchhiker',
name: 'heartOfGold',
namespace: "hitchhiker",
name: "heartOfGold"
};
const zaphodMarvinFirmware = {
...base,
namespace: 'zaphod',
name: 'marvin-firmware',
namespace: "zaphod",
name: "marvin-firmware"
};
it('should group the repositories by their namespace', () => {
it("should group the repositories by their namespace", () => {
const repositories = [
zaphodMarvinFirmware,
slartiBlueprintsFjords,
hitchhikerRestand,
slartiFjords,
hitchhikerHeartOfGold,
hitchhikerPuzzle42,
hitchhikerPuzzle42
];
const expected = [
{
name: 'hitchhiker',
name: "hitchhiker",
repositories: [
hitchhikerHeartOfGold,
hitchhikerPuzzle42,
hitchhikerRestand,
],
hitchhikerRestand
]
},
{
name: 'slarti',
repositories: [slartiFjords, slartiBlueprintsFjords],
name: "slarti",
repositories: [slartiFjords, slartiBlueprintsFjords]
},
{
name: 'zaphod',
repositories: [zaphodMarvinFirmware],
},
name: "zaphod",
repositories: [zaphodMarvinFirmware]
}
];
expect(groupByNamespace(repositories)).toEqual(expected);

6
scm-ui/ui-webapp/src/repos/components/list/groupByNamespace.ts
View File

@@ -1,7 +1,7 @@
import { Repository, RepositoryGroup } from '@scm-manager/ui-types';
import { Repository, RepositoryGroup } from "@scm-manager/ui-types";
export default function groupByNamespace(
repositories: Repository[],
repositories: Repository[]
): RepositoryGroup[] {
let groups = {};
for (let repository of repositories) {
@@ -11,7 +11,7 @@ export default function groupByNamespace(
if (!group) {
group = {
name: groupName,
repositories: [],
repositories: []
};
groups[groupName] = group;
}

2
scm-ui/ui-webapp/src/repos/components/list/index.ts
View File

@@ -1,2 +1,2 @@
import RepositoryList from './RepositoryList';
import RepositoryList from "./RepositoryList";
export default RepositoryList;