mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-09-19 18:59:42 +00:00
a9f9ffd409
* First commit * Typo * Add support for delay parameter * Add confetti widget * Add tour plugin * Add element spotlight to dynannotate plugin Useful for highlighting on screen elements for the user * More and bigger confetti by default * Use new element spotlight to provide hints * Adjust hint selectors for create tiddler tour step * Include confetti plugin in prerelease * Clarify wording of confetti demo * Don't link TiddlyWiki in the tour panel * Tweaks to tour buttons * Mark dependents of the tour plugin * Add full screen section of tour and tour edition * Remove Anna Freud references from welcome tiddler * Build the tour edition in the preview * Fix typo in build script * Populate tour edition with solar system data From Simple English Wikipedia * Missing tag * Add page control button to start tour Also make the tour controls visible in full screen mode * Refactor to use global procedures to control the tour * Change "startup-actions" field to "enter-actions" to avoid confusion * Add a tour logo * Refactor to allow multiple tours to be loaded at once * Remove wikification from welcome tour step * Update docs * Simplify styles for top bar * Tours should have a $:/tags/Tour tag * Tour should autostart in the tour edition, but not in the main wiki * Better labelling for the main preview * Fix build process We build a separate tour.html wiki, but can include the tour in other wikis too * Remove obsolete text * Add "using tags" as a separate tour * Remove old debugging code * Add tour chooser * Ensure that the current tour isn't listed as an option in the final step * Use whitespace trim Note that the setting is inherited by procedure and widget definitions * Simplify tour step format * Remove obsolete state tiddler Not needed because now we initialise it in startup actions * Fix gap between navigation buttons * Clean up tiddler titles within the introduction tour * Finish allowing the name "TiddlyWiki" to be customised Some of the code was in the previous commit. Next we'll wire up the user interface * Clarify docs * Add a settings pane giving a birds eye view of a tour * Avoid having to embed confetti in the final step * Update docs * Tweak styling of tour chooser dropdown * Add a button to launch tour steps directly, and give them captions * Expose custom tour settings * Use the tour step caption as the heading * Fix initialisation when jumping to a tour step * Introduce step about tags * Improve wording * Improve styling of task call-to-action and nav buttons * Adopt new conditional shortcut syntax * Wording and ordering tweaks * Fix typos Thanks @pmario * Simplify styling of tour overlay * Use custom palette colours Makes it easier for people to use their own colour scheme for the tour * More custom colours * Tour wording tweaks * Extends the tour plugin with a condition field (#7861) * feat: support condition field to determine whether a step should be shown * feat: add support for overriding the hint text using the field 'hint' from the step tiddler * fix: roll back tour display procedure for now until an override mechanism has been discussed * fix: renamed advance-criterion field and associated variables to step-success-filter * fix: renamed hint field to hint-text and selector to hint-selector * refactor: to create function to get all tour tiddlers filtered by their condition field * refactor: rename globals tiddlers to variables and avoid making any of the tour procedures global * fix: also rename globals.tid file to variables.tid * docs: cover all tour steps tiddler fields * fix: improve spacing in Tour HUD * WIP --------- Co-authored-by: Jeremy Ruston <174761+Jermolene@users.noreply.github.com> Co-authored-by: Saq Imtiaz <saq.imtiaz@gmail.com>
106 lines
3.4 KiB
Plaintext
106 lines
3.4 KiB
Plaintext
title: $:/plugins/tiddlywiki/tour/simplified-tiddler-with-tags
|
|
|
|
\whitespace trim
|
|
\define tag-pill-styles()
|
|
background-color:$(backgroundColor)$;
|
|
fill:$(foregroundColor)$;
|
|
color:$(foregroundColor)$;
|
|
\end
|
|
|
|
\procedure tag-pill-label(prefix)
|
|
<$text text={{{ [<currentTiddler>removeprefix<prefix>] }}}/>
|
|
\end
|
|
|
|
\procedure tag-pill-label-link(prefix)
|
|
<div>
|
|
<$link>
|
|
<$transclude $variable="tag-pill-label" prefix=<<prefix>>/>
|
|
</$link>
|
|
</div>
|
|
\end
|
|
|
|
<!-- This has no whitespace trim to avoid modifying $actions$. Closing tags omitted for brevity. -->
|
|
\define tag-pill-inner(tag,icon,colour,fallbackTarget,colourA,colourB,element-tag,element-attributes,actions,prefix)
|
|
\whitespace trim
|
|
<$let
|
|
foregroundColor=<<contrastcolour target:"""$colour$""" fallbackTarget:"""$fallbackTarget$""" colourA:"""$colourA$""" colourB:"""$colourB$""">>
|
|
backgroundColor=<<__colour__>>
|
|
>
|
|
<$element-tag$
|
|
$element-attributes$
|
|
class="tc-tag-label tc-btn-invisible"
|
|
style=<<tag-pill-styles>>
|
|
>
|
|
<<__actions__>>
|
|
<$transclude tiddler=<<__icon__>>/>
|
|
<$let currentTiddler=<<__tag__>>>
|
|
<$transclude $variable="tag-pill-label" prefix=<<__prefix__>>/>
|
|
</$let>
|
|
</$element-tag$>
|
|
</$let>
|
|
\end
|
|
|
|
\define tag-pill-body(tag,icon,colour,palette,element-tag,element-attributes,actions,prefix)
|
|
<$transclude $variable="tag-pill-inner"
|
|
tag=<<__tag__>>
|
|
icon=<<__icon__>>
|
|
colour=<<__colour__>>
|
|
fallbackTarget={{$palette$##tag-background}}
|
|
colourA={{$palette$##foreground}}
|
|
colourB={{$palette$##background}}
|
|
element-tag=<<__element-tag__>>
|
|
element-attributes=<<__element-attributes__>>
|
|
actions=<<__actions__>>
|
|
prefix=<<__prefix__>>
|
|
/>
|
|
\end
|
|
|
|
\procedure simplified-tag(prefix)
|
|
<span class="tc-tag-list-item" data-tag-title=<<currentTiddler>>>
|
|
<$set name="transclusion" value=<<currentTiddler>>>
|
|
<$transclude $variable="tag-pill-body"
|
|
tag=<<currentTiddler>>
|
|
icon={{{ [<currentTiddler>] :cascade[all[shadows+tiddlers]tag[$:/tags/TiddlerIconFilter]!is[draft]get[text]] }}}
|
|
colour={{{ [<currentTiddler>] :cascade[all[shadows+tiddlers]tag[$:/tags/TiddlerColourFilter]!is[draft]get[text]] }}}
|
|
palette={{$:/palette}}
|
|
element-tag="$button"
|
|
element-attributes="""popup=<<qualify "$:/state/popup/tag">> dragFilter="[all[current]tagging[]]" tag='span'"""
|
|
prefix=<<prefix>>
|
|
/>
|
|
<$reveal state=<<qualify "$:/state/popup/tag">> type="popup" position="below" animate="yes" class="tc-drop-down">
|
|
<$set name="tv-show-missing-links" value="yes">
|
|
<$transclude $variable="tag-pill-label-link" prefix=<<prefix>>/>
|
|
</$set>
|
|
<hr>
|
|
<$list filter="[all[shadows+tiddlers]tag<currentTiddler>]">
|
|
<$transclude $variable="tag-pill-label-link" prefix=<<prefix>>/>
|
|
</$list>
|
|
</$reveal>
|
|
</$set>
|
|
</span>
|
|
\end
|
|
|
|
<$let storyTiddler=<<currentTiddler>>>
|
|
<div class="tc-tiddler-frame tc-tiddler-view-frame tc-tiddler-exists tc-tiddler-shadow " role="article">
|
|
<div class="tc-tiddler-title">
|
|
<div class="tc-titlebar">
|
|
<span class="tc-tiddler-controls">
|
|
<$list filter="[<tour-simplified-tiddler-close-button>match[yes]]" variable="ignore">
|
|
{{||$:/core/ui/Buttons/close}}
|
|
</$list>
|
|
</span>
|
|
<span>
|
|
<h2 class="tc-title"><$view field="caption"/></h2>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="tc-tags-wrapper">
|
|
<$list filter="[all[current]tags[]sort[title]]" storyview="pop">
|
|
<<simplified-tag "$:/plugins/tiddlywiki/tour/introduction-to-tiddlywiki/tiddlers/">>
|
|
</$list>
|
|
</div>
|
|
<div class="tc-tiddler-body">
|
|
<$transclude field="text" mode="block"/>
|
|
</div>
|
|
</div>
|
|
</$let> |