+++ /dev/null
-### Community Edition
-
-Comes with support for 9 programming languages, numerous plugins, integration with DevOps tool chains, and ability to connect to SonarLint in the IDE.
-### Data Center Edition
+###  Data Center Edition
-Enterprise Edition + component redundancy and data integrity
+Support for High-Availability. Allow every node of SonarQube to be redundant, in order to keep the service up at all times without worrying about downtime or interruption.
-### Developer Edition
+###  Developer Edition
+
+* Branch and Pull Requests analysis
+* Analysis of additional languages: C/C++, Objective-C, PL/SQL, ABAP , VB.NET, TSQL , Swift
+* Detection of security vulnerabilities
+* SonarLint notifications
-Community Edition + branch analysis, SonarLint push notifications, and 16 languages.
-### Enterprise Edition
+###  Enterprise Edition
+
+* Portfolio management
+* Executive reporting
+* Analysis of additional languages: COBOL, PL/I, RPG & VB6
+* Parallel processing of analysis reports
-Developer Edition + portfolio management, executive reporting, parallel processing of analysis reports and 20 languages.
};
render() {
- const { currentEdition, standaloneMode, pendingPlugins } = this.props;
+ const { currentEdition = 'community', standaloneMode, pendingPlugins } = this.props;
const { loadingPlugins, plugins } = this.state;
const query = parseQuery(this.props.location.query);
const filteredPlugins = query.search ? filterPlugins(plugins, query.search) : plugins;
<div className="page page-limited" id="marketplace-page">
<Suggestions suggestions="marketplace" />
<Helmet title={translate('marketplace.page')} />
- <Header />
+ <Header currentEdition={currentEdition} />
<EditionBoxes currentEdition={currentEdition} />
+ <header className="page-header">
+ <h1 className="page-title">{translate('marketplace.page.open_source_plugins')}</h1>
+ </header>
<Search
query={query}
updateCenterActive={this.props.updateCenterActive}
import { getFormData } from '../../api/marketplace';
export interface Props {
- currentEdition?: string;
+ currentEdition: string;
}
interface State {
render() {
const { currentEdition } = this.props;
const { serverId, ncloc } = this.state;
+ const currentEditionIdx = EDITIONS.findIndex(edition => edition.key === currentEdition);
+ const visibleEditions = EDITIONS.slice(currentEditionIdx + 1);
+
+ if (visibleEditions.length <= 0) {
+ return null;
+ }
+
return (
<div className="spacer-bottom marketplace-editions">
- {EDITIONS.map(edition => (
+ {visibleEditions.map(edition => (
<EditionBox
- currentEdition={currentEdition || 'community'}
+ currentEdition={currentEdition}
edition={edition}
key={edition.key}
ncloc={ncloc}
import * as React from 'react';
import { translate } from '../../helpers/l10n';
-export default function Header() {
+interface Props {
+ currentEdition: string;
+}
+
+export default function Header({ currentEdition }: Props) {
return (
- <header id="marketplace-header" className="page-header">
+ <header className="page-header" id="marketplace-header">
<h1 className="page-title">{translate('marketplace.page')}</h1>
- <p className="page-description">{translate('marketplace.page.description')}</p>
+ <h3 className="page-description">
+ {translate('marketplace.page.you_are_running', currentEdition)}
+ </h3>
+ <p className="page-description">
+ {currentEdition === 'datacenter'
+ ? translate('marketplace.page.description_best_edition')
+ : translate('marketplace.page.description')}
+ </p>
</header>
);
}
jest.mock('../utils', () => ({
EDITIONS: [
- { key: 'comunity', homeUrl: 'more_url' },
- { key: 'developer', downloadUrl: 'download_url', homeUrl: 'more_url' }
+ { key: 'community', name: 'Community Edition', homeUrl: 'more_url' },
+ {
+ key: 'developer',
+ name: 'Developer Edition',
+ homeUrl: 'more_url'
+ },
+ {
+ key: 'enterprise',
+ name: 'Enterprise Edition',
+ homeUrl: 'more_url'
+ },
+ {
+ key: 'datacenter',
+ name: 'Data Center Edition',
+ homeUrl: 'more_url'
+ }
]
}));
-it('should display the edition boxes correctly', () => {
+it('should display the available edition boxes correctly', () => {
expect(getWrapper()).toMatchSnapshot();
});
-it('should display the developer edition as installed', () => {
+it('should display the enterprise and datacenter edition boxes', () => {
expect(getWrapper({ currentEdition: 'developer' })).toMatchSnapshot();
});
+it('should display the datacenter edition box only', () => {
+ expect(getWrapper({ currentEdition: 'enterprise' })).toMatchSnapshot();
+});
+
+it('should not display any edition box', () => {
+ expect(getWrapper({ currentEdition: 'datacenter' }).type()).toBeNull();
+});
+
function getWrapper(props = {}) {
- return shallow(<EditionBoxes currentEdition={undefined} {...props} />);
+ return shallow(<EditionBoxes currentEdition={'community'} {...props} />);
}
--- /dev/null
+/*
+ * SonarQube
+ * Copyright (C) 2009-2018 SonarSource SA
+ * mailto:info AT sonarsource DOT com
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU Lesser General Public
+ * License as published by the Free Software Foundation; either
+ * version 3 of the License, or (at your option) any later version.
+ *
+ * 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
+ * Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+import * as React from 'react';
+import { shallow } from 'enzyme';
+import Header from '../Header';
+
+it('should render with installed editions', () => {
+ expect(shallow(<Header currentEdition="community" />)).toMatchSnapshot();
+ expect(shallow(<Header currentEdition="datacenter" />)).toMatchSnapshot();
+});
// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`should display the developer edition as installed 1`] = `
+exports[`should display the available edition boxes correctly 1`] = `
<div
className="spacer-bottom marketplace-editions"
>
<EditionBox
- currentEdition="developer"
+ currentEdition="community"
edition={
Object {
"homeUrl": "more_url",
- "key": "comunity",
+ "key": "developer",
+ "name": "Developer Edition",
}
}
- key="comunity"
+ key="developer"
/>
<EditionBox
- currentEdition="developer"
+ currentEdition="community"
edition={
Object {
- "downloadUrl": "download_url",
"homeUrl": "more_url",
- "key": "developer",
+ "key": "enterprise",
+ "name": "Enterprise Edition",
}
}
- key="developer"
+ key="enterprise"
+ />
+ <EditionBox
+ currentEdition="community"
+ edition={
+ Object {
+ "homeUrl": "more_url",
+ "key": "datacenter",
+ "name": "Data Center Edition",
+ }
+ }
+ key="datacenter"
/>
</div>
`;
-exports[`should display the edition boxes correctly 1`] = `
+exports[`should display the datacenter edition box only 1`] = `
<div
className="spacer-bottom marketplace-editions"
>
<EditionBox
- currentEdition="community"
+ currentEdition="enterprise"
edition={
Object {
"homeUrl": "more_url",
- "key": "comunity",
+ "key": "datacenter",
+ "name": "Data Center Edition",
}
}
- key="comunity"
+ key="datacenter"
/>
+</div>
+`;
+
+exports[`should display the enterprise and datacenter edition boxes 1`] = `
+<div
+ className="spacer-bottom marketplace-editions"
+>
<EditionBox
- currentEdition="community"
+ currentEdition="developer"
edition={
Object {
- "downloadUrl": "download_url",
"homeUrl": "more_url",
- "key": "developer",
+ "key": "enterprise",
+ "name": "Enterprise Edition",
}
}
- key="developer"
+ key="enterprise"
+ />
+ <EditionBox
+ currentEdition="developer"
+ edition={
+ Object {
+ "homeUrl": "more_url",
+ "key": "datacenter",
+ "name": "Data Center Edition",
+ }
+ }
+ key="datacenter"
/>
</div>
`;
--- /dev/null
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should render with installed editions 1`] = `
+<header
+ className="page-header"
+ id="marketplace-header"
+>
+ <h1
+ className="page-title"
+ >
+ marketplace.page
+ </h1>
+ <h3
+ className="page-description"
+ >
+ marketplace.page.you_are_running.community
+ </h3>
+ <p
+ className="page-description"
+ >
+ marketplace.page.description
+ </p>
+</header>
+`;
+
+exports[`should render with installed editions 2`] = `
+<header
+ className="page-header"
+ id="marketplace-header"
+>
+ <h1
+ className="page-title"
+ >
+ marketplace.page
+ </h1>
+ <h3
+ className="page-description"
+ >
+ marketplace.page.you_are_running.datacenter
+ </h3>
+ <p
+ className="page-description"
+ >
+ marketplace.page.description_best_edition
+ </p>
+</header>
+`;
* Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/
import * as React from 'react';
-import CheckIcon from '../../../components/icons-components/CheckIcon';
-import { translate } from '../../../helpers/l10n';
-import DocInclude from '../../../components/docs/DocInclude';
import { Edition, getEditionUrl } from '../utils';
+import DocInclude from '../../../components/docs/DocInclude';
+import { translate } from '../../../helpers/l10n';
interface Props {
currentEdition: string;
serverId?: string;
}
-export default function EditionBox({ currentEdition, edition, ncloc, serverId }: Props) {
- const isInstalled = currentEdition === edition.key;
- const url = getEditionUrl(edition, { ncloc, serverId, sourceEdition: currentEdition });
+export default function EditionBox({ edition, ncloc, serverId, currentEdition }: Props) {
return (
<div className="boxed-group boxed-group-inner marketplace-edition">
- {isInstalled && (
- <span className="marketplace-edition-badge badge badge-normal-size display-flex-center">
- <CheckIcon className="little-spacer-right" size={14} />
- {translate('marketplace.installed')}
- </span>
- )}
- <div>
- <DocInclude path={'/tooltips/editions/' + edition.key} />
- </div>
+ <DocInclude path={'/tooltips/editions/' + edition.key} />
<div className="marketplace-edition-action spacer-top">
- <a href={url} target="_blank">
- {translate('marketplace.learn_more')}
+ <a
+ href={getEditionUrl(edition, { ncloc, serverId, sourceEdition: currentEdition })}
+ rel="noopener noreferrer"
+ target="_blank">
+ {translate('marketplace.ask_for_information')}
</a>
</div>
</div>
};
it('should display the edition', () => {
- expect(getWrapper({ ncloc: 1000, serverId: 'serverId' })).toMatchSnapshot();
+ expect(
+ shallow(
+ <EditionBox
+ currentEdition="community"
+ edition={DEFAULT_EDITION}
+ ncloc={1000}
+ serverId="serverId"
+ />
+ )
+ ).toMatchSnapshot();
});
-
-it('should show insalled badge', () => {
- expect(getWrapper({ currentEdition: 'foo' })).toMatchSnapshot();
-});
-
-function getWrapper(props = {}) {
- return shallow(<EditionBox currentEdition="community" edition={DEFAULT_EDITION} {...props} />);
-}
<div
className="boxed-group boxed-group-inner marketplace-edition"
>
- <div>
- <DocInclude
- path="/tooltips/editions/foo"
- />
- </div>
+ <DocInclude
+ path="/tooltips/editions/foo"
+ />
<div
className="marketplace-edition-action spacer-top"
>
<a
href="more_url?ncloc=1000&serverId=serverId&sourceEdition=community"
+ rel="noopener noreferrer"
target="_blank"
>
- marketplace.learn_more
- </a>
- </div>
-</div>
-`;
-
-exports[`should show insalled badge 1`] = `
-<div
- className="boxed-group boxed-group-inner marketplace-edition"
->
- <span
- className="marketplace-edition-badge badge badge-normal-size display-flex-center"
- >
- <CheckIcon
- className="little-spacer-right"
- size={14}
- />
- marketplace.installed
- </span>
- <div>
- <DocInclude
- path="/tooltips/editions/foo"
- />
- </div>
- <div
- className="marketplace-edition-action spacer-top"
- >
- <a
- href="more_url?sourceEdition=foo"
- target="_blank"
- >
- marketplace.learn_more
+ marketplace.ask_for_information
</a>
</div>
</div>
.marketplace-editions {
display: flex;
flex-direction: row;
- justify-content: space-between;
margin-left: -8px;
margin-right: -8px;
}
justify-content: space-between;
margin-left: 8px;
margin-right: 8px;
+ max-width: 50%;
+}
+
+.marketplace-edition .markdown img {
+ width: 16px;
}
.marketplace-edition .markdown h3 {
export function getEditionUrl(
edition: Edition,
- data: { serverId?: string; ncloc?: number; sourceEdition: string }
+ data: { serverId?: string; ncloc?: number; sourceEdition?: string }
) {
let url = edition.homeUrl;
const query = stringify(omitNil(data));
with=With
worst=Worst
yes=Yes
+no=No
#
#------------------------------------------------------------------------------
marketplace.page=Marketplace
-marketplace.page.description=Discover and install new features
+marketplace.page.description=Discover more features with the SonarSource Editions:
+marketplace.page.description_best_edition=This Edition gives you access to all features of the SonarQube-SonarLint ecosystem, including all SonarSource code analyzers !
+marketplace.page.you_are_running.community=You are currently running a Community Edition.
+marketplace.page.you_are_running.developer=You are currently running a Developer Edition.
+marketplace.page.you_are_running.enterprise=You are currently running an Enterprise Edition.
+marketplace.page.you_are_running.datacenter=You are currently running a Data Center Edition.
+marketplace.page.open_source_plugins=Community plugins
marketplace.instance_needs_to_be_restarted_to={instance} needs to be restarted in order to
marketplace.install_x_plugins=install {nb} plugins
marketplace.update_x_plugins=update {nb} plugins
marketplace._installed=installed
marketplace.available_under_commercial_license=Available under our commercial editions
marketplace.learn_more=Learn more
+marketplace.ask_for_information=Ask for more information
marketplace.homepage=Homepage
marketplace.issue_tracker=Issue Tracker
marketplace.licensed_under_x=Licensed under {license}
projects / sonarqube.git / commitdiff
