source: bookmarks/trunk/list.tt @ 51

Last change on this file since 51 was 40, checked in by peter, 11 years ago
  • include the "format=text" query parameter for the text/uri-list list link
  • HTML-escape URIs in the templates
File size: 3.8 KB
Line 
1<html>
2  <head>
3    <title>[% title %]</title>
4    <base href="[% base_url %]"/>
5    <style type="text/css">
6a:hover {
7    text-decoration: none;
8}
9.edit {
10    font-size: .85em;
11}
12input, select {
13    font-size: .875em;
14    font-family: 'DejaVu Sans', sans-serif;
15}
16body, th, td {
17    margin: 0;
18    font-size: .75em;
19    font-family: 'DejaVu Sans', sans-serif;
20}
21ul {
22    margin: 0;
23    padding: 0;
24}
25ul.main {
26    height: 60%;
27    border-top: 6px solid #eee;
28    border-bottom: 6px solid #eee;
29}
30.alternate-links {
31    margin: .5em .25em;
32}
33.alternate-links li {
34    display: inline;
35}
36.alternate-links li+li:before {
37    content: ' | ';
38    color: #ccc;
39}
40.refine {
41    height: 15%;
42}
43.refine form {
44    margin: 0;
45}
46.buttons {
47    margin: .5em;
48}
49.cotags {
50    height: 75%;
51    border-top: 1px dotted #999;
52    border-bottom: 1px dotted #999;
53}
54ul.main, ul.cotags {
55    overflow-y: scroll !important;
56}
57li {
58    padding: .25em 0 0 .25em;
59    color: #999;
60    white-space: nowrap;
61    list-style-type: none;
62}
63th {
64    text-align: right;
65    font-weight: normal;
66}
67form {
68    margin: .5em;
69}
70p {
71    margin: .5em;
72}
73.tags a {
74    color: #999;
75    text-decoration: none;
76}
77.tags a:hover {
78    text-decoration: underline;
79}
80.tags {
81    color: #999;
82    margin-top: .125em;
83    margin-left: 3em;
84    font-size: .875em;
85}
86    </style>
87  </head>
88  <body>
89    <form method="get" action="">
90      <select name="tag" onchange="document.forms[0].submit()">
91        <option value="">All bookmarks</option>
92        [% FOREACH tag IN all_tags %]
93          <option value="[% tag.tag %]" [% IF tag.selected %]selected="selected"[% END %]>[% tag.tag %] ([% tag.count %])</option>
94        [% END %]
95      </select>
96      <input type="submit" value="Go"/>
97    </form>
98    <ul class="main">
99      [%  FOREACH resource IN resources %]
100        <li>
101          <span class="edit">
102            (<a href="[% resource.id %]" onclick="window.open(this.href, 'edit_bookmark', 'width=800,height=250').focus(); return false;">Edit</a>)
103          </span>
104          <a href="[% resource.uri | html %]" title="[% resource.title | html %] ([% resource.tags.join(', ') %])">[% resource.title or resource.uri %]</a>
105          <div class="tags">
106            [% FOREACH tag IN resource.tags %]
107              [% IF loop.first %]([% END %]<a target="_self" href="?tag=[% tag %]">[% tag %]</a>[% IF loop.last %])[% ELSE %], [% END %]
108            [% END %]
109          </div>
110        </li>
111      [%  END %]
112    </ul>
113    <ul class="alternate-links">
114      [% FOREACH link IN links %]
115        <li>
116          <a href="[% link.href.canonical | html %]" type="[% link.type %]" rel="[% link.rel %]">[% link.text %]</a>
117        </li>
118      [% END %]
119    </ul>
120    <div class="refine">
121      <form method="get" action="">
122        <div class="taglists">
123          <ul class="searchtags">
124            [% FOREACH tag IN search_tags %]
125              <li>
126                <label>
127                  <input type="checkbox" name="tag" value="[% tag %]" checked="checked"/>
128                  [% tag %]
129                </label>
130              </li>
131            [% END %]
132          </ul>
133          [% IF cotags.size %]
134            <ul class="cotags">
135              [% FOREACH tag IN cotags %]
136                <li>
137                  <label>
138                    <input type="checkbox" name="tag" value="[% tag.tag %]"/>
139                    [% tag.tag %] ([% tag.count %])
140                  </label>
141                </li>
142              [% END %]
143            </ul>
144          [% END %]
145        </div>
146        <div class="buttons">
147          <input type="submit" value="Refine"/>
148        </div>
149      </form>
150      <p>
151        <a class="bookmarklet" href="javascript:(function(){window.open(%22[% base_url %]?uri=%22+encodeURIComponent(document.location)+%22&title=%22+encodeURIComponent(document.title),%22edit_bookmark%22,%22width=800,height=250%22)})()" title="Javascript Bookmarklet">Make Bookmark</a>
152      </p>
153    </div>
154  </body>
155</html>
156
157<!--
158vim:syntax=html
159-->
Note: See TracBrowser for help on using the repository browser.