rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Added ability to hide date/tags columns and icons in table view

Browse Source
This commit is contained in:
Aman Harwara
2023-01-18 23:44:21 +05:30
parent 066a0b4c65
commit 3c869fe693
1 changed files with 71 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

140
packages/web/src/javascripts/Components/ContentListView/Header/DisplayOptionsMenu.tsx
View File

@@ -346,80 +346,82 @@ const DisplayOptionsMenu: FunctionComponent<DisplayOptionsMenuProps> = ({
) : null} ) : null}
</div> </div>
</MenuRadioButtonItem> </MenuRadioButtonItem>
{!shouldHideNonApplicableOptions && ( <>
<> <MenuItemSeparator />
<MenuItemSeparator /> <div className="px-3 py-1 text-base font-semibold uppercase text-text lg:text-xs">View</div>
<div className="px-3 py-1 text-base font-semibold uppercase text-text lg:text-xs">View</div> {!shouldHideNonApplicableOptions && !isFilesSmartView && (
{!isFilesSmartView && ( <MenuSwitchButtonItem
disabled={controlsDisabled}
className="py-1 hover:bg-contrast focus:bg-info-backdrop"
checked={!preferences.hideNotePreview}
onChange={toggleHidePreview}
>
<div className="max-w-3/4 flex flex-col">Show note preview</div>
</MenuSwitchButtonItem>
)}
<MenuSwitchButtonItem
disabled={controlsDisabled}
className="py-1 hover:bg-contrast focus:bg-info-backdrop"
checked={!preferences.hideDate}
onChange={toggleHideDate}
>
Show date
</MenuSwitchButtonItem>
<MenuSwitchButtonItem
disabled={controlsDisabled}
className="py-1 hover:bg-contrast focus:bg-info-backdrop"
checked={!preferences.hideTags}
onChange={toggleHideTags}
>
Show tags
</MenuSwitchButtonItem>
<MenuSwitchButtonItem
disabled={controlsDisabled}
className="py-1 hover:bg-contrast focus:bg-info-backdrop"
checked={!preferences.hideEditorIcon}
onChange={toggleEditorIcon}
>
Show icon
</MenuSwitchButtonItem>
{!shouldHideNonApplicableOptions && (
<>
<MenuItemSeparator />
<div className="px-3 py-1 text-base font-semibold uppercase text-text lg:text-xs">Other</div>
<MenuSwitchButtonItem <MenuSwitchButtonItem
disabled={controlsDisabled} disabled={controlsDisabled}
className="py-1 hover:bg-contrast focus:bg-info-backdrop" className="py-1 hover:bg-contrast focus:bg-info-backdrop"
checked={!preferences.hideNotePreview} checked={!preferences.hidePinned}
onChange={toggleHidePreview} onChange={toggleHidePinned}
> >
<div className="max-w-3/4 flex flex-col">Show note preview</div> Show pinned
</MenuSwitchButtonItem> </MenuSwitchButtonItem>
)} <MenuSwitchButtonItem
<MenuSwitchButtonItem disabled={controlsDisabled}
disabled={controlsDisabled} className="py-1 hover:bg-contrast focus:bg-info-backdrop"
className="py-1 hover:bg-contrast focus:bg-info-backdrop" checked={!preferences.hideProtected}
checked={!preferences.hideDate} onChange={toggleHideProtected}
onChange={toggleHideDate} >
> Show protected
Show date </MenuSwitchButtonItem>
</MenuSwitchButtonItem> <MenuSwitchButtonItem
<MenuSwitchButtonItem disabled={controlsDisabled}
disabled={controlsDisabled} className="py-1 hover:bg-contrast focus:bg-info-backdrop"
className="py-1 hover:bg-contrast focus:bg-info-backdrop" checked={Boolean(preferences.showArchived)}
checked={!preferences.hideTags} onChange={toggleShowArchived}
onChange={toggleHideTags} >
> Show archived
Show tags </MenuSwitchButtonItem>
</MenuSwitchButtonItem> <MenuSwitchButtonItem
<MenuSwitchButtonItem disabled={controlsDisabled}
disabled={controlsDisabled} className="py-1 hover:bg-contrast focus:bg-info-backdrop"
className="py-1 hover:bg-contrast focus:bg-info-backdrop" checked={Boolean(preferences.showTrashed)}
checked={!preferences.hideEditorIcon} onChange={toggleShowTrashed}
onChange={toggleEditorIcon} >
> Show trashed
Show icon </MenuSwitchButtonItem>
</MenuSwitchButtonItem> </>
<MenuItemSeparator /> )}
<div className="px-3 py-1 text-base font-semibold uppercase text-text lg:text-xs">Other</div> </>
<MenuSwitchButtonItem
disabled={controlsDisabled}
className="py-1 hover:bg-contrast focus:bg-info-backdrop"
checked={!preferences.hidePinned}
onChange={toggleHidePinned}
>
Show pinned
</MenuSwitchButtonItem>
<MenuSwitchButtonItem
disabled={controlsDisabled}
className="py-1 hover:bg-contrast focus:bg-info-backdrop"
checked={!preferences.hideProtected}
onChange={toggleHideProtected}
>
Show protected
</MenuSwitchButtonItem>
<MenuSwitchButtonItem
disabled={controlsDisabled}
className="py-1 hover:bg-contrast focus:bg-info-backdrop"
checked={Boolean(preferences.showArchived)}
onChange={toggleShowArchived}
>
Show archived
</MenuSwitchButtonItem>
<MenuSwitchButtonItem
disabled={controlsDisabled}
className="py-1 hover:bg-contrast focus:bg-info-backdrop"
checked={Boolean(preferences.showTrashed)}
onChange={toggleShowTrashed}
>
Show trashed
</MenuSwitchButtonItem>
</>
)}
{currentMode === 'tag' && !isSystemTag && DailyEntryModeEnabled && !isTableViewEnabled && ( {currentMode === 'tag' && !isSystemTag && DailyEntryModeEnabled && !isTableViewEnabled && (
<> <>