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);
}