[New #26] Added export records UI

kbss-cvut · Dec 7, 2023 · efa2eed · efa2eed
1 parent bdae508
commit efa2eed
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 8 deletions.
diff --git 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
@@ -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
@@ -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',