plugins/digest/digest.js

   1 var last_feeds = [];
   2 var init_params = {};
   3
   4 var _active_feed_id = false;
   5 var _update_timeout = false;
   6 var _view_update_timeout = false;
   7 var _feedlist_expanded = false;
   8 var _update_seq = 1;
   9
  10 function article_appear(article_id) {
  11         try {
  12                 new Effect.Appear('A-' + article_id);
  13         } catch (e) {
  14                 exception_error("article_appear", e);
  15         }
  16 }
  17
  18 function catchup_feed(feed_id, callback) {
  19         try {
  20
  21                 var fn = find_feed(last_feeds, feed_id).title;
  22
  23                 if (confirm(__("Mark all articles in %s as read?").replace("%s", fn))) {
  24
  25                         var is_cat = "";
  26
  27                         if (feed_id < 0) is_cat = "true"; // KLUDGE
  28
  29                         var query = "?op=rpc&method=catchupFeed&feed_id=" +
  30                                 feed_id + "&is_cat=" + is_cat;
  31
  32                         new Ajax.Request("backend.php", {
  33                                 parameters: query,
  34                                 onComplete: function(transport) {
  35                                         if (callback) callback(transport);
  36
  37                                         update();
  38                                 } });
  39                 }
  40
  41         } catch (e) {
  42                 exception_error("catchup_article", e);
  43         }
  44 }
  45
  46 function get_visible_article_ids() {
  47         try {
  48                 var elems = $("headlines-content").getElementsByTagName("LI");
  49                 var ids = [];
  50
  51                 for (var i = 0; i < elems.length; i++) {
  52                         if (elems[i].id && elems[i].id.match("A-")) {
  53                         ids.push(elems[i].id.replace("A-", ""));
  54                         }
  55                 }
  56
  57                 return ids;
  58
  59         } catch (e) {
  60                 exception_error("get_visible_article_ids", e);
  61         }
  62 }
  63
  64 function catchup_visible_articles(callback) {
  65         try {
  66
  67                 var ids = get_visible_article_ids();
  68
  69                 if (confirm(__("Mark %d displayed articles as read?").replace("%d", ids.length))) {
  70
  71                         var query = "?op=rpc&method=catchupSelected" +
  72                                 "&cmode=0&ids=" + param_escape(ids);
  73
  74                         new Ajax.Request("backend.php", {
  75                                 parameters: query,
  76                                 onComplete: function(transport) {
  77                                         if (callback) callback(transport);
  78
  79                                         viewfeed(_active_feed_id, 0);
  80                                 } });
  81
  82                         }
  83
  84         } catch (e) {
  85                 exception_error("catchup_visible_articles", e);
  86         }
  87 }
  88
  89 function catchup_article(article_id, callback) {
  90         try {
  91                 var query = "?op=rpc&method=catchupSelected" +
  92                         "&cmode=0&ids=" + article_id;
  93
  94                 new Ajax.Request("backend.php", {
  95                         parameters: query,
  96                         onComplete: function(transport) {
  97                                 if (callback) callback(transport);
  98                         } });
  99
 100         } catch (e) {
 101                 exception_error("catchup_article", e);
 102         }
 103 }
 104
 105 function set_selected_article(article_id) {
 106         try {
 107                 $$("#headlines-content > li[id*=A-]").each(function(article) {
 108                                 var id = article.id.replace("A-", "");
 109
 110                                 var cb = article.getElementsByTagName("INPUT")[0];
 111
 112                                 if (id == article_id) {
 113                                         article.addClassName("selected");
 114                                         cb.checked = true;
 115                                 } else {
 116                                         article.removeClassName("selected");
 117                                         cb.checked = false;
 118                                 }
 119
 120                 });
 121
 122         } catch (e) {
 123                 exception_error("mark_selected_feed", e);
 124         }
 125 }
 126
 127
 128 function set_selected_feed(feed_id) {
 129         try {
 130                 var feeds = $("feeds-content").getElementsByTagName("LI");
 131
 132                 for (var i = 0; i < feeds.length; i++) {
 133                         if (feeds[i].id == "F-" + feed_id)
 134                                 feeds[i].className = "selected";
 135                         else
 136                                 feeds[i].className = "";
 137                 }
 138
 139                 _active_feed_id = feed_id;
 140
 141         } catch (e) {
 142                 exception_error("mark_selected_feed", e);
 143         }
 144 }
 145
 146 function load_more() {
 147         try {
 148                 var pr = $("H-LOADING-IMG");
 149
 150                 if (pr) Element.show(pr);
 151
 152                 var offset = $$("#headlines-content > li[id*=A-][class*=fresh],li[id*=A-][class*=unread]").length;
 153
 154                 viewfeed(false, offset, false, false, true,
 155                         function() {
 156                                 var pr = $("H-LOADING-IMG");
 157
 158                                 if (pr) Element.hide(pr);
 159                         });
 160         } catch (e) {
 161                 exception_error("load_more", e);
 162         }
 163 }
 164
 165 function update(callback) {
 166         try {
 167                 console.log('updating feeds...');
 168
 169                 window.clearTimeout(_update_timeout);
 170
 171                 new Ajax.Request("backend.php", {
 172                         parameters: "?op=digest&method=digestinit",
 173                         onComplete: function(transport) {
 174                                 fatal_error_check(transport);
 175                                 parse_feeds(transport);
 176                                 set_selected_feed(_active_feed_id);
 177
 178                                 if (callback) callback(transport);
 179                                 } });
 180
 181                 _update_timeout = window.setTimeout('update()', 5*1000);
 182         } catch (e) {
 183                 exception_error("update", e);
 184         }
 185 }
 186
 187 function remove_headline_entry(article_id) {
 188         try {
 189                 var elem = $('A-' + article_id);
 190
 191                 if (elem) {
 192                         elem.parentNode.removeChild(elem);
 193                 }
 194
 195         } catch (e) {
 196                 exception_error("remove_headline_entry", e);
 197         }
 198 }
 199
 200 function view_update() {
 201         try {
 202                 viewfeed(_active_feed_id, _active_feed_offset, false, true, true);
 203                 update();
 204         } catch (e) {
 205                 exception_error("view_update", e);
 206         }
 207 }
 208
 209 function view(article_id) {
 210         try {
 211                 $("content").addClassName("move");
 212
 213                 var a = $("A-" + article_id);
 214                 var h = $("headlines");
 215
 216                 setTimeout(function() {
 217                         // below or above viewport, reposition headline
 218                         if (a.offsetTop > h.scrollTop + h.offsetHeight || a.offsetTop+a.offsetHeight < h.scrollTop+a.offsetHeight)
 219                                 h.scrollTop = a.offsetTop - (h.offsetHeight/2 - a.offsetHeight/2);
 220                         }, 500);
 221
 222                 new Ajax.Request("backend.php", {
 223                         parameters: "?op=digest&method=digestgetcontents&article_id=" +
 224                                 article_id,
 225                         onComplete: function(transport) {
 226                                 fatal_error_check(transport);
 227
 228                                 var reply = JSON.parse(transport.responseText);
 229
 230                                 if (reply) {
 231                                         var article = reply['article'];
 232
 233                                         var mark_part = "";
 234                                         var publ_part = "";
 235
 236                                         var tags_part = "";
 237
 238                                         if (article.tags.length > 0) {
 239                                                 tags_part = " " + __("in") + " ";
 240
 241                                                 for (var i = 0; i < Math.min(5, article.tags.length); i++) {
 242                                                         //tags_part += "<a href=\"#\" onclick=\"viewfeed('" +
 243                                                         //              article.tags[i] + "')\">" +
 244                                                         //      article.tags[i] + "</a>, ";
 245
 246                                                         tags_part += article.tags[i] + ", ";
 247                                                 }
 248
 249                                                 tags_part = tags_part.replace(/, $/, "");
 250                                                 tags_part = "<span class=\"tags\">" + tags_part + "</span>";
 251
 252                                         }
 253
 254                                         if (article.marked)
 255                                                 mark_part = "<img title='"+ __("Unstar article")+"' onclick=\"toggle_mark(this, "+article.id+")\" src='images/mark_set.png'>";
 256                                         else
 257                                                 mark_part =     "<img title='"+__("Star article")+"' onclick=\"toggle_mark(this, "+article.id+")\" src='images/mark_unset.png'>";
 258
 259                                         if (article.published)
 260                                                 publ_part = "<img title='"+__("Unpublish article")+"' onclick=\"toggle_pub(this, "+article.id+")\" src='images/pub_set.png'>";
 261                                         else
 262                                                 publ_part =     "<img title='"+__("Publish article")+"' onclick=\"toggle_pub(this, "+article.id+")\" src='images/pub_unset.png'>";
 263
 264                                         var tmp = "<div id=\"inner\">" +
 265                                                 "<div id=\"ops\">" +
 266                                                 mark_part +
 267                                                 publ_part +
 268                                                 "</div>" +
 269                                                 "<h1>" + "<a target=\"_blank\" href=\""+article.url+"\">" +
 270                                                         article.title + "</a>" + "</h1>" +
 271                                                 "<div id=\"tags\">" +
 272                                                 tags_part +
 273                                                 "</div>" +
 274                                                 article.content + "</div>";
 275
 276                                         $("article-content").innerHTML = tmp;
 277                                         $("article").addClassName("visible");
 278
 279                                         set_selected_article(article.id);
 280
 281                                         catchup_article(article_id,
 282                                                 function() {
 283                                                         $("A-" + article_id).addClassName("read");
 284                                         });
 285
 286                                 } else {
 287                                         elem.innerHTML = __("Error: unable to load article.");
 288                                 }
 289                         }
 290                 });
 291
 292
 293                 return false;
 294         } catch (e) {
 295                 exception_error("view", e);
 296         }
 297 }
 298
 299 function close_article() {
 300         $("content").removeClassName("move");
 301         $("article").removeClassName("visible");
 302 }
 303
 304 function viewfeed(feed_id, offset, replace, no_effects, no_indicator, callback) {
 305         try {
 306
 307                 if (!feed_id) feed_id = _active_feed_id;
 308                 if (offset == undefined) offset = 0;
 309                 if (replace == undefined) replace = (offset == 0);
 310
 311                 _update_seq = _update_seq + 1;
 312
 313                 if (!offset) $("headlines").scrollTop = 0;
 314
 315                 var query = "backend.php?op=digest&method=digestupdate&feed_id=" +
 316                                 param_escape(feed_id) + "&offset=" + offset +
 317                                 "&seq=" + _update_seq;
 318
 319                 console.log(query);
 320
 321                 var img = false;
 322
 323                 if ($("F-" + feed_id)) {
 324                         img = $("F-" + feed_id).getElementsByTagName("IMG")[0];
 325
 326                         if (img && !no_indicator) {
 327                                 img.setAttribute("orig_src", img.src);
 328                                 img.src = 'images/indicator_tiny.gif';
 329                         }
 330                 }
 331
 332                 new Ajax.Request("backend.php", {
 333                         parameters: query,
 334                         onComplete: function(transport) {
 335                                 Element.hide("overlay");
 336
 337                                 fatal_error_check(transport);
 338                                 parse_headlines(transport, replace, no_effects);
 339                                 set_selected_feed(feed_id);
 340                                 _active_feed_offset = offset;
 341
 342                                 if (img && !no_indicator)
 343                                         img.src = img.getAttribute("orig_src");
 344
 345                                 if (callback) callback(transport);
 346
 347                         } });
 348
 349         } catch (e) {
 350                 exception_error("view", e);
 351         }
 352 }
 353
 354 function find_article(articles, article_id) {
 355         try {
 356                 for (var i = 0; i < articles.length; i++) {
 357                         if (articles[i].id == article_id)
 358                                 return articles[i];
 359                 }
 360
 361                 return false;
 362
 363         } catch (e) {
 364                 exception_error("find_article", e);
 365         }
 366 }
 367
 368 function find_feed(feeds, feed_id) {
 369         try {
 370                 for (var i = 0; i < feeds.length; i++) {
 371                         if (feeds[i].id == feed_id)
 372                                 return feeds[i];
 373                 }
 374
 375                 return false;
 376
 377         } catch (e) {
 378                 exception_error("find_feed", e);
 379         }
 380 }
 381
 382 function get_feed_icon(feed) {
 383         try {
 384                 if (feed.has_icon)
 385                         return getInitParam('icons_url') + "/" + feed.id + '.ico';
 386
 387                 if (feed.id == -1)
 388                         return 'images/mark_set.png';
 389
 390                 if (feed.id == -2)
 391                         return 'images/pub_set.png';
 392
 393                 if (feed.id == -3)
 394                         return 'images/fresh.png';
 395
 396                 if (feed.id == -4)
 397                         return 'images/tag.png';
 398
 399                 if (feed.id < -10)
 400                         return 'images/label.png';
 401
 402                 return 'images/blank_icon.gif';
 403
 404         } catch (e) {
 405                 exception_error("get_feed_icon", e);
 406         }
 407 }
 408
 409 function add_feed_entry(feed) {
 410         try {
 411                 var icon_part = "";
 412
 413                 icon_part = "<img src='" + get_feed_icon(feed) + "'/>";
 414
 415                 var title = (feed.title.length > 30) ?
 416                         feed.title.substring(0, 30) + "&hellip;" :
 417                         feed.title;
 418
 419                 var tmp_html = "<li id=\"F-"+feed.id+"\" onclick=\"viewfeed("+feed.id+")\">" +
 420                         icon_part + title +
 421                         "<div class='unread-ctr'>" + "<span class=\"unread\">" + feed.unread + "</span>" +
 422                         "</div>" + "</li>";
 423
 424                 $("feeds-content").innerHTML += tmp_html;
 425
 426
 427         } catch (e) {
 428                 exception_error("add_feed_entry", e);
 429         }
 430 }
 431
 432 function add_headline_entry(article, feed, no_effects) {
 433         try {
 434
 435                 var icon_part = "";
 436
 437                 icon_part = "<img class='icon' src='" + get_feed_icon(feed) + "'/>";
 438
 439
 440                 var style = "";
 441
 442                 //if (!no_effects) style = "style=\"display : none\"";
 443
 444                 if (article.excerpt.trim() == "")
 445                         article.excerpt = __("Click to expand article.");
 446
 447                 var li_class = "unread";
 448
 449                 var fresh_max = getInitParam("fresh_article_max_age") * 60 * 60;
 450                 var d = new Date();
 451
 452                 if (d.getTime() / 1000 - article.updated < fresh_max)
 453                         li_class = "fresh";
 454
 455                 //"<img title='" + __("Mark as read") + "' onclick=\"view("+article.id+", true)\" src='images/digest_checkbox.png'>" +
 456
 457                 var checkbox_part = "<input type=\"checkbox\" class=\"cb\" onclick=\"toggle_select_article(this)\"/>";
 458
 459                 var date = new Date(article.updated * 1000);
 460
 461                 var date_part = date.toString().substring(0,21);
 462
 463                 var tmp_html = "<li id=\"A-"+article.id+"\" "+style+" class=\""+li_class+"\">" +
 464                         checkbox_part +
 465                         icon_part +
 466                         "<a target=\"_blank\" href=\""+article.link+"\""+
 467                                 "onclick=\"return view("+article.id+")\" class='title'>" +
 468                                 article.title + "</a>" +
 469                         "<div class='body'>" +
 470                         "<div onclick=\"view("+article.id+")\" class='excerpt'>" +
 471                                 article.excerpt + "</div>" +
 472                         "<div onclick=\"view("+article.id+")\" class='info'>";
 473
 474 /*              tmp_html += "<a href=\#\" onclick=\"viewfeed("+feed.id+")\">" +
 475                                         feed.title + "</a> " + " @ "; */
 476
 477                 tmp_html += date_part + "</div>" +
 478                         "</div></li>";
 479
 480                 $("headlines-content").innerHTML += tmp_html;
 481
 482                 if (!no_effects)
 483                         window.setTimeout('article_appear(' + article.id + ')', 100);
 484
 485         } catch (e) {
 486                 exception_error("add_headline_entry", e);
 487         }
 488 }
 489
 490 function expand_feeds() {
 491         try {
 492                 _feedlist_expanded = true;
 493
 494                 redraw_feedlist(last_feeds);
 495
 496         } catch (e) {
 497                 exception_error("expand_feeds", e);
 498         }
 499 }
 500
 501 function redraw_feedlist(feeds) {
 502         try {
 503
 504                 $('feeds-content').innerHTML = "";
 505
 506                 var limit = 10;
 507
 508                 if (_feedlist_expanded) limit = feeds.length;
 509
 510                 for (var i = 0; i < Math.min(limit, feeds.length); i++) {
 511                         add_feed_entry(feeds[i]);
 512                 }
 513
 514                 if (feeds.length > limit) {
 515                         $('feeds-content').innerHTML += "<li id='F-MORE-PROMPT'>" +
 516                                 "<img src='images/blank_icon.gif'>" +
 517                                 "<a href=\"#\" onclick=\"expand_feeds()\">" +
 518                                 __("%d more...").replace("%d", feeds.length-10) +
 519                                 "</a>" + "</li>";
 520                 }
 521
 522                 if (feeds.length == 0) {
 523                         $('feeds-content').innerHTML =
 524                                 "<div class='insensitive' style='text-align : center'>" +
 525                                         __("No unread feeds.") + "</div>";
 526                 }
 527
 528                 if (_active_feed_id)
 529                         set_selected_feed(_active_feed_id);
 530
 531         } catch (e) {
 532                 exception_error("redraw_feedlist", e);
 533         }
 534 }
 535
 536 function parse_feeds(transport) {
 537         try {
 538                 var reply = JSON.parse(transport.responseText);
 539
 540                 if (!reply) return;
 541
 542                 var feeds = reply['feeds'];
 543
 544                 if (feeds) {
 545
 546                         feeds.sort( function (a,b)
 547                                 {
 548                                         if (b.unread != a.unread)
 549                                                 return (b.unread - a.unread);
 550                                         else
 551                                                 if (a.title > b.title)
 552                                                         return 1;
 553                                                 else if (a.title < b.title)
 554                                                         return -1;
 555                                                 else
 556                                                         return 0;
 557                                 });
 558
 559                         var all_articles = find_feed(feeds, -4);
 560
 561                         update_title(all_articles.unread);
 562
 563                         last_feeds = feeds;
 564
 565                         redraw_feedlist(feeds);
 566                 }
 567
 568         } catch (e) {
 569                 exception_error("parse_feeds", e);
 570         }
 571 }
 572
 573 function parse_headlines(transport, replace, no_effects) {
 574         try {
 575                 var reply = JSON.parse(transport.responseText);
 576                 if (!reply) return;
 577
 578                 var seq = reply['seq'];
 579
 580                 if (seq) {
 581                         if (seq != _update_seq) {
 582                                 console.log("parse_headlines: wrong sequence received.");
 583                                 return;
 584                         }
 585                 } else {
 586                         return;
 587                 }
 588
 589                 var headlines = reply['headlines']['content'];
 590                 var headlines_title = reply['headlines']['title'];
 591
 592                 if (headlines && headlines_title) {
 593
 594                         if (replace) {
 595                                 $('headlines-content').innerHTML = '';
 596                         }
 597
 598                         var pr = $('H-MORE-PROMPT');
 599
 600                         if (pr) pr.parentNode.removeChild(pr);
 601
 602                         var inserted = false;
 603
 604                         for (var i = 0; i < headlines.length; i++) {
 605
 606                                 if (!$('A-' + headlines[i].id)) {
 607                                         add_headline_entry(headlines[i],
 608                                                         find_feed(last_feeds, headlines[i].feed_id), !no_effects);
 609
 610                                 }
 611                         }
 612
 613                         console.log(inserted.id);
 614
 615                         var ids = get_visible_article_ids();
 616
 617                         if (ids.length > 0) {
 618                                 if (pr) {
 619                                         $('headlines-content').appendChild(pr);
 620
 621                                 } else {
 622                                         $('headlines-content').innerHTML += "<li id='H-MORE-PROMPT'>" +
 623                                                 "<div class='body'>" +
 624                                                 "<a href=\"#\" onclick=\"catchup_visible_articles()\">" +
 625                                                 __("Mark as read") + "</a> | " +
 626                                                 "<a href=\"javascript:load_more()\">" +
 627                                                 __("Load more...") + "</a>" +
 628                                                 "<img style=\"display : none\" "+
 629                                                 "id=\"H-LOADING-IMG\" src='images/indicator_tiny.gif'>" +
 630                                                 "</div></li>";
 631                                 }
 632                         } else {
 633                                 // FIXME : display some kind of "nothing to see here" prompt here
 634                         }
 635
 636 //                      if (replace && !no_effects)
 637 //                              new Effect.Appear('headlines-content', {duration : 0.3});
 638
 639                         //new Effect.Appear('headlines-content');
 640                 }
 641
 642         } catch (e) {
 643                 exception_error("parse_headlines", e);
 644         }
 645 }
 646
 647 function init_second_stage() {
 648         try {
 649                 new Ajax.Request("backend.php", {
 650                         parameters: "backend.php?op=digest&method=digestinit",
 651                         onComplete: function(transport) {
 652                                 parse_feeds(transport);
 653                                 Element.hide("overlay");
 654
 655                                 document.onkeydown = hotkey_handler;
 656
 657                                 window.setTimeout('viewfeed(-4)', 100);
 658                                 _update_timeout = window.setTimeout('update()', 5*1000);
 659                                 } });
 660
 661         } catch (e) {
 662                 exception_error("init_second_stage", e);
 663         }
 664 }
 665
 666 function init() {
 667         try {
 668                 dojo.require("dijit.Dialog");
 669
 670                 new Ajax.Request("backend.php", {
 671                         parameters: {op: "rpc", method: "sanityCheck"},
 672                         onComplete: function(transport) {
 673                                 backend_sanity_check_callback(transport);
 674                         } });
 675
 676         } catch (e) {
 677                 exception_error("digest_init", e);
 678         }
 679 }
 680
 681 function toggle_mark(img, id) {
 682
 683         try {
 684
 685                 var query = "?op=rpc&id=" + id + "&method=mark";
 686
 687                 if (!img) return;
 688
 689                 if (img.src.match("mark_unset")) {
 690                         img.src = img.src.replace("mark_unset", "mark_set");
 691                         img.alt = __("Unstar article");
 692                         query = query + "&mark=1";
 693                 } else {
 694                         img.src = img.src.replace("mark_set", "mark_unset");
 695                         img.alt = __("Star article");
 696                         query = query + "&mark=0";
 697                 }
 698
 699                 new Ajax.Request("backend.php", {
 700                         parameters: query,
 701                         onComplete: function(transport) {
 702                                 update();
 703                         } });
 704
 705         } catch (e) {
 706                 exception_error("toggle_mark", e);
 707         }
 708 }
 709
 710 function toggle_pub(img, id, note) {
 711
 712         try {
 713
 714                 var query = "?op=rpc&id=" + id + "&method=publ";
 715
 716                 if (note != undefined) {
 717                         query = query + "&note=" + param_escape(note);
 718                 } else {
 719                         query = query + "&note=undefined";
 720                 }
 721
 722                 if (!img) return;
 723
 724                 if (img.src.match("pub_unset") || note != undefined) {
 725                         img.src = img.src.replace("pub_unset", "pub_set");
 726                         img.alt = __("Unpublish article");
 727                         query = query + "&pub=1";
 728
 729                 } else {
 730                         img.src = img.src.replace("pub_set", "pub_unset");
 731                         img.alt = __("Publish article");
 732                         query = query + "&pub=0";
 733                 }
 734
 735                 new Ajax.Request("backend.php", {
 736                         parameters: query,
 737                         onComplete: function(transport) {
 738                                 update();
 739                         } });
 740
 741         } catch (e) {
 742                 exception_error("toggle_pub", e);
 743         }
 744 }
 745
 746 function fatal_error(code, msg) {
 747         try {
 748
 749                 if (code == 6) {
 750                         window.location.href = "digest.php";
 751                 } else if (code == 5) {
 752                         window.location.href = "db-updater.php";
 753                 } else {
 754
 755                         if (msg == "") msg = "Unknown error";
 756
 757                         console.error("Fatal error: " + code + "\n" +
 758                                 msg);
 759
 760                 }
 761
 762         } catch (e) {
 763                 exception_error("fatalError", e);
 764         }
 765 }
 766
 767 function fatal_error_check(transport) {
 768         try {
 769                 if (transport.responseXML) {
 770                         var error = transport.responseXML.getElementsByTagName("error")[0];
 771
 772                         if (error) {
 773                                 var code = error.getAttribute("error-code");
 774                                 var msg = error.getAttribute("error-msg");
 775                                 if (code != 0) {
 776                                         fatal_error(code, msg);
 777                                         return false;
 778                                 }
 779                         }
 780                 }
 781         } catch (e) {
 782                 exception_error("fatal_error_check", e);
 783         }
 784         return true;
 785 }
 786
 787 function update_title(unread) {
 788         try {
 789                 document.title = "Tiny Tiny RSS";
 790
 791                 if (unread > 0)
 792                         document.title += " (" + unread + ")";
 793
 794         } catch (e) {
 795                 exception_error("update_title", e);
 796         }
 797 }
 798
 799 function toggle_select_article(elem) {
 800         try {
 801                 var article = elem.parentNode;
 802
 803                 if (article.hasClassName("selected"))
 804                         article.removeClassName("selected");
 805                 else
 806                         article.addClassName("selected");
 807
 808         } catch (e) {
 809                 exception_error("toggle_select_article", e);
 810         }
 811 }
 812
 813 function hotkey_handler(e) {
 814         try {
 815
 816                 if (e.target.nodeName == "INPUT" || e.target.nodeName == "TEXTAREA") return;
 817
 818                 var keycode = false;
 819                 var shift_key = false;
 820
 821                 var cmdline = $('cmdline');
 822
 823                 try {
 824                         shift_key = e.shiftKey;
 825                 } catch (e) {
 826
 827                 }
 828
 829                 if (window.event) {
 830                         keycode = window.event.keyCode;
 831                 } else if (e) {
 832                         keycode = e.which;
 833                 }
 834
 835                 var keychar = String.fromCharCode(keycode);
 836
 837                 if (keycode == 16) return; // ignore lone shift
 838                 if (keycode == 17) return; // ignore lone ctrl
 839
 840                 switch (keycode) {
 841                 case 27: // esc
 842                         close_article();
 843                         break;
 844                 default:
 845                         console.log("KP: CODE=" + keycode + " CHAR=" + keychar);
 846                 }
 847
 848
 849         } catch (e) {
 850                 exception_error("hotkey_handler", e);
 851         }
 852 }