aboutsummaryrefslogtreecommitdiff
path: root/modern
diff options
context:
space:
mode:
authorAnton Tananaev <anton@traccar.org>2022-11-06 09:36:10 -0800
committerAnton Tananaev <anton@traccar.org>2022-11-06 09:36:10 -0800
commit4d6d5eca8c6ee8c43340d18d323816885edeb9da (patch)
treedb8607636ca0b49e908320dc761a4174cc4ccb87 /modern
parent5a8f6cd8351109689517d0a8cb218e3a02293aaf (diff)
downloadtrackermap-web-4d6d5eca8c6ee8c43340d18d323816885edeb9da.tar.gz
trackermap-web-4d6d5eca8c6ee8c43340d18d323816885edeb9da.tar.bz2
trackermap-web-4d6d5eca8c6ee8c43340d18d323816885edeb9da.zip
Add debug information
Diffstat (limited to 'modern')
-rw-r--r--modern/.env1
-rw-r--r--modern/src/resources/l10n/en.json3
-rw-r--r--modern/src/settings/PreferencesPage.js28
3 files changed, 32 insertions, 0 deletions
diff --git a/modern/.env b/modern/.env
index 38f15be3..c8702185 100644
--- a/modern/.env
+++ b/modern/.env
@@ -1,2 +1,3 @@
ESLINT_NO_DEV_ERRORS=false
REACT_APP_URL_NAME='localhost:8082'
+REACT_APP_VERSION=$npm_package_version
diff --git a/modern/src/resources/l10n/en.json b/modern/src/resources/l10n/en.json
index 9ce29a16..7a3fd272 100644
--- a/modern/src/resources/l10n/en.json
+++ b/modern/src/resources/l10n/en.json
@@ -214,6 +214,9 @@
"settingsVolumeUnit": "Volume Unit",
"settingsTwelveHourFormat": "12-hour Format",
"settingsCoordinateFormat": "Coordinates Format",
+ "settingsServerVersion": "Server Version",
+ "settingsAppVersion": "App Version",
+ "settingsConnection": "Connection",
"reportTitle": "Reports",
"reportDevice": "Device",
"reportGroup": "Group",
diff --git a/modern/src/settings/PreferencesPage.js b/modern/src/settings/PreferencesPage.js
index a7115bf8..e939732a 100644
--- a/modern/src/settings/PreferencesPage.js
+++ b/modern/src/settings/PreferencesPage.js
@@ -66,6 +66,10 @@ const PreferencesPage = () => {
const user = useSelector((state) => state.session.user);
const [attributes, setAttributes] = useState(user.attributes);
+ const versionApp = process.env.REACT_APP_VERSION.slice(0, -2);
+ const versionServer = useSelector((state) => state.session.server.version);
+ const socket = useSelector((state) => state.session.socket);
+
const [token, setToken] = useState(null);
const [tokenExpiration, setTokenExpiration] = useState(moment().add(1, 'week').locale('en').format(moment.HTML5_FMT.DATE));
@@ -331,6 +335,30 @@ const PreferencesPage = () => {
/>
</AccordionDetails>
</Accordion>
+ <Accordion>
+ <AccordionSummary expandIcon={<ExpandMoreIcon />}>
+ <Typography variant="subtitle1">
+ {t('sharedInfoTitle')}
+ </Typography>
+ </AccordionSummary>
+ <AccordionDetails className={classes.details}>
+ <TextField
+ value={versionApp}
+ label={t('settingsAppVersion')}
+ disabled
+ />
+ <TextField
+ value={versionServer || '-'}
+ label={t('settingsServerVersion')}
+ disabled
+ />
+ <TextField
+ value={socket ? t('deviceStatusOnline') : t('deviceStatusOffline')}
+ label={t('settingsConnection')}
+ disabled
+ />
+ </AccordionDetails>
+ </Accordion>
<div className={classes.buttons}>
<Button
type="button"