From efa2eeda37b9f569618601b50a685b2c235a7205 Mon Sep 17 00:00:00 2001
From: Max Chopart <max.chopart@gmail.com>
Date: Thu, 7 Dec 2023 11:35:29 +0100
Subject: [PATCH] [New #26] Added export records UI

---
 js/components/record/Records.js | 24 ++++++++++++++++--------
 js/i18n/cs.js                   |  1 +
 js/i18n/en.js                   |  1 +
 3 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/js/components/record/Records.js b/js/components/record/Records.js
index 6ccd6b3b..97e57149 100644
--- a/js/components/record/Records.js
+++ b/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,13 +54,20 @@ class Records extends React.Component {
             </Card.Header>
             <Card.Body>
                 <RecordTable {...this.props}/>
-                <div>
-                    {showCreateButton
-                        ? <Button variant='primary' size='sm'
-                            disabled={createRecordDisabled}
-                            title={createRecordTooltip}
-                            onClick={onCreateWithFormTemplate}>{this.i18n('records.create-tile')}</Button>
-                        : null}
+                <div className="row">
+                    <div className="col-10">
+                        {showCreateButton
+                            ? <Button variant='primary' size='sm'
+                                      disabled={createRecordDisabled}
+                                      title={createRecordTooltip}
+                                      onClick={onCreateWithFormTemplate}>{this.i18n('records.create-tile')}</Button>
+                            : null}
+                    </div>
+                    <div className="col-2">
+                        {showExportButton ?
+                            <Button className="mx-1" variant='primary' size='sm'>{this.i18n('export')}</Button>
+                            : null}
+                    </div>
                 </div>
                 {showAlert && recordDeleted.status === ACTION_STATUS.ERROR &&
                 <AlertMessage type={ALERT_TYPES.DANGER}
diff --git a/js/i18n/cs.js b/js/i18n/cs.js
index f6b21cb7..755589a5 100644
--- a/js/i18n/cs.js
+++ b/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',
diff --git a/js/i18n/en.js b/js/i18n/en.js
index b5f2f669..ab5d2a86 100644
--- a/js/i18n/en.js
+++ b/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',