Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 | 7x 7x 2x 4x 4x 4x 1x 4x 1x 4x | /*
* Part of Pleiar.no - a collection of tools for nurses
*
* Copyright (C) Eskild Hustvedt 2017-2018
* Copyright (C) Fagforbundet 2019
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero 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 Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*
*/
// @flow
import * as React from "react";
import { Switch, Route, Redirect } from 'react-router-dom';
import { Handle404 } from './shared';
import { ToolContainer } from './tools';
import NutriCalcDay from './nutricalc-day';
import NutriCalcReq from './nutricalc-req';
import NutriCalcBMI from './nutricalc-bmi';
import { Row, Col } from 'reactstrap';
import type { Match as RouterMatch } from 'react-router-dom';
import type { NutritionInfoEntry } from '../types/data';
/**
* Root of the nutricalc component.
*/
class NutriCalc extends React.PureComponent<{|match: RouterMatch|}>
{
// eslint-disable-next-line require-jsdoc
render(): React.Node
{
const match = this.props.match;
return <ToolContainer tool="nutricalc">
<div className="mt-2">
<Switch>
<Route path={match.path} exact render={() => { return <Redirect to={match.path+'/dagsinntak'} />; }} />
<Route path={match.path+'/dagsinntak'} component={NutriCalcDay} />
<Route path={match.path+'/energibehov'} component={NutriCalcReq } />
<Route path={match.path+'/bmi'} component={NutriCalcBMI} />
<Handle404 />
</Switch>
</div>
</ToolContainer>;
}
}
/**
* Component used to render results from the nutrition database in search results
*/
class NutritionSearchRenderer extends React.PureComponent<{|entry: NutritionInfoEntry|}>
{
// eslint-disable-next-line require-jsdoc
render(): React.Node
{
const { entry } = this.props;
const info = [
<div key="kcal">{entry.kcal} kcal</div>
];
if(entry.protein)
{
info.push(<div key="protein">{entry.protein}g protein</div>);
}
if(entry.fluidML)
{
info.push(<div key="fluidml">{entry.fluidML} ml væske</div>);
}
return <Row className="searchEntry">
<Col>
<div><span className="searchTitle" target="_blank">Ernæringsinformasjon</span>: {entry.name}</div>
{info}
</Col>
</Row>;
}
}
export default NutriCalc;
export { NutritionSearchRenderer };
|