mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-23 18:17:20 +00:00
Code Issues Releases Wiki Activity

Get the tiddler info panel fields list working properly

Browse Source 
Now we can display the fields list as a proper table.

We've had to temporarily hack the list widget again…
This commit is contained in:
Jeremy Ruston 2013-10-14 17:35:52 +01:00
parent b4d33b9614
commit ebd28c8dc7
6 changed files with 15 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
core/modules/new_widgets/list.js
View File

@ -104,7 +104,9 @@ ListWidget.prototype.makeItemTemplate = function(title) {
]}];
}
}
templateTree = [{type: "tiddler", attributes: {title: {type: "string", value: title}}, children: templateTree}]
if(!this.hasAttribute("hackCurrentTiddler")) {
templateTree = [{type: "tiddler", attributes: {title: {type: "string", value: title}}, children: templateTree}]
}
}
// Return the list item
return {type: "listitem", itemTitle: title, children: templateTree};

3
core/ui/ListItemTemplate.tid
View File

@ -1,5 +1,4 @@
title: $:/core/ui/ListItemTemplate
<div class="tw-menu-list-item">
<$link to={{!!title}}><$view field="title"/></$link>
<div class="tw-menu-list-item"><$link to={{!!title}}><$view field="title"/></$link>
</div>

3
core/ui/TiddlerFieldTemplate.tid Normal file
View File

@ -0,0 +1,3 @@
title: $:/core/ui/TiddlerFieldTemplate
<tr class="tw-view-field"><td class="tw-view-field-name"><<listItem>></td><td class="tw-view-field-value"><$view field=<<listItem>>/></td></tr>

7
core/ui/TiddlerFields.tid
View File

@ -1,6 +1,5 @@
title: $:/core/ui/TiddlerFields
\define renderfield(title)
<div class="tw-view-field"><span class="tw-view-field-name">//$title$//:</span> <span class="tw-view-field-value"><$view field="$title$"/></span></div>
\end
<$list filter="[is[current]fields[]sort[title]] -text" macro="renderfield"/>
<table><tbody><$list filter="[is[current]fields[]sort[title]] -text" template="$:/core/ui/TiddlerFieldTemplate" hackCurrentTiddler=true/>
</tbody>
</table>

8
core/ui/TiddlerInfo.tid
View File

@ -5,17 +5,17 @@ title: $:/core/ui/TiddlerInfo
</div>
<div class="tw-tab-content">
<$reveal type="match" state="$:/state/tiddlerDropDownTabSet" text="refTab" default="refTab" qualifyTiddlerTitles="yes">
<$list filter="[is[current]backlinks[]sort[title]]" emptyMessage="No tiddlers link to this one">
<$list filter="[is[current]backlinks[]sort[title]]" emptyMessage="No tiddlers link to this one" template="$:/core/ui/ListItemTemplate">
</$list>
</$reveal>
<$reveal type="match" state="$:/state/tiddlerDropDownTabSet" text="taggingTab" qualifyTiddlerTitles="yes">
<$list filter="[is[current]tagging[]]" itemClass="tw-menu-list-item" emptyMessage="No tiddlers are tagged with this one"/>
<$list filter="[is[current]tagging[]]" itemClass="tw-menu-list-item" emptyMessage="No tiddlers are tagged with this one" template="$:/core/ui/ListItemTemplate"/>
</$reveal>
<$reveal type="match" state="$:/state/tiddlerDropDownTabSet" text="listTab" qualifyTiddlerTitles="yes">
<$list filter="[list{!!title}]" itemClass="tw-menu-list-item" emptyMessage="This tiddler does not have a list"/>
<$list filter="[list{!!title}]" itemClass="tw-menu-list-item" emptyMessage="This tiddler does not have a list" template="$:/core/ui/ListItemTemplate"/>
</$reveal>
<$reveal type="match" state="$:/state/tiddlerDropDownTabSet" text="listedTab" qualifyTiddlerTitles="yes">
<$list filter="[is[current]listed[]!is[system]]" itemClass="tw-menu-list-item" emptyMessage="This tiddler is not listed by any others"/>
<$list filter="[is[current]listed[]!is[system]]" itemClass="tw-menu-list-item" emptyMessage="This tiddler is not listed by any others" template="$:/core/ui/ListItemTemplate"/>
</$reveal>
<$reveal type="match" state="$:/state/tiddlerDropDownTabSet" text="fieldsTab" qualifyTiddlerTitles="yes">
<$transclude title="$:/core/ui/TiddlerFields"/>

6
themes/tiddlywiki/snowwhite/base.tid
View File

@ -426,16 +426,10 @@ a.tw-tiddlylink-external {
}
.tw-view-field-name {
vertical-align: top;
display: inline-block;
width: 15%;
text-align: right;
}
.tw-view-field-value {
vertical-align: top;
display: inline-block;
width: 75%;
}
@media screen {