1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-06-29 00:33:15 +00:00
TiddlyWiki5/core/templates/SideBar.tid
Jeremy Ruston 88b7c53972 Some styling changes
The idea of moving the sidebar to the right is so that it can grow into
the otherwise empty space to the right of the story column.

Still a work in progress: needs to be responsive, amongst other things
2013-04-26 18:02:02 +01:00

45 lines
1.8 KiB
Plaintext

title: $:/templates/SideBar
<!-- The implementation of tabs here is currently a bit unreadable -->
<div class="tw-sidebar-lists">
@@.search-query
<$edit tiddler="$:/temp/search" type="search" requireFocus="yes"/>
@@
<$reveal state="$:/temp/search" type="nomatch" text="">
<div class="tw-search-results">
<$list filter="[!is[system]searchVia[$:/temp/search]sort[title]limit[50]]" emptyMessage="//No results//"/>
</div>
</$reveal>
<$reveal state="$:/temp/search" type="match" text="">
<div class="tw-tab-set">
<div class="tw-tab-buttons"><$button type="set" set="$:/state/sideBarTabSet" setTo="openTab" qualifyTiddlerTitles="yes" selectedClass="tw-tab-selected">Open</$button><$button type="set" set="$:/state/sideBarTabSet" setTo="allTab" qualifyTiddlerTitles="yes" selectedClass="tw-tab-selected">All</$button><$button type="set" set="$:/state/sideBarTabSet" setTo="toolsTab" qualifyTiddlerTitles="yes" selectedClass="tw-tab-selected">Tools</$button><$button type="set" set="$:/state/sideBarTabSet" setTo="moreTab" qualifyTiddlerTitles="yes" selectedClass="tw-tab-selected">More</$button></div>
<div class="tw-tab-divider">
</div>
<div class="tw-tab-content">
<$reveal type="match" state="$:/state/sideBarTabSet" text="openTab" qualifyTiddlerTitles="yes">
<$list filter="[list[$:/StoryList]]" history="$:/HistoryList" itemClass="tw-menu-list-item"/>
</$reveal>
<$reveal type="match" state="$:/state/sideBarTabSet" text="allTab" qualifyTiddlerTitles="yes">
<$list filter="[!is[system]sort[title]]" itemClass="tw-menu-list-item"/>
</$reveal>
<$reveal type="match" state="$:/state/sideBarTabSet" text="toolsTab" qualifyTiddlerTitles="yes">
{{$:/templates/ControlPanel}}
{{$:/templates/ServerControlPanel}}
</$reveal>
<$reveal type="match" state="$:/state/sideBarTabSet" text="moreTab" qualifyTiddlerTitles="yes">
{{$:/templates/MoreSideBar}}
</$reveal>
</div>
</div>
</$reveal>
</div>