summaryrefslogtreecommitdiff
path: root/root/links
diff options
context:
space:
mode:
Diffstat (limited to 'root/links')
-rw-r--r--root/links59
1 files changed, 42 insertions, 17 deletions
diff --git a/root/links b/root/links
index fa78da8..c2fa4db 100644
--- a/root/links
+++ b/root/links
@@ -8,6 +8,24 @@
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">
@@ -52,24 +70,31 @@
<ol>
[% FOR link IN links %]
<li>
- <span class="link icon">
- <img src="[% href.link_icon(link) %]" />
- </span>
- <span class="link title">
- <a href="[% href.link(link) %]">»[% link.title %]«</a>
- </span>
- <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>
+ <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>
- </li>
- [% END %]
- </ul>
+ <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>