Loading modules/cloud_dashboard/cloud_dashboard/src/i18n.ts +11 −1 Original line number Diff line number Diff line Loading @@ -19,7 +19,12 @@ const resources: { [key: string]: { translation: { [key: string]: string } } } = 'Copy': 'Copy', 'Refresh': 'Refresh', 'Option': 'Option', 'Key': 'キー', 'Key': 'Key', 'Login': 'Login', 'Location map': 'Location map', 'Loading...': 'Loading...', 'Operations': 'Operations', 'Operations links': 'Operations links', } }, ja: { Loading @@ -39,6 +44,11 @@ const resources: { [key: string]: { translation: { [key: string]: string } } } = 'Refresh': 'リフレッシュ', 'Option': 'オプション', 'Key': 'キー', 'Login': 'ログイン', 'Location map': 'ロケーションマップ', 'Loading...': '読み込み中...', 'Operations': '操作', 'Operations links': '操作', } } }; Loading modules/cloud_dashboard/cloud_dashboard/src/molecules/LoadingSpinner.tsx +5 −1 Original line number Diff line number Diff line import { Form } from 'react-bootstrap'; import { useTranslation } from 'react-i18next'; import Loader from 'react-loader-spinner'; const LoadingSpinner = ({ message }: { message?: string }) => { const { t } = useTranslation(); return <Form> <div className="d-flex"> <Loader Loading @@ -15,7 +19,7 @@ const LoadingSpinner = ({ message }: { <span style={{ fontSize: '1.5rem', marginLeft: '1.5rem' }}>{message ? message : 'Loading'}...</span> }}>{t(message ? `${message}...` : 'Loading...')}</span> </div> </Form>; } Loading modules/cloud_dashboard/cloud_dashboard/src/organisms/DataTable.tsx +4 −1 Original line number Diff line number Diff line Loading @@ -5,6 +5,7 @@ import DataTableHeader from 'molecules/DataTableHeader'; import DataTableRow from 'molecules/DataTableRow'; import DataTableRowWithOperationLinks from 'molecules/DataTableRowWithOperationLinks'; import { Table } from 'react-bootstrap'; import { useTranslation } from 'react-i18next'; /** * Table for listing data. Loading @@ -28,6 +29,8 @@ const DataTable = ({ dataColumnList, dataRecordList, sortInfo, setSortInfo, hasO }, }) => { const { t } = useTranslation(); return <Table hover={true} striped={true} responsive={true}> <thead> <tr> Loading @@ -37,7 +40,7 @@ const DataTable = ({ dataColumnList, dataRecordList, sortInfo, setSortInfo, hasO { hasOperationLinks ? <th> {operationLinksName} {t(operationLinksName)} </th> : <></> } Loading modules/cloud_dashboard/cloud_dashboard/src/organisms/LoginForm.tsx +3 −1 Original line number Diff line number Diff line import useDrupalOAuth2 from 'hooks/drupal_oauth2'; import { Button, Form } from 'react-bootstrap'; import { useTranslation } from 'react-i18next'; /** * Login form component. */ const LoginForm = () => { const { toCallbackUrl } = useDrupalOAuth2(); const { t } = useTranslation(); return <Form> <Button onClick={toCallbackUrl}>Log in</Button> <Button onClick={toCallbackUrl}>{t('Login')}</Button> </Form>; } Loading modules/cloud_dashboard/cloud_dashboard/src/pages/LoadingDataPage.tsx +5 −1 Original line number Diff line number Diff line import SideBar from 'organisms/SideBar'; import { Col, Container, Form, Row } from 'react-bootstrap'; import { useTranslation } from 'react-i18next'; import Loader from 'react-loader-spinner'; /** * LoadingDataPage. */ const LoadingDataPage = () => { const { t } = useTranslation(); return <> <SideBar /> <Container fluid className="px-0"> Loading @@ -22,7 +26,7 @@ const LoadingDataPage = () => { <span style={{ fontSize: '1.5rem', marginLeft: '1.5rem' }}>Loading...</span> }}>{t('Loading...')}</span> </div> </Form> </Col> Loading Loading
modules/cloud_dashboard/cloud_dashboard/src/i18n.ts +11 −1 Original line number Diff line number Diff line Loading @@ -19,7 +19,12 @@ const resources: { [key: string]: { translation: { [key: string]: string } } } = 'Copy': 'Copy', 'Refresh': 'Refresh', 'Option': 'Option', 'Key': 'キー', 'Key': 'Key', 'Login': 'Login', 'Location map': 'Location map', 'Loading...': 'Loading...', 'Operations': 'Operations', 'Operations links': 'Operations links', } }, ja: { Loading @@ -39,6 +44,11 @@ const resources: { [key: string]: { translation: { [key: string]: string } } } = 'Refresh': 'リフレッシュ', 'Option': 'オプション', 'Key': 'キー', 'Login': 'ログイン', 'Location map': 'ロケーションマップ', 'Loading...': '読み込み中...', 'Operations': '操作', 'Operations links': '操作', } } }; Loading
modules/cloud_dashboard/cloud_dashboard/src/molecules/LoadingSpinner.tsx +5 −1 Original line number Diff line number Diff line import { Form } from 'react-bootstrap'; import { useTranslation } from 'react-i18next'; import Loader from 'react-loader-spinner'; const LoadingSpinner = ({ message }: { message?: string }) => { const { t } = useTranslation(); return <Form> <div className="d-flex"> <Loader Loading @@ -15,7 +19,7 @@ const LoadingSpinner = ({ message }: { <span style={{ fontSize: '1.5rem', marginLeft: '1.5rem' }}>{message ? message : 'Loading'}...</span> }}>{t(message ? `${message}...` : 'Loading...')}</span> </div> </Form>; } Loading
modules/cloud_dashboard/cloud_dashboard/src/organisms/DataTable.tsx +4 −1 Original line number Diff line number Diff line Loading @@ -5,6 +5,7 @@ import DataTableHeader from 'molecules/DataTableHeader'; import DataTableRow from 'molecules/DataTableRow'; import DataTableRowWithOperationLinks from 'molecules/DataTableRowWithOperationLinks'; import { Table } from 'react-bootstrap'; import { useTranslation } from 'react-i18next'; /** * Table for listing data. Loading @@ -28,6 +29,8 @@ const DataTable = ({ dataColumnList, dataRecordList, sortInfo, setSortInfo, hasO }, }) => { const { t } = useTranslation(); return <Table hover={true} striped={true} responsive={true}> <thead> <tr> Loading @@ -37,7 +40,7 @@ const DataTable = ({ dataColumnList, dataRecordList, sortInfo, setSortInfo, hasO { hasOperationLinks ? <th> {operationLinksName} {t(operationLinksName)} </th> : <></> } Loading
modules/cloud_dashboard/cloud_dashboard/src/organisms/LoginForm.tsx +3 −1 Original line number Diff line number Diff line import useDrupalOAuth2 from 'hooks/drupal_oauth2'; import { Button, Form } from 'react-bootstrap'; import { useTranslation } from 'react-i18next'; /** * Login form component. */ const LoginForm = () => { const { toCallbackUrl } = useDrupalOAuth2(); const { t } = useTranslation(); return <Form> <Button onClick={toCallbackUrl}>Log in</Button> <Button onClick={toCallbackUrl}>{t('Login')}</Button> </Form>; } Loading
modules/cloud_dashboard/cloud_dashboard/src/pages/LoadingDataPage.tsx +5 −1 Original line number Diff line number Diff line import SideBar from 'organisms/SideBar'; import { Col, Container, Form, Row } from 'react-bootstrap'; import { useTranslation } from 'react-i18next'; import Loader from 'react-loader-spinner'; /** * LoadingDataPage. */ const LoadingDataPage = () => { const { t } = useTranslation(); return <> <SideBar /> <Container fluid className="px-0"> Loading @@ -22,7 +26,7 @@ const LoadingDataPage = () => { <span style={{ fontSize: '1.5rem', marginLeft: '1.5rem' }}>Loading...</span> }}>{t('Loading...')}</span> </div> </Form> </Col> Loading