diff options
author | Anton Tananaev <anton@traccar.org> | 2022-09-05 11:52:51 -0700 |
---|---|---|
committer | Anton Tananaev <anton@traccar.org> | 2022-09-05 11:52:51 -0700 |
commit | 6691ae65db37165fe61fd14ec8047052bf10ccae (patch) | |
tree | 23909fe12ecdece283857b5f0df19d251b4da8c6 /modern/src/settings/PreferencesPage.js | |
parent | 7285abacc34695dc431b5278014a077a1deadc8e (diff) | |
download | trackermap-web-6691ae65db37165fe61fd14ec8047052bf10ccae.tar.gz trackermap-web-6691ae65db37165fe61fd14ec8047052bf10ccae.tar.bz2 trackermap-web-6691ae65db37165fe61fd14ec8047052bf10ccae.zip |
Option to set token expiration
Diffstat (limited to 'modern/src/settings/PreferencesPage.js')
-rw-r--r-- | modern/src/settings/PreferencesPage.js | 27 |
1 files changed, 23 insertions, 4 deletions
diff --git a/modern/src/settings/PreferencesPage.js b/modern/src/settings/PreferencesPage.js index c86d696a..403ea156 100644 --- a/modern/src/settings/PreferencesPage.js +++ b/modern/src/settings/PreferencesPage.js @@ -1,4 +1,5 @@ import React, { useState } from 'react'; +import moment from 'moment'; import { useSelector } from 'react-redux'; import { useNavigate } from 'react-router-dom'; import { @@ -54,7 +55,8 @@ const PreferencesPage = () => { const { languages, language, setLanguage } = useLocalization(); const languageList = Object.entries(languages).map((values) => ({ code: values[0], name: values[1].name })); - const [token, setToken] = useState(); + const [token, setToken] = useState(null); + const [tokenExpiration, setTokenExpiration] = useState(moment().add(1, 'week').locale('en').format(moment.HTML5_FMT.DATE)); const mapStyles = useMapStyles(); const [activeMapStyles, setActiveMapStyles] = usePersistedState('activeMapStyles', ['locationIqStreets', 'osm', 'carto']); @@ -74,9 +76,10 @@ const PreferencesPage = () => { const filter = createFilterOptions(); const generateToken = useCatch(async () => { + const expiration = moment(tokenExpiration, moment.HTML5_FMT.DATE).toISOString(); const response = await fetch('/api/session/token', { method: 'POST', - body: new URLSearchParams(), + body: new URLSearchParams(`expiration=${expiration}`), }); if (response.ok) { setToken(await response.text()); @@ -116,14 +119,30 @@ const PreferencesPage = () => { {languageList.map((it) => <MenuItem key={it.code} value={it.code}>{it.name}</MenuItem>)} </Select> </FormControl> + </AccordionDetails> + </Accordion> + <Accordion defaultExpanded> + <AccordionSummary expandIcon={<ExpandMoreIcon />}> + <Typography variant="subtitle1"> + {t('userToken')} + </Typography> + </AccordionSummary> + <AccordionDetails className={classes.details}> + <TextField + label={t('userExpirationTime')} + type="date" + value={tokenExpiration} + onChange={(e) => { + setTokenExpiration(e.target.value); + setToken(null); + }} + /> <FormControl> - <InputLabel>{t('userToken')}</InputLabel> <OutlinedInput multiline rows={6} readOnly type="text" - label={t('userToken')} value={token || ''} endAdornment={( <InputAdornment position="end"> |