TiddlyWiki / TiddlyWiki5

A self-contained JavaScript wiki for the browser, Node.js, AWS Lambda etc.
https://tiddlywiki.com/
Other
8.02k stars 1.19k forks source link

[IDEA] Introduce a way to group items in Control Panel tabs #4957

Open saqimtiaz opened 3 years ago

saqimtiaz commented 3 years ago

Background: #4952

We need a better way to organize and group keyboard shortcuts, settings etc in the control panel tab.

For instance the keyboard shortcuts list is long and hard to scan at a glance. Perhaps a way to group them: collapsible sections or sub-tabs for editor shortcuts, UI shortcuts, etc.

toggle-sidebar for example, is listed between superscript and underline, which isn't intuitive when you don't know how the keyboard shortcut might be described.

@Jermolene suggested that: "The palette editor and settings tab suffer from many of the same problems, perhaps there's scope to bring in a general purpose component that groups items and provides dynamic search (similar to the existing plugins listing)."

rmunn commented 3 years ago

In addition to grouping the shortcuts by category or context (editor, story view, or whatever), I'd like to also see two other groups. One would be a group called "All shortcuts by name" that presents them in alphabetical order of the shortcut name, i.e. exactly the way they're currently presented. And the other would be a group called "All shortcuts by key", that presents them in pseudo-alphabetical order of the keys used, with the following guidelines:

Open questions about the design I just outlined:

saqimtiaz commented 3 years ago

@rmunn all good suggestions, thank you.

kookma commented 3 years ago

[IDEA] Overhaul of Tiddlywiki Settings #5124

Is your feature request related to a problem? Please describe. Right now all the settings can be accessed by opening the $:/ControlPanle. Are all of these required for normal users? Of course there is an Advanced Tab which used by superusers.

Describe the solution you'd like A propose a setting page like Chrome

image

It has three features:

  1. A searchbox to find a setting (or hidden one)
  2. A Tree like menu in the left with icons to simply recognize categories. Click on each category open the setting for that category in the right panel.
  3. A hidden Advanced section on click expand advanced setting categories

I think replicating the Chrome Setting page in Tiddlywiki is simple. TW has all required tools to create such elements.

If we want to keep the current design, I am insisted to have item 1 and 2 above.

kookma commented 3 years ago

Some other Setting pages to get idea

Windows 10

109_ApplicationFrameHost

Note the search in setting on the top right

GitHub

108_%pn

kookma commented 3 years ago

Note: Using sub pages like figures above makes Tiddlywiki Control Panel pages work better on small screen devices.

Worth have a look on the below discussions

Recommendation by Apple and Google

saqimtiaz commented 3 years ago

Also see #4507 with ideas about search and find in settings.

twMat commented 3 years ago

This might be a good time and context to consider "searchable keywords", i.e words that are specifically added for the sake of findability but that are not (necessarily) part of the tiddlers text or the tags.

I've called for a "keywords" feature previously and created searchwords. The Controlpanel is a particularly good use case because all users must deal with the controlpanel but at the same time it is very "lingo heavy". For example; a user who naively searches for either of "color" or "colour" should, of course, get the palette as one of the search results and probably also the themes. And users should ideally also be able to add custom keywords to controlpanel items for findability, e.g "Fav. settings", "Disability settings", etc and find all the concerned settings in one search.

The Controlpanel equivalents in Win 10, Chrome browser and more, allow this type of free text search to locate settings.

Hope this was not off topic.

saqimtiaz commented 3 years ago

@twMat yes this thought has occurred to me as well when thinking of adding the ability to search within the Control Panel. I am planning to work on a settings UI for my Streams plugin after the TW 5.1.23 release and use that as an opportunity to test some UI ideas for the core control panel.