1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-27 03:57:21 +00:00

Extend field editor to allow removal and adding of fields

Still pretty rough looking
This commit is contained in:
Jeremy Ruston 2013-06-04 12:03:53 +01:00
parent 348a6976b7
commit 0fc3c0d4a3
2 changed files with 33 additions and 2 deletions

View File

@ -29,6 +29,11 @@ modifier: JeremyRuston
<$edit field="text"/>
</$reveal>
<$fieldlist exclude="title tags text draft.title draft.of">
<$info type="currentField"/>: <$edit/>
<$fieldmangler>
<$fieldlist exclude="title tags text modified modifier draft.title draft.of">
<span class="tw-edit-field-name"><$info type="currentField"/>:</span> <span class="tw-edit-field-value"><$edit/></span> <span class="tw-edit-field-remove"><$button message="tw-remove-field" class="">remove</$button></span>
</$fieldlist>
<div class="tw-edit-field-add">Add a new field: <span class="tw-edit-field-add-name"><$edit tiddler="$:/NewFieldName" type="input" default=""/></span> <span class="tw-edit-field-add-button"><$button message="tw-add-field" param={{$:/NewFieldName}} set="$:/NewFieldName" setTo="" class="">add</$button></span></div>
</$fieldmangler>

View File

@ -472,6 +472,32 @@ canvas.tw-edit-bitmapeditor {
width: 48%;
}
.tw-edit-field-name {
display: inline-block;
width: 15%;
text-align: right;
}
.tw-edit-field-value {
display: inline-block;
width: 70%;
}
.tw-edit-field-remove {
display: inline-block;
width: 10%;
}
.tw-edit-field-add-name {
display: inline-block;
width: 15%;
}
.tw-edit-field-add-button {
display: inline-block;
width: 10%;
}
/*
** Dropdowns
*/