[ARVADOS-WORKBENCH2] created: 1.2.0-303-ge643603
Git user
git at public.curoverse.com
Thu Sep 6 06:01:45 EDT 2018
at e643603dd9a121a3d39488fd29945a5af1bf161c (commit)
commit e643603dd9a121a3d39488fd29945a5af1bf161c
Author: Pawel Kowalczyk <pawel.kowalczyk at contractors.roche.com>
Date: Thu Sep 6 12:01:29 2018 +0200
help-menu
Feature #14125
Arvados-DCO-1.1-Signed-off-by: Pawel Kowalczyk <pawel.kowalczyk at contractors.roche.com>
diff --git a/src/views-components/main-app-bar/help-menu.tsx b/src/views-components/main-app-bar/help-menu.tsx
new file mode 100644
index 0000000..a4779fa
--- /dev/null
+++ b/src/views-components/main-app-bar/help-menu.tsx
@@ -0,0 +1,61 @@
+// Copyright (C) The Arvados Authors. All rights reserved.
+//
+// SPDX-License-Identifier: AGPL-3.0
+
+import * as React from "react";
+import { MenuItem, Typography } from "@material-ui/core";
+import { DropdownMenu } from "~/components/dropdown-menu/dropdown-menu";
+import { HelpIcon } from "~/components/icon/icon";
+import { ArvadosTheme } from '~/common/custom-theme';
+import { StyleRulesCallback, WithStyles, withStyles } from '@material-ui/core/styles';
+
+type CssRules = 'link' | 'icon' | 'title' | 'linkTitle';
+
+const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
+ link: {
+ textDecoration: 'none',
+ color: 'inherit'
+ },
+ icon: {
+ width: '16px',
+ height: '16px'
+ },
+ title: {
+ marginLeft: theme.spacing.unit * 2,
+ marginBottom: theme.spacing.unit * 0.5,
+ outline: 'none',
+ },
+ linkTitle: {
+ marginLeft: theme.spacing.unit
+ }
+});
+
+enum helpMenuLinks {
+ PIPELINES_DATASETS = "https://dev.arvados.org/projects/arvados/wiki/Public_Pipelines_and_Datasets",
+ TUTORIALS = "http://doc.arvados.org/user/",
+ API_REFERENCE = "http://doc.arvados.org/api/",
+ SDK_REFERENCE = "http://doc.arvados.org/sdk/"
+}
+
+export const HelpMenu = withStyles(styles)(
+ ({ classes }: WithStyles<CssRules>) =>
+ <DropdownMenu
+ icon={<HelpIcon />}
+ id="help-menu"
+ title="Help">
+ <Typography variant="body1" className={classes.title}>Help</Typography>
+ {menuItem("Public Pipelines and Data sets", helpMenuLinks.PIPELINES_DATASETS, classes)}
+ {menuItem("Tutorials and User guide", helpMenuLinks.TUTORIALS, classes)}
+ {menuItem("API Reference", helpMenuLinks.API_REFERENCE, classes)}
+ {menuItem("SDK Reference", helpMenuLinks.SDK_REFERENCE, classes)}
+ </DropdownMenu>
+);
+
+ // Todo: change help icon
+const menuItem = (title: string, link: string, classes: Record<CssRules, string>) =>
+ <a href={link} target="_blank" className={classes.link}>
+ <MenuItem>
+ <HelpIcon className={classes.icon} />
+ <Typography variant="body1" className={classes.linkTitle}>{title}</Typography>
+ </MenuItem>
+ </a>;
-----------------------------------------------------------------------
hooks/post-receive
--
More information about the arvados-commits
mailing list