1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 |
- /*
- * SonarQube
- * Copyright (C) 2009-2019 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 { sortBy } from 'lodash';
- import { translate } from 'sonar-ui-common/helpers/l10n';
- import { getBaseUrl } from 'sonar-ui-common/helpers/urls';
- import Select from 'sonar-ui-common/components/controls/Select';
- import { sanitizeAlmId } from '../../../helpers/almIntegrations';
-
- interface Props {
- hideIcons?: boolean;
- onChange: (organization: T.Organization) => void;
- organization: string;
- organizations: T.Organization[];
- }
-
- export default function OrganizationSelect({
- hideIcons,
- onChange,
- organization,
- organizations
- }: Props) {
- const optionRenderer = getOptionRenderer(hideIcons);
- return (
- <Select
- autoFocus={!organization}
- className="input-super-large"
- clearable={false}
- id="select-organization"
- labelKey="name"
- onChange={onChange}
- optionRenderer={optionRenderer}
- options={sortBy(organizations, o => o.name.toLowerCase())}
- placeholder={translate('onboarding.import_organization.choose_organization')}
- required={true}
- value={organization}
- valueKey="key"
- valueRenderer={optionRenderer}
- />
- );
- }
-
- export function getOptionRenderer(hideIcons?: boolean) {
- return function optionRenderer(organization: T.Organization) {
- const icon = organization.alm
- ? `sonarcloud/${sanitizeAlmId(organization.alm.key)}`
- : 'sonarcloud-square-logo';
- const isPaidOrg = organization.subscription === 'PAID';
- return (
- <div className="display-flex-space-between">
- <span className="text-ellipsis flex-1">
- {!hideIcons && (
- <img
- alt={organization.alm ? organization.alm.key : 'SonarCloud'}
- className="little-spacer-right"
- height={14}
- src={`${getBaseUrl()}/images/${icon}.svg`}
- />
- )}
- {organization.name}
- <span className="note little-spacer-left">{organization.key}</span>
- </span>
- {isPaidOrg && (
- <div className="outline-badge">{translate('organization.paid_plan.badge')}</div>
- )}
- </div>
- );
- };
- }
|