1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-06-16 02:19:55 +00:00

Make manager sections be expandable

This commit is contained in:
Jermolene 2016-11-27 23:04:54 +00:00
parent 251619189e
commit f67777161d
6 changed files with 52 additions and 37 deletions

View File

@ -18,6 +18,26 @@ color: #bbb
/>
\end
\define list-item-content-item()
<div class="tc-manager-list-item-content-item">
<$vars state-title=<<qualify "$:/state/popup/manager/item/$(listItem)$">>>
<$reveal state=<<state-title>> type="match" text="show" default="show" tag="div">
<$button set=<<state-title>> setTo="hide" class="tc-btn-invisible tc-manager-list-item-content-item-heading">
{{$:/core/images/down-arrow}} <$transclude tiddler=<<listItem>> field="caption"/>
</$button>
</$reveal>
<$reveal state=<<state-title>> type="nomatch" text="show" default="show" tag="div">
<$button set=<<state-title>> setTo="show" class="tc-btn-invisible tc-manager-list-item-content-item-heading">
{{$:/core/images/right-arrow}} <$transclude tiddler=<<listItem>> field="caption"/>
</$button>
</$reveal>
<$reveal state=<<state-title>> type="match" text="show" default="show" tag="div" class="tc-manager-list-item-content-item-body">
<$transclude tiddler=<<listItem>>/>
</$reveal>
</$vars>
</div>
\end
<div class="tc-manager-wrapper">
<div class="tc-manager-controls">
<div class="tc-manager-control">
@ -79,43 +99,13 @@ color: #bbb
</$button>
<$reveal state=<<qualify "$:/state/manager/popup">> type="nomatch" text="" default="" tag="div" class="tc-manager-list-item-content tc-popup-handle">
<div class="tc-manager-list-item-content-tiddler">
<$reveal state="$:/config/Manager/View" type="nomatch" text="plain" tag="div" class="tc-manager-list-item-content-tiddler-item">
<div class="tc-manager-list-item-content-item-heading">
Wikified text
</div>
<div class="tc-manager-list-item-content-item-body">
<$transclude mode="block"/>
</div>
</$reveal>
<$reveal state="$:/config/Manager/View" type="match" text="plain" tag="div" class="tc-manager-list-item-content-tiddler-item">
<div class="tc-manager-list-item-content-item-heading">
Raw text
</div>
<div class="tc-manager-list-item-content-item-body">
<pre><code><$view/></code></pre>
</div>
</$reveal>
<div class="tc-manager-list-item-content-tiddler-item">
<div class="tc-manager-list-item-content-item-heading">
Fields
</div>
<table class="tc-manager-list-item-content-item-body tc-manager-list-item-content-item-body-table">
<tbody>
<$list filter="[all[current]fields[]sort[title]] -text" template="$:/core/ui/TiddlerFieldTemplate" variable="listItem"/>
</tbody>
</table>
</div>
<$list filter="[all[shadows+tiddlers]tag[$:/tags/Manager/ItemMain]!has[draft.of]]" variable="listItem">
<<list-item-content-item>>
</$list>
</div>
<div class="tc-manager-list-item-content-sidebar">
<$list filter="[all[shadows+tiddlers]tag[$:/tags/Manager/ItemSidebar]!has[draft.of]]" variable="listItem">
<div class="tc-manager-list-item-content-sidebar-item">
<div class="tc-manager-list-item-content-item-heading">
<$transclude tiddler=<<listItem>> field="caption"/>
</div>
<div class="tc-manager-list-item-content-item-body">
<$transclude tiddler=<<listItem>>/>
</div>
</div>
<<list-item-content-item>>
</$list>
</div>
</$reveal>

View File

@ -0,0 +1,9 @@
title: $:/Manager/ItemMain/Fields
tags: $:/tags/Manager/ItemMain
caption: Fields
<table>
<tbody>
<$list filter="[all[current]fields[]sort[title]] -text" template="$:/core/ui/TiddlerFieldTemplate" variable="listItem"/>
</tbody>
</table>

View File

@ -0,0 +1,5 @@
title: $:/Manager/ItemMain/RawText
tags: $:/tags/Manager/ItemMain
caption: Raw text
<pre><code><$view/></code></pre>

View File

@ -0,0 +1,5 @@
title: $:/Manager/ItemMain/WikifiedText
tags: $:/tags/Manager/ItemMain
caption: Wikified text
<$transclude mode="block"/>

View File

@ -0,0 +1,2 @@
title: $:/tags/Manager/ItemMain
list: $:/Manager/ItemMain/WikifiedText $:/Manager/ItemMain/RawText $:/Manager/ItemMain/Fields

View File

@ -1790,10 +1790,14 @@ html body.tc-body.tc-single-tiddler-window {
}
.tc-manager-list-item-content-item-heading {
display: block;
width: 100%;
text-align: left;
background: <<colour muted-foreground>>;
text-transform: uppercase;
font-size: 0.6em;
font-weight: bold;
font-weight: bold;
padding: 0.5em 0 0.5em 0;
}
.tc-manager-list-item-content-item-body {
@ -1813,13 +1817,13 @@ html body.tc-body.tc-single-tiddler-window {
border-bottom: 0.5em solid <<colour muted-foreground>>;
}
.tc-manager-list-item-content-item-body.tc-manager-list-item-content-item-body-table {
.tc-manager-list-item-content-item-body > table {
border: none;
padding: 0;
margin: 0;
}
.tc-manager-list-item-content-item-body.tc-manager-list-item-content-item-body-table td {
.tc-manager-list-item-content-item-body > table td {
border: none;
}