show hide input descriptions

Author: NoelKova

apps/sensenet/src/components/appbar/desktop-nav-menu.tsx

@@ -113,6 +113,11 @@ export const DesktopNavMenu: FunctionComponent = () => {
     service.setPersonalSettingsValue({ ...settings, theme: event.target.checked ? 'dark' : 'light' })
   }
 
+  const switchDescription = () => (event: ChangeEvent<HTMLInputElement>) => {
+    const settings = service.userValue.getValue()
+    service.setPersonalSettingsValue({ ...settings, showDescription: event.target.checked })
+  }
+
   const toggleHideSettingsFolder = () => (event: ChangeEvent<HTMLInputElement>) => {
     const settings = service.userValue.getValue()
     service.setPersonalSettingsValue({ ...settings, showHiddenItems: event.target.checked })
@@ -247,6 +252,22 @@ export const DesktopNavMenu: FunctionComponent = () => {
                     </Grid>
                   </Typography>
                 </MenuItem>
+                <MenuItem>
+                  <Typography component="div" className={classes.checkboxMenuItem} style={{ width: '100%' }}>
+                    <Grid component="label" container alignItems="center" justify="space-between">
+                      <Grid item style={{ paddingRight: '16px' }} data-test="description-status">
+                        {'Show Description'}
+                      </Grid>
+                      <Grid item>
+                        <Switch
+                          data-test="description-switcher"
+                          checked={personalSettings.showDescription}
+                          onChange={switchDescription()}
+                        />
+                      </Grid>
+                    </Grid>
+                  </Typography>
+                </MenuItem>
                 <MenuItem>
                   <Typography component="div" className={classes.checkboxMenuItem} style={{ width: '100%' }}>
                     <Grid component="label" container alignItems="center" justify="space-between">

apps/sensenet/src/components/view-controls/edit-view.tsx

@@ -114,7 +114,7 @@ export const EditView: React.FC<EditViewProps> = (props) => {
         cancel: localization.forms.cancel,
         advancedFields: localization.forms.advancedFields,
       }}
-      hideDescription
+      hideDescription={!personalSettings.showDescription}
       locale={LocalizationObject[personalSettings.language].locale}
       classes={{
         ...classes,

apps/sensenet/src/services/PersonalSettings.ts

@@ -93,6 +93,7 @@ export type PersonalSettingsType = PlatformDependent<UiSettings> & {
   logLevel: Array<keyof typeof LogLevel>
   language: 'default' | 'hungarian'
   theme: 'light' | 'dark'
+  showDescription: boolean
   uploadHandlers: string[]
 }
 
@@ -140,6 +141,7 @@ export const defaultSettings: PersonalSettingsType = {
   sendLogWithCrashReports: true,
   logLevel: ['Information', 'Warning', 'Error', 'Fatal'],
   theme: prefersDark ? 'dark' : 'light',
+  showDescription: false,
   showHiddenItems: true,
   preferDisplayName: false,
   uploadHandlers: [