Add Translation

Author: Saket Hatwar

Makefile

@@ -82,6 +82,8 @@ locales:
 	msgfmt -o modules/dicom_archive/locale/ja/LC_MESSAGES/dicom_archive.mo modules/dicom_archive/locale/ja/LC_MESSAGES/dicom_archive.po
 	msgfmt -o modules/dictionary/locale/ja/LC_MESSAGES/dictionary.mo modules/dictionary/locale/ja/LC_MESSAGES/dictionary.po
 	msgfmt -o modules/document_repository/locale/ja/LC_MESSAGES/document_repository.mo modules/document_repository/locale/ja/LC_MESSAGES/document_repository.po
+	msgfmt -o modules/document_repository/locale/hi/LC_MESSAGES/document_repository.mo modules/document_repository/locale/hi/LC_MESSAGES/document_repository.po
+	npx i18next-conv -l hi -s modules/document_repository/locale/hi/LC_MESSAGES/document_repository.po -t modules/document_repository/locale/hi/LC_MESSAGES/document_repository.json
 	msgfmt -o modules/dqt/locale/ja/LC_MESSAGES/dqt.mo modules/dqt/locale/ja/LC_MESSAGES/dqt.po
 	msgfmt -o modules/electrophysiology_browser/locale/ja/LC_MESSAGES/electrophysiology_browser.mo modules/electrophysiology_browser/locale/ja/LC_MESSAGES/electrophysiology_browser.po
 	msgfmt -o modules/electrophysiology_uploader/locale/ja/LC_MESSAGES/electrophysiology_uploader.mo modules/electrophysiology_uploader/locale/ja/LC_MESSAGES/electrophysiology_uploader.po

modules/document_repository/jsx/categoryForm.js

@@ -8,6 +8,9 @@ import {
   SelectElement,
   ButtonElement,
 } from 'jsx/Form';
