TiddlyWiki5/core/templates/PageTemplate.tid

title: $:/templates/PageTemplate

<!-- The navigator catches navigation events and updates the story and history tiddlers -->
<<navigator story:"$:/StoryTiddlers" history:"$:/History" ><

<!--  Zooming chooser -->
{{navigation-panel{
<<chooser><
	<<list all>>
>>
}}}

<!--  Zooming navigator -->
<<zoomigator>>

<!-- The top navigation bar -->
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
{{nav{

<!-- Navigation menu -->
* HelloThere
* [[Docs]]
*{{divider-vertical}}

<!-- Full screen button -->
<<button full-screen class:"btn btn-warning"><Full screen>>

<!-- View button -->
<<button popup:ViewDropDownState class:"btn btn-danger"><View <span class="caret"></span>>>

<!-- View dropdown -->
{{pull-right{
<<reveal state:[[$:/EditMode]] type:nomatch text:yes><
<<button modal param:[[$:/messages/EnterEditMode]] set:[[$:/EditMode]] setTo:yes class:"btn btn-success"><Edit>>
>>

<!-- Save changes is only visible in edit mode -->
<<reveal state:[[$:/EditMode]] type:match text:yes><
<<button save-wiki param:"$:/core/templates/tiddlywiki5.encrypted.template.html" class:"btn pull-right"><Save Changes (encrypted)>>
>>
<<reveal state:[[$:/EditMode]] type:match text:yes><
<<button save-wiki class:"btn pull-right"><Save Changes>>
>>
}}}

}}}

<!-- This navigator intercepts navigation events and sets the text of the specified tiddler to the target tiddler title -->
<<navigator set:[[$:/CurrentView]]><
<<reveal state:ViewDropDownState type:popup position:below><
<div class="open">
{{dropdown-menu tw-suppress-missing-tiddlylink{
* <<link to:classic>< <<reveal state:[[$:/CurrentView]] type:match text:classic>< <span class="tw-ticked-menu-item"></span> >> Classic>>
* <<link to:sideways>< <<reveal state:[[$:/CurrentView]] type:match text:sideways>< <span class="tw-ticked-menu-item"></span> >> Sideways>>
* <<link to:zoomin>< <<reveal state:[[$:/CurrentView]] type:match text:zoomin>< <span class="tw-ticked-menu-item"></span> >> Zoomin>>
}}}
</div>
>>
>>
</div>
</div>
</div>

<!-- The main story references the same story and history tiddlers as the outer navigator -->
<div class="container">
<<story story:"$:/StoryTiddlers" history:"$:/History" storyviewTiddler:[[$:/CurrentView]] storyview:classic >>
</div>

>>
Sort out the naming and location of shadow template tiddlers 2012-06-01 19:04:51 +00:00			`title: $:/templates/PageTemplate`
Introduce plugin module mechanism See the readme for details 2012-04-30 11:23:03 +00:00
Added parser rule for HTML format comments And try it out in the PageTemplate, which is getting pretty unintelligable 2012-08-02 21:06:52 +00:00			`<!-- The navigator catches navigation events and updates the story and history tiddlers -->`
Split the story macro out into two macros Now the story macro manages the story element sequence, while the navigator macro listens for the navigation events, and modifies the story tiddler as required. Also introduces a history tiddler that retains the history stack so that we can animate navigation properly (as distinct from animating the addition and removal of story elements). Note that the zoomin storyview isn't quite finished, but this is a stable point to commit these changes. 2012-06-26 18:54:51 +00:00			`<<navigator story:"$:/StoryTiddlers" history:"$:/History" ><`

Added parser rule for HTML format comments And try it out in the PageTemplate, which is getting pretty unintelligable 2012-08-02 21:06:52 +00:00			`<!-- Zooming chooser -->`
Got the zooming navigator working again Albeit, it doesn't play well with the fixed navbar 2012-06-11 11:44:10 +00:00			`{{navigation-panel{`
Added close button And made the edit button be a graphic, too 2012-06-21 18:44:21 +00:00			`<<chooser><`
			`<<list all>>`
			`>>`
