mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-07-01 09:43:16 +00:00
Code Issues Releases Wiki Activity

Add page control button to start tour

Browse Source 
Also make the tour controls visible in full screen mode
This commit is contained in:
Jeremy Ruston 2023-09-10 11:00:55 +01:00
parent d332baabe7
commit d28cf74115
6 changed files with 42 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
plugins/tiddlywiki/tour/globals.tid Normal file
View File

@ -0,0 +1,8 @@
title: $:/plugins/tiddlywiki/tour/globals
tags: $:/tags/Global
\procedure tour-restart()
<$action-setfield $tiddler="$:/config/ShowTour" text="show"/>
<$action-setfield $tiddler="$:/state/tour/step" $field="text" $value={{{ [all[shadows+tiddlers]tag[$:/tags/TourStep]first[]] }}}/>
{{$:/plugins/tiddlywiki/tour/actions/initialise-current-tour-step}}
\end

9
plugins/tiddlywiki/tour/images/tour-button-icon.tid Normal file
View File

@ -0,0 +1,9 @@
title: $:/plugins/tiddlywiki/tour/tour-button-icon
tags: $:/tags/Image
\parameters (size:"22pt")
<svg width=<<size>> height=<<size>> class="tc-image-tour-button tc-image-button" viewBox="0 0 24 24">
<path d="M0 0h24v24H0z" style="fill:none"/>
<path d="M1.832 10.356a1.024 1.024 0 0 1 0-1.832l9.71-4.856c.288-.144.628-.144.916 0l9.71 4.856a1.024 1.024 0 0 1 0 1.832l-9.71 4.855a1.025 1.025 0 0 1-.916 0l-9.71-4.855Z"/>
<path d="M18.5 13.19v3.25h-.066c.044.163.066.33.066.5 0 1.932-2.913 3.5-6.5 3.5s-6.5-1.568-6.5-3.5c0-.17.022-.337.066-.5H5.5v-3.25l6.042 3.02c.288.145.628.145.916 0l6.042-3.02ZM2.73 8.44l.208 5-.681 3s-.002.709.974.717c.92.007 1-.717 1-.717l-.793-3 .293-5h-1Z"/>
</svg>

17
plugins/tiddlywiki/tour/start-tour-button.tid Normal file
View File

@ -0,0 +1,17 @@
title: $:/plugins/tiddlywiki/tour/start-tour-button
tags: $:/tags/PageControls
caption: {{$:/plugins/tiddlywiki/tour/tour-button-icon}} Start Tour
description: Start interactive training tour
\whitespace trim
<$button tooltip="Start interactive training tour" aria-label="Start Tour" class=<<tv-config-toolbar-class>>>
<<tour-restart>>
<$list filter="[<tv-config-toolbar-icons>match[yes]]" variable="listItem">
{{$:/plugins/tiddlywiki/tour/tour-button-icon}}
</$list>
<$list filter="[<tv-config-toolbar-text>match[yes]]">
<span class="tc-btn-text">
<$text text="Start Tour"/>
</span>
</$list>
</$button>

6
plugins/tiddlywiki/tour/styles.tid
View File

@ -36,8 +36,12 @@ tags: $:/tags/Stylesheet
margin: 0;
}
.tc-tour-panel-controls-icon {
vertical-align: middle;
}
.tc-tour-panel-fullscreen .tc-tour-panel-controls {
display: none;
<!-- display: none; -->
}
.tc-tour-panel .tc-tour-panel-banner-image {

2
plugins/tiddlywiki/tour/tagsTourStep.tid
View File

@ -1,2 +1,4 @@
title: $:/tags/TourStep
list: $:/plugins/tiddlywiki/tour/steps/welcome $:/plugins/tiddlywiki/tour/steps/tiddlers $:/plugins/tiddlywiki/tour/steps/links $:/plugins/tiddlywiki/tour/steps/closing-tiddlers $:/plugins/tiddlywiki/tour/steps/end-of-fullscreen $:/plugins/tiddlywiki/tour/steps/open-control-panel $:/plugins/tiddlywiki/tour/steps/close-control-panel $:/plugins/tiddlywiki/tour/steps/search $:/plugins/tiddlywiki/tour/steps/recent $:/plugins/tiddlywiki/tour/steps/create-tiddler
Introduction to ~TiddlyWiki

2
plugins/tiddlywiki/tour/tour-panel.tid
View File

@ -24,7 +24,7 @@ next
[img class="tc-tour-panel-banner-image" [$:/tour/BannerImage]]
<div class="tc-tour-panel-inner">
<div class="tc-tiddler-controls tc-tour-panel-controls">
<$button set="$:/config/ShowTour" setTo="no" class="tc-btn-invisible">{{$:/core/images/close-button}}</$button> ''Tour''
<$button set="$:/config/ShowTour" setTo="no" class="tc-btn-invisible">{{$:/core/images/close-button}}</$button> <span class="tc-tour-panel-controls-icon">{{$:/plugins/tiddlywiki/tour/tour-button-icon}}</span> ''Tour'': {{$:/tags/TourStep!!text}}
</div>
<$transclude tiddler={{$:/state/tour/step}} mode="block"/>
<$list filter="[{$:/state/tour/step}has[selector]]" variable="ignore">