+import i18n from 'I18nSetup';
+import {withTranslation} from 'react-i18next';
+import hiStrings from '../locale/hi/LC_MESSAGES/document_repository.json';
 
 /**
  * Category Creation Form
@@ -68,9 +71,10 @@ class DocCategoryForm extends React.Component {
    * @return {JSX} - React markup for the component
    */
   render() {
+    const { t } = this.props;
     // Data loading error
     if (this.state.error) {
-      return <h3>An error occured while loading the page.</h3>;
+      return <h3>{t('An error occured while loading the page.', {ns: 'document_repository'})}</h3>;
     }
     // Waiting for data to load
     if (!this.state.isLoaded) {
@@ -81,7 +85,7 @@ class DocCategoryForm extends React.Component {
     let addButton = null;
     if (loris.userHasPermission('document_repository_categories')) {
       disabled = false;
-      addButton = <ButtonElement label="Add Category"/>;
+      addButton = <ButtonElement label={t('Add Category', {ns: 'document_repository'})}/>;
     }
 
     return (
@@ -92,26 +96,26 @@ class DocCategoryForm extends React.Component {
             fileUpload={true}
             onSubmit={this.handleSubmit}
           >
-            <h3>Add a category</h3><br/>
+            <h3>{t('Add a category', {ns: 'document_repository'})}</h3><br/>
             <TextboxElement
               name="categoryName"
-              label="Category Name"
+              label={t('Category Name', {ns: 'document_repository'})}
               onUserInput={this.setFormData}
               required={true}
               disabled={disabled}
               value={this.state.formData.categoryName}
             />
             <SelectElement
               name="parentId"
-              label="Parent"
+              label={t('Parent', {ns: 'document_repository'})}
               options={this.state.data.fieldOptions.fileCategories}
               onUserInput={this.setFormData}
               disabled={disabled}
               value={this.state.formData.parentId}
             />
             <TextareaElement
               name="comments"
-              label="Comments"
+              label={t('Comments', {ns: 'document_repository'})}
               onUserInput={this.setFormData}
               disabled={disabled}
               value={this.state.formData.comments}
@@ -202,6 +206,9 @@ DocCategoryForm.propTypes = {
   action: PropTypes.string.isRequired,
   refreshPage: PropTypes.func,
   newCategoryState: PropTypes.func,
+  t: PropTypes.func,
 };
 
-export default DocCategoryForm;
+i18n.addResourceBundle('hi', 'document_repository', hiStrings);
+
+export default withTranslation(['document_repository', 'loris'])(DocCategoryForm);

modules/document_repository/jsx/deleteCategoryForm.js

@@ -6,6 +6,9 @@ import {
   ButtonElement,
   SelectElement,
 } from 'jsx/Form';
+import {withTranslation} from 'react-i18next';
+import i18n from 'I18nSetup';
+import hiStrings from '../locale/hi/LC_MESSAGES/document_repository.json';
 
 /**
  * Document Delete category Form
@@ -65,9 +68,10 @@ class DeleteDocCategoryForm extends React.Component {
    * @return {JSX} - React markup for the component
    */
   render() {
+    const { t } = this.props;
     // Data loading error
     if (this.state.error) {
-      return <h3>An error occured while loading the page.</h3>;
+      return <h3>{t('An error occured while loading the page.', {ns: 'document_repository'})}</h3>;
     }
     // Waiting for data to load
     if (!this.state.isLoaded) {
@@ -78,7 +82,7 @@ class DeleteDocCategoryForm extends React.Component {
     let deleteButton = null;
     if (loris.userHasPermission('document_repository_categories')) {
       disabled = false;
-      deleteButton = <ButtonElement label="Delete Category"/>;
+      deleteButton = <ButtonElement label={t('Delete Category', {ns: 'document_repository'})}/>;
     }
 
     return (
@@ -88,10 +92,10 @@ class DeleteDocCategoryForm extends React.Component {
             name="categoryEdit"
             onSubmit={this.handleSubmit}
           >
-            <h3>Delete a category</h3><br/>
+            <h3>{t('Delete a category', {ns: 'document_repository'})}</h3><br/>
             <SelectElement
               name="categoryID"
-              label="Category Name:"
+              label={t('Category Name:', {ns: 'document_repository'})}
               options={this.state.data.fieldOptions.fileCategories}
               onUserInput={this.setFormData}
               required={true}
@@ -126,6 +130,7 @@ class DeleteDocCategoryForm extends React.Component {
    * Delete the Category.
    */
   deleteCategory() {
+    const { t } = this.props;
     let formData = this.state.formData;
     let formObj = new FormData();
     for (let key in formData) {
@@ -147,7 +152,7 @@ class DeleteDocCategoryForm extends React.Component {
         } else if (response.statusText) {
           msg = response.statusText;
         } else {
-          msg = 'Delete error!';
+          msg = t('Delete error!', {ns: 'document_repository'});
         }
         this.setState({
           errorMessage: msg,
@@ -156,15 +161,15 @@ class DeleteDocCategoryForm extends React.Component {
         console.error(msg);
       } else {
         swal.fire({
-          text: 'Delete Successful!',
+          text: t('Delete Successful!', {ns: 'document_repository'}),
           title: '',
           type: 'success',
         }).then(function() {
           window.location.assign('/document_repository');
         });
       }
     }).catch( (error) => {
-      let msg = error.message ? error.message : 'Delete error!';
+      let msg = error.message ? error.message : t('Delete error!', {ns: 'document_repository'});
       this.setState({
         errorMessage: msg,
         uploadProgress: -1,
@@ -190,6 +195,9 @@ class DeleteDocCategoryForm extends React.Component {
 DeleteDocCategoryForm.propTypes = {
   dataURL: PropTypes.string.isRequired,
   action: PropTypes.string.isRequired,
+  t: PropTypes.func,
 };
 
-export default DeleteDocCategoryForm;
+i18n.addResourceBundle('hi', 'document_repository', hiStrings);
+
+export default withTranslation(['document_repository', 'loris'])(DeleteDocCategoryForm);