Got the zooming navigator working again Albeit, it doesn't play well with the fixed navbar 2012-06-11 11:44:10 +00:00			`}}}`
Introduce edit mode There's a wizard for switching into edit mode, and selective display of UI elements 2012-07-15 21:35:39 +00:00
Added parser rule for HTML format comments And try it out in the PageTemplate, which is getting pretty unintelligable 2012-08-02 21:06:52 +00:00			`<!-- Zooming navigator -->`
Initial tranche of the plugin implementation This first commit adds some of the code needed for the plugin mechanism, but it isn't all fully operational yet. I'm merging the branch so that I can get some other pre-requisites done quickly on the main branch, and then plan to return to this branch. 2012-08-06 21:34:16 +00:00			`<<zoomigator>>`
Introduce edit mode There's a wizard for switching into edit mode, and selective display of UI elements 2012-07-15 21:35:39 +00:00
Added parser rule for HTML format comments And try it out in the PageTemplate, which is getting pretty unintelligable 2012-08-02 21:06:52 +00:00			`<!-- The top navigation bar -->`
Added navbar to PageTemplate 2012-06-10 21:02:16 +00:00			`<div class="navbar navbar-fixed-top">`
			`<div class="navbar-inner">`
			`<div class="container">`
			`{{nav{`
Added dropdown for choosing the current view It doesn't work fully yet 2012-06-20 16:42:49 +00:00
Added parser rule for HTML format comments And try it out in the PageTemplate, which is getting pretty unintelligable 2012-08-02 21:06:52 +00:00			`<!-- Navigation menu -->`
Added navbar to PageTemplate 2012-06-10 21:02:16 +00:00			`* HelloThere`
			`* [[Docs]]`
Added dropdown for choosing the current view It doesn't work fully yet 2012-06-20 16:42:49 +00:00			`*{{divider-vertical}}`

Added the full screen icon to the navbar It's now getting a bit crowded. 2012-09-12 09:47:14 +00:00			`<!-- Full screen button -->`
			`<<button full-screen class:"btn btn-warning"><Full screen>>`

Added parser rule for HTML format comments And try it out in the PageTemplate, which is getting pretty unintelligable 2012-08-02 21:06:52 +00:00			`<!-- View button -->`
Introduce edit mode There's a wizard for switching into edit mode, and selective display of UI elements 2012-07-15 21:35:39 +00:00			`<<button popup:ViewDropDownState class:"btn btn-danger"><View <span class="caret"></span>>>`
Added dropdown for choosing the current view It doesn't work fully yet 2012-06-20 16:42:49 +00:00
Added parser rule for HTML format comments And try it out in the PageTemplate, which is getting pretty unintelligable 2012-08-02 21:06:52 +00:00			`<!-- View dropdown -->`
Introduce edit mode There's a wizard for switching into edit mode, and selective display of UI elements 2012-07-15 21:35:39 +00:00			`{{pull-right{`
			`<<reveal state:[[$:/EditMode]] type:nomatch text:yes><`
			`<<button modal param:[[$:/messages/EnterEditMode]] set:[[$:/EditMode]] setTo:yes class:"btn btn-success"><Edit>>`
			`>>`
Added primitive save changes mechanism Works in Firefox for now 2012-07-10 22:18:44 +00:00
Added parser rule for HTML format comments And try it out in the PageTemplate, which is getting pretty unintelligable 2012-08-02 21:06:52 +00:00			`<!-- Save changes is only visible in edit mode -->`
Introduce edit mode There's a wizard for switching into edit mode, and selective display of UI elements 2012-07-15 21:35:39 +00:00			`<<reveal state:[[$:/EditMode]] type:match text:yes><`
Add command for saving in encrypted form Temporary UI 2012-09-02 19:59:53 +00:00			`<<button save-wiki param:"$:/core/templates/tiddlywiki5.encrypted.template.html" class:"btn pull-right"><Save Changes (encrypted)>>`
			`>>`
			`<<reveal state:[[$:/EditMode]] type:match text:yes><`
