Dictionary Table

[vilc]

@etardiff’s post from the plugin library thread:

@etardiff

Thank you for sharing! I love the dictionary tiddler table; it makes things much more readable.

I felt a little guilty since your code is so elegant, but I tweaked the table template a bit for my own use and thought I’d share back in case anyone else is interested. The code below replaces $:/plugins/wilk/dictionary-table/template; it enables double-clicking on a value cell to edit it inline, enter to save back to the data tiddler, and esc to exit edit-mode without saving changes.

\procedure display(content)
<$button
	class="tc-btn-invisible"
	message="tm-copy-to-clipboard"
	param=<<content>>
	tooltip="Copy" >
		<$text text=<<content>> />
		{{$:/core/images/copy-clipboard|1em}}
</$button>
\end

\procedure edit() <$action-createtiddler $basetitle=<<dom-temp>> />
\procedure cancel() <$action-deletetiddler $tiddler=<<temp>> />
\procedure save()
<$action-setfield $tiddler=<<currentTiddler>> $index=<<index>> $value={{{ [<temp>get[text]] ~[<value>] }}} />
<<cancel>>
\end

<$eventcatcher selector=".index" $dblclick=<<edit>> tag="div">
<table class="wilk-dictionary-table">
<$list filter="[<currentTiddler>indexes[]sort[]]" variable="index">
	<tr>
		<td>
			<$transclude $variable="display" content=<<index>> />
		</td>
		<$let
			temp=`$:/temp/volatile/$(currentTiddler)$/$(index)$`
			value={{{ [<currentTiddler>getindex<index>] }}}
		>
		<td class="index" temp=<<temp>>>
			<% if [<temp>is[tiddler]] %>
				<$keyboard key="enter" actions=<<save>>>
				<$keyboard key="escape" actions=<<cancel>>>
					<$edit-text tiddler=<<temp>> tag=input class="tc-max-width" default=<<value>> />
				</$keyboard>
				</$keyboard>
			<% else %>
				<$transclude $variable="display" content=<<value>> />
			<% endif %>
		</td>
		</$let>
	</tr>
</$list>
</table>
</$eventcatcher>

---

@etardiff this is a very interesting modification, thank you! I would have to think if I need it, but it seems a very logical extension of my initial idea. Two UX details that would make it even better:

• Not copying the value on the fist click of the two clicks to edit, in case user wants to paste a previously copied content into the edited cell. This seem difficult with the current design, there would probably have to be a second button to explicitly edit.
• Click outside of the edited field also exits edit mode, just as Esc.

Just thinking loud. I’m not entirely sure that these are good ideas or worth implementing. The beauty of the plugin and your modification is that they are very simple and lightweight.