1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-06-26 15:23:15 +00:00

Add custom view template body for globals, and a new sidebar tab under "more"

And also a custom view template title that greys out the $:/global/ part of the title
This commit is contained in:
jeremy@jermolene.com 2022-09-10 11:03:40 +01:00
parent 580e33d30f
commit ecd467496d
11 changed files with 86 additions and 3 deletions

View File

@ -40,6 +40,10 @@ Error/RetrievingSkinny: Error retrieving skinny tiddler list
Error/SavingToTWEdit: Error saving to TWEdit
Error/WhileSaving: Error while saving
Error/XMLHttpRequest: XMLHttpRequest error code
Globals/Caption: Global <<type>>: ''<<name>>''
Globals/ListItem: ''<<name>>'' (<<type>>)
Globals/Parameters/Caption: Parameters:
Globals/Text/Caption: Text:
InternalJavaScriptError/Title: Internal JavaScript Error
InternalJavaScriptError/Hint: Well, this is embarrassing. It is recommended that you restart TiddlyWiki by refreshing your browser
LayoutSwitcher/Description: Open the layout switcher

View File

@ -5,6 +5,7 @@ All/Caption: All
Contents/Caption: Contents
Drafts/Caption: Drafts
Explorer/Caption: Explorer
Globals/Caption: Globals
Missing/Caption: Missing
More/Caption: More
Open/Caption: Open

View File

@ -0,0 +1,16 @@
title: $:/core/ui/MoreSideBar/Globals
tags: $:/tags/MoreSideBar
caption: {{$:/language/SideBar/Globals/Caption}}
<$list filter="[all[tiddlers+shadows]prefix[$:/global/]sort[]]">
<div class="tc-menu-list-item">
<$link>
<$let
name={{{ [<currentTiddler>removeprefix[$:/global/]] }}}
type={{{ [{!!_is_macro}match[yes]then[macro]] :else[{!!_is_function}match[yes]then[function]] :else[{!!_is_procedure}match[yes]then[procedure]] :else[{!!_is_widget}match[yes]then[widget]] :else[[variable]] }}}
>
{{$:/language/Globals/ListItem}}
</$let>
</$link>
</div>
</$list>

View File

@ -0,0 +1,24 @@
title: $:/core/ui/ViewTemplate/body/global
\procedure display-global()
<div class="tc-global-tiddler-body">
<div class="tc-global-tiddler-body-heading">
<h2 class="tc-global-tiddler-body-type">
<$let
name={{{ [<currentTiddler>removeprefix[$:/global/]] }}}
type={{{ [{!!_is_macro}match[yes]then[macro]] :else[{!!_is_function}match[yes]then[function]] :else[{!!_is_procedure}match[yes]then[procedure]] :else[{!!_is_widget}match[yes]then[widget]] :else[[variable]] }}}
>
{{$:/language/Globals/Caption}}
</$let>
</h2>
<$list filter="[<currentTiddler>has[_parameters]]" variable="ignore">
{{$:/language/Globals/Parameters/Caption}}
<pre class="tc-global-tiddler-body-details"><code><$text text={{!!_parameters}}/></code></pre>
</$list>
</div>
{{$:/language/Globals/Text/Caption}}
<$transclude tiddler="$:/core/ui/ViewTemplate/body/code"/>
</div>
\end
<$transclude $variable="display-global" $mode="inline"/>

View File

@ -0,0 +1,6 @@
title: $:/core/ui/ViewTemplate/title/global
\whitespace trim
<h2 class="tc-title" title={{$:/language/SystemTiddler/Tooltip}}>
<span class="tc-system-title-prefix">$:/global/</span><$text text={{{ [<currentTiddler>removeprefix[$:/global/]] }}}/>
</h2>

View File

@ -1,6 +1,7 @@
title: $:/config/ViewTemplateBodyFilters/
tags: $:/tags/ViewTemplateBodyFilter
global: [prefix[$:/global/]then[$:/core/ui/ViewTemplate/body/global]]
stylesheet: [tag[$:/tags/Stylesheet]then[$:/core/ui/ViewTemplate/body/rendered-plain-text]]
system: [prefix[$:/boot/]] [prefix[$:/config/]] [prefix[$:/core/macros]] [prefix[$:/core/save/]] [prefix[$:/core/templates/]] [prefix[$:/core/ui/]split[/]count[]compare:number:eq[4]] [prefix[$:/info/]] [prefix[$:/language/]] [prefix[$:/languages/]] [prefix[$:/snippets/]] [prefix[$:/state/]] [prefix[$:/status/]] [prefix[$:/info/]] [prefix[$:/temp/]] +[!is[image]limit[1]then[$:/core/ui/ViewTemplate/body/code]]
code-body: [field:code-body[yes]then[$:/core/ui/ViewTemplate/body/code]]

