Add Switcher modal

[saqimtiaz]

This is an alternative take on #5003

tm-show-switcher accepts a parameter switch which determines which switcher to show. Possible values are "theme", "palette", "language" and "layout".

The keyboard shortcut Ctrl+Shift+L is configured for the layout switcher.

A quick take on a CSS class for centered modals has been added and used. Our options here are somewhat limited by the JavaScript controlled animations and properties.

Demo

[saqimtiaz]

@BurningTreeC This builds on your work. It was just easier to code it than explain the approach.
Would love your input on the CSS, especially the transitions.

[BurningTreeC]

@saqimtiaz , I understand your approach and I like it!

About the transition: Removing it does not change anything, I doubt that it has any effect

[BurningTreeC]

I propose making the keyboard shortcut ctrl-shift-L because alt-shift-L is already taken for linkify in the text editor, which can cause confusion

[saqimtiaz]

Keyboard shortcut changed to Ctrl+shift+L and CSS line for animation removed. Demo updated.

[saqimtiaz]

@Jermolene I believe this meets your specs for how the switcher should be.

Should we decide not to have this in 5.1.23 for any reason, I suggest we at least add a simple switcher to the Control Panel.

[Jermolene]

Thanks @saqimtiaz looks good, just a couple of minor wording issues

[saqimtiaz]

All good suggestions @Jermolene and now resolved.

[Jermolene]

Thanks @saqimtiaz

[saqimtiaz]

@Jermolene any thoughts on where to document the shortcut Ctrl+Shift+L for the switcher?

Considering that it's intended to be a way to resolve a potentially broken layout we need to make sure it is an easy to discover shortcut.

[Jermolene]

Hi @saqimtiaz in the first instance, I think we need some docs under "Customise TiddlyWiki" in the TOC talking about layout switching, both from the perspective of an end user and for people creating new layouts. But longer term, I'm really interested in the idea of a context sensitive "heads up display". (We can figure out the keyboard shortcuts prevailing for a DOM node by walking up the widget tree)

[saqimtiaz]

@Jermolene HUD idea is great, we have a ticket to work on it after 5.1.23: #4958

I'll work on some docs for the layout switching.

[kookma]

@saqimtiaz

Seems the $:/snippets/LayoutSwitcher needs a caption

Why is the name of tiddler prefixed with $:/snippets/?

[saqimtiaz]

@kookma good catch, I was focused on the modal and not the ControlPanel.

@BurningTreeC would you have time to add the missing caption? I'm a bit pressed for time this evening.

[BurningTreeC]

yes @saqimtiaz , I'll add a caption. "Layout Switcher" should be good

[saqimtiaz]

@BurningTreeC I think in this case we just need the caption "Layout". See the screenshot from @kookma above.

Thank you, much appreciated.

[kookma]

Hi @Jermolene
Is it possible to have at least one other page layout in Tiddlywiki 5.1.23
Do you think solo can be used here?

[Jermolene]

Hi @kookma I don't think we have any candidate layouts of a sufficient quality at this point; part of the problem is that any layout that goes into the core has to be permanent. The idea of including the layout switcher in v5.1.23 is to give an opportunity for plugin writers to be able to get to work on new layouts.