Introduce edit mode There's a wizard for switching into edit mode, and selective display of UI elements 2012-07-15 21:35:39 +00:00			`<<button save-wiki class:"btn pull-right"><Save Changes>>`
			`>>`
			`}}}`
Added primitive save changes mechanism Works in Firefox for now 2012-07-10 22:18:44 +00:00
Added dropdown for choosing the current view It doesn't work fully yet 2012-06-20 16:42:49 +00:00			`}}}`

Added parser rule for HTML format comments And try it out in the PageTemplate, which is getting pretty unintelligable 2012-08-02 21:06:52 +00:00			`<!-- This navigator intercepts navigation events and sets the text of the specified tiddler to the target tiddler title -->`
Get rid of obsolete linkcatcher macro 2012-07-13 22:09:45 +00:00			`<<navigator set:[[$:/CurrentView]]><`
Moved view dropdown to the left So it doesn't get cut off so often 2012-06-21 23:09:10 +00:00			`<<reveal state:ViewDropDownState type:popup position:below><`
Added dropdown for choosing the current view It doesn't work fully yet 2012-06-20 16:42:49 +00:00			`<div class="open">`
Moved view dropdown to the left So it doesn't get cut off so often 2012-06-21 23:09:10 +00:00			`{{dropdown-menu tw-suppress-missing-tiddlylink{`
Replace obsolete hide macro with reveal macro 2012-07-13 22:39:20 +00:00			`* <<link to:classic>< <<reveal state:[[$:/CurrentView]] type:match text:classic>< <span class="tw-ticked-menu-item"></span> >> Classic>>`
			`* <<link to:sideways>< <<reveal state:[[$:/CurrentView]] type:match text:sideways>< <span class="tw-ticked-menu-item"></span> >> Sideways>>`
			`* <<link to:zoomin>< <<reveal state:[[$:/CurrentView]] type:match text:zoomin>< <span class="tw-ticked-menu-item"></span> >> Zoomin>>`
Added navbar to PageTemplate 2012-06-10 21:02:16 +00:00			`}}}`
Added dropdown for choosing the current view It doesn't work fully yet 2012-06-20 16:42:49 +00:00			`</div>`
			`>>`
			`>>`
Added navbar to PageTemplate 2012-06-10 21:02:16 +00:00			`</div>`
			`</div>`
			`</div>`
Split the story macro out into two macros Now the story macro manages the story element sequence, while the navigator macro listens for the navigation events, and modifies the story tiddler as required. Also introduces a history tiddler that retains the history stack so that we can animate navigation properly (as distinct from animating the addition and removal of story elements). Note that the zoomin storyview isn't quite finished, but this is a stable point to commit these changes. 2012-06-26 18:54:51 +00:00
Added parser rule for HTML format comments And try it out in the PageTemplate, which is getting pretty unintelligable 2012-08-02 21:06:52 +00:00			`<!-- The main story references the same story and history tiddlers as the outer navigator -->`
Split the story macro out into two macros Now the story macro manages the story element sequence, while the navigator macro listens for the navigation events, and modifies the story tiddler as required. Also introduces a history tiddler that retains the history stack so that we can animate navigation properly (as distinct from animating the addition and removal of story elements). Note that the zoomin storyview isn't quite finished, but this is a stable point to commit these changes. 2012-06-26 18:54:51 +00:00			`<div class="container">`
			`<<story story:"$:/StoryTiddlers" history:"$:/History" storyviewTiddler:[[$:/CurrentView]] storyview:classic >>`
Added navbar to PageTemplate 2012-06-10 21:02:16 +00:00			`</div>`
Split the story macro out into two macros Now the story macro manages the story element sequence, while the navigator macro listens for the navigation events, and modifies the story tiddler as required. Also introduces a history tiddler that retains the history stack so that we can animate navigation properly (as distinct from animating the addition and removal of story elements). Note that the zoomin storyview isn't quite finished, but this is a stable point to commit these changes. 2012-06-26 18:54:51 +00:00
			`>>`