aboutsummaryrefslogtreecommitdiffstats
path: root/server/sonar-web/src/main/js/components/ui/GenericAvatar.tsx
diff options
context:
space:
mode:
authorStas Vilchik <stas.vilchik@sonarsource.com>2017-11-30 13:41:38 +0100
committerStas Vilchik <stas.vilchik@sonarsource.com>2017-12-11 18:00:33 +0100
commitaa02b659cf9920ab6757611706b0dcf3286894da (patch)
treeb39855ca7c08fa96d56b197f3db97ddb1d9629ca /server/sonar-web/src/main/js/components/ui/GenericAvatar.tsx
parentfe0e77077ab2a218001a96dd2932105889276f37 (diff)
downloadsonarqube-aa02b659cf9920ab6757611706b0dcf3286894da.tar.gz
sonarqube-aa02b659cf9920ab6757611706b0dcf3286894da.zip
SONAR-8829 move organization avatar to the left
Diffstat (limited to 'server/sonar-web/src/main/js/components/ui/GenericAvatar.tsx')
-rw-r--r--server/sonar-web/src/main/js/components/ui/GenericAvatar.tsx81
1 files changed, 81 insertions, 0 deletions
diff --git a/server/sonar-web/src/main/js/components/ui/GenericAvatar.tsx b/server/sonar-web/src/main/js/components/ui/GenericAvatar.tsx
new file mode 100644
index 00000000000..36498b69b1b
--- /dev/null
+++ b/server/sonar-web/src/main/js/components/ui/GenericAvatar.tsx
@@ -0,0 +1,81 @@
+/*
+ * SonarQube
+ * Copyright (C) 2009-2017 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 * as classNames from 'classnames';
+
+interface Props {
+ className?: string;
+ name: string;
+ size: number;
+}
+
+export default function GenericAvatar({ className, name, size }: Props) {
+ const color = stringToColor(name);
+
+ let text = '';
+ const words = name.split(/\s+/).filter(word => word.length > 0);
+ if (words.length >= 2) {
+ text = words[0][0] + words[1][0];
+ } else if (name.length > 0) {
+ text = name[0];
+ }
+
+ return (
+ <div
+ className={classNames(className, 'rounded')}
+ style={{
+ backgroundColor: color,
+ color: getTextColor(color),
+ display: 'inline-block',
+ fontSize: Math.min(size / 2, 14),
+ fontWeight: 'normal',
+ height: size,
+ lineHeight: `${size}px`,
+ textAlign: 'center',
+ verticalAlign: 'top',
+ width: size
+ }}>
+ {text.toUpperCase()}
+ </div>
+ );
+}
+
+/* eslint-disable no-bitwise, no-mixed-operators */
+function stringToColor(str: string) {
+ let hash = 0;
+ for (let i = 0; i < str.length; i++) {
+ hash = str.charCodeAt(i) + ((hash << 5) - hash);
+ }
+ let color = '#';
+ for (let i = 0; i < 3; i++) {
+ const value = (hash >> (i * 8)) & 0xff;
+ color += ('00' + value.toString(16)).substr(-2);
+ }
+ return color;
+}
+
+function getTextColor(background: string) {
+ const rgb = parseInt(background.substr(1), 16);
+ const r = (rgb >> 16) & 0xff;
+ const g = (rgb >> 8) & 0xff;
+ const b = (rgb >> 0) & 0xff;
+ const luma = 0.2126 * r + 0.7152 * g + 0.0722 * b;
+ return luma > 140 ? '#222' : '#fff';
+}