]> git.wh0rd.org - tt-rss.git/blob - viewfeed.js
combined mode improvements (add toggle read link, set post as read when link is clicked)
[tt-rss.git] / viewfeed.js
1 var active_post_id = false;
2
3 var xmlhttp_rpc = false;
4
5 /*@cc_on @*/
6 /*@if (@_jscript_version >= 5)
7 // JScript gives us Conditional compilation, we can cope with old IE versions.
8 // and security blocked creation of the objects.
9 try {
10 xmlhttp_rpc = new ActiveXObject("Msxml2.XMLHTTP");
11 } catch (e) {
12 try {
13 xmlhttp_rpc = new ActiveXObject("Microsoft.XMLHTTP");
14 } catch (E) {
15 xmlhttp_rpc = false;
16 }
17 }
18 @end @*/
19
20 if (!xmlhttp_rpc && typeof XMLHttpRequest!='undefined') {
21 xmlhttp_rpc = new XMLHttpRequest();
22 }
23
24 function view(id, feed_id) {
25
26 parent.debug("loading article: " + id + "/" + feed_id);
27
28 var f_document = parent.frames["feeds-frame"].document;
29 var h_document = document;
30 var m_document = parent.document;
31
32 enableHotkeys();
33
34 var crow = h_document.getElementById("RROW-" + id);
35
36 crow.className = crow.className.replace("Unread", "");
37
38 cleanSelected("headlinesList");
39
40 var upd_img_pic = h_document.getElementById("FUPDPIC-" + id);
41
42 if (upd_img_pic) {
43 upd_img_pic.src = "images/blank_icon.gif";
44 }
45
46 active_post_id = id;
47 setActiveFeedId(feed_id);
48
49 var content = m_document.getElementById("content-frame");
50
51 content.src = "backend.php?op=view&id=" + param_escape(id) +
52 "&feed=" + param_escape(feed_id);
53
54 selectTableRowsByIdPrefix('headlinesList', 'RROW-', 'RCHK-', false);
55 markHeadline(active_post_id);
56
57 }
58
59 function toggleMark(id) {
60
61 var f_document = parent.frames["feeds-frame"].document;
62
63 if (!xmlhttp_ready(xmlhttp_rpc)) {
64 printLockingError();
65 return;
66 }
67
68 var query = "backend.php?op=rpc&id=" + id + "&subop=mark";
69
70 var mark_img = document.getElementById("FMARKPIC-" + id);
71 var vfeedu = f_document.getElementById("FEEDU--1");
72 var crow = document.getElementById("RROW-" + id);
73
74 if (mark_img.alt != "Reset mark") {
75 mark_img.src = "images/mark_set.png";
76 mark_img.alt = "Reset mark";
77 mark_img.setAttribute('onclick', 'javascript:toggleMark('+id+')');
78 query = query + "&mark=1";
79
80 if (vfeedu && crow.className.match("Unread")) {
81 vfeedu.innerHTML = (+vfeedu.innerHTML) + 1;
82 }
83
84 } else {
85 mark_img.src = "images/mark_unset.png";
86 mark_img.alt = "Set mark";
87 mark_img.setAttribute('onclick', 'javascript:toggleMark('+id+')');
88 query = query + "&mark=0";
89
90 if (vfeedu && crow.className.match("Unread")) {
91 vfeedu.innerHTML = (+vfeedu.innerHTML) - 1;
92 }
93
94 }
95
96 var vfeedctr = f_document.getElementById("FEEDCTR--1");
97 var vfeedr = f_document.getElementById("FEEDR--1");
98
99 if (vfeedu && vfeedctr) {
100 if ((+vfeedu.innerHTML) > 0) {
101 if (crow.className.match("Unread") && !vfeedr.className.match("Unread")) {
102 vfeedr.className = vfeedr.className + "Unread";
103 vfeedctr.className = "odd";
104 }
105 } else {
106 vfeedctr.className = "invisible";
107 vfeedr.className = vfeedr.className.replace("Unread", "");
108 }
109 }
110
111 xmlhttp_rpc.open("GET", query, true);
112 xmlhttp_rpc.onreadystatechange=rpc_pnotify_callback;
113 xmlhttp_rpc.send(null);
114
115 }
116
117 function moveToPost(mode) {
118
119 // check for combined mode
120 if (!document.getElementById("headlinesList"))
121 return;
122
123 var rows = getVisibleHeadlineIds();
124
125 var prev_id;
126 var next_id;
127
128 if (active_post_id == false) {
129 next_id = getFirstVisibleHeadlineId();
130 prev_id = getLastVisibleHeadlineId();
131 } else {
132 for (var i = 0; i < rows.length; i++) {
133 if (rows[i] == active_post_id) {
134 prev_id = rows[i-1];
135 next_id = rows[i+1];
136 }
137 }
138 }
139
140 if (mode == "next") {
141 if (next_id != undefined) {
142 view(next_id, getActiveFeedId());
143 }
144 }
145
146 if (mode == "prev") {
147 if ( prev_id != undefined) {
148 view(prev_id, getActiveFeedId());
149 }
150 }
151 }
152
153 function viewfeed(id) {
154 var f = parent.frames["feeds-frame"];
155 f.viewfeed(id, 0);
156 }
157
158 function localHotkeyHandler(keycode) {
159
160 if (keycode == 78 || keycode == 40) { // n, down
161 return moveToPost('next');
162 }
163
164 if (keycode == 80 || keycode == 38) { // p, up
165 return moveToPost('prev');
166 }
167
168 if (keycode == 65) { // a
169 return parent.toggleDispRead();
170 }
171
172 if (keycode == 85) { // u
173 if (parent.getActiveFeedId()) {
174 return parent.viewfeed(parent.getActiveFeedId(), 0, "ForceUpdate");
175 }
176 }
177
178 if (keycode == 82) { // r
179 return parent.scheduleFeedUpdate(true);
180 }
181
182 var f_doc = parent.frames["feeds-frame"].document;
183 var feedlist = f_doc.getElementById('feedList');
184
185 if (keycode == 74) { // j
186 var feed = getActiveFeedId();
187 var new_feed = getRelativeFeedId(feedlist, feed, 'prev');
188 if (new_feed) viewfeed(new_feed, 0, '');
189 }
190
191 if (keycode == 75) { // k
192 var feed = getActiveFeedId();
193 var new_feed = getRelativeFeedId(feedlist, feed, 'next');
194 if (new_feed) viewfeed(new_feed, 0, '');
195 }
196
197 // FIXME
198 // if (keycode == 85) {
199 // return viewfeed(active_feed_id, active_offset, "ForceUpdate");
200 // }
201
202 if (keycode == 83) { // s
203 selectionToggleMarked();
204 }
205
206 // alert("KC: " + keycode);
207
208 }
209
210 function toggleUnread(id, cmode) {
211 try {
212 if (!xmlhttp_ready(xmlhttp_rpc)) {
213 printLockingError();
214 return;
215 }
216
217 var row = document.getElementById("RROW-" + id);
218 if (row) {
219 var nc = row.className;
220 nc = nc.replace("Unread", "");
221 nc = nc.replace("Selected", "");
222
223 if (row.className.match("Unread")) {
224 row.className = nc;
225 } else {
226 row.className = nc + "Unread";
227 }
228
229 if (!cmode) cmode = 2;
230
231 var query = "backend.php?op=rpc&subop=catchupSelected&ids=" +
232 param_escape(id) + "&cmode=" + param_escape(cmode);
233
234 xmlhttp_rpc.open("GET", query, true);
235 xmlhttp_rpc.onreadystatechange=all_counters_callback;
236 xmlhttp_rpc.send(null);
237
238 }
239
240
241 } catch (e) {
242 exception_error("toggleUnread", e);
243 }
244 }
245
246 function selectionToggleUnread(cdm_mode) {
247 try {
248 if (!xmlhttp_ready(xmlhttp_rpc)) {
249 printLockingError();
250 return;
251 }
252
253 var rows;
254
255 if (cdm_mode) {
256 rows = cdmGetSelectedArticles();
257 } else {
258 rows = getSelectedTableRowIds("headlinesList", "RROW", "RCHK");
259 }
260
261 for (i = 0; i < rows.length; i++) {
262 var row = document.getElementById("RROW-" + rows[i]);
263 if (row) {
264 var nc = row.className;
265 nc = nc.replace("Unread", "");
266 nc = nc.replace("Selected", "");
267
268 if (row.className.match("Unread")) {
269 row.className = nc + "Selected";
270 } else {
271 row.className = nc + "UnreadSelected";
272 }
273 }
274 }
275
276 if (rows.length > 0) {
277
278 var query = "backend.php?op=rpc&subop=catchupSelected&ids=" +
279 param_escape(rows.toString()) + "&cmode=2";
280
281 xmlhttp_rpc.open("GET", query, true);
282 xmlhttp_rpc.onreadystatechange=all_counters_callback;
283 xmlhttp_rpc.send(null);
284
285 }
286
287 } catch (e) {
288 exception_error("selectionToggleUnread", e);
289 }
290 }
291
292 function selectionToggleMarked(cdm_mode) {
293 try {
294 if (!xmlhttp_ready(xmlhttp_rpc)) {
295 printLockingError();
296 return;
297 }
298
299 var rows;
300
301 if (cdm_mode) {
302 rows = cdmGetSelectedArticles();
303 } else {
304 rows = getSelectedTableRowIds("headlinesList", "RROW", "RCHK");
305 }
306
307 for (i = 0; i < rows.length; i++) {
308 var row = document.getElementById("RROW-" + rows[i]);
309 var mark_img = document.getElementById("FMARKPIC-" + rows[i]);
310
311 if (row && mark_img) {
312
313 if (mark_img.alt == "Set mark") {
314 mark_img.src = "images/mark_set.png";
315 mark_img.alt = "Reset mark";
316 mark_img.setAttribute('onclick',
317 'javascript:toggleMark('+rows[i]+', false)');
318
319 } else {
320 mark_img.src = "images/mark_unset.png";
321 mark_img.alt = "Set mark";
322 mark_img.setAttribute('onclick',
323 'javascript:toggleMark('+rows[i]+', true)');
324 }
325 }
326 }
327
328 if (rows.length > 0) {
329
330 var query = "backend.php?op=rpc&subop=markSelected&ids=" +
331 param_escape(rows.toString()) + "&cmode=2";
332
333 xmlhttp_rpc.open("GET", query, true);
334 xmlhttp_rpc.onreadystatechange=all_counters_callback;
335 xmlhttp_rpc.send(null);
336
337 }
338
339 } catch (e) {
340 exception_error("selectionToggleMarked", e);
341 }
342 }
343
344 function cdmGetSelectedArticles() {
345 var sel_articles = new Array();
346 var container = document.getElementById("headlinesContainer");
347
348 for (i = 0; i < container.childNodes.length; i++) {
349 var child = container.childNodes[i];
350
351 if (child.id.match("RROW-") && child.className.match("Selected")) {
352 var c_id = child.id.replace("RROW-", "");
353 sel_articles.push(c_id);
354 }
355 }
356
357 return sel_articles;
358 }
359
360 // mode = all,none,unread
361 function cdmSelectArticles(mode) {
362 var container = document.getElementById("headlinesContainer");
363
364 for (i = 0; i < container.childNodes.length; i++) {
365 var child = container.childNodes[i];
366
367 if (child.id.match("RROW-")) {
368 var aid = child.id.replace("RROW-", "");
369
370 var cb = document.getElementById("RCHK-" + aid);
371
372 if (mode == "all") {
373 if (!child.className.match("Selected")) {
374 child.className = child.className + "Selected";
375 cb.checked = true;
376 }
377 } else if (mode == "unread") {
378 if (child.className.match("Unread") && !child.className.match("Selected")) {
379 child.className = child.className + "Selected";
380 cb.checked = true;
381 }
382 } else {
383 child.className = child.className.replace("Selected", "");
384 cb.checked = false;
385 }
386 }
387 }
388 }
389
390 function catchupPage() {
391 selectTableRowsByIdPrefix('headlinesList', 'RROW-', 'RCHK-', true, 'Unread', true);
392 selectionToggleUnread();
393 selectTableRowsByIdPrefix('headlinesList', 'RROW-', 'RCHK-', false);
394 }
395
396
397 function init() {
398 if (arguments.callee.done) return;
399 arguments.callee.done = true;
400
401 if (parent.frames["feeds-frame"]) {
402 document.onkeydown = hotkey_handler;
403 }
404
405 var hw = document.getElementById("headlinesList").scrollHeight;
406 var pw = parent.document.getElementById("headlines").scrollHeight;
407
408 if (hw >= pw) {
409 var bt = document.getElementById("headlineActionsBottom");
410 bt.className = "headlinesSubToolbar";
411 }
412
413 }