2013-11-15 22:55:32 +00:00
|
|
|
title: $:/core/ui/EditTemplate/tags
|
|
|
|
tags: $:/tags/EditTemplate
|
2013-06-09 18:28:50 +00:00
|
|
|
|
2014-02-16 09:46:43 +00:00
|
|
|
\define lingo-base() $:/language/EditTemplate/
|
2013-10-21 21:55:43 +00:00
|
|
|
\define tag-styles()
|
|
|
|
background-color:$(backgroundColor)$;
|
2016-07-01 09:40:37 +00:00
|
|
|
fill:$(foregroundColor)$;
|
|
|
|
color:$(foregroundColor)$;
|
|
|
|
\end
|
|
|
|
\define tag-body-inner(colour,fallbackTarget,colourA,colourB)
|
|
|
|
<$vars foregroundColor=<<contrastcolour target:"""$colour$""" fallbackTarget:"""$fallbackTarget$""" colourA:"""$colourA$""" colourB:"""$colourB$""">> backgroundColor="""$colour$""">
|
|
|
|
<span style=<<tag-styles>> class="tc-tag-label">
|
|
|
|
<$view field="title" format="text" />
|
|
|
|
<$button message="tm-remove-tag" param={{!!title}} class="tc-btn-invisible tc-remove-tag-button">×</$button>
|
|
|
|
</span>
|
|
|
|
</$vars>
|
|
|
|
\end
|
|
|
|
\define tag-body(colour,palette)
|
|
|
|
<$macrocall $name="tag-body-inner" colour="""$colour$""" fallbackTarget={{$palette$##tag-background}} colourA={{$palette$##foreground}} colourB={{$palette$##background}}/>
|
2013-10-21 21:55:43 +00:00
|
|
|
\end
|
2014-08-28 17:47:21 +00:00
|
|
|
<div class="tc-edit-tags">
|
2014-03-26 13:06:11 +00:00
|
|
|
<$fieldmangler>
|
2016-07-01 09:40:37 +00:00
|
|
|
<$list filter="[all[current]tags[]sort[title]]" storyview="pop">
|
|
|
|
<$macrocall $name="tag-body" colour={{!!color}} palette={{$:/palette}}/>
|
2014-04-10 21:49:46 +00:00
|
|
|
</$list>
|
2014-03-26 13:06:11 +00:00
|
|
|
|
2014-08-28 17:47:21 +00:00
|
|
|
<div class="tc-edit-add-tag">
|
2014-08-28 18:41:29 +00:00
|
|
|
<span class="tc-add-tag-name">
|
2014-11-24 16:24:12 +00:00
|
|
|
<$edit-text tiddler="$:/temp/NewTagName" tag="input" default="" placeholder={{$:/language/EditTemplate/Tags/Add/Placeholder}} focusPopup=<<qualify "$:/state/popup/tags-auto-complete">> class="tc-edit-texteditor tc-popup-handle"/>
|
2014-11-07 21:15:21 +00:00
|
|
|
</span> <$button popup=<<qualify "$:/state/popup/tags-auto-complete">> class="tc-btn-invisible tc-btn-dropdown" tooltip={{$:/language/EditTemplate/Tags/Dropdown/Hint}} aria-label={{$:/language/EditTemplate/Tags/Dropdown/Caption}}>{{$:/core/images/down-arrow}}</$button> <span class="tc-add-tag-button">
|
2014-08-28 20:43:44 +00:00
|
|
|
<$button message="tm-add-tag" param={{$:/temp/NewTagName}} set="$:/temp/NewTagName" setTo="" class="">
|
2014-03-26 13:06:11 +00:00
|
|
|
<<lingo Tags/Add/Button>>
|
|
|
|
</$button>
|
|
|
|
</span>
|
|
|
|
</div>
|
2013-06-09 18:28:50 +00:00
|
|
|
|
2014-08-28 18:08:31 +00:00
|
|
|
<div class="tc-block-dropdown-wrapper">
|
2014-06-22 10:14:11 +00:00
|
|
|
<$reveal state=<<qualify "$:/state/popup/tags-auto-complete">> type="nomatch" text="" default="">
|
2014-08-28 18:08:31 +00:00
|
|
|
<div class="tc-block-dropdown">
|
2014-08-28 20:43:44 +00:00
|
|
|
<$linkcatcher set="$:/temp/NewTagName" setTo="" message="tm-add-tag">
|
2015-02-10 14:43:09 +00:00
|
|
|
<$list filter="[tags[]!is[system]search:title{$:/temp/NewTagName}sort[]]">
|
2015-01-11 00:29:53 +00:00
|
|
|
{{||$:/core/ui/Components/tag-link}}
|
|
|
|
</$list>
|
|
|
|
<hr>
|
2015-02-10 14:43:09 +00:00
|
|
|
<$list filter="[tags[]is[system]search:title{$:/temp/NewTagName}sort[]]">
|
2015-01-11 00:29:53 +00:00
|
|
|
{{||$:/core/ui/Components/tag-link}}
|
2013-06-09 18:28:50 +00:00
|
|
|
</$list>
|
|
|
|
</$linkcatcher>
|
2013-10-21 21:55:43 +00:00
|
|
|
</div>
|
2013-06-09 18:28:50 +00:00
|
|
|
</$reveal>
|
|
|
|
</div>
|
|
|
|
</$fieldmangler>
|
2013-11-30 10:55:45 +00:00
|
|
|
</div>
|