/core.html

https://github.com/xupisco/gameLib-Chrome-Extension · HTML · 121 lines · 101 code · 20 blank · 0 comment · 0 complexity · 6675f7b02313eb890bc4ea9d6da56848 MD5 · raw file 

    

  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4. 

  5. <link rel="stylesheet" type="text/css" href="css/style.css" />
    6. 

  6. <script src="js/jquery-1.6.4.min.js"></script> <!-- Including jQuery -->
    7. 

  7. <script src="js/core.js"></script> <!-- Our script file -->
    8. 

  8. 

  9. <script type="text/javascript">
    10. 

  10. var req;
    11. 

  11. var firstRun = true;
    12. 

  12. var page = 0;
    13. 

  13. var limit = 5;
    14. 

  14. var opened = 0;
    15. 

  15. var feedUrl = 'http://www.gamelib.com.br/app/latest/?limit=' + limit;
    16. 

  16. 

  17. function main() {
    18. 

  18.     req = new XMLHttpRequest();
    19. 

  19.     req.onload = handleResponse;
    20. 

  20.     req.onerror = handleError;
    21. 

  21.     req.open("GET", feedUrl, true);
    22. 

  22.     req.send(null);
    23. 

  23. 

  24.     bg = chrome.extension.getBackgroundPage()
    25. 

  25.     bg.unreaded = 0;
    26. 

  26.     chrome.browserAction.setBadgeText({text:''});
    27. 

  27. 

  28.     $("#logo").click(function() {
    29. 

  29.             chrome.tabs.create({'url': 'http://www.gamelib.com.br'});
    30. 

  30.             self.close();
    31. 

  31.             });
    32. 

  32. 

  33.     $("#next").addClass('on');
    34. 

  34.     $("#previous").addClass('on');
    35. 

  35. 

  36.     $("#next").click(function() { gotoPage(1) });
    37. 

  37.     $("#previous").click(function() { gotoPage(0) });
    38. 

  38. }
    39. 

  39. 

  40. function gotoPage(n) {
    41. 

  41.     page = n ? page + 1 : page - 1;
    42. 

  42.     if(page != -1) {
    43. 

  43.         $("#content").css('opacity', '0.1');
    44. 

  44.         $("#loader").css({ 'position': 'absolute', 'top': '170px', 'left': '60px' });
    45. 

  45.         $("#loader").show();
    46. 

  46.         offset = limit * page;
    47. 

  47.         feedUrl = 'http://www.gamelib.com.br/app/latest/?limit=' + limit + '&offset=' + offset;
    48. 

  48.         req.open("GET", feedUrl, true);
    49. 

  49.         req.send(null);
    50. 

  50.     } else {
    51. 

  51.         page = 0;
    52. 

  52.     }
    53. 

  53. }
    54. 

  54. 

  55. function openPost(pid) {
    56. 

  56.     chrome.tabs.create({'url': 'http://www.gamelib.com.br' + $("#" + pid).attr('link')});
    57. 

  57.     self.close();
    58. 

  58. }
    59. 

  59. 

  60. function handleResponse() {
    61. 

  61.     $("#content").html('');
    62. 

  62.     data = $.parseJSON(req.response);
    63. 

  63.     for (var i = 0; i < data.results.length; i++) {
    64. 

  64.         var post = data.results[i];
    65. 

  65.         div = "<div class='post_holder' id='" + post.content_id + "' link='" + post.content_link + "' post_id='" + post.content_id + "'>";
    66. 

  66.         div += "<div class='post_comments'>" + post.content_comments + "</div>\n";
    67. 

  67.         div += "<div class='post_date'>" + post.content_date + "</div>\n";
    68. 

  68.         div += "<div class='post_title'>" + post.content_title + "</div>\n";
    69. 

  69.         div += "</div>\n";
    70. 

  70.         div += "<div id='post_content_" + post.content_id  + "' class='post_content'>" + post.content_teaser + "<div class='post_more'><a href='javascript:openPost(" + post.content_id + ")'>Abrir post completo...</a></div></div>\n";
    71. 

  71.         $("#content").append(div);
    72. 

  72.     }
    73. 

  73. 

  74.     if(page <= 0) {
    75. 

  75.         $("#previous").removeClass('on').addClass('off');
    76. 

  76.     } else {
    77. 

  77.         $("#previous").removeClass('off').addClass('on');
    78. 

  78.     }
    79. 

  79. 

  80.     $("#loader").hide();
    81. 

  81.     $("#content").css('opacity', '1');
    82. 

  82. 

  83.     $(".post_holder").click(function() {
    84. 

  84.         post_content = "#post_content_" + $(this).attr('post_id');
    85. 

  85.         if(opened != $(this).attr('post_id')) {
    86. 

  86.             $('.post_content').each(function() { $(this).slideUp(); });
    87. 

  87.             $(post_content).slideToggle();
    88. 

  88.             opened = $(this).attr('post_id');
    89. 

  89.         } else {
    90. 

  90.         //openPost($(this).attr('post_id'));
    91. 

  91.             opened = 0;
    92. 

  92.             $(post_content).slideUp();
    93. 

  93.         }
    94. 

  94.     });
    95. 

  95. 

  96.     if(firstRun) {
    97. 

  97.         $("#pages").slideDown();
    98. 

  98.     }
    99. 

  99. 

  100.     firstRun = false;
    101. 

  101. }
    102. 

  102. 

  103. function handleError() {}
    104. 

  104. </script>
    105. 

  105. 

  106. </head>
    107. 

  107. 

  108. <body onload="main()">
    109. 

  109. 

  110.     <div id="rounded">
    111. 

  111.         <div id="logo"><img src="http://www.gamelib.com.br/static/images/gamelib_logo-alert.gif" border="0" /></div>
    112. 

  112.         <div id="loader"><img src="images/loading.gif" border="0" /></div>
    113. 

  113.         <div id="content"></div>
    114. 

  114.         <div id="pages">
    115. 

  115.             <div id="next"><img src="images/arrow_next.png" border="0" /></div>
    116. 

  116.             <div id="previous"><img src="images/arrow_previous.png" border="0" /></div>
    117. 

  117.         </div>
    118. 

  118.     </div>
    119. 

  119. 

  120. </body>
    121. 

  121. </html>
    122.