TiddlyWiki5/core/ui/EditTemplate.tid

title: $:/core/ui/EditTemplate
modifier: JeremyRuston

\define frame-classes()
tw-tiddler-frame $(missingTiddlerClass)$ $(shadowTiddlerClass)$ $(systemTiddlerClass)$
\end
<div class=<<frame-classes>>><span class="tw-tiddler-controls title"> <$button message="tw-delete-tiddler" class="btn-invisible">{{$:/core/images/delete-button}}</$button> <$button message="tw-cancel-tiddler" class="btn-invisible">{{$:/core/images/cancel-button}}</$button> <$button message="tw-save-tiddler" class="btn-invisible">{{$:/core/images/done-button}}</$button> </span>

<$view field="title"/>

<$edit-text field="draft.title" class="title tw-edit-texteditor"/>

<$transclude title="$:/core/ui/TagsEditor"/>

<$reveal state="$:/ShowEditPreview" type="match" text="yes">
<$transclude title="$:/core/ui/EditorHint"/> <$button type="set" set="$:/ShowEditPreview" setTo="no">hide preview</$button>
<div class="tw-tiddler-preview">
<div class="tw-tiddler-preview-preview">
<$transclude />
</div>
<div class="tw-tiddler-preview-edit">
<$edit field="text" class="tw-edit-texteditor"/>
</div>
</div>
</$reveal>
<$reveal state="$:/ShowEditPreview" type="nomatch" text="yes">
<$transclude title="$:/core/ui/EditorHint"/> <$button type="set" set="$:/ShowEditPreview" setTo="yes">show preview</$button>
<$edit field="text" class="tw-edit-texteditor"/>
</$reveal>

<$transclude title="$:/core/ui/FieldEditor"/></div>
Make a distinction between templates and UI Templates are the low-level bits and pieces that allow TW5 to generate HTML and CSS renderings of tiddlers. The UI folder contains the user-visible UI of TW5 2013-05-31 14:38:27 +00:00			`title: $:/core/ui/EditTemplate`
Introduce plugin module mechanism See the readme for details 2012-04-30 11:23:03 +00:00			`modifier: JeremyRuston`

Fix-ups to make the new edit widgets work 2013-10-15 13:32:45 +00:00			`\define frame-classes()`
			`tw-tiddler-frame $(missingTiddlerClass)$ $(shadowTiddlerClass)$ $(systemTiddlerClass)$`
			`\end`
			`<div class=<<frame-classes>>><span class="tw-tiddler-controls title"> <$button message="tw-delete-tiddler" class="btn-invisible">{{$:/core/images/delete-button}}</$button> <$button message="tw-cancel-tiddler" class="btn-invisible">{{$:/core/images/cancel-button}}</$button> <$button message="tw-save-tiddler" class="btn-invisible">{{$:/core/images/done-button}}</$button> </span>`
Icons for editing tiddlers 2013-03-20 17:20:46 +00:00
Improvements to appearances in edit mode 2013-03-22 10:17:31 +00:00			`<$view field="title"/>`
Added text and bitmap editors 2013-01-17 11:30:35 +00:00
Fix-ups to make the new edit widgets work 2013-10-15 13:32:45 +00:00			`<$edit-text field="draft.title" class="title tw-edit-texteditor"/>`
Added text and bitmap editors 2013-01-17 11:30:35 +00:00
Split "transclude" widget into a separate "tiddler" and "transclude" widget Belatedly realised that the design would be clearer without these two separate concepts being conflated into a single widget. As a result of this change, any other widget or template that generates transclude widgets has needed adjustment. 2013-08-24 15:45:45 +00:00			`<$transclude title="$:/core/ui/TagsEditor"/>`
Added text and bitmap editors 2013-01-17 11:30:35 +00:00
Add optional preview in edit mode 2013-05-29 21:43:09 +00:00			`<$reveal state="$:/ShowEditPreview" type="match" text="yes">`
Split "transclude" widget into a separate "tiddler" and "transclude" widget Belatedly realised that the design would be clearer without these two separate concepts being conflated into a single widget. As a result of this change, any other widget or template that generates transclude widgets has needed adjustment. 2013-08-24 15:45:45 +00:00			`<$transclude title="$:/core/ui/EditorHint"/> <$button type="set" set="$:/ShowEditPreview" setTo="no">hide preview</$button>`
Add optional preview in edit mode 2013-05-29 21:43:09 +00:00			`<div class="tw-tiddler-preview">`
			`<div class="tw-tiddler-preview-preview">`
Initial Commit Carried over from the abortive pull request #169 2013-10-12 16:05:13 +00:00			`<$transclude />`
Add optional preview in edit mode 2013-05-29 21:43:09 +00:00			`</div>`
			`<div class="tw-tiddler-preview-edit">`
Fix-ups to make the new edit widgets work 2013-10-15 13:32:45 +00:00			`<$edit field="text" class="tw-edit-texteditor"/>`
Add optional preview in edit mode 2013-05-29 21:43:09 +00:00			`</div>`
			`</div>`
			`</$reveal>`
			`<$reveal state="$:/ShowEditPreview" type="nomatch" text="yes">`
Split "transclude" widget into a separate "tiddler" and "transclude" widget Belatedly realised that the design would be clearer without these two separate concepts being conflated into a single widget. As a result of this change, any other widget or template that generates transclude widgets has needed adjustment. 2013-08-24 15:45:45 +00:00			`<$transclude title="$:/core/ui/EditorHint"/> <$button type="set" set="$:/ShowEditPreview" setTo="yes">show preview</$button>`
Fix-ups to make the new edit widgets work 2013-10-15 13:32:45 +00:00			`<$edit field="text" class="tw-edit-texteditor"/>`
Add optional preview in edit mode 2013-05-29 21:43:09 +00:00			`</$reveal>`
Extend the edit template to include field editors Not yet complete - we can't add or remove fields, and we need to trigger type-specific editors for certain field types. And the layout is a bit rubbish at the moment 2013-06-02 22:22:16 +00:00
Fix-ups to make the new edit widgets work 2013-10-15 13:32:45 +00:00			`<$transclude title="$:/core/ui/FieldEditor"/></div>`