The Amazing PasteUp of @EricShulman

All good here.

Thank you!

TT

Yet another update:

  • Added “Toolbox” title and close button
  • Added toolbox “zoom” slider to adjust display size of toolbox (50% to 150%) for better usability on different sized screens
  • Refactored PasteUp “editor” macros (drag-and-drop, field table, grid editor, toolbox, and layout settings) into a separate TiddlyTools/PasteUp/Edit tiddler. The “core” TiddlyTools/PasteUp tiddler is now just 13K (as compared to the previous 54K).
  • This separation of editor macros makes it easier to share “read-only” PasteUp tiddlers with other TiddlyWikis by using a minimal installation that excludes the editor functions. For example, to share embedded PasteUp content, you could just install TiddlyTools/PasteUp (13K) and TiddlyTools/PasteUp/Embed (860 bytes), and skip all the other stuff.

Get updates for all PasteUp parts here: TiddlyTools/PasteUp/Info.
Just drag-and-drop the “There are 8 program tiddlers” text to your TiddlyWiki to import all the changes.

enjoy,
-e

FYI I started on EMBED simply. It looks easy & was

Everything above the “info” (bottom right) is the embed.

Can we ADD a grid for American Bingo / 75 ball / = 5x5 ??

Example …

I have Bingo Card numbers and now need style them …

Useful.Tx.

Excellent! Noted!

TT

Exciting new feature:

  • you can now add “on click” $action widgets to any PasteUp field!

For example, lets suppose you want to click on a specific part of the PasteUp and have it open an associated tiddler…
Just enter: <$action-navigate $to="SomeTiddler"/> into the “Actions” input in the field ToolBox or the modal field grid editor.

Then, when you are viewing (not editing!) your PasteUp content, a simple click on the designated area will open “SomeTiddler”. Although I haven’t tried it yet, I think you can also put a whole slab of wikitext with $action widgets into a tiddler (e.g., “MyActions”) and then use {{MyActions}} transclusion as the field’s “Action” value.

Update TiddlyTools/PasteUp and TiddlyTools/PasteUp/Edit to get the latest goodies.

enjoy,
-e

Not really relevant, but vaguely related:

http://scott.sauyet.com/Tiddlywiki/Demo/BullshitBingo.html

New definitions always welcome!

1 Like

Update to B TWINGO

The number grid is a PasteUp. The PasteUp is Embedded in a div that adds header and footer and overall styling. Specific styling, like that for “FREE”, is done via the field editor for /Styles.

Indeed it is … I tried a simple $action to change a field in /Styles such that a number on the TWingo card changes color, size & decoration on a click (ball call no. 54).

PasteUp is amazing!
TT

1 Like

I just did an experiment cloneing my 6 Frames Test to a fresh wiki.

Works brilliantly!
This gives a way for me to develop a tool and just install the minimum needed for using it in another wiki.

FWIW it might be worth emphasising that to use the “lightweight” read-only version you do it wholely through embeds e.g.

<<pasteUpEmbed tiddler:“pasteup/tpl/usa-bingo-5r5c”>>

TT

You can also use TiddlyTools/PasteUp/View to share a somewhat larger – but still “lightweight” – read-only version where display is done by viewing the shared PasteUp tiddler in the StoryRiver, rather than embedding it in another tiddler.

-e

1 Like

Small update to TiddlyTools/PasteUp

  • the “onclick” handler for Actions now sets two variables:
    • currentPasteUp = the title of the PasteUpTiddler
    • currentField = the name of the field that was clicked on

Thus, in your $action widgets, you can use

{{{ [<currentPasteUp>addsuffix[/Styles]get<currentField>] }}}

to refer to the styles used by the field that were clicked upon and, to set new styles for that field, you could write something like this:

<$action-setfield $tiddler={{{ [<currentPasteUp>addsuffix[/Styles]] }}}
   $field=<<currentField>> $value="..."/>

-e

Brilliant! You saved me hours of time having to craft each action field by field!

I just pasted …

<$action-setfield $tiddler={{{ [<currentPasteUp>addsuffix[/Styles]] }}} $field=<<currentField>> $value="font-size:1.5em;color:green;font-weight:800;text-decoration-line: underline;text-decoration-style: double;"/>

… into 24 /Actions fields. Took a few minutes. Works well.

Result after clicking is in green …

Now I need a mathematician to make the 75-ball spinner :-).

TT

Instead of entering that syntax into each /Actions field, I’d put the code into a separate tiddler (e.g., “SetBingoSquare”)
and then put {{SetBingoSquare}} into each /Actions field.

  • It makes your /Actions tiddler much smaller
  • If you change the code in SetBingoSquare, it affects all the fields at the same time without having to update each field.

-e

Thanks! I will do that!

UPDATE: Did it. And quickly made a second PasteUp TWingo card …

TT

1 Like

I wanted to comment how easy & quick it can be.

I am already changing /Actions on an action.

For instance on first click of a “field” …

{{match-num.act}} has actions to …
(1) change /Styles field by inserting styling for the number.
(2) change /Actions field and insert reference to {{unmatch-num.act}}

On second click of a “field” …

{{unmatch-num.act}} has actions to …
(1) change /Styles field by removing any styles present
(2) change /Actions field and insert reference to {{match-num.act}}

Result? A simple efficient toggle on styling.

TT

I do hope the potential of PasteUp is realized by more than @EricShulman and me …

It could be a full-on Scatman


UPDATE: I should have made clear that John “Scatman” Larkin was a late starter suffering from stuttering.

A fascinating person. Those interested see a short doc.

TT

Lots of improvements to TiddlyTools/PasteUp, TiddlyTools/PasteUp/Edit, TiddlyTools/PasteUp/View:

  • FIXED: an error in the Toolbox “move” buttons was inadvertently changing the moved field height/width. This has been corrected.

  • field styles now allow use of CSS classnames (in addition to the usual CSS attributes):

    • CSS classnames must be listed after all CSS attributes. This is similar to the way the TWCore processes the inline “@@” syntax (see Styles and Classes in WikiText)
    • each CSS attribute must end with a “;” (e.g., border:1px solid red;)
    • each CSS classname must start with a “.” (e.g., .myClass)
    • unlike the TWCore’s @@ syntax, PasteUp attributes and classnames can be separated by optional whitespace (including newlines) for better readability.
  • field table value and style controls now “auto-expand” to use multi-line textarea controls when they receive the focus. Note that they appear as a single line until you either enter a literal newline into the content or the content word-wraps when it exceeds the available input width.

  • the selected field in the Toolbox panel is now automatically set whenever you interact with a field in the grid or put the focus in any field table input control (value, layout, or styles). This makes it much easier to adjust a field that you’ve just edited using the layout grid or field table.

  • you can now drag-and-drop “foreign” fields (i.e., fields from another PasteUp tiddler):

    • dropping a foreign field in the empty space above the field table “imports” that field definition (name,layout,styles,actions) into the current PasteUp.
    • dropping a foreign field on a field table name asks if you want to replace that “target” field’s value with the dropped fields value but retains the layout,styles,actions of the target field. Note that this also works when dropping a “local” field name onto another local field name.
    • dropping a “foreign” field onto the field grid “imports” it’s name,styles,actions, and places it in the grid square or the grid’s current highlighed “selection”.

enjoy,
-e

A post was split to a new topic: Drag-and-drop fields between tiddlers

Whoa! And the inter-PasteUp D&D of “fields” is a super-powerful feature!

TT


p.s. --- Get It Here ...

https://tiddlytools.com/#TiddlyTools%2FPasteUp