]> git.wh0rd.org - tt-rss.git/blob - offline.js
offline mode UI tweaks
[tt-rss.git] / offline.js
1 var SCHEMA_VERSION = 3;
2
3 var offline_mode = false;
4 var store = false;
5 var localServer = false;
6 var db = false;
7
8 function view_offline(id, feed_id) {
9 try {
10
11 enableHotkeys();
12 showArticleInHeadlines(id);
13
14 db.execute("UPDATE articles SET unread = 0 WHERE id = ?", [id]);
15
16 var rs = db.execute("SELECT * FROM articles WHERE id = ?", [id]);
17
18 if (rs.isValidRow()) {
19
20 var tmp = "<div class=\"postReply\">";
21
22 tmp += "<div class=\"postHeader\" onmouseover=\"enable_resize(true)\" "+
23 "onmouseout=\"enable_resize(false)\">";
24
25 tmp += "<div class=\"postDate\">"+rs.fieldByName("updated")+"</div>";
26
27 if (rs.fieldByName("link") != "") {
28 tmp += "<div clear='both'><a target=\"_blank\" "+
29 "href=\"" + rs.fieldByName("link") + "\">" +
30 rs.fieldByName("title") + "</a></div>";
31 } else {
32 tmp += "<div clear='both'>" + rs.fieldByName("title") + "</div>";
33 }
34
35 tmp += "<div style='float : right'> "+
36 "<img src='images/tag.png' class='tagsPic' alt='Tags' title='Tags'>";
37 tmp += rs.fieldByName("tags");
38 tmp += "</div>";
39
40 tmp += "<div clear='both'>"+
41 "<a target=\"_blank\" "+
42 "href=\"" + rs.fieldByName("comments") + "\">" +
43 __("comments") + "</a></div>";
44
45 tmp += "</div>";
46
47 tmp += "<div class=\"postContent\">"
48 tmp += rs.fieldByName("content");
49 tmp += "</div>";
50
51 tmp += "</div>";
52
53 render_article(tmp);
54 update_local_feedlist_counters();
55 }
56
57 rs.close();
58
59 return false;
60
61 } catch (e) {
62 exception_error("view_offline", e);
63 }
64 }
65
66 function viewfeed_offline(feed_id, subop, is_cat, subop_param, skip_history, offset) {
67 try {
68 notify('');
69
70 if (!offset) offset = 0;
71
72 if (offset > 0) {
73 _feed_cur_page = parseInt(offset);
74 if (_infscroll_request_sent) {
75 return;
76 }
77 } else {
78 _feed_cur_page = 0;
79 _infscroll_disable = 0;
80 }
81
82 if (getActiveFeedId() != feed_id) {
83 _feed_cur_page = 0;
84 active_post_id = 0;
85 _infscroll_disable = 0;
86 }
87
88 loading_set_progress(100);
89
90 clean_feed_selections();
91
92 setActiveFeedId(feed_id, is_cat);
93
94 if (!is_cat) {
95 var feedr = document.getElementById("FEEDR-" + feed_id);
96 if (feedr && !feedr.className.match("Selected")) {
97 feedr.className = feedr.className + "Selected";
98 }
99 } else {
100 var feedr = document.getElementById("FCAT-" + feed_id);
101 if (feedr && !feedr.className.match("Selected")) {
102 feedr.className = feedr.className + "Selected";
103 }
104 }
105
106 disableContainerChildren("headlinesToolbar", false);
107 Form.enable("main_toolbar_form");
108
109 var f = document.getElementById("headlines-frame");
110 try {
111 if (reply.offset == 0) {
112 debug("resetting headlines scrollTop");
113 f.scrollTop = 0;
114 }
115 } catch (e) { };
116
117
118 var tmp = "";
119
120 rs = db.execute("SELECT title FROM feeds WHERE id = ?", [feed_id]);
121
122 if (rs.isValidRow() || feed_id == -1 || feed_id == -4) {
123
124 feed_title = rs.field(0);
125
126 if (feed_id == -1) {
127 feed_title = __("Starred articles");
128 }
129
130 if (feed_id == -4) {
131 feed_title = __("All articles");
132 }
133
134 if (offset == 0) {
135 tmp += "<div id=\"headlinesContainer\">";
136
137 tmp += "<div class=\"headlinesSubToolbar\">";
138 tmp += "<div id=\"subtoolbar_ftitle\">";
139 tmp += feed_title;
140 tmp += "</div>";
141
142 var sel_all_link;
143 var sel_unread_link;
144 var sel_none_link;
145 var sel_inv_link;
146
147 if (document.getElementById("content-frame")) {
148 sel_all_link = "javascript:selectTableRowsByIdPrefix('headlinesList', 'RROW-', 'RCHK-', true, '', true)";
149 sel_unread_link = "javascript:selectTableRowsByIdPrefix('headlinesList', 'RROW-', 'RCHK-', true, 'Unread', true)";
150 sel_none_link = "javascript:selectTableRowsByIdPrefix('headlinesList', 'RROW-', 'RCHK-', false)";
151 sel_inv_link = "javascript:invertHeadlineSelection()";
152 } else {
153 sel_all_link = "javascript:cdmSelectArticles('all')";
154 sel_unread_link = "javascript:cdmSelectArticles('unread')";
155 sel_none_link = "javascript:cdmSelectArticles('none')";
156 sel_inv_link = "javascript:invertHeadlineSelection()";
157 }
158
159 tmp += __('Select:')+
160 " <a href=\""+sel_all_link+"\">"+__('All')+"</a>, "+
161 "<a href=\""+sel_unread_link+"\">"+__('Unread')+"</a>, "+
162 "<a href=\""+sel_inv_link+"\">"+__('Invert')+"</a>, "+
163 "<a href=\""+sel_none_link+"\">"+__('None')+"</a>";
164
165 tmp += "&nbsp;&nbsp;";
166
167 tmp += "</div>";
168
169 tmp += "<div id=\"headlinesInnerContainer\" onscroll=\"headlines_scroll_handler()\">";
170 if (document.getElementById("content-frame")) {
171 tmp += "<table class=\"headlinesList\" id=\"headlinesList\" cellspacing=\"0\">";
172 }
173
174 }
175
176 var limit = 30;
177
178 var toolbar_form = document.forms["main_toolbar_form"];
179
180 var limit = toolbar_form.limit[toolbar_form.limit.selectedIndex].value;
181 var view_mode = toolbar_form.view_mode[toolbar_form.view_mode.selectedIndex].value;
182
183 var limit_qpart = "";
184 var strategy_qpart = "";
185 var mode_qpart = "";
186 var offset_qpart = "";
187
188 if (limit != 0) {
189 limit_qpart = "LIMIT " + limit;
190 }
191
192 if (view_mode == "all_articles") {
193 mode_qpart = "1";
194 } else if (view_mode == "adaptive") {
195 if (get_local_feed_unread(feed_id) > 0) {
196 mode_qpart = "unread = 1";
197 } else {
198 mode_qpart = "1";
199 }
200 } else if (view_mode == "marked") {
201 mode_qpart = "marked = 1";
202 } else if (view_mode == "unread") {
203 mode_qpart = "unread = 1";
204 } else {
205 mode_qpart = "1";
206 }
207
208 if (feed_id > 0) {
209 strategy_qpart = "feed_id = " + feed_id;
210 } else if (feed_id == -1) {
211 strategy_qpart = "marked = 1";
212 } else if (feed_id == -4) {
213 strategy_qpart = "1";
214 }
215
216 if (offset > 0) {
217 offset_qpart = "OFFSET " + (offset*30);
218 } else {
219 offset_qpart = "";
220 }
221
222 var query = "SELECT * FROM articles WHERE " +
223 strategy_qpart +
224 " AND " + mode_qpart +
225 " ORDER BY updated DESC "+
226 limit_qpart + " " +
227 offset_qpart;
228
229 var rs = db.execute(query);
230
231 var line_num = offset*30;
232
233 while (rs.isValidRow()) {
234
235 var id = rs.fieldByName("id");
236 var feed_id = rs.fieldByName("feed_id");
237
238 var marked_pic;
239
240 var row_class = (line_num % 2) ? "even" : "odd";
241
242 if (rs.fieldByName("unread") == "1") {
243 row_class += "Unread";
244 }
245
246 if (rs.fieldByName("marked") == "1") {
247 marked_pic = "<img id=\"FMPIC-"+id+"\" "+
248 "src=\"images/mark_set.png\" class=\"markedPic\""+
249 "alt=\"Unstar article\" onclick='javascript:tMark("+id+")'>";
250 } else {
251 marked_pic = "<img id=\"FMPIC-"+id+"\" "+
252 "src=\"images/mark_unset.png\" class=\"markedPic\""+
253 "alt=\"Star article\" onclick='javascript:tMark("+id+")'>";
254 }
255
256 var mouseover_attrs = "onmouseover='postMouseIn($id)' "+
257 "onmouseout='postMouseOut($id)'";
258
259 var content_preview = truncate_string(strip_tags(rs.fieldByName("content")),
260 100);
261
262 if (document.getElementById("content-frame")) {
263
264 tmp += "<tr class='"+row_class+"' id='RROW-"+id+"' "+mouseover_attrs+">";
265
266 tmp += "<td class='hlUpdPic'> </td>";
267
268 tmp += "<td class='hlSelectRow'>"+
269 "<input type=\"checkbox\" onclick=\"tSR(this)\" id=\"RCHK-"+id+"\"></td>";
270
271 tmp += "<td class='hlMarkedPic'>"+marked_pic+"</td>";
272
273 tmp += "<td onclick='view("+id+","+feed_id+")' "+
274 "class='hlContent' valign='middle'>";
275
276 tmp += "<a target=\"_blank\" id=\"RTITLE-$id\" href=\"" +
277 rs.fieldByName("link") + "\"" +
278 "onclick=\"return view("+id+","+feed_id+");\">"+
279 rs.fieldByName("title");
280
281 tmp += "<span class=\"contentPreview\"> - "+content_preview+"</span>";
282
283 tmp += "</a>";
284
285 tmp += "</td>";
286
287 tmp += "<td class=\"hlUpdated\" onclick='view("+id+","+feed_id+")'>"+
288 "<nobr>"+rs.fieldByName("updated").substring(0,16)+"</nobr></td>";
289
290 tmp += "</tr>";
291 } else {
292
293 var add_class = "";
294
295 if (rs.fieldByName("unread") == "1") {
296 add_class = "Unread";
297 }
298
299 tmp += "<div class=\"cdmArticle"+add_class+"\" id=\"RROW-"+id+"\" "+
300 mouseover_attrs+"'>";
301
302 tmp += "<div class=\"cdmHeader\">";
303 tmp += "<div class=\"articleUpdated\">"+
304 rs.fieldByName("updated").substring(0,16)+"</div>";
305
306 tmp += "<span id=\"RTITLE-"+id+"\" class=\"titleWrap\">"+
307 "<a class=\"title\" onclick=\"javascript:toggleUnread("+id+", 0)\""+
308 "target=\"_blank\" href=\""+rs.fieldByName("link")+
309 "\">"+rs.fieldByName("title")+"</a>";
310 tmp += "</span></div>";
311
312 tmp += "<div class=\"cdmContent\" onclick=\"cdmClicked("+id+")\""+
313 "id=\"CICD-"+id+"\">";
314 tmp += rs.fieldByName("content");
315 tmp += "<br clear='both'>"
316 tmp += "</div>";
317
318 tmp += "<div class=\"cdmFooter\"><span class='s0'>";
319 tmp += __("Select:")+
320 " <input type=\"checkbox\" "+
321 "onclick=\"toggleSelectRowById(this, 'RROW-"+id+"')\" "+
322 "class=\"feedCheckBox\" id=\"RCHK-"+id+"\">";
323
324 tmp += "</span><span class='s1'>"+marked_pic+"</span> ";
325
326 tmp += "<span class='s1'>"+
327 "<img class='tagsPic' src='images/tag.png' alt='Tags' title='Tags'>"+
328 "<span id=\"ATSTR-"+id+"\">"+rs.fieldByName("tags")+"</span>"+
329 "</span>";
330
331 tmp += "<span class='s2'>Toggle: <a class=\"cdmToggleLink\""+
332 "href=\"javascript:toggleUnread("+id+")\">"+
333 "Unread</a></span>";
334 tmp += "</div>";
335
336 tmp += "</div>";
337 }
338
339 rs.next();
340 line_num++;
341 }
342
343 if (line_num - offset*30 < 30) {
344 _infscroll_disable = 1;
345 }
346
347 rs.close();
348
349 if (offset == 0) {
350 tmp += "</table>";
351 tmp += "</div></div>";
352 }
353
354 if (offset == 0) {
355 var container = document.getElementById("headlines-frame");
356 container.innerHTML = tmp;
357 } else {
358 var ids = getSelectedArticleIds2();
359
360 var container = document.getElementById("headlinesList");
361 container.innerHTML = container.innerHTML + tmp;
362
363 for (var i = 0; i < ids.length; i++) {
364 markHeadline(ids[i]);
365 }
366 }
367 }
368
369 remove_splash();
370
371 _infscroll_request_sent = 0;
372
373 } catch (e) {
374 exception_error("viewfeed_offline", e);
375 }
376 }
377
378 function render_offline_feedlist() {
379 try {
380 var tmp = "<ul class=\"feedList\" id=\"feedList\">";
381
382 var unread = get_local_feed_unread(-4);
383
384 global_unread = unread;
385 updateTitle();
386
387 tmp += printFeedEntry(-4, __("All articles"), "feed", unread,
388 "images/tag.png");
389
390 var unread = get_local_feed_unread(-1);
391
392 tmp += printFeedEntry(-1, __("Starred articles"), "feed", unread,
393 "images/mark_set.png");
394
395 tmp += "<li><hr/></li>";
396
397 var rs = db.execute("SELECT feeds.id,feeds.title,has_icon,COUNT(articles.id) "+
398 "FROM feeds LEFT JOIN articles ON (feed_id = feeds.id) "+
399 "WHERE unread = 1 OR unread IS NULL GROUP BY feeds.id "+
400 "ORDER BY feeds.title");
401
402 while (rs.isValidRow()) {
403
404 var id = rs.field(0);
405 var title = rs.field(1);
406 var has_icon = rs.field(2);
407 var unread = rs.field(3);
408
409 var icon = "";
410
411 if (has_icon) {
412 icon = "icons/" + id + ".ico";
413 }
414
415
416 var feed_icon = "";
417
418 var row_class = "feed";
419
420 if (unread > 0) {
421 row_class += "Unread";
422 fctr_class = "feedCtrHasUnread";
423 } else {
424 fctr_class = "feedCtrNoUnread";
425 }
426
427 tmp += printFeedEntry(id, title, "feed", unread, icon);
428
429 rs.next();
430 }
431
432 rs.close();
433
434 tmp += "</ul>";
435
436 render_feedlist(tmp);
437 } catch (e) {
438 exception_error("render_offline_feedlist", e);
439 }
440 }
441
442 function init_offline() {
443 try {
444 offline_mode = true;
445
446 Element.hide("dispSwitchPrompt");
447 Element.hide("feedBrowserPrompt");
448
449 var tb_form = document.getElementById("main_toolbar_form");
450 Element.hide(tb_form.update);
451
452 var top_links = document.getElementById("topLinks");
453 top_links.innerHTML = __("Offline mode");
454
455 var chooser = document.getElementById("quickMenuChooser");
456 chooser.disabled = true;
457
458 var rs = db.execute("SELECT key, value FROM init_params");
459
460 while (rs.isValidRow()) {
461 init_params[rs.field(0)] = rs.field(1);
462 rs.next();
463 }
464
465 rs.close();
466
467 render_offline_feedlist();
468 init_second_stage();
469 remove_splash();
470 } catch (e) {
471 exception_error("init_offline", e);
472 }
473 }
474
475 function offline_download_parse(stage, transport) {
476 try {
477 if (transport.responseXML) {
478
479 if (stage == 0) {
480
481 var feeds = transport.responseXML.getElementsByTagName("feed");
482
483 if (feeds.length > 0) {
484 db.execute("DELETE FROM feeds");
485 }
486
487 for (var i = 0; i < feeds.length; i++) {
488 var id = feeds[i].getAttribute("id");
489 var has_icon = feeds[i].getAttribute("has_icon");
490 var title = feeds[i].firstChild.nodeValue;
491
492 db.execute("INSERT INTO feeds (id,title,has_icon)"+
493 "VALUES (?,?,?)",
494 [id, title, has_icon]);
495 }
496
497 window.setTimeout("update_offline_data("+(stage+1)+")", 60*1000);
498 } else {
499
500 var articles = transport.responseXML.getElementsByTagName("article");
501
502 var articles_found = 0;
503
504 for (var i = 0; i < articles.length; i++) {
505 var a = eval("("+articles[i].firstChild.nodeValue+")");
506 articles_found++;
507 if (a) {
508
509 var date = new Date();
510 var ts = Math.round(date.getTime() / 1000);
511
512 db.execute("DELETE FROM articles WHERE id = ?", [a.id]);
513 db.execute("INSERT INTO articles "+
514 "(id, feed_id, title, link, guid, updated, content, "+
515 "unread, marked, tags, added, comments) "+
516 "VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)",
517 [a.id, a.feed_id, a.title, a.link, a.guid, a.updated,
518 a.content, a.unread, a.marked, a.tags, ts,
519 a.comments]);
520
521 }
522 }
523
524 if (articles_found > 0) {
525 window.setTimeout("update_offline_data("+(stage+1)+")", 60*1000);
526 } else {
527 window.setTimeout("update_offline_data(0)", 1800*1000);
528
529 var date = new Date();
530 var ts = Math.round(date.getTime() / 1000);
531
532 db.execute("DELETE FROM articles WHERE added < ? - 2592000", [ts]);
533
534 }
535 }
536
537 }
538 } catch (e) {
539 exception_error("offline_download_parse", e);
540 }
541 }
542
543 function update_offline_data(stage) {
544 try {
545
546 if (!stage) stage = 0;
547
548 debug("update_offline_data: stage " + stage);
549
550 // notify_progress("Loading, please wait... (" + stage +")", true);
551
552 var query = "backend.php?op=rpc&subop=download&stage=" + stage;
553
554 var rs = db.execute("SELECT MAX(id), MIN(id) FROM articles");
555
556 if (rs.isValidRow() && rs.field(0)) {
557 var offline_dl_max_id = rs.field(0);
558 var offline_dl_min_id = rs.field(1);
559
560 query = query + "&cidt=" + offline_dl_max_id;
561 query = query + "&cidb=" + offline_dl_min_id;
562 }
563
564 rs.close();
565
566 new Ajax.Request(query, {
567 onComplete: function(transport) {
568 offline_download_parse(stage, transport);
569 debug("update_offline_data: done " + stage);
570 } });
571
572 } catch (e) {
573 exception_error("initiate_offline_download", e);
574 }
575 }
576
577 function set_feedlist_counter(id, ctr) {
578 try {
579
580 var feedctr = document.getElementById("FEEDCTR-" + id);
581 var feedu = document.getElementById("FEEDU-" + id);
582 var feedr = document.getElementById("FEEDR-" + id);
583
584 if (feedctr && feedu && feedr) {
585
586 var row_needs_hl = (ctr > 0 && ctr > parseInt(feedu.innerHTML));
587
588 feedu.innerHTML = ctr;
589
590 if (ctr > 0) {
591 feedctr.className = "feedCtrHasUnread";
592 if (!feedr.className.match("Unread")) {
593 var is_selected = feedr.className.match("Selected");
594
595 feedr.className = feedr.className.replace("Selected", "");
596 feedr.className = feedr.className.replace("Unread", "");
597
598 feedr.className = feedr.className + "Unread";
599
600 if (is_selected) {
601 feedr.className = feedr.className + "Selected";
602 }
603
604 }
605
606 if (row_needs_hl) {
607 new Effect.Highlight(feedr, {duration: 1, startcolor: "#fff7d5",
608 queue: { position:'end', scope: 'EFQ-' + id, limit: 1 } } );
609 }
610 } else {
611 feedctr.className = "feedCtrNoUnread";
612 feedr.className = feedr.className.replace("Unread", "");
613 }
614 }
615
616 } catch (e) {
617 exception_error("set_feedlist_counter", e);
618 }
619 }
620
621 function update_local_feedlist_counters() {
622 try {
623 if (!db) return;
624
625 var rs = db.execute("SELECT feeds.id,COUNT(articles.id) "+
626 "FROM feeds LEFT JOIN articles ON (feed_id = feeds.id) "+
627 "WHERE unread = 1 OR unread IS NULL GROUP BY feeds.id "+
628 "ORDER BY feeds.title");
629
630 while (rs.isValidRow()) {
631 var id = rs.field(0);
632 var ctr = rs.field(1);
633
634 set_feedlist_counter(id, ctr);
635
636 rs.next();
637 }
638
639 rs.close();
640
641 set_feedlist_counter(-4, get_local_feed_unread(-4));
642 set_feedlist_counter(-1, get_local_feed_unread(-1));
643
644 hideOrShowFeeds(getInitParam("hide_read_feeds") == 1);
645
646 global_unread = get_local_feed_unread(-4);
647 updateTitle();
648
649 } catch (e) {
650 exception_error("update_local_feedlist_counters", e);
651 }
652 }
653
654 function get_local_feed_unread(id) {
655 try {
656 var rs;
657
658 if (id == -4) {
659 rs = db.execute("SELECT SUM(unread) FROM articles");
660 } else if (id == -1) {
661 rs = db.execute("SELECT SUM(unread) FROM articles WHERE marked = 1");
662 } else {
663 rs = db.execute("SELECT SUM(unread) FROM articles WHERE feed_id = ?", [id]);
664 }
665
666 var a = false;
667
668 if (rs.isValidRow()) {
669 a = rs.field(0);
670 } else {
671 a = 0;
672 }
673
674 rs.close();
675
676 return a;
677
678 } catch (e) {
679 exception_error("get_local_feed_unread", e);
680 }
681 }
682
683 function init_gears() {
684 try {
685
686 if (window.google && google.gears) {
687 localServer = google.gears.factory.create("beta.localserver");
688 store = localServer.createManagedStore("tt-rss");
689 db = google.gears.factory.create('beta.database');
690 db.open('tt-rss');
691
692 db.execute("CREATE TABLE IF NOT EXISTS version (schema_version text)");
693
694 var rs = db.execute("SELECT schema_version FROM version");
695
696 var version = "";
697
698 if (rs.isValidRow()) {
699 version = rs.field(0);
700 }
701
702 rs.close();
703
704 if (version != SCHEMA_VERSION) {
705 db.execute("DROP TABLE IF EXISTS init_params");
706 db.execute("DROP TABLE IF EXISTS cache");
707 db.execute("DROP TABLE IF EXISTS feeds");
708 db.execute("DROP TABLE IF EXISTS articles");
709 db.execute("DROP TABLE IF EXISTS version");
710 db.execute("CREATE TABLE IF NOT EXISTS version (schema_version text)");
711 db.execute("INSERT INTO version (schema_version) VALUES (?)",
712 [SCHEMA_VERSION]);
713 }
714
715 db.execute("CREATE TABLE IF NOT EXISTS init_params (key text, value text)");
716
717 db.execute("CREATE TABLE IF NOT EXISTS cache (id text, article text, param text, added text)");
718 db.execute("CREATE TABLE IF NOT EXISTS feeds (id integer, title text, has_icon integer)");
719 db.execute("CREATE TABLE IF NOT EXISTS articles (id integer, feed_id integer, title text, link text, guid text, updated text, content text, tags text, unread text, marked text, added text, comments text)");
720
721
722 db.execute("DELETE FROM cache WHERE id LIKE 'F:%' OR id LIKE 'C:%'");
723
724 window.setTimeout("update_offline_data(0)", 100);
725
726 }
727
728 cache_expire();
729
730 } catch (e) {
731 exception_error("init_gears", e);
732 }
733 }
734
735