Added export records UI

js/components/institution/InstitutionPatients.js

@@ -1,7 +1,7 @@
 'use strict';
 
 import React from 'react';
-import {Card} from 'react-bootstrap';
+import {Button, Card} from 'react-bootstrap';
 
 import withI18n from '../../i18n/withI18n';
 import {injectIntl} from "react-intl";
@@ -20,6 +20,9 @@ const InstitutionPatients = (props) => {
                          handlers={{onEdit: onEdit}}
                          disableDelete={true}
                          currentUser={currentUser}/>
+            <div className="d-flex justify-content-end">
+                <Button className="mx-1" variant='primary' size='sm'>{props.i18n('export')}</Button>
+            </div>
         </Card.Body>
     </Card>;
 };

js/components/record/Records.js

@@ -32,10 +32,11 @@ class Records extends React.Component {
     }
 
     render() {
-        const {showAlert, recordDeleted, formTemplate} = this.props;
+        const {showAlert, recordDeleted, formTemplate, recordsLoaded} = this.props;
         const showCreateButton = STUDY_CREATE_AT_MOST_ONE_RECORD
                 ? (!this.props.recordsLoaded.records || (this.props.recordsLoaded.records.length < 1))
                 : true;
+        const showExportButton = !!recordsLoaded.records;
         const createRecordDisabled =
             STUDY_CLOSED_FOR_ADDITION
             && (!this._isAdmin());
@@ -53,12 +54,15 @@ class Records extends React.Component {
             </Card.Header>
             <Card.Body>
                 <RecordTable {...this.props}/>
-                <div>
+                <div className="d-flex justify-content-between">
                     {showCreateButton
                         ? <Button variant='primary' size='sm'
-                            disabled={createRecordDisabled}
-                            title={createRecordTooltip}
-                            onClick={onCreateWithFormTemplate}>{this.i18n('records.create-tile')}</Button>
+                                  disabled={createRecordDisabled}
+                                  title={createRecordTooltip}
+                                  onClick={onCreateWithFormTemplate}>{this.i18n('records.create-tile')}</Button>
+                        : null}
+                    {showExportButton ?
+                        <Button className="mx-1" variant='primary' size='sm'>{this.i18n('export')}</Button>
                         : null}
                 </div>
                 {showAlert && recordDeleted.status === ACTION_STATUS.ERROR &&

js/i18n/cs.js

@@ -33,6 +33,7 @@ export default {
         'please-wait': 'Prosím, čekejte...',
         'actions': 'Akce',
         'required': 'Políčka označená * jsou povinná',
+        'export': 'Export',
 
         'login.title': Constants.APP_NAME + ' - Přihlášení',
         'login.username': 'Uživatelské jméno',

js/i18n/en.js

@@ -33,6 +33,7 @@ export default {
         'please-wait': 'Please wait...',
         'actions': 'Actions',
         'required': 'Fields marked with * are required',
+        'export': 'Export',
 
         'login.title': Constants.APP_NAME + ' - Login',
         'login.username': 'Username',

tests/__tests__/components/Institution.spec.js

@@ -188,7 +188,7 @@ describe('Institution', function () {
                              institutionSaved={institutionSaved}/>
             </IntlProvider>);
         const buttons = TestUtils.scryRenderedDOMComponentsWithTag(tree, "Button");
-        expect(buttons.length).toEqual(3);
+        expect(buttons.length).toEqual(4);
 
         TestUtils.Simulate.click(buttons[1]); // cancel
         expect(handlers.onCancel).toHaveBeenCalled();