diff --git a/editions/tw5.com/tiddlers/Icon Gallery.tid b/editions/tw5.com/tiddlers/Icon Gallery.tid new file mode 100644 index 000000000..9985cbc0f --- /dev/null +++ b/editions/tw5.com/tiddlers/Icon Gallery.tid @@ -0,0 +1,14 @@ +created: 20211013132515594 +modified: 20211018102307833 +tags: Learning +title: Icon Gallery +type: text/vnd.tiddlywiki + +\define copyActions() <$action-sendmessage $message="tm-copy-to-clipboard" $param=<>/> + +<<.tip "Click an icon to copy the title to the clipboard">> + +
+<$macrocall $name="image-picker-list" filter="[all[shadows+tiddlers]tag[$:/tags/Image]]" actions=<> /> +
+ diff --git a/editions/tw5.com/tiddlers/demonstrations/ImageGallery Example.tid b/editions/tw5.com/tiddlers/demonstrations/ImageGallery Example.tid index d0d2538df..c9df4ac0b 100644 --- a/editions/tw5.com/tiddlers/demonstrations/ImageGallery Example.tid +++ b/editions/tw5.com/tiddlers/demonstrations/ImageGallery Example.tid @@ -1,22 +1,11 @@ created: 20140809113603449 -modified: 20150520161451179 +modified: 20211022195248529 tags: Learning title: ImageGallery Example type: text/vnd.tiddlywiki -Here is an example of using the ListWidget and the TranscludeWidget to show a grid of all system images (ie, tiddlers tagged [[$:/tags/Image]]). +<<.warning "The [[ImageGallery Example]] has been replaced with the new [[Icon Gallery]] which is transcluded below">> - -
-<$list filter="[all[tiddlers+shadows]tag[$:/tags/Image]]"> ->> -<$transclude/> - - -
+--- + +{{Icon Gallery}} diff --git a/editions/tw5.com/tiddlers/features/LazyLoading.tid b/editions/tw5.com/tiddlers/features/LazyLoading.tid index 893e22bd2..5372fb35b 100644 --- a/editions/tw5.com/tiddlers/features/LazyLoading.tid +++ b/editions/tw5.com/tiddlers/features/LazyLoading.tid @@ -1,5 +1,5 @@ created: 20140206214608586 -modified: 20180701185417525 +modified: 20211009145417525 tags: Features title: LazyLoading type: text/vnd.tiddlywiki @@ -11,7 +11,7 @@ Lazy loading can be used in two configurations: * When running [[TiddlyWiki on Node.js]], just image tiddlers or all non-system tiddlers can be subject to lazy loading * When running [[TiddlyWiki in the Sky for TiddlyWeb]], all tiddlers are subject to lazy loading -See the LazyLoadingMechanism for details of how lazy loading is implemented. +See the [[Lazy Loading Mechanism|https://tiddlywiki.com/dev/#LazyLoadingMechanism]] for details of how lazy loading is implemented. ! Lazy loading under Node.js @@ -28,4 +28,3 @@ To apply lazy loading to all non-system tiddlers use this command: ``` tiddlywiki --listen root-tiddler=$:/core/save/lazy-all ``` - diff --git a/editions/tw5.com/tiddlers/hellothere/Some of the things you can do with TiddlyWiki.tid b/editions/tw5.com/tiddlers/hellothere/Some of the things you can do with TiddlyWiki.tid index 8ca09ca71..b2cc5d6aa 100644 --- a/editions/tw5.com/tiddlers/hellothere/Some of the things you can do with TiddlyWiki.tid +++ b/editions/tw5.com/tiddlers/hellothere/Some of the things you can do with TiddlyWiki.tid @@ -1,5 +1,5 @@ created: 20140904090300000 -modified: 20160602051709631 +modified: 20211018102355896 tags: HelloThere title: Some of the things you can do with TiddlyWiki type: text/vnd.tiddlywiki @@ -11,7 +11,7 @@ type: text/vnd.tiddlywiki * Inventory just about anything: your recipes, personal library, contacts, music collection, and more * Create a blog or website * Write a book -* Organise your images into galleries (see our [[ImageGallery Example]]) +* Organise your images into galleries (see [[Icon Gallery]]) * Share the information in your ~TiddlyWiki with others, as an online file, as a file attachment, as a tiddler file, or as a link to a specific online tiddler (try clicking and dragging a tiddler from one ~TiddlyWiki file to another to see what happens) * Draw a sketch (Edit [[Motovun Jack.jpg]] and start drawing over the image to see what happens) * Use familiar web user interface elements such as lightboxes - see SampleWizard diff --git a/editions/tw5.com/tiddlers/howtos/How to create dynamic editor toolbar buttons.tid b/editions/tw5.com/tiddlers/howtos/How to create dynamic editor toolbar buttons.tid index 27ed11d03..5ec53f2ee 100644 --- a/editions/tw5.com/tiddlers/howtos/How to create dynamic editor toolbar buttons.tid +++ b/editions/tw5.com/tiddlers/howtos/How to create dynamic editor toolbar buttons.tid @@ -1,5 +1,5 @@ created: 20201216182347597 -modified: 20201217193318816 +modified: 20211018102328148 tags: title: How to create dynamic editor toolbar buttons type: text/vnd.tiddlywiki @@ -86,7 +86,7 @@ This tiddler contains all the necessary elements that are important for toolbar : Is used as the button tooltip ; icon -: Assigns the button icon. We use `$:/core/images/spiral` {{$:/core/images/spiral}} here. +: Assigns the button icon. We use `$:/core/images/spiral` {{$:/core/images/spiral}} here. More button icons can be found in the [[Icon Gallery]] ; shortcuts : This is the [[Keyboard Shortcut Descriptor]] eg: `((temp-bold))` diff --git a/editions/tw5.com/tiddlers/system/doc-styles.tid b/editions/tw5.com/tiddlers/system/doc-styles.tid index 2e33a266c..35b955105 100644 --- a/editions/tw5.com/tiddlers/system/doc-styles.tid +++ b/editions/tw5.com/tiddlers/system/doc-styles.tid @@ -110,6 +110,9 @@ td svg { padding-bottom: 0; margin-top: 0.2em; } +.doc-example input { + width: 60%; +} .doc-example pre:first-child { margin-top: 0; } diff --git a/editions/tw5.com/tiddlers/system/operator-macros.tid b/editions/tw5.com/tiddlers/system/operator-macros.tid index df917402b..477968945 100644 --- a/editions/tw5.com/tiddlers/system/operator-macros.tid +++ b/editions/tw5.com/tiddlers/system/operator-macros.tid @@ -5,22 +5,29 @@ tags: $:/tags/Macro \define .operator-examples(op,text:"Examples") <$link to="$op$ Operator (Examples)">$text$ +\define .operator-example-tryit-actions() <$action-setfield $tiddler=<<.state>> text="show" filter=<<__eg__>>/> \define .operator-example(n,eg,ie)
-`$eg$` -<$macrocall $name=".if" cond="""$ie$""" then="""
→ $ie$
"""/> <$list filter="[title<.state-prefix>addsuffix{!!title}addsuffix[/]addsuffix[$n$]]" variable=".state"> <$reveal state=<<.state>> type="nomatch" text="show"> + `$eg$` + <$macrocall $name=".if" cond="""$ie$""" then="""
→ $ie$
"""/>
-
<$button set=<<.state>> setTo="show">Try it
+
<$button actions=<<.operator-example-tryit-actions>>>Try it
<$reveal state=<<.state>> type="match" text="show"> + <$edit-text tiddler=<<.state>> field="filter" tag="input" type=search focus="true"/>
-
<$button set=<<.state>> setTo="">Hide
+
+ <$button set=<<.state>> setTo="">Hide + <$reveal stateTitle=<<.state>> stateField="filter" type="nomatch" text=<<__eg__>>> + <$button actions=<<.operator-example-tryit-actions>>>Reset + +
-
    <$list filter="""$eg$""" emptyMessage="(empty)"> +
      <$list filter={{{[<.state>get[filter]]}}} emptyMessage="(empty)">
    • <$link><$view field="title"/>
diff --git a/editions/tw5.com/tiddlers/systemtags/SystemTag_ $__tags_Image.tid b/editions/tw5.com/tiddlers/systemtags/SystemTag_ $__tags_Image.tid index 7eef1f05a..0fdc44f4a 100644 --- a/editions/tw5.com/tiddlers/systemtags/SystemTag_ $__tags_Image.tid +++ b/editions/tw5.com/tiddlers/systemtags/SystemTag_ $__tags_Image.tid @@ -1,9 +1,9 @@ caption: $:/tags/Image created: 20180926170345251 description: marks (core) images -modified: 20180926171456494 +modified: 20211018102336342 tags: SystemTags title: SystemTag: $:/tags/Image type: text/vnd.tiddlywiki -The [[system tag|SystemTags]] `$:/tags/Image` marks (core) images \ No newline at end of file +The [[system tag|SystemTags]] `$:/tags/Image` marks core images. An overview of system icons can be found in the [[Icon Gallery]] \ No newline at end of file diff --git a/editions/tw5.com/tiddlers/widgets/ActionWidget Execution Modes.tid b/editions/tw5.com/tiddlers/widgets/ActionWidget Execution Modes.tid index 2c54eb69b..f48be2154 100644 --- a/editions/tw5.com/tiddlers/widgets/ActionWidget Execution Modes.tid +++ b/editions/tw5.com/tiddlers/widgets/ActionWidget Execution Modes.tid @@ -1,4 +1,6 @@ title: ActionWidget Execution Modes +modified: 20211026094722447 +created: 20211003094722447 <<.from-version "5.2.0">> The default behaviour of action widgets has some peculiarities that often cause confusion. There is now an improved mode that simplifies how things work, but due to BackwardsCompatibility constraints, it must be explicitly engaged in order to take advantage of it. @@ -21,9 +23,9 @@ Current value of ActionTestTiddler: {{ActionTestTiddler}} Click me '/> -The new behaviour avoids these problems by refreshing all widgets before execution, not just action widgets. It is engaged by running the actions in a scopr that includes the variable `tv-action-refresh-policy` set to the value `always`. +The new behaviour avoids these problems by refreshing all widgets before execution, not just action widgets. It is engaged by running the actions in a scope that includes the variable `tv-action-refresh-policy` set to the value `always`. (The default value for `tv-action-refresh-policy` is `once`). -This can be done within an action string, or via a local variable declaration containing the widget triggering the action. +The assignment can be done within an action string, or via a local variable declaration containing the widget triggering the action. <<.warning "Do not attempt to set `tv-action-refresh-policy` globally; the core will only work correctly with the default setting">>