<html>
<head>
<title>
Links for
[% FOR tag IN tagset.tags;
tag.name;
', ' UNLESS loop.last;
END %]
</title>
<link rel="stylesheet" href="[% href.stylesheet() %]" type="text/css" />
[% href.js_library() %]
<script type="text/javascript">
function toggle_details(linkid) {
var theDiv=$('link_details_' + linkid);
var theButton=$('link_toggle_' + linkid);
if (theDiv.style.display == 'none') {
Effect.SlideDown(theDiv);
theButton.textContent='^';
}
else {
Effect.SlideUp(theDiv);
theButton.textContent='V';
}
return false;
}
</script>
</head>
<body>
<div id="tagset">
<h2>[% IF tagset.size() == 1 %]Tag:[% ELSE %]Tags:[% END %]</h2>
<div>
<ul>
[% FOR tag IN tagset.tags %]
<li>
<span class="tag name">
<a href="[% href.to_tag(tag) %]" target="_self">[% tag.name %]</a>
</span>
[% IF tagset.size() > 1 %]
<span class="tag remove">
<a href="[% href.remove_tag(tagset,tag) %]" target="_self">-</a>
</span>
[% END %]
</li>
[% END %]
</ul>
</div>
</div>
<div id="related">
<h2>Related:</h2>
<div>
<ul>
[% FOR rtag IN related %]
<li>
<span class="tag name">
<a href="[% href.to_tag(rtag) %]" target="_self">[% rtag.name %]</a>
</span>
<span class="tag add">
<a href="[% href.add_tag(tagset,rtag) %]" target="_self">+</a>
</span>
</li>
[% END %]
</ul>
</div>
</div>
<div id="links">
<h2>Links:</h2>
<div>
<ol>
[% FOR link IN links %]
<li>
<div class="link head">
<span class="link icon">
<img src="[% href.link_icon(link) %]" width="18" height="18" />
</span>
<span class="link title">
<a href="[% href.link(link) %]" title="[% link.url %]">[% link.title %]</a>
</span>
<span class="link appear" id="link_toggle_[% link.pk %]" onclick="toggle_details('[% link.pk %]')">V</span>
</div>
<div class="link details" style="display: none;" id="link_details_[% link.pk %]">
<div>
<span class="link edit">
<a href="[% href.edit_link(link) %]" target="_self">edit</a>
</span>
<ul>
[% FOR rtag IN link.tags %]
<li>
<span class="tag name">
<a href="[% href.to_tag(rtag) %]" target="_self">[% rtag.name %]</a>
</span>
</li>
[% END %]
</ul>
</div>
</div>
</li>
[% END %]
</ol>
</div>
</div>
</body>
</html>
