source: bookmarks/trunk/list.tt @ 88

Last change on this file since 88 was 52, checked in by peter, 11 years ago
  • Bookmarks::get_bookmarks() and Bookmarks::get_cotags() support a query argument that limits the results to the bookmarks whose titles contain the query (implemented using SQL LIKE)
  • the bookmark application takes a q query parameter and uses it as the bookmark text query
  • added a text input to enter a text query
File size: 3.9 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        <label>Search: <input type="text" name="q" value="[% query | html %]" size="30"/></label>
123        <div class="taglists">
124          <ul class="searchtags">
125            [% FOREACH tag IN search_tags %]
126              <li>
127                <label>
128                  <input type="checkbox" name="tag" value="[% tag %]" checked="checked"/>
129                  [% tag %]
130                </label>
131              </li>
132            [% END %]
133          </ul>
134          [% IF cotags.size %]
135            <ul class="cotags">
136              [% FOREACH tag IN cotags %]
137                <li>
138                  <label>
139                    <input type="checkbox" name="tag" value="[% tag.tag %]"/>
140                    [% tag.tag %] ([% tag.count %])
141                  </label>
142                </li>
143              [% END %]
144            </ul>
145          [% END %]
146        </div>
147        <div class="buttons">
148          <input type="submit" value="Refine"/>
149        </div>
150      </form>
151      <p>
152        <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>
153      </p>
154    </div>
155  </body>
156</html>
157
158<!--
159vim:syntax=html
160-->
Note: See TracBrowser for help on using the repository browser.