aboutsummaryrefslogtreecommitdiff
path: root/modern/src/settings/UserPage.js
diff options
context:
space:
mode:
authorAnton Tananaev <anton@traccar.org>2022-05-23 07:30:04 -0700
committerAnton Tananaev <anton@traccar.org>2022-05-23 07:30:04 -0700
commite7e8d1c9a52b9b82fdcbf2d4d6f3134698eb0cf0 (patch)
tree4249ebb4305bf6ec28bf54ba9d009494e018bc61 /modern/src/settings/UserPage.js
parent85461684eb402d4df62c8b59e0a0f627bd3487c1 (diff)
downloadtrackermap-web-e7e8d1c9a52b9b82fdcbf2d4d6f3134698eb0cf0.tar.gz
trackermap-web-e7e8d1c9a52b9b82fdcbf2d4d6f3134698eb0cf0.tar.bz2
trackermap-web-e7e8d1c9a52b9b82fdcbf2d4d6f3134698eb0cf0.zip
Convert to outline inputs
Diffstat (limited to 'modern/src/settings/UserPage.js')
-rw-r--r--modern/src/settings/UserPage.js58
1 files changed, 29 insertions, 29 deletions
diff --git a/modern/src/settings/UserPage.js b/modern/src/settings/UserPage.js
index d2832452..8b2dc933 100644
--- a/modern/src/settings/UserPage.js
+++ b/modern/src/settings/UserPage.js
@@ -14,7 +14,7 @@ import {
Checkbox,
InputAdornment,
IconButton,
- FilledInput,
+ OutlinedInput,
} from '@mui/material';
import makeStyles from '@mui/styles/makeStyles';
import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
@@ -87,21 +87,21 @@ const UserPage = () => {
value={item.name || ''}
onChange={(event) => setItem({ ...item, name: event.target.value })}
label={t('sharedName')}
- variant="filled"
+
/>
<TextField
margin="normal"
value={item.email || ''}
onChange={(event) => setItem({ ...item, email: event.target.value })}
label={t('userEmail')}
- variant="filled"
+
/>
<TextField
margin="normal"
type="password"
onChange={(event) => setItem({ ...item, password: event.target.value })}
label={t('userPassword')}
- variant="filled"
+
/>
</AccordionDetails>
</Accordion>
@@ -117,7 +117,7 @@ const UserPage = () => {
value={item.phone || ''}
onChange={(event) => setItem({ ...item, phone: event.target.value })}
label={t('sharedPhone')}
- variant="filled"
+
/>
<TextField
margin="normal"
@@ -125,7 +125,7 @@ const UserPage = () => {
value={item.latitude || 0}
onChange={(event) => setItem({ ...item, latitude: Number(event.target.value) })}
label={t('positionLatitude')}
- variant="filled"
+
/>
<TextField
margin="normal"
@@ -133,7 +133,7 @@ const UserPage = () => {
value={item.longitude || 0}
onChange={(event) => setItem({ ...item, longitude: Number(event.target.value) })}
label={t('positionLongitude')}
- variant="filled"
+
/>
<TextField
margin="normal"
@@ -141,9 +141,9 @@ const UserPage = () => {
value={item.zoom || 0}
onChange={(event) => setItem({ ...item, zoom: Number(event.target.value) })}
label={t('serverZoom')}
- variant="filled"
+
/>
- <FormControl variant="filled" margin="normal" fullWidth>
+ <FormControl margin="normal" fullWidth>
<InputLabel>{t('settingsCoordinateFormat')}</InputLabel>
<Select
value={item.coordinateFormat || 'dd'}
@@ -154,7 +154,7 @@ const UserPage = () => {
<MenuItem value="dms">{t('sharedDegreesMinutesSeconds')}</MenuItem>
</Select>
</FormControl>
- <FormControl variant="filled" margin="normal" fullWidth>
+ <FormControl margin="normal" fullWidth>
<InputLabel>{t('settingsSpeedUnit')}</InputLabel>
<Select
value={(item.attributes && item.attributes.speedUnit) || 'kn'}
@@ -165,7 +165,7 @@ const UserPage = () => {
<MenuItem value="mph">{t('sharedMph')}</MenuItem>
</Select>
</FormControl>
- <FormControl variant="filled" margin="normal" fullWidth>
+ <FormControl margin="normal" fullWidth>
<InputLabel>{t('settingsDistanceUnit')}</InputLabel>
<Select
value={(item.attributes && item.attributes.distanceUnit) || 'km'}
@@ -176,7 +176,7 @@ const UserPage = () => {
<MenuItem value="nmi">{t('sharedNmi')}</MenuItem>
</Select>
</FormControl>
- <FormControl variant="filled" margin="normal" fullWidth>
+ <FormControl margin="normal" fullWidth>
<InputLabel>{t('settingsVolumeUnit')}</InputLabel>
<Select
value={(item.attributes && item.attributes.volumeUnit) || 'ltr'}
@@ -196,14 +196,14 @@ const UserPage = () => {
keyGetter={(it) => it}
titleGetter={(it) => it}
label={t('sharedTimezone')}
- variant="filled"
+
/>
<TextField
margin="normal"
value={item.poiLayer || ''}
onChange={(event) => setItem({ ...item, poiLayer: event.target.value })}
label={t('mapPoiLayer')}
- variant="filled"
+
/>
<FormControlLabel
control={<Checkbox checked={item.twelveHourFormat} onChange={(event) => setItem({ ...item, twelveHourFormat: event.target.checked })} />}
@@ -218,9 +218,9 @@ const UserPage = () => {
</Typography>
</AccordionSummary>
<AccordionDetails className={classes.details}>
- <FormControl variant="filled" margin="normal">
+ <FormControl margin="normal">
<InputLabel>{t('userToken')}</InputLabel>
- <FilledInput
+ <OutlinedInput
type="text"
value={item.token || ''}
onChange={(e) => setItem({ ...item, token: e.target.value })}
@@ -241,7 +241,7 @@ const UserPage = () => {
</FormControl>
<TextField
margin="normal"
- variant="filled"
+
label={t('userExpirationTime')}
type="date"
value={(item.expirationTime && item.expirationTime.format(moment.HTML5_FMT.DATE)) || '2999-01-01'}
@@ -254,7 +254,7 @@ const UserPage = () => {
value={item.deviceLimit || 0}
onChange={(e) => setItem({ ...item, deviceLimit: Number(e.target.value) })}
label={t('userDeviceLimit')}
- variant="filled"
+
disabled={!admin}
/>
<TextField
@@ -263,7 +263,7 @@ const UserPage = () => {
value={item.userLimit || 0}
onChange={(e) => setItem({ ...item, userLimit: Number(e.target.value) })}
label={t('userUserLimit')}
- variant="filled"
+
disabled={!admin}
/>
<FormControlLabel
@@ -328,7 +328,7 @@ const UserPage = () => {
keyBase="userId"
keyLink="deviceId"
label={t('deviceTitle')}
- variant="filled"
+
/>
<LinkField
margin="normal"
@@ -338,7 +338,7 @@ const UserPage = () => {
keyBase="userId"
keyLink="groupId"
label={t('settingsGroups')}
- variant="filled"
+
/>
<LinkField
margin="normal"
@@ -348,7 +348,7 @@ const UserPage = () => {
keyBase="userId"
keyLink="geofenceId"
label={t('sharedGeofences')}
- variant="filled"
+
/>
<LinkField
margin="normal"
@@ -359,7 +359,7 @@ const UserPage = () => {
keyLink="notificationId"
titleGetter={(it) => t(prefixString('event', it.type))}
label={t('sharedNotifications')}
- variant="filled"
+
/>
<LinkField
margin="normal"
@@ -369,7 +369,7 @@ const UserPage = () => {
keyBase="userId"
keyLink="calendarId"
label={t('sharedCalendars')}
- variant="filled"
+
/>
<LinkField
margin="normal"
@@ -379,7 +379,7 @@ const UserPage = () => {
keyBase="userId"
keyLink="managedUserId"
label={t('settingsUsers')}
- variant="filled"
+
/>
<LinkField
margin="normal"
@@ -390,7 +390,7 @@ const UserPage = () => {
keyLink="attributeId"
titleGetter={(it) => it.description}
label={t('sharedComputedAttributes')}
- variant="filled"
+
/>
<LinkField
margin="normal"
@@ -400,7 +400,7 @@ const UserPage = () => {
keyBase="userId"
keyLink="driverId"
label={t('sharedDrivers')}
- variant="filled"
+
/>
<LinkField
margin="normal"
@@ -411,7 +411,7 @@ const UserPage = () => {
keyLink="commandId"
titleGetter={(it) => it.description}
label={t('sharedSavedCommands')}
- variant="filled"
+
/>
<LinkField
margin="normal"
@@ -421,7 +421,7 @@ const UserPage = () => {
keyBase="userId"
keyLink="maintenanceId"
label={t('sharedMaintenance')}
- variant="filled"
+
/>
</AccordionDetails>
</Accordion>