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 89 90 91 92 93 94 95 96 97 98 99 100 | 3x 3x 2x 3x 3x 4x 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 { Row, Col, Container, UncontrolledTooltip} from 'reactstrap';
import { Link } from 'react-router-dom';
import { ExternalLink } from './shared/links';
// Let flow know about our GIT_REVISION global (from webpack)
declare var GIT_REVISION:string;
declare var GIT_REVISION_FULL:string;
declare var GIT_REVISION_DATA:string;
/**
* A helper component that updates the title of the page.
* Accepts an optional title parameter. If this is provided then the title will
* be set to "Pleiar.no - TITLE". Otherwise it will be set to "Pleiar.no".
*/
function PageTitle (props: {| title?: string |}): null
{
let title: string = 'Pleiar.no';
if(props.title)
{
title += ' - '+props.title;
}
document.title = title;
return (null);
}
/**
* This is the main container for the app. All toplevel components must use this
* to ensure that the design is correct and that the page title gets updated
*/
class MainContainer extends React.Component<{|app: string, children: React.Node, small?: boolean|}>
{
// eslint-disable-next-line require-jsdoc
render(): React.Node
{
const wrapperClass = 'contentWrapper app-'+this.props.app;
return <Container mt="2">
<Row className="justify-content-md-center">
<Col xl="10" className={wrapperClass}>
<Row className="mainContent">
<Col className={ this.props.small ? "col-lg-8 offset-lg-2" : null }>
{this.props.children}
</Col>
</Row>
<footer>
<Row className="mt-2">
<Col>
<img src="/footer.png" alt="" className="img-fluid no-user-select" draggable="false" />
</Col>
</Row>
<Row className="mt-2 info-footer">
<Col md="5" lg="4" className="offset-md-1 info-box">
<ExternalLink sameWindow={true} href="https://www.fagforbundet.no/"><img src="/brand-nospacing.png" className="img-fluid" alt="Fagforbundet" /></ExternalLink>
<b>Fagforbundet i Norge</b><br />
Boks 7003 St. Olavsplass<br />
0130 Oslo
</Col>
<Col md="5" lg="4" className="offset-lg-2 basicLinkList">
<Link to="/om/">Om <b>Pleiar.no</b></Link>
<Link to="/om/friprogramvare">Pleiar.no er fri programvare</Link>
<Link to="/om/personvern">Informasjon om personvern</Link>
</Col>
</Row>
<Row className="mt-2">
<Col className="col-md-10 offset-md-1 version-info">
<b>Pleiar.no</b>{" "}<Link className="text-muted" id="GitRevision" to="/om/system">versjon {GIT_REVISION}</Link> fra <ExternalLink sameWindow={true} href="https://www.fagforbundet.no/">Fagforbundet</ExternalLink><br />
<UncontrolledTooltip placement="top" target="GitRevision" key="gitRevUncontrolled">
Dataversjon {GIT_REVISION_DATA}
</UncontrolledTooltip>
</Col>
</Row>
</footer>
</Col>
</Row>
</Container>;
}
}
export { MainContainer, PageTitle };
|