mirror of
https://github.com/chanzuckerberg/cellxgene.git
synced 2026-09-25 20:18:12 +08:00
Matt Weiden
1547a864c2
* Disable ColorBy button for truncated categories Fixes https://github.com/chanzuckerberg/cellxgene/issues/1156 For categories that have more than 100 labels we truncate the labels in the UI, but still allowed users to ColorBy these categories. Coloring by these categories can cause browsers to get bogged down. This commit disables ColorBy for truncated categories. * Minor documentation spelling and typo fixes * Respond to feedback from @liaprins-czi * Respond to feedback from @colinmegill and @bkmartinjr
104 lines
3.1 KiB
JavaScript
104 lines
3.1 KiB
JavaScript
import { Colors } from "@blueprintjs/core";
|
|
import { dispatchNetworkErrorMessageToUser } from "./util/actionHelpers";
|
|
|
|
/* if a categorical metadata field has more options than this, truncate */
|
|
export const maxCategoricalOptionsToDisplay = 200;
|
|
|
|
/* default "unassigned" value for user-created categorical metadata */
|
|
export const unassignedCategoryLabel = "unassigned";
|
|
|
|
/*
|
|
these are default values for configuration the CLI may supply.
|
|
See the REST API and CLI specs for more info.
|
|
*/
|
|
export const configDefaults = {
|
|
features: {},
|
|
displayNames: {},
|
|
parameters: {
|
|
"max-category-items": 1000,
|
|
"disable-diffexp": false,
|
|
"diffexp-may-be-slow": false
|
|
},
|
|
links: {}
|
|
};
|
|
|
|
/* colors */
|
|
export const blue = Colors.BLUE3;
|
|
export const linkBlue = Colors.BLUE5;
|
|
export const lightestGrey = "rgb(249,249,249)";
|
|
export const lighterGrey = "rgb(245,245,245)";
|
|
export const lightGrey = Colors.LIGHT_GRAY1;
|
|
export const mediumGrey = "rgb(153,153,153)";
|
|
export const darkGrey = "rgb(102,102,102)";
|
|
export const darkerGrey = "rgb(51,51,51)";
|
|
|
|
export const brightBlue = "#4a90e2";
|
|
export const brightGreen = "#A2D729";
|
|
export const darkGreen = "#448C4D";
|
|
|
|
export const nonFiniteCellColor = lightGrey;
|
|
export const defaultCellColor = "rgb(0,0,0,1)";
|
|
export const logoColor = "black"; /* logo pink: "#E9429A" */
|
|
|
|
/* typography constants */
|
|
|
|
export const tiniestFontSize = 12;
|
|
export const largestFontSize = 24;
|
|
export const uppercaseLetterSpacing = "0.04em";
|
|
export const bolder = 700;
|
|
export const accentFont = "Georgia,Times,Times New Roman,serif";
|
|
export const maxParagraphWidth = 600;
|
|
|
|
/* layout styles constants */
|
|
|
|
export const cellxgeneTitleLeftPadding = 14;
|
|
export const cellxgeneTitleTopPadding = 7;
|
|
|
|
export const datasetTitleMaxCharacterCount = 25;
|
|
|
|
export const maxControlsWidth = 800;
|
|
|
|
export const graphMargin = { top: 20, right: 10, bottom: 30, left: 40 };
|
|
export const graphWidth = 700;
|
|
export const graphHeight = 700;
|
|
export const scatterplotMarginLeft = 25;
|
|
|
|
export const leftSidebarWidth = 365;
|
|
export const leftSidebarSectionHeading = {
|
|
fontSize: 18,
|
|
textTransform: "uppercase",
|
|
fontWeight: 500,
|
|
letterSpacing: ".05em"
|
|
};
|
|
export const leftSidebarSectionPadding = 10;
|
|
export const categoryLabelDisplayStringLongLength = 27;
|
|
export const categoryLabelDisplayStringShortLength = 11;
|
|
|
|
export const maxUserDefinedGenes = 25;
|
|
export const maxGenes = 100;
|
|
|
|
/* various timing-related behaviors */
|
|
export const tooltipHoverOpenDelay = 1000; /* ms delay before a tooltip displays */
|
|
export const tooltipHoverOpenDelayQuick = 500;
|
|
|
|
let _API;
|
|
|
|
if (window.CELLXGENE && window.CELLXGENE.API) {
|
|
_API = window.CELLXGENE.API;
|
|
} else {
|
|
if (process.env.CXG_SERVER_PORT === undefined) {
|
|
const errorMessage = "Please set the CXG_SERVER_PORT environment variable.";
|
|
dispatchNetworkErrorMessageToUser(errorMessage);
|
|
throw new Error(errorMessage);
|
|
}
|
|
_API = {
|
|
// prefix: "http://api.clustering.czi.technology/api/",
|
|
// prefix: "http://tabulamuris.cxg.czi.technology/api/",
|
|
// prefix: "http://api-staging.clustering.czi.technology/api/",
|
|
prefix: `http://localhost:${process.env.CXG_SERVER_PORT}/api/`,
|
|
version: "v0.2/"
|
|
};
|
|
}
|
|
|
|
export const API = _API;
|