View File

@ -1,5 +1,6 @@
title: $:/config/ViewTemplateTitleFilters/
tags: $:/tags/ViewTemplateTitleFilter
global: [prefix[$:/global/]then[$:/core/ui/ViewTemplate/title/global]]
system: [prefix[$:/]then[$:/core/ui/ViewTemplate/title/system]]
default: [[$:/core/ui/ViewTemplate/title/default]]

View File

@ -1,3 +1,3 @@
title: $:/tags/MoreSideBar
list: [[$:/core/ui/MoreSideBar/All]] [[$:/core/ui/MoreSideBar/Recent]] [[$:/core/ui/MoreSideBar/Tags]] [[$:/core/ui/MoreSideBar/Missing]] [[$:/core/ui/MoreSideBar/Drafts]] [[$:/core/ui/MoreSideBar/Orphans]] [[$:/core/ui/MoreSideBar/Types]] [[$:/core/ui/MoreSideBar/System]] [[$:/core/ui/MoreSideBar/Shadows]] [[$:/core/ui/MoreSideBar/Explorer]] [[$:/core/ui/MoreSideBar/Plugins]]
list: [[$:/core/ui/MoreSideBar/All]] [[$:/core/ui/MoreSideBar/Recent]] [[$:/core/ui/MoreSideBar/Tags]] [[$:/core/ui/MoreSideBar/Missing]] [[$:/core/ui/MoreSideBar/Drafts]] [[$:/core/ui/MoreSideBar/Orphans]] [[$:/core/ui/MoreSideBar/Types]] [[$:/core/ui/MoreSideBar/System]] [[$:/core/ui/MoreSideBar/Shadows]] [[$:/core/ui/MoreSideBar/Explorer]] [[$:/core/ui/MoreSideBar/Globals]] [[$:/core/ui/MoreSideBar/Plugins]]

View File

@ -1,3 +1,3 @@
title: $:/tags/ViewTemplateBodyFilter
list: $:/config/ViewTemplateBodyFilters/hide-body $:/config/ViewTemplateBodyFilters/code-body $:/config/ViewTemplateBodyFilters/stylesheet $:/config/ViewTemplateBodyFilters/system $:/config/ViewTemplateBodyFilters/import $:/config/ViewTemplateBodyFilters/plugin $:/config/ViewTemplateBodyFilters/default
list: $:/config/ViewTemplateBodyFilters/hide-body $:/config/ViewTemplateBodyFilters/global $:/config/ViewTemplateBodyFilters/code-body $:/config/ViewTemplateBodyFilters/stylesheet $:/config/ViewTemplateBodyFilters/system $:/config/ViewTemplateBodyFilters/import $:/config/ViewTemplateBodyFilters/plugin $:/config/ViewTemplateBodyFilters/default

View File

@ -1,3 +1,3 @@
title: $:/tags/ViewTemplateTitleFilter
list: $:/config/ViewTemplateTitleFilters/system $:/config/ViewTemplateTitleFilters/default
list: $:/config/ViewTemplateTitleFilters/global $:/config/ViewTemplateTitleFilters/system $:/config/ViewTemplateTitleFilters/default

View File

@ -3068,6 +3068,36 @@ select {
background: <<colour select-tag-background>>;
}
/*
** Classes for displaying globals
*/
.tc-global-tiddler-body {
padding: 0.25em;
border: 1px solid <<colour foreground>>;
background-color: <<colour muted-foreground>>;
border-radius: 3px;
}
.tc-global-tiddler-body-heading {
margin: 0 0 0.25em 0;
font-weight: normal;
}
.tc-global-tiddler-body-type {
margin: 0 0 0.25em 0;
border-bottom: 1px solid <<colour foreground>>;
}
.tc-global-tiddler-body-details {
background-color: <<colour background>>;
}
.tc-global-tiddler-body pre {
margin: 0;
border: 1px solid <<colour foreground>>;
}
/*
** Utility classes for SVG icons
*/