const React = require('react');
import styles from './common.scss';
const {
List,
ListItem,
ListItemContent,
Button,
Icon,
Switch,
MenuItem,
} = require('react-mdl');
const { Link } = require('react-router');
export { styles };
export const shorten = (str, len = 50) =>
str && str.length > len ? `${str.substring(0, len)}...` : str;
export const AppsLinkList = ({ apps }) => (
{apps.length > 0 &&
apps.map(({ appName, description = '-', icon = 'apps' }) => (
{appName}
{description}
))}
);
export const HeaderTitle = ({ title, actions, subtitle }) => (
{title}
{subtitle && {subtitle}}
{actions && (
{actions}
)}
);
export const DataTableHeader = ({ title, actions }) => (
{title}
{actions &&
{actions}
}
);
export const FormButtons = ({ submitText = 'Create', onCancel }) => (
);
export const SwitchWithLabel = ({
onChange,
checked,
children,
...switchProps
}) => (
{children}
);
export const TogglesLinkList = ({ toggles }) => (
{toggles.length > 0 &&
toggles.map(({ name, description = '-', icon = 'toggle' }) => (
{name}
))}
);
export function getIcon(type) {
switch (type) {
case 'feature-updated':
return 'autorenew';
case 'feature-created':
return 'add';
case 'feature-deleted':
return 'remove';
case 'feature-archived':
return 'archived';
default:
return 'star';
}
}
export const IconLink = ({ url, icon }) => (
);
export const DropdownButton = ({ label, id }) => (
);
export const MenuItemWithIcon = ({
icon,
label,
disabled,
...menuItemProps
}) => (
);
const badNumbers = [NaN, Infinity, -Infinity];
export function calc(value, total, decimal) {
if (
typeof value !== 'number' ||
typeof total !== 'number' ||
typeof decimal !== 'number'
) {
return null;
}
if (total === 0) {
return 0;
}
badNumbers.forEach(number => {
if ([value, total, decimal].indexOf(number) > -1) {
return number;
}
});
return (value / total * 100).toFixed(decimal);
}