napisy24.pl helper

Dodaje kilka ciekawych funkcji na stronie napisy24.pl

当前为 2015-02-09 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name napisy24.pl helper
  3. // @version 1.0.4
  4. // @author KO
  5. // @description Dodaje kilka ciekawych funkcji na stronie napisy24.pl
  6. // @namespace KO/napisy24_helper
  7. // @icon data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3wEDDSUqO/kIZgAAB3RJREFUeNrtm1tsHFcZx39nbnubXe/6trabxDElJHGaVoSoXAoNClGJeAgRPDYICQkkkBAKqlBJH0IJjRCtKEgVUkCqFCEhxEtFpCJaBG2VthQqW7JFFGhMSOI0sRN7veu9zs6NB6/Xu95Ze5w6SVvPefFeZo7O9zv/73Z2LFzXZSMPiQ0+AgABgABAACAAEAAIAAQAAgAbdSiLL06ePPlH13V3bQSjhRDnjh079uUmAKZpHtqzZw/hcPhDbXylUmF0dPTeFgUApNNpYrHYhxpAsVi8MzFAiOot36vK14mF/o4kSi3fWZZFoVBY85ymaa4cA9ZjRLQxumKniYX+gSzlsJ0Uper9zBS+Rbn6gK85ktEXGEgeBxyypa9wLfvjpu/Pnj3L7Ows+/fvp7Oz09ecExMTjI+Pc+DAAWRZvh0KcOmOn2Ko+2skIi8jSzkAZGmOePg1hrofJRX7w+oA1XP0J38EODUlXG25Zm5uzlPK7YbjOIyNjeE4DoZhrL8ChDDZlDpKPPwqAFV7E/nyAcrm/cS0t+iIvogkivR3/ISKuZNydXebeQwGUj9EYLfH7Lo4zgIcRfG39Hw+z+Kpl67r9fvXDUA8/Ne68bOFr3Nj/vu4LMhsvvwIBeMhNnd+D3DQQ6+1BdAb/yUh5SKOG6FU/Th66E1P/68v3CeASqVSfy3L8voDKFU/QaZ4hELlYQrGZ1p3oPIFTDuNKk+jSHOec8RCb9Ol/xaAm/nvoin/87zuVgA0Grzc+LYx4E//muZ3/7xK43FptmTyxn8zTM6Vmz637B6mco97Gg+gyDdR5WkADGtr6wJEkYHkE4BL2byP2cKRtsbYtt20m2sF4CsLlKo2vz57CdeFvYNJNndGePrlCUavZFk8QP7irl6+s2/I1wLS8Wfrr8vVPS3f93X8FFW+hovM9eyTK8bl9wpA0zTK5fLKCpAEdUMvzpQ4fubfjFxeMh7gpXM3GL2SXSU4WvR3nKAjeqYeD8rmrmXx41WS0Rdq8eMbVMztq5Wwa3bRRQCSJCFJ0uoKUOWli55/4zKG5aCHFL75uUGGuqOcePEdbuYN3r6UZc+WpLespAybOo8S1UYWMoM1yNT8403XyNIc/cnjNdf4KDfz3169c2swYLm0TdMkl8uRz+fJ5/MUi0UMw6inS03T/LmA5SxttWE5RDWZpw7vZGtXFID7BuK88h+D6XnDc8KoNsqm1GMo8o2FfG18infnfobldDbVDQPJ4yjSLC4y1+aewnW1NQGYmppicnKSbDZLLpdbtS5QVdUfgIrZnIcffXBT3XiAzujCQucrVstkXfppehM/R2DjuhrT80fJFI8AzdLtiZ8iHv5bDdCnkaQCUW0EFwVcBVnK1tzRQJay2E6yxQXGxsbaGhqPx4lGo2iaRiaTIZvNrgWA07DQEF/anV7miLWA1CBBgc09nY+RCP+lppwh3p17xtOnFSlDt/6b+ns99Dp66PW2pfX2vs9iOd1cmjlNwe5qVls0SiqVIplM1v8u72ZHRkbWCmBJAfu3dyMtCzym7dR8eEmOqdjv68ZnS4eZyj2B40a8g5KrkTceRg+9WWt2Vv9tUlAF3KY6YN++ffT09KxepNeid7us4ZkGF8eDW1MeOyhqu2zX83hP/LnavXu5lj3RIvlmADpXM8/WY4EkDIQwEZj1v72JX5CI/JmKOcy17JNYdg+W041lzSypIxLxlQUWDffdDZYaFNCtax5BbuGW2eJCuxtW30GW8guBKfeDFY332lvHDYPbLFvbjdfcTKdi7vSsBNtF9RYDaxWjbwCNMSCqtcpGD8m14GVTMR2S0Ys1qSkY1sfqZwGSqCBEBUkY2E4C2+l4zz3nohFCiLY+3Q5AI7wVAWjy0g5WbQdNkZY1LaGl1rRU5Z5Urv7+3p7DKPIMkmg9sKham5nM/ArDGvKhC3NFAKqq+i6KFkG1AyC1dndqQyPTelM60QjAxDC3AxJCWGjKJU/jATRlknTiaV+LtpzF4CZ7AvAr/0YAjWX0igr4SE+U3ngIRRZNu71Uu4eJhxXyFYt4WKFgPMSlmeeJhd7CcRNYdhe2k8Rxw7huCMcNocgZwup58pXP+1p0rnSIkHKBXPmQp5x1XfcNoLe3F13X6evr8+sCEqeOPIBA4KUyRRI889VdlEybzalIPfqXqnvbLsKwoGh80veiDWuIycxzLZ8PDg4iSRLpdNr/MV0kwsGDB/13gwupbWX/6uu4O0fniqIwNDS0vnPe6o2WZXH9+vX3xVF3f3+/7wOSdQNw/vx5Lly44Nli3snhOA7btm1j9+7ddxaA4zi4rts2vdypIYRY9dRnxQ6TDT5uWQGLufhuu4DrumuqC9YNwI4dOxgYGOBuP2kqhCCRSNx5AEIIOjq86/vLly9z5cqVdTV0y5YtDA4Ovn9cYKUxMTFR/wlrvUa1Wr0tAIJHZIIscJsqs8bf5NZrzg8MgOHhYYaHhwMX+MC5wPT09IZ4SMoTgKqqZ8bHxzfEY3Kqqp6r1zPB/wwFdUAAIAAQAAgABAACAAGAAEAAYEOO/wNzY+aLYxIEkAAAAABJRU5ErkJggg==
  8. // @include http://napisy24.pl/*
  9. // @grant none
  10. // @run-at document-start
  11. // ==/UserScript==
  12.  
  13. var icons = {
  14. staroff: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3gwUDR0hRbYVJwAAAjtJREFUOMudlM+rElEUx8+8lOGqE6PjzLyXGzczbhSVAqOyRYt2QYu3q7eqhehCJmwXiW8hSgvxByK0qFX/QIKLlsILIRI0uXlHQmgR+QZFEEZUnFaGr17O6x24i3vuuZ/DOed7L2UYBphZtVp9AAAQj8ffm8Va4ALGcVzKMAwKAEyBYBjGzlUulx9jjOcY43mlUjkyi98zyUeJopjgeZ7meZ4WBCEBANSuCzuBtVotFg6Hb2z2oVDoeq1Wi10KmMvlnKIoPnE6nb/77HK5LIIgPM1kMuw/S8rn8zcZhrlltVp9NpvNbbVa3TRNc3a73enz+fYRQmeS6rq+JoT8mM1m4+Vyqc3n85Gu6yNd1/F4PP5oYRjGL8vy81AotH+RiSOE9oLBoAcAPNv+drutEUIyV+r1+udGozFYr9cRURSdcAnrdDrfMcZKIpF4Q22EXSwW70qS9DoSicj/A2u1Wt9UVY0lk8kPAADU9kspFAoBr9f7LhqN+imKMtVvs9n8OhwOjxRF+XTulBVF6fZ6vcNut/vzAmWOCCGH27BzZWMYho1l2atmQJZlHYvFwmKqQ5fLdZ/neWQGFATBxnHcPVMgQiiA0Flev9/XVFXV/ogDhFDA9LdxOBwHm6YTQk4JISfT6fQlAAAh5FiW5duSJLm3Y3cCaZq+hjE+HQwGJ5qmvUilUl+2jh8WCoWAqqrHkiTdoWna89fT25ZNNps9YBjm7Wq1eqYoSm9XD0ulkh8AXk0mk0fpdHq88f8CflYIlVvjW0cAAAAASUVORK5CYII='
  15. ,staron: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3gwUDR8nnuPSkAAAAsZJREFUOMulk0tvG1UUx//n3Jm5M2NnUjueOnYCoptmQYNUSKEqFYss2CGqloeQ6AoWkbJtdhVS8wX4ALBAoq14NGXBAqFu2oqmFSgEUKqySRcNIbUzcRw7bTyx554unGeBuApHOrpX5179dF5/EhF0sj8mgrcA4KUzte87/bXwDOYGqXMiIAAdgdzpw68T6Q97+sPXcs+Fr05fTZ/9n0AiP3BHPV9pz1faTbujANG+gdMT/khYzA6ZJIZJYoR9mVemJ/yRfQF/ukwZL3A+sl2xEhMjMQ042lhe2v74+hd04D9runPRPu767glWPGA5Vo6YckpJj+Vwpjvn9bISFkk2OwDTIrMSNRZaTVORhCKTSLnVMuXWeuveWn31tqU990i2WBjL9x/sNSZGksQwZh3GbJ5NiCSACEAMVjZnC34fs+5jdqCUBrNG+UE5qii+QCKC374L3s4Wcp+GxeyhLWgSb0HFNCEQECkwO21XGopdsNKI5qtz0cNo7OXT9a9pc7Gnv/HeCPKZz/LPZw+bpIHtbBswSQwRsw1SLpg1WGmU5qr3q+XqyNC7jWu7hnL0vbWb1b+W3pmfXZjZvRkEgEBE7esO+3u2/Gc9qr+/CQMAelp6ty7SQPGF8EYm7+VNst4uWZqAtEsmdsDKwfLDuLw0Xxs+9kF8d0/psYHvem7AZAFsAAhEeGPIDCILTBZcX9Jxsm511LLb5b3pBymPWNr9IAYkgQAg8EaWFvxA+77nDQP4fU+gpfSg7XgQacKAwKKwUqpFYKA77MoRGMQWLGXD1s5gxwwdTxeYHYghVKOVxUqpOtlcjT8BgOrS4/FMeOD1bL4nR2zDcXShI1DZdrFSWl5cLi1OrlUenR86G8/seD41dUkP1qLV8Uw+PGk7uu8f2hORLb/5JQpTV1I//nzFeXFn/N/8l6/SR6a+Tf0w+TmyO+NPAC36SwTUSJYTAAAAAElFTkSuQmCC'
  16. ,search: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABJdEVYdENvcHlyaWdodABQdWJsaWMgRG9tYWluIGh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL2xpY2Vuc2VzL3B1YmxpY2RvbWFpbi9Zw/7KAAABTklEQVQokY2PP0hCYRTFf/eZFThULhG0F0UQ4djgZsaHS0FBUK7NTkFNRVNbGER/oEVoCnyfgptbNAdRYwQ5BqJS6Ou2fMoriTrbvef+uOeIqgJQLpfngyDYFpElYAh4E5GTWCx2lkwm3wlJVBXf97MicgoM0q/7SCSymE6n692FZ61dEJELB+RFJNHpdMZUdQ2oA3NBEFx9++T7fglYBm6MMSuAds1isTjled4j8BmNRidTqVQNwANm3U0+DABkMpknoAl47XY70YvnSiMiEz/LVKvVAaDh/NcwZAFUNVupVOJhqNFoHAPjQK3Vaj2EO00Dt8Ao8AIcAXEXe9Xd7RljDnqQqmKtTQIFoC+iUwfYMsYUepDLP9xsNjdVdUZERlT1DvgALh0YABvGmOse9JustTvAYfejqq7/CTlwF9h34/O/IIBSqZRT1Rxw/gU4l4oisfSMMQAAAABJRU5ErkJggg=='
  17. ,gear: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3gwZCB0WCaqqHgAAA3FJREFUOMulVN1LI1cUP2fuHchmQ12jMRKNRIwFG1jb3ARhxIbp0vSh6EP70AUpeWj/o1LYV5XtUx8Ka0ultKDJiB9MaAyCYASt+dB80padWZmZe/vQzDYyrvvQ83Tvub/7Ox+/cy8KIeA+SyaTHyLiAgAAIUQ7ODjYvQ9P4S0my/LPc3NzFADg5OTkFQC8cx9eGtyoqupTFOUZY2wZAIAx9phSKhRFkRVFkSVJkpPJ5Hv9s88URXmmqqpvkAPdkhVFeSCE+CUcDrNOp8Mdx6lxzkOZTGZoZmYGAQBOT095Pp//S5KkNiEkEgwGpWazqSPix7u7u+atkoUQ30YiEZbNZn2O40C3250lhMDIyMjr6LOzs9Lw8PAjzvmjYDAIhBDY2tpiV1dX3wDA17cIbdv+qdVqfeE4DlBKYWxs7M4ejY6OwsAd6HQ69s3NzQ+eHh4eHn5v23a92+16SGq1GtRqNY+/2WyCZVl/6Lq+6VGZMfZYluWQJP2n08XFhSgUCoZlWfW+4pGlpSX/1NQUAgBQSoFzPskYY7qu6wAAmEwmP6KU/kgp5YuLiw/i8Tj2ewobGxuGaZpPdV1/0Q+6HAgEvltdXQ24QSuVitA0zbRtW7Jt+1MJEdOJRILmcjm/SwYAcHl5CY7jVF0yAABd119YltUYLD8ej2Mul/MnEgmKiGkJAAAR7xQAEfkdPvEG7L+iIGKxXC6L9fV1o1KpvAZHo1EghERTqVTW9aVSqSwhJDIxMQGDJa+trRnlclkgYhGFEICIyBj7gFL628rKypA7Gufn57xQKJiO49T6bzmSyWT80WhUclXe3Nz807KsJ8VisSiEELQvgACAoqIoTc75kBs9FotJsVjsYbVafRcRYTAzdw4JIdW9vT3dM4fpdHqFEDIRDAY9/ZmcnPSQuUOOiNOMsU88hLIsfx4OhwkhBGzbhlarBb1ez0PS6/Wg1WqBbdsgyzKEQiHq8/meej6H+fn5h36//9fx8fH32+22wzlvOI4zpqpqYHp6GgEAzs7OxPb29t+EkDYhZDwUCpF6vf67YRhPSqXSy1sZlkqll4ioXl9fPzcM40tN0+KWZak7Ozumi8nn868sy1rSNG3GNM2vGo3Gc0RUXbJbGb7JFhYWzEQiQQEAjo+Pb/b39wP/68cWQiwfHR2x/vrwbfh/AK2fjH9FpXiPAAAAAElFTkSuQmCC'
  18. };
  19.  
  20. var options_db = 'n24h_options';
  21. var shows_db = 'n24h_shows';
  22.  
  23. var utils = {
  24. /**
  25. Dodaj dodatkowego CSS'a do strony
  26. */
  27. insertcss: function(css) {
  28. var style = document.createElement('style');
  29. style.setAttribute('type', 'text/css');
  30. if (style.styleSheet)
  31. {
  32. style.styleSheet.cssText = css;
  33. } else {
  34. style.appendChild(document.createTextNode(css));
  35. }
  36. document.head.appendChild(style);
  37. }
  38. };
  39.  
  40. /**
  41. Obsługa opcji
  42. */
  43. var options = {
  44. /**
  45. Zapisz wartość
  46. */
  47. setValue: function(name, value) {
  48. var optdb=localStorage.getItem(options_db);
  49.  
  50. if (!optdb)
  51. optdb='{}';
  52. var o=JSON.parse(optdb);
  53.  
  54. o[name]=value;
  55. localStorage.setItem(options_db, JSON.stringify(o));
  56. },
  57. /**
  58. Pobierz wartość
  59. */
  60. getValue: function(name, def) {
  61. var optdb=localStorage.getItem(options_db);
  62.  
  63. if (!optdb)
  64. optdb='{}';
  65. var o=JSON.parse(optdb);
  66.  
  67. var value=o[name];
  68. if (value==null)
  69. value=def;
  70.  
  71. return value;
  72. },
  73. /**
  74. Usuń klucz z opcji
  75. */
  76. remove: function(name) {
  77. var optdb=localStorage.getItem(options_db);
  78.  
  79. if (!optdb)
  80. optdb='{}';
  81. var o=JSON.parse(optdb);
  82.  
  83. delete o[name];
  84. localStorage.setItem(options_db, JSON.stringify(o));
  85.  
  86. },
  87. /**
  88. Pokaż/ukryj checkboxy w zależności od innych opcji
  89. */
  90. showHideCheckboxs: function() {
  91. var n24info=document.querySelector('input[data-n24h-checkbox="shown24info"]');
  92. var useimdb=document.querySelector('input[data-n24h-checkbox="useimdbinfo"]');
  93. if (n24info.checked)
  94. useimdb.parentNode.setAttribute('style', 'display:block');
  95. else
  96. useimdb.parentNode.setAttribute('style', 'display:none');
  97. var altskins=document.querySelectorAll('input[data-n24h-radio="altskinid"]');
  98. var usealtskin=document.querySelector('input[data-n24h-checkbox="usealtskin"]');
  99. for (var i=0;i<altskins.length;i++)
  100. altskins[i].parentNode.setAttribute('style', usealtskin.checked?'display:block':'display:none');
  101. },
  102. /**
  103. Wypełnij panele aktualnymi ustawieniami, serialami, itp.
  104. */
  105. fillPanels: function() {
  106. var checkboxs=document.querySelectorAll('input[data-n24h-checkbox]');
  107. for (var i=0;i<checkboxs.length;i++)
  108. {
  109. checkboxs[i].checked=options.getValue(checkboxs[i].getAttribute('data-n24h-checkbox'), false);
  110. }
  111. var keywords=showsdb.getAll();
  112. var areashows=document.getElementById('n24h_opt_areashows');
  113. var showtext='';
  114. for (var i=0;i<keywords.length;i++)
  115. {
  116. if (showtext!='')
  117. showtext+='\n';
  118. showtext+=keywords[i];
  119. }
  120. areashows.value=showtext;
  121. var areadebug=document.getElementById('n24h_opt_areadebug');
  122. var debugtext='/**opcje**/\n';
  123. debugtext+=localStorage.getItem(options_db);
  124. debugtext+='\n\n/**seriale**/\n';
  125. debugtext+=localStorage.getItem(shows_db);
  126. areadebug.value=debugtext;
  127. var radios=document.querySelectorAll('input[data-n24h-radio]');
  128. for (var i=0;i<radios.length;i++)
  129. radios[i].checked=radios[i].getAttribute('data-n24h-radio_id')===options.getValue(radios[i].getAttribute('data-n24h-radio'), '1');
  130. options.showHideCheckboxs();
  131. },
  132. /**
  133. Pokaż panel opcji
  134. */
  135. show: function() {
  136. options.fillPanels();
  137. var panel=document.querySelector('div.n24h_options_background');
  138. panel.setAttribute('style', 'display:block');
  139. },
  140. /**
  141. Ukryj panel opcji
  142. */
  143. hide: function() {
  144. var panel=document.querySelector('div.n24h_options_background');
  145. panel.setAttribute('style', 'display:none');
  146. },
  147. /**
  148. Obsługa kliknięcia checkboxa
  149. */
  150. checkboxClick: function(e) {
  151. e = e || window.event;
  152. var target = e.target || e.srcElement;
  153. options.setValue(target.getAttribute('data-n24h-checkbox'), target.checked);
  154. options.showHideCheckboxs();
  155. },
  156. /**
  157. Obsługa kliknięcia radiobuttona
  158. */
  159. radioClick: function(e) {
  160. e = e || window.event;
  161. var target = e.target || e.srcElement;
  162. options.setValue(target.getAttribute('data-n24h-radio'), target.getAttribute('data-n24h-radio_id'));
  163. },
  164. /**
  165. Obsługa kliknięcia przycisku sekcji
  166. */
  167. typeButtonClick: function(e) {
  168. e = e || window.event;
  169. var target = e.target || e.srcElement;
  170. var panel = target.getAttribute('data-n24h-optiontype');
  171. var opt_panels=document.querySelectorAll('div[data-n24h-optionpanel]');
  172. for (var i=0;i<opt_panels.length;i++)
  173. {
  174. opt_panels[i].setAttribute('style', panel==opt_panels[i].getAttribute('data-n24h-optionpanel')?'display:block':'display:none');
  175. }
  176. var opt_buttons=document.querySelectorAll('div[data-n24h-optiontype]');
  177. for (var i=0;i<opt_buttons.length;i++)
  178. {
  179. opt_buttons[i].setAttribute('class', panel==opt_buttons[i].getAttribute('data-n24h-optiontype')?'n24h_options_panel_button n24h_options_panel_button_selected':'n24h_options_panel_button');
  180. }
  181. options.fillPanels();
  182. },
  183. /**
  184. Obsługa przycisku zapisz
  185. */
  186. btnSaveClick: function() {
  187. var areashows=document.getElementById('n24h_opt_areashows');
  188. var shows = areashows.value.split('\n');
  189. localStorage.removeItem(shows_db);
  190. for (var i=0;i<shows.length;i++)
  191. {
  192. console.log(shows[i]);
  193. if (shows[i] != null && shows[i] != '' && !showsdb.exists(shows[i].trim()))
  194. showsdb.add(shows[i].trim());
  195. }
  196. options.fillPanels();
  197. },
  198. /**
  199. Obsługa przycisku usuwania opcji
  200. */
  201. btnKillOptClick: function() {
  202. if (confirm('Czy napewno chcesz usunąć wszystkie ustawienia?\nNie będzie można tego cofnąć.'))
  203. localStorage.removeItem(options_db);
  204. options.fillPanels();
  205. },
  206. /**
  207. Obsługa przycisku usuwania seriali
  208. */
  209. btnKillShowsClick: function() {
  210. if (confirm('Czy napewno chcesz usunąć wszystkie ulubione filmy/seriale?\nNie będzie można tego cofnąć.'))
  211. localStorage.removeItem(shows_db);
  212. options.fillPanels();
  213. },
  214. init: function() {
  215. var css='#n24h_options_gear{'+
  216. 'cursor:pointer;'+
  217. 'width:20px;'+
  218. 'line-height: 26px;'+
  219. '}'+
  220. '.n24h_options_background{'+
  221. 'position:fixed;'+
  222. 'top:0;'+
  223. 'left:0;'+
  224. 'width:100%;'+
  225. 'height:100%;'+
  226. 'background:rgba(0,0,0,0.6);'+
  227. 'text-align:center;'+
  228. 'z-index:9999;'+
  229. '}'+
  230. '.n24h_options_dialog{'+
  231. 'margin: 0px auto;'+
  232. 'padding: 50px 0px;'+
  233. 'width: 900px;'+
  234. 'height: 100%;'+
  235. 'transition: none 0s ease 0s;'+
  236. 'transform: none;'+
  237. 'position: relative;'+
  238. 'box-sizing: border-box;'+
  239. '}'+
  240. '.n24h_options_content{'+
  241. 'max-height: 100%;'+
  242. 'overflow-y: auto;'+
  243. 'border: 4px solid rgba(85, 85, 85, 0.5);'+
  244. 'background-clip: padding-box;'+
  245. 'box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);'+
  246. 'border-radius: 13px;'+
  247. 'position: relative;'+
  248. 'outline: 0px none;'+
  249. 'background-color: #FFF;'+
  250. 'box-sizing: border-box;'+
  251. 'color: #303030;'+
  252. 'font-family: Arial,Helvetica,sans-serif;'+
  253. 'text-align:left;'+
  254. 'display: block;'+
  255. '}'+
  256. '.n24h_options_header{'+
  257. 'margin: 0px;'+
  258. 'border-bottom: 1px solid #A0A0A0;'+
  259. 'padding: 10px 10px 0px 10px;'+
  260. '}'+
  261. '.n24h_options_body{'+
  262. 'display: table;'+
  263. 'min-height: 150px;'+
  264. '}'+
  265. '.n24h_options_body>input{'+
  266. 'margin: 0px;'+
  267. '}'+
  268. '.n24h_options_close{'+
  269. 'float:right;'+
  270. 'padding: 0px;'+
  271. 'border: 1px solid;'+
  272. 'cursor:pointer;'+
  273. 'margin-top: -25px;'+
  274. 'padding: 1px 3px 1px 3px;'+
  275. 'border-radius: 5px;'+
  276. 'background: linear-gradient(#EDEEEE, #E2E3E3);'+
  277. '}'+
  278. '.n24h_options_close:hover{'+
  279. 'background-color: #D0D0D0;'+
  280. 'border-color: #646F7C;'+
  281. '}'+
  282. '.n24h_options_panel_l{'+
  283. 'padding: 10px;'+
  284. 'border-right: 1px solid #A0A0A0;'+
  285. 'display: table-cell;'+
  286. 'position: relative;'+
  287. '}'+
  288. '.n24h_options_panel_r{'+
  289. 'padding: 10px;'+
  290. 'width: 750px;'+
  291. '}'+
  292. '.n24h_options_panel_button{'+
  293. 'cursor: pointer;'+
  294. 'background-color: #D5D5D5;'+
  295. 'border: 1px solid #000000;'+
  296. 'border-bottom: 3px solid #000000;'+
  297. 'padding: 5px 10px 5px 10px;'+
  298. 'margin-bottom: 2px;'+
  299. '}'+
  300. '.n24h_options_panel_button:hover{'+
  301. 'background-color: #E0E0E0;'+
  302. 'border-radius: 0px 0px 3px 3px;'+
  303. 'border-bottom: 3px solid #D26911;'+
  304. '}'+
  305. '.n24h_options_panel_button_selected{'+
  306. 'border-radius: 0px 0px 3px 3px;'+
  307. 'border-bottom: 3px solid #F21911;'+
  308. '}'+
  309. '.n24h_opt_button{'+
  310. 'background-color: #D5D5D5;'+
  311. 'border: 1px solid #000000;'+
  312. 'border-bottom: 3px solid #000000;'+
  313. 'padding: 3px 5px 3px 5px;'+
  314. 'margin-top: 5px;'+
  315. 'margin-right: 5px;'+
  316. '}'+
  317. '.n24h_opt_button:hover{'+
  318. 'background-color: #E0E0E0;'+
  319. 'border-radius: 0px 0px 3px 3px;'+
  320. 'border-bottom: 3px solid #D26911;'+
  321. '}'+
  322. '.n24h_opt_area{'+
  323. 'width: 100%;'+
  324. 'height: auto;'+
  325. 'cursor: auto !important;'+
  326. 'margin-bottom: 0px;'+
  327. 'background-color: #EEEEEE;'+
  328. 'color: #555555;'+
  329. '}'+
  330. '.n24h_opt_area:focus{'+
  331. 'color: #555555;'+
  332. '}'+
  333. '.n24h_options_panel_r > div > input[type="checkbox"], input[type="radio"]{'+
  334. 'margin: 0px;'+
  335. 'margin-top: -4px;'+
  336. '}'+
  337. '.n24_option_level2{'+
  338. 'margin-left:30px;'+
  339. '}';
  340.  
  341. var ul=document.querySelector('ul.avatar-main-menu-szare');
  342. if (!ul)
  343. return;
  344. utils.insertcss(css);
  345. var li=document.createElement('li'); //panel z opcjami
  346. li.setAttribute('id', 'n24h_options_gear');
  347. li.setAttribute('title', 'napisy24.pl helper opcje');
  348. li.addEventListener('click', options.show, false);
  349. var img=document.createElement('img');
  350. img.setAttribute('src', icons.gear);
  351. img.setAttribute('style', 'margin-top: -5px;');
  352. li.appendChild(img);
  353. ul.appendChild(li);
  354. var panel = document.createElement('div');
  355. panel.innerHTML='<div class="n24h_options_background" style="display:none">'+
  356. '<div class="n24h_options_dialog">'+
  357. '<div class="n24h_options_content">'+
  358. '<div class="n24h_options_header">'+
  359. '<img src="'+icons.gear+'" style="margin-top: -5px;padding-right: 5px;">Opcje:<br/>'+
  360. '<span style="color:red;font-size:small;">Zmiana opcji wymaga przeładowania strony.</span>'+
  361. '<div class="n24h_options_close">X</div>'+
  362. '</div>'+
  363. '<div class="n24h_options_body">'+
  364. '<div class="n24h_options_panel_l">'+
  365. '<div class="n24h_options_panel_button n24h_options_panel_button_selected" data-n24h-optiontype="general">Ogólne</div>'+
  366. '<div class="n24h_options_panel_button" data-n24h-optiontype="shows">Seriale</div>'+
  367. '<div class="n24h_options_panel_button" data-n24h-optiontype="debug">Debug</div>'+
  368. '</div>'+
  369. '<div class="n24h_options_panel_r" data-n24h-optionpanel="general">'+
  370. '<div><input type="checkbox" data-n24h-checkbox="fixsearch"> Zapamiętaj tekst w wyszukiwarce</div>'+
  371. '<div><input type="checkbox" data-n24h-checkbox="killcover"> Usuń okładki filmów/seriali</div>'+
  372. '<div><input type="checkbox" data-n24h-checkbox="killimdbinfo"> Usuń info o serialu/ocenę IMDB</div>'+
  373. '<div><input type="checkbox" data-n24h-checkbox="hideemotspanel"> Ukrywaj panel z emotikonami i dodawaniem komentarza</div>'+
  374. '<div><input type="checkbox" data-n24h-checkbox="shown24info"> Na stronie z tłumaczeniami pokaż info N24/IMDB</div>'+
  375. '<div class="n24_option_level2" style="display:none"><input type="checkbox" data-n24h-checkbox="useimdbinfo"> Zastąp info N24 linkiem do IMDB</div>'+
  376. '<div><input type="checkbox" data-n24h-checkbox="usealtskin"> Używaj alternatywnej skórki</div>'+
  377. '<div class="n24_option_level2" style="display:none"><input type="radio" name="n24h_altskinid" data-n24h-radio="altskinid" data-n24h-radio_id="1"> szara</div>'+
  378. '<div class="n24_option_level2" style="display:none"><input type="radio" name="n24h_altskinid" data-n24h-radio="altskinid" data-n24h-radio_id="2"> n24 classic</div>'+
  379. '<div><input type="checkbox" data-n24h-checkbox="usesmallmenubuttons"> Zmniejsz rozmiar przycisków menu</div>'+
  380. '</div>'+
  381. '<div style="display:none" class="n24h_options_panel_r" data-n24h-optionpanel="shows">'+
  382. '<label>Ulubione filmy/seriale (jeden film/serial na linię)</label>'+
  383. '<textarea id="n24h_opt_areashows" class="n24h_opt_area" rows="10" ></textarea>'+
  384. '<button id="n24h_opt_btn_save" class="n24h_opt_button">Zapisz</button>'+
  385. '</div>'+
  386. '<div style="display:none" class="n24h_options_panel_r" data-n24h-optionpanel="debug">'+
  387. '<label>Informacje do debugowania</label>'+
  388. '<textarea id="n24h_opt_areadebug" rows="10" class="n24h_opt_area" readOnly></textarea>'+
  389. '<button id="n24h_opt_btn_killshows" class="n24h_opt_button">Usuń wszystkie ulubione filmy/seriale</button>'+
  390. '<button id="n24h_opt_btn_killopt" class="n24h_opt_button">Usuń wszystkie ustawienia (bez filmów/seriali)</button>'+
  391. '</div>'+
  392. '</div>'+
  393. '</div>'+
  394. '</div>'+
  395. '</div>';
  396. document.body.appendChild(panel);
  397. //przycisk zapisz
  398. var close=document.querySelector('div.n24h_options_close');
  399. close.addEventListener('click', options.hide, false);
  400. //checkboxy
  401. var opt_checkboxs=document.querySelectorAll('input[data-n24h-checkbox]');
  402. for (var i=0;i<opt_checkboxs.length;i++)
  403. opt_checkboxs[i].addEventListener('click', options.checkboxClick, false);
  404. //radio
  405. var opt_radios=document.querySelectorAll('input[data-n24h-radio]');
  406. for (var i=0;i<opt_radios.length;i++)
  407. opt_radios[i].addEventListener('click', options.radioClick, false);
  408. //sekcje
  409. var opt_types=document.querySelectorAll('div[data-n24h-optiontype]');
  410. for (var i=0;i<opt_types.length;i++)
  411. opt_types[i].addEventListener('click', options.typeButtonClick, false);
  412. //przycisk zapisz
  413. var opt_btn_save=document.getElementById('n24h_opt_btn_save');
  414. opt_btn_save.addEventListener('click', options.btnSaveClick, false);
  415. //usuń opcje
  416. var opt_btn_killopt=document.getElementById('n24h_opt_btn_killopt');
  417. opt_btn_killopt.addEventListener('click', options.btnKillOptClick, false);
  418. //usuń seriale
  419. var opt_btn_killshows=document.getElementById('n24h_opt_btn_killshows');
  420. opt_btn_killshows.addEventListener('click', options.btnKillShowsClick, false);
  421. }
  422. };
  423.  
  424. var showsdb = {
  425. all: null,
  426. upper: null,
  427. /**
  428. Pobiera tablicę fraz-kluczy.
  429. */
  430. getAll: function() {
  431. var keywords = localStorage.getItem(shows_db);
  432. this.all = (keywords != null && keywords != '') ? JSON.parse(keywords) : [];
  433. return this.all;
  434. },
  435. /**
  436. Pobiera tablicę fraz-kluczy.
  437. */
  438. exists: function(keyword) {
  439. var keywords = localStorage.getItem(shows_db);
  440. this.upper = (keywords != null && keywords != '') ? JSON.parse(keywords.toUpperCase()) : [];
  441. return this.upper.indexOf(keyword.toUpperCase()) < 0 ? false : true;
  442. },
  443. /**
  444. Dodaje keyword do tablicy fraz-kluczy.
  445. */
  446. add: function(keyword) {
  447. if (!this.exists(keyword))
  448. {
  449. this.getAll();
  450. this.all = this.all.concat([keyword]);
  451. localStorage.setItem(shows_db, JSON.stringify(this.all));
  452. return 1;
  453. }
  454. return 0;
  455. },
  456. /**
  457. Usuwa keyword z tablicy fraz-kluczy.
  458. */
  459. remove: function(keyword) {
  460. if (this.exists(keyword))
  461. {
  462. this.getAll();
  463. this.all.splice(this.upper.indexOf(keyword.toUpperCase()), 1);
  464. localStorage.setItem(shows_db, JSON.stringify(this.all));
  465. return 1;
  466. }
  467. return 0;
  468. }
  469. };
  470.  
  471. /**
  472. Strona z tłumaczeniami
  473. */
  474. var tlumaczenia = {
  475. /**
  476. Pobierz nazwę filmu/serialu bez numeru sezonu i odcinka/odcinków
  477. */
  478. getTitle: function(row) {
  479. var title=row.getAttribute('data-head');
  480. //oczyść tytuł ze wszystkich śmieci i numeru serii oraz odcinka/odcinków
  481. title=title.trim().replace(/\d+x\d+.*/, '');
  482. //usuń spacje na końcu która pozostała po wywaleniu numeru serii i odcina
  483. title=title.trim();
  484. return title;
  485. },
  486. /**
  487. Zrób zebrę od nowa
  488. */
  489. restyleRows: function() {
  490. var rows=document.querySelectorAll('table#translationsTable > tbody > tr:not([style*="none"])');
  491. for (var i=0;i<rows.length;i++) {
  492. var trcl=rows[i].getAttribute('class');
  493. trcl=trcl.replace(/(odd|even)/, '');
  494. if (i%2)
  495. {
  496. rows[i].setAttribute('class', trcl+' odd');
  497. } else {
  498. rows[i].setAttribute('class', trcl+' even');
  499. }
  500. }
  501. },
  502. /**
  503. Przenieś wiersz na szczyt listy
  504. */
  505. moveTop: function(row) {
  506. //znajdź tabelkę z tłumaczeniami
  507. var table=document.querySelector('table#translationsTable > tbody');
  508. //znajdź pierwszy wiersz tabelki
  509. var first_line=table.querySelector('tr');
  510. //wstaw przed pierwszy wiersz nasz wiersz
  511. table.insertBefore(row,first_line);
  512. var td=row.querySelector('td[data-n24h-star]');
  513. td.setAttribute('data-n24h-star', 'on');
  514. },
  515. /**
  516. Umieść ulubione filmy/seriale na szczycie listy
  517. */
  518. FavoriteOnTop: function() {
  519. /**
  520. Dla każdego wiersza w tabeli...
  521. Od końca do początku, żeby zachować kolejność sortowania
  522. */
  523. var rows=document.querySelectorAll('table#translationsTable > tbody > tr');
  524. for (var i=rows.length-1;i>=0;i--)
  525. {
  526. var row=rows[i];
  527. /**
  528. Wyciąga tytuł i oczyszcza go ze zbędnych znaków.
  529. */
  530. var title=tlumaczenia.getTitle(row);
  531. if (showsdb.exists(title))
  532. {
  533. //Znaleziono dopasowanie.
  534. tlumaczenia.moveTop(row);
  535. } else {
  536. //Nie ma dopasowania
  537. //Wyczyść na wszelki wypadek gwiazdkę
  538. var td=row.querySelector('td[data-n24h-star]');
  539. td.setAttribute('data-n24h-star', 'off');
  540. }
  541. }
  542. tlumaczenia.restyleRows();
  543. },
  544. /**
  545. Ustaw informację o kierunku sortowania w nagłówku tabelki
  546. */
  547. SetColumnHeader: function(col, reverse) {
  548. var header=document.querySelectorAll('table#translationsTable>thead>tr>th.header');
  549. for (var i=0;i<header.length;i++)
  550. {
  551. if ((i==col)&&(reverse==1))
  552. header[i].setAttribute('class', 'header n24h_sort_asc')
  553. else if ((i==col)&&(reverse==-1))
  554. header[i].setAttribute('class', 'header n24h_sort_desc')
  555. else {
  556. var thcl=header[i].getAttribute('class');
  557. thcl=thcl.replace(/(n24h_sort_asc|n24h_sort_desc)/, '');
  558. header[i].setAttribute('class', thcl);
  559. }
  560. }
  561. },
  562. /**
  563. Sortowanie tabelki z tłumaczeniami
  564. */
  565. sortTable: function(col, reverse) {
  566. var table=document.querySelector('table#translationsTable');
  567. col = typeof col !== 'undefined' ? col : options.getValue('column', 4);
  568. reverse = typeof reverse !== 'undefined' ? reverse : options.getValue('reverse', 1);
  569. var tb = table.tBodies[0], // use `<tbody>` to ignore `<thead>` and `<tfoot>` rows
  570. tr = Array.prototype.slice.call(tb.rows, 0), // put rows into array
  571. i;
  572. reverse = -((+reverse) || -1);
  573. tr = tr.sort(function (a, b) { // sort rows
  574. var atext=a.cells[col].textContent.trim();
  575. var btext=b.cells[col].textContent.trim();
  576. if ((col==3)||(col==4))
  577. {
  578. //Kolumna 3: "Postęp"
  579. //Kolumna 4: "Oczekujący"
  580. //trzeba usunąć znaki: procentu, plus i minus oraz zamienić na numerek
  581. avalue=Number(atext.replace(/[\+\-\%]/g, ''));
  582. bvalue=Number(btext.replace(/[\+\-\%]/g, ''));
  583. return reverse==1?avalue-bvalue:bvalue-avalue;
  584. } else {
  585. return reverse * (atext.localeCompare(btext));
  586. }
  587. });
  588. for(i = 0; i < tr.length; ++i)
  589. {
  590. tb.appendChild(tr[i]); // append each row in order
  591. }
  592.  
  593. //zapisz ustawienia sortowania
  594. options.setValue('column', col);
  595. options.setValue('reverse', -((+reverse) || -1));
  596. //ustaw nagłówek
  597. tlumaczenia.SetColumnHeader(col, reverse);
  598. //przesuń ulubione na samą górę
  599. tlumaczenia.FavoriteOnTop();
  600. },
  601. /**
  602. Obsługa kliknięcia w gwiazdkę
  603. */
  604. StarClickHandler: function(e) {
  605. e = e || window.event;
  606. var target = e.target || e.srcElement;
  607. var row=target.parentNode;
  608. var title=tlumaczenia.getTitle(row);
  609. if (this.getAttribute('data-n24h-star')!='on')
  610. {
  611. //Zacznij śledzić...
  612. var keyword = prompt('Podaj tytuł filmu lub serialu\nbez numeracji sezonu/odcinka:', tlumaczenia.getTitle(row));
  613. tlumaczenia.AddTitle(keyword);
  614. } else {
  615. //Przestań śledzić...
  616. tlumaczenia.RemoveTitle(title);
  617. }
  618. },
  619. /**
  620. Szukanie filmu/serialu na liście tłumaczonych
  621. */
  622. DoSearch: function() {
  623. var keyword = document.querySelector('input#n24h_tr_input_search').value.trim().toUpperCase();
  624. var rows=document.querySelectorAll('table#translationsTable > tbody > tr');
  625. for (var i=0;i<rows.length;i++)
  626. {
  627. var row=rows[i];
  628. var title=tlumaczenia.getTitle(row).toUpperCase();
  629. if (keyword == null || keyword == '')
  630. {
  631. //pokazujemy wszystkie rekordy
  632. row.style.display='table-row';
  633. } else if (title.indexOf(keyword)!=-1)
  634. {
  635. row.style.display='table-row';
  636. } else {
  637. row.style.display='none';
  638. }
  639. }
  640. tlumaczenia.restyleRows();
  641. },
  642. /**
  643. Obsługa szukania z uwzględnieniem przycisku ESC
  644. */
  645. SearchHandler: function(e) {
  646. e = e || window.event;
  647. if (e.keyCode==27)
  648. document.getElementById('n24h_tr_input_search').value='';
  649. tlumaczenia.DoSearch();
  650. },
  651. /**
  652. Przycisk wyczyść
  653. */
  654. ClearHandler: function() {
  655. document.getElementById('n24h_tr_input_search').value='';
  656. tlumaczenia.DoSearch();
  657. },
  658. /**
  659. Dodaj film/serial do listy ulubionych
  660. */
  661. AddTitle: function(title) {
  662. if (title != null && title != '' && !showsdb.exists(title))
  663. {
  664. if (showsdb.add(title))
  665. {
  666. document.querySelector('input#n24h_tr_input_new').value='';
  667. var select=document.querySelector('select#n24h_tr_shows_list');
  668. var option=document.createElement('option');
  669. option.text=title;
  670. option.setAttribute('class', 'n24h_tr_option');
  671. select.add(option);
  672. tlumaczenia.sortTable();
  673. }
  674. }
  675. },
  676. /**
  677. Przycisk dodaj
  678. */
  679. AddNewHandler: function() {
  680. var keyword = document.querySelector('input#n24h_tr_input_new').value.trim();
  681. tlumaczenia.AddTitle(keyword);
  682. },
  683. /**
  684. Usuń film/serial z listy ulubionych
  685. */
  686. RemoveTitle: function(title) {
  687. if (showsdb.exists(title))
  688. {
  689. if (showsdb.remove(title))
  690. {
  691. var select=document.querySelector('select#n24h_tr_shows_list');
  692. for (var i=0;i<select.length;i++)
  693. if (select[i].value.toUpperCase()==title.toUpperCase())
  694. {
  695. select.remove(i);
  696. break;
  697. }
  698. }
  699. tlumaczenia.sortTable();
  700. }
  701. },
  702. /**
  703. Przycisk usuń
  704. */
  705. RemoveHandler: function() {
  706. var keyword = document.querySelector('select#n24h_tr_shows_list').value;
  707. tlumaczenia.RemoveTitle(keyword);
  708. },
  709. /**
  710. Dodaj panel na górze tabelki z tłumaczeniami
  711. */
  712. AddPanel: function() {
  713. var css='#n24h_tr_input_search{'+ //wyszukiwanie
  714. 'margin-right: 5px;'+
  715. 'padding-left: 22px;'+
  716. 'border-radius: 4px;'+
  717. 'height: 25px;'+
  718. 'margin-bottom: 0px;'+
  719. 'width: 150px;'+
  720. 'background-repeat: no-repeat;'+
  721. 'background-position: 5px center;'+
  722. 'background-image: url('+icons.search+');'+
  723. '}'+
  724. '#n24h_tr_input_new{'+
  725. 'margin-right: 5px;'+
  726. 'padding-left: 27px;'+
  727. 'border-radius: 4px;'+
  728. 'height: 25px;'+
  729. 'margin-bottom: 0px;'+
  730. 'width: 150px;'+
  731. 'background-repeat: no-repeat;'+
  732. 'background-position: 5px center;'+
  733. 'background-image: url('+icons.staroff+');'+
  734. '}'+
  735. '#n24h_tr_input_clear,#n24h_tr_input_add,#n24h_tr_input_remove{'+
  736. 'border: 1px solid #32383E;'+
  737. 'background-color: #1B1F23;'+
  738. 'color: #7A878C;'+
  739. 'border-radius: 4px;'+
  740. 'cursor: pointer;'+
  741. 'width: 80px;'+
  742. 'height: 25px;'+
  743. '}'+
  744. '#n24h_tr_input_clear:hover,#n24h_tr_input_add:hover,#n24h_tr_input_remove:hover{'+
  745. 'border-color:rgba(82, 168, 236, 0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);'+
  746. '}'+
  747. '#n24h_tr_shows_list{'+
  748. 'width: auto;'+
  749. 'margin-right: 5px;'+
  750. 'height: 25px;'+
  751. 'margin-bottom: 0px;'+
  752. 'margin-left: 30px;'+
  753. 'border: 1px solid #32383E'+
  754. 'background-color: #1B1F23;'+
  755. 'color: #7A878C;'+
  756. 'max-width: 200px;'+
  757. '}'+
  758. '.n24h_tr_option{'+
  759. 'background-color: #1B1F23;'+
  760. 'color: #7A878C;'+
  761. '}';
  762. var trtable=document.querySelector('table#translationsTable');
  763. if (!trtable)
  764. return;
  765. utils.insertcss(css);
  766. var panel=document.createElement('div'); //panel z opcjami
  767. panel.setAttribute('id', 'n24h_tr_panel');
  768. panel.setAttribute('class', 'tbl_top');
  769. panel.setAttribute('style', 'margin: 0px;');
  770.  
  771. var div=document.createElement('div'); //ogólny div ze wszystkim
  772. div.setAttribute('style', 'float:none;padding: 10px; margin-top: -15px; margin-bottom: 15px;');
  773.  
  774. var left_div=document.createElement('div'); //lewa część opcji
  775. left_div.setAttribute('style', 'float:left')
  776.  
  777. var input_search=document.createElement('input'); //okienko do szukania
  778. input_search.setAttribute('id', 'n24h_tr_input_search');
  779. input_search.setAttribute('type', 'text');
  780. input_search.setAttribute('placeholder', 'Szukaj...');
  781. input_search.addEventListener('keyup', tlumaczenia.SearchHandler, false);
  782.  
  783. var input_clear=document.createElement('input'); //przycisk wyczyść
  784. input_clear.setAttribute('id', 'n24h_tr_input_clear');
  785. input_clear.setAttribute('type', 'button');
  786. input_clear.setAttribute('value', 'Wyczyść');
  787. input_clear.addEventListener('click', tlumaczenia.ClearHandler, false);
  788.  
  789. //dodaj do lewego diva
  790. left_div.appendChild(input_search); //okienko szukania
  791. left_div.appendChild(input_clear); //i przycisk wyczyść
  792. var right_div=document.createElement('div'); //prawa część opcji
  793. right_div.setAttribute('style', 'float:right')
  794.  
  795. var input_new=document.createElement('input'); //okienko do dodawania nowego serialu/filmu
  796. input_new.setAttribute('id', 'n24h_tr_input_new');
  797. input_new.setAttribute('type', 'text');
  798.  
  799. var input_add=document.createElement('input'); //przycisk dodaj
  800. input_add.setAttribute('id', 'n24h_tr_input_add');
  801. input_add.setAttribute('type', 'button');
  802. input_add.setAttribute('value', 'Dodaj');
  803. input_add.addEventListener('click', tlumaczenia.AddNewHandler, false);
  804.  
  805. var select=document.createElement('select'); //selekt z listą seriali/filmów
  806. select.setAttribute('id', 'n24h_tr_shows_list');
  807. select.setAttribute('size', '1');
  808.  
  809. //wypełnij selekta listą seriali/filmów
  810. var keywords = showsdb.getAll();
  811. for (var i=0;i<keywords.length;i++)
  812. {
  813. var option=document.createElement('option');
  814. option.text=keywords[i];
  815. option.setAttribute('class', 'n24h_tr_option');
  816. select.add(option);
  817. }
  818.  
  819.  
  820. var input_remove=document.createElement('input'); //przycisk usuń
  821. input_remove.setAttribute('id', 'n24h_tr_input_remove');
  822. input_remove.setAttribute('type', 'button');
  823. input_remove.setAttribute('value', 'Usuń');
  824. input_remove.addEventListener('click', tlumaczenia.RemoveHandler, false);
  825.  
  826. //dodaj do prawego diva
  827. right_div.appendChild(input_new); //okienko do dodawania nowego serialu/filmu
  828. right_div.appendChild(input_add); //przycisk dodaj
  829. right_div.appendChild(select); //lista seriali/filmów
  830. right_div.appendChild(input_remove); //i przycisk usuń
  831.  
  832. //dodaj do ogólnego diva
  833. div.appendChild(left_div); //lewego diva
  834. div.appendChild(right_div); //i prawego diva
  835.  
  836. //dodaj ogólnego diva do panelu
  837. panel.appendChild(div);
  838. trtable.parentNode.insertBefore(panel,trtable);
  839. },
  840. /**
  841. Dodaj dodatkową kolumnę z gwiazdkami
  842. */
  843. AddStars: function() {
  844. var css='td[data-n24h-star]{'+
  845. 'background-image: url('+icons.staroff+');'+
  846. 'background-repeat: no-repeat;'+
  847. 'background-position: center;'+
  848. 'cursor:pointer !important;'+
  849. '}'+
  850. 'td[data-n24h-star="on"]{'+
  851. 'background-image: url('+icons.staron+');'+
  852. '}';
  853. var trtable=document.querySelector('table#translationsTable');
  854. if (!trtable)
  855. return;
  856. utils.insertcss(css);
  857. var trhead=trtable.querySelector('thead > tr');
  858. var th=document.createElement('th');
  859. th.setAttribute('id', 'n24h_tr_favhead');
  860. th.setAttribute('class', 'nosort header');
  861. th.setAttribute('style', 'background-image: url('+icons.staron+');background-repeat: no-repeat;background-position: center;');
  862. th.setAttribute('title', 'Ulubione filmy/seriale');
  863. trhead.appendChild(th);
  864. var trs=trtable.querySelectorAll('tbody>tr');
  865. for (var i = 0; i < trs.length; i++)
  866. {
  867. var td=document.createElement('td');
  868. td.setAttribute('data-n24h-star', '');
  869. td.addEventListener('click', tlumaczenia.StarClickHandler, false);
  870. trs[i].appendChild(td);
  871. }
  872.  
  873. },
  874. /**
  875. Ustaw nagłówki tabelki tak żeby dało się ją sortować
  876. */
  877. makeSortable: function() {
  878. var trtable=document.querySelector('table#translationsTable');
  879. if (!trtable)
  880. return;
  881. var th = trtable.tHead, i;
  882. th && (th = th.rows[0]) && (th = th.cells);
  883. if (th) i = th.length;
  884. else return; // if no `<thead>` then do nothing
  885. while (--i >= 0)
  886. if (i<6) //pomiń kolumnę ulubione
  887. (function (i) {
  888. var dir = 1;
  889. th[i].addEventListener('click', function () {tlumaczenia.sortTable(i, (dir = 1 - dir))});
  890. }(i));
  891. },
  892. /**
  893. Skopiuj nagłówki tabelki, żeby wywalić oryginalną obsługę sortowania i dodać naszą
  894. */
  895. AddNewHeader: function() {
  896. var css='#translationsTable th {cursor: pointer !important;}'+
  897. '#translationsTable th.nosort {cursor: default !important;}'+
  898. '.n24h_sort_asc{background-image: url(run/images/arrsh.png);background-repeat: no-repeat;background-position: right;}'+
  899. '.n24h_sort_desc{background-image: url(run/images/arrs.png);background-repeat: no-repeat;background-position: right;}';
  900. var trtable=document.querySelector('table#translationsTable');
  901. if (!trtable)
  902. return;
  903. utils.insertcss(css);
  904. var header=trtable.querySelector('thead');
  905. var new_header=document.createElement('thead');
  906. new_header.innerHTML=header.innerHTML;
  907. trtable.insertBefore(new_header, header);
  908. trtable.removeChild(header);
  909. tlumaczenia.makeSortable();
  910. },
  911. /**
  912. Wywal kolumnę info i ewentualnie dodaj linki do tytułów seriali
  913. */
  914. FixInfo: function() {
  915. var trtable=document.querySelector('table#translationsTable');
  916. if (!trtable)
  917. return;
  918. /**INFO START*/
  919. if (options.getValue('shown24info', false))
  920. {
  921. var trs=trtable.querySelectorAll('tbody > tr');
  922. for (var i = 0; i < trs.length; i++)
  923. {
  924. var title=trs[i].querySelector('td:nth-child(1)>div');
  925. var info=trs[i].querySelector('td:nth-child(2)>div>a[href*="imid=tt"], a[href*="title/tt"]');
  926. if (info)
  927. if (options.getValue('useimdbinfo', false))
  928. title.innerHTML='<a href="'+info.href.replace(/http:\/\/napisy24.pl\/serial\?imid=/, 'http://www.imdb.com/title/')+'/" target="_blank">'+title.textContent+'</a>';
  929. else
  930. {
  931. var target=info.href.indexOf('imdb.com')!=-1?' target="_blank"':'';
  932. title.innerHTML='<a href="'+info.href+'"'+target+'>'+title.textContent+'</a>';
  933. }
  934. }
  935. }
  936. /**INFO STOP*/
  937. //usuń kolumnę Info
  938. var th=document.querySelector('th.header:nth-child(2)');
  939. th.parentNode.removeChild(th);
  940. var tds=document.querySelectorAll('table#translationsTable>tbody>tr>td:nth-child(2)');
  941. for (var i = 0; i < tds.length; i++)
  942. {
  943. tds[i].parentNode.removeChild(tds[i]);
  944. }
  945. },
  946. init: function() {
  947. tlumaczenia.AddPanel();
  948. tlumaczenia.FixInfo();
  949. tlumaczenia.AddStars();
  950. tlumaczenia.AddNewHeader();
  951. tlumaczenia.sortTable();
  952. }
  953. };
  954.  
  955. /**
  956. Strona z komentarzami
  957. */
  958. var komentarze = {
  959. /**
  960. Zapisz poprawki za pomocą czcionki o stałej szerokości
  961. */
  962. fix_comments: function() {
  963. var css='div.n24h_comment{'+
  964. 'font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;'+
  965. 'font-size: 13px;'+
  966. 'text-align: left;'+
  967. '}';
  968. utils.insertcss(css);
  969.  
  970. var comments=document.querySelectorAll('div.tresc2');
  971. for (var i=0;i<comments.length;i++)
  972. {
  973. var text=comments[i].innerHTML;
  974. var lines=text.split('<br>');
  975. var line='';
  976. text='';
  977. for (var j=0;j<lines.length;j++)
  978. {
  979. line=lines[j].replace(/((\+|\-)?(.)?(\[|\{)\d+(\]|\})(\[|\{)\d+(\]|\}).*)/g, '<div class="n24h_comment">$1</div>');
  980. text=text+line;
  981. if (line.search('n24h_comment')==-1)
  982. text=text+'<br>';
  983. }
  984. comments[i].innerHTML=text;
  985. }
  986. },
  987. /**
  988. Pokaż/ukryj panel z emotkami i dodawaniem komentarza
  989. */
  990. ShowHideEmots: function() {
  991. var emots=document.querySelector('.tbl_out>div:nth-child(3)');
  992. var form=document.querySelector('form#userForm');
  993. var opener=document.querySelector('div#n24h_comm_opener');
  994. if ((!emots) || (!form))
  995. return;
  996. if (emots.getAttribute('style')=='display:none')
  997. {
  998. emots.setAttribute('style', 'display:block');
  999. form.setAttribute('style', 'display:block');
  1000. opener.setAttribute('class', 'n24h_comm_opener n24h_comm_opener_open');
  1001. } else {
  1002. emots.setAttribute('style', 'display:none');
  1003. form.setAttribute('style', 'display:none');
  1004. opener.setAttribute('class', 'n24h_comm_opener');
  1005. }
  1006. },
  1007. /**
  1008. Dodaj strzałkę otwierającą/zamykającą panel emotek i komentarza
  1009. */
  1010. addOpener: function() {
  1011. var css='div.n24h_comm_opener{'+
  1012. 'background-image: url(run/images/arrs.png);'+
  1013. 'background-repeat: no-repeat;'+
  1014. 'height: 20px;'+
  1015. 'width: 20px;'+
  1016. 'background-position: center;'+
  1017. 'cursor:pointer;'+
  1018. 'border: 1px solid;'+
  1019. 'border-color:#32383E;'+
  1020. 'padding: 3px;'+
  1021. 'margin-left: 10px;'+
  1022. 'margin-top: -25px;'+
  1023. '}'+
  1024. 'div.n24h_comm_opener:hover{'+
  1025. 'background-color: #202428;'+
  1026. '}'+
  1027. 'div.n24h_comm_opener_open{'+
  1028. 'background-image: url(run/images/arrsh.png);'+
  1029. '}';
  1030. var footer=document.querySelector('div.moreInfo>div.infofooter');
  1031. if (!footer)
  1032. return;
  1033. utils.insertcss(css);
  1034. var opener=document.createElement('div');
  1035. opener.setAttribute('id', 'n24h_comm_opener');
  1036. opener.setAttribute('class', options.getValue('hideemotspanel', false)?'n24h_comm_opener':'n24h_comm_opener n24h_comm_opener_open');
  1037. opener.setAttribute('title', 'Pokaż/ukryj dodawanie komentarza');
  1038. opener.addEventListener('click', komentarze.ShowHideEmots, false);
  1039. footer.appendChild(opener);
  1040. footer.setAttribute('style', 'padding-bottom: 5px; padding-top: 5px;');
  1041. if (options.getValue('hideemotspanel', false))
  1042. komentarze.ShowHideEmots();
  1043. },
  1044. init: function() {
  1045. komentarze.addOpener();
  1046. komentarze.fix_comments();
  1047. }
  1048. };
  1049.  
  1050. /**
  1051. Strona o serialu
  1052. */
  1053. var serial = {
  1054. /**
  1055. Dodaj linka do IMDB
  1056. */
  1057. addIMDBlink: function() {
  1058. var info=document.querySelector('.infoColumn2>div:last-child');
  1059. if (!info)
  1060. return;
  1061. var link=document.createElement('a');
  1062. var href=document.URL.toLowerCase().replace(/.*(tt\d+).*/g, 'http://www.imdb.com/title/$1/');
  1063. link.setAttribute('href', href);
  1064. link.setAttribute('target', '_blank');
  1065. link.innerHTML='IMDB';
  1066. info.appendChild(document.createTextNode(' ')); //dodaj spację
  1067. info.appendChild(link);
  1068. },
  1069. init: function() {
  1070. serial.addIMDBlink();
  1071. }
  1072. };
  1073.  
  1074.  
  1075. /**
  1076. Różności
  1077. */
  1078. var misc = {
  1079. /**
  1080. Obsługa zapamiętywania wyszukiwanych filmów/seriali między stronami
  1081. */
  1082. SearchHandler: function(e) {
  1083. var input=document.querySelector('input#phrase');
  1084. if (!input)
  1085. return;
  1086. e = e || window.event;
  1087. if (e.keyCode==27)
  1088. input.value='';
  1089. sessionStorage.setItem('n24h_search', input.value);
  1090. },
  1091. /**
  1092. Dodaj zapamiętywanie wyszukiwanych filmów/seriali
  1093. */
  1094. fixSearch: function() {
  1095. var input=document.querySelector('input#phrase');
  1096. if (!input)
  1097. return;
  1098. var searchtext=sessionStorage.getItem('n24h_search');
  1099. if ((searchtext!==null)&&(searchtext!==''))
  1100. {
  1101. input.value=searchtext;
  1102. console.log('searchtext: '+searchtext);
  1103. }
  1104. input.addEventListener('keyup', misc.SearchHandler, false);
  1105. },
  1106. /**
  1107. Usuń okładkę filmu/serialu
  1108. */
  1109. killCover: function() {
  1110. var css='div.subtitle{width: 675px !important;}';
  1111. utils.insertcss(css);
  1112. var divs=document.querySelectorAll('div.tbl');
  1113. for (var i=0;i<divs.length;i++)
  1114. {
  1115. var poster=divs[i].querySelector('div.poster');
  1116. divs[i].removeChild(poster);
  1117. }
  1118. },
  1119. /**
  1120. Usuń ocenę z IMDB
  1121. */
  1122. killIMDBInfo: function() {
  1123. var divs=document.querySelectorAll('div[id^="toggleMe"]');
  1124. for (var i=0;i<divs.length;i++)
  1125. {
  1126. var infocolumn=divs[i].querySelector('div.infoColumn0');
  1127. divs[i].removeChild(infocolumn);
  1128. }
  1129. },
  1130. /**
  1131. Alternatywne skórki
  1132. */
  1133. altSkin: function() {
  1134. /** Szara start*/
  1135. var altcss1='.avatar-menu-icons[class*="avatar-main-menu-szare"] > li {background-color: #2B68AB;border-right: 1px solid #5592D5;}'+//menu: forum, irc, rss
  1136. '[class*="avatar-main-menu-szare"] > li:hover {border-bottom: 4px solid #1B4A7E;}'+
  1137. 'nav{background-color: #2B68AB !important;}'+//pusta przestrzeń między menu a dodaj napisy
  1138. 'nav ul li.menu_add_napisy a{background-color: #2B68AB;border-bottom: 4px solid #1B4A7E;}'+//przycisk dodaj napisy
  1139. 'nav ul li.menu_add_napisy a:hover{background-color: #1B4A7E;color: #CCC;background-position: 21px 12px;}'+
  1140. 'nav ul li.menu_add_napisy a:active{color: #CCC;text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.2);filter: dropshadow(color=#33000000, offx=0, offy=-1);border-top: 4px solid #2B68AB;border-bottom: 4px solid #1B4A7E;background-color: #1B4A7E;background-position: 21px 8px;}'+
  1141. 'body{background-color:#D5D5D5 !important;color: #272727;}'+//body
  1142. '#avatar-body-middle-block{background-color:#D5D5D5;}'+//środek
  1143. '#avatar-header-inside-block{background-color:#D5D5D5;}'+//górna belka body
  1144. '.logo .screen{border: 4px solid #5592D5 !important;}'+//logo
  1145. '.logo .screen .subline1{background-color: #5592D5 !important;}'+
  1146. '.logo .screen .subline2{background-color: #5592D5 !important;}'+
  1147. '.logo h1{color: #5592D5 !important;}'+
  1148. '.logo h2{color: #5592D5 !important;}'+
  1149. 'textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {background-color: #D5D5D5 !important;color: #000000 !important;}'+//pola tekstowe
  1150. '#search #phrase{color: #000000 !important;}'+//wyszukiwarka
  1151. 'section#content .tbl_top{background-color:#D5D5D5 !important;border-top: 1px solid #A0A0A0 !important;}'+ //tabelka nagłówek
  1152. '.tbl_top2{background-color:#D5D5D5 !important;border-top: 1px solid #A0A0A0 !important;}'+ //tabelka nagłówek
  1153. 'section#content .tbl_top .head_r label{color:#000000 !important;}'+
  1154. 'section#content .tbl_top .head_l{color:#000000 !important;}'+
  1155. 'section#content .tbl{background-color:#D5D5D5 !important;border-top: 1px solid #A0A0A0 !important;}'+
  1156. 'section#content .page{border-color:#A0A0A0 !important;}'+
  1157. 'section#content .tbl_out{border-bottom:1px solid #A0A0A0 !important;}'+
  1158. 'section#content .tbl .poster{border-right:1px solid #A0A0A0 !important;}'+
  1159. 'section#content .pagination{border: 1px solid #A0A0A0;background-color: #E0E0E0;}'+
  1160. 'section#content .pagination .page-start, section#content .pagination .page-prev, section#content .pagination .page-next{ color: #272829;background-color: #D5D5D5;}'+//strart, poprzednia, następna
  1161. 'section#content .pagination .page-start:hover, section#content .pagination .page-prev:hover, section#content .pagination .page-next:hover{color: #272829;background-color: #E0E0E0;border-radius: 0px 0px 3px 3px;border-bottom: 3px solid #D26911;border-top:none;padding-bottom: 0px;line-height: 30px;}'+
  1162. 'section#content .pagination .page-prev:hover{background-position: 15px center;}'+
  1163. 'section#content .pagination .page-next:hover{background-position: 90px center;}'+
  1164. 'section#content .pagination .page-num{color: #272829;background-color: #D5D5D5;}'+//numery stron
  1165. 'section#content .pagination .page-num:hover{background-color: #E0E0E0;border-top-width: 1px;margin-top: 0px;border-radius: 0px 0px 3px 3px;border-bottom: 3px solid #D26911;}'+
  1166. 'section#content .tbl.opened .subtitle .opener, section#content .tbl .subtitle:hover .opener {background-color: #E0E0E0 !important;border-radius: 0px 0px 3px 3px;border-bottom: 3px solid #D26911;}'+
  1167. '.module_frame{border: 1px solid #A0A0A0;}'+
  1168. '.category-modulemodule_frame li a{color: #000000;}'+
  1169. '.category-modulemodule_frame li a:hover{color: #2F2F2F;background-color: #E0E0E0;}'+
  1170. 'aside .list li a{color: #000000 !important;}'+
  1171. 'aside .list li a:hover{color: #2F2F2F !important;background-color: #E0E0E0 !important;text-decoration: none !important;}'+
  1172. 'aside{width: inherit !important;}'+
  1173. '.avatar-module .st-module-heading{background-color: #A0A0A0;color: #2F2F2F;}'+
  1174. '.login-greeting{color: #272829;}'+
  1175. '.moreInfo{background-color:#D5D5D5 !important;color:#000000 !important; border-top: 1px solid #A0A0A0;}'+
  1176. '.page span{color: #272829;}'+
  1177. '.infofooter{border-top: 1px solid #A0A0A0 !important;background-color: #D5D5D5 !important;}'+
  1178. '.infoColumn0{background-color: #D5D5D5 !important;border-right: 1px solid #A0A0A0 !important;border-bottom: 1px solid #A0A0A0 !important;border-top: 1px solid #A0A0A0 !important}'+
  1179. 'section#content .page{color: #272829 !important;}'+
  1180. 'section#content .tbl .subtitle .sub h2{color: #272829 !important;}'+
  1181. 'select {background-color: #C5C5C5;}'+
  1182. 'a, a:link, a:visited {color: #1E519D;}'+
  1183. '.infoheader{color: #000000 !important;}'+
  1184. /**tłumaczenia*/
  1185. 'table.table-layout thead tr th{background-color: #D5D5D5 !important;color: #272829 !important;border-bottom: 1px solid #A0A0A0 !important;border-right: 1px solid #A0A0A0 !important;}'+
  1186. 'table.table-layout tbody tr.odd td:not([style*="background-color:#255180"]):not([style*="background-color:#DD7665"]){background-color: #C5C5C5 !important;}'+
  1187. 'table.table-layout tbody tr.even td:not([style*="background-color:#255180"]):not([style*="background-color:#DD7665"]){background-color: #B5B5B5 !important;}'+
  1188. 'table.table-layout tbody tr td{border-bottom: 1px solid #A0A0A0 !important;border-right: 1px solid #A0A0A0 !important;color: #000000 !important;}'+
  1189. 'table.table-layout{border-top: 1px solid #A0A0A0 !important;}'+
  1190. '.progress div{background-color: #A0A0A0 !important;}'+
  1191. 'nav ul li.menu_add_tlum a{background-color: #2B68AB;border-bottom: 4px solid #2B68AB;background-position: 21px 12px;}'+
  1192. 'nav ul li.menu_add_tlum a:hover{border-bottom: 4px solid #1B4A7E;color: #CCCCCC;background-color: #2B68AB;line-height: 44px;height: 42px;background-position: 21px 12px;}'+
  1193. 'nav ul li.menu_add_tlum a:active{border-bottom: 4px solid #1B4A7E;color: #CCCCCC;background-color: #2B68AB;line-height: 48px;height: 42px;background-position: 21px 12px;text-shadow:none;filter:none;border-top:none;}'+
  1194. 'table.table-layout tbody tr td[style*="background-color:#255180"]{background-color:#DFDFDF !important;}'+ //ostatnio zaktualizowane
  1195. 'table.table-layout tbody tr td div span[style*="color: white"], span[style*="color: #feee39"]{color: black !important;}'+ //ilość oczekujących
  1196. 'table.table-layout tbody tr td div a[style*="color: rgb(0,200,0)"]{color: rgb(0,150,0) !important;}'+ //moderator
  1197. '.translation {cursor: pointer !important;}'+
  1198. '.headerSortUp{background-image: url(run/images/arrs.png);background-repeat: no-repeat;background-position: right;}'+
  1199. '.headerSortDown{background-image: url(run/images/arrsh.png);background-repeat: no-repeat;background-position: right;}'+
  1200. /**komentarze*/
  1201. '.moreInfo2{background-color:#D5D5D5 !important;color:#000000 !important;}'+
  1202. 'section#content .tbl .avatar{border-right: 1px solid #A0A0A0 !important;}'+
  1203. 'section#content .tbl .subtitle .sub h3{color: #000000 !important;}'+
  1204. 'section#content .tbl .mark{color: #000000 !important;}'+
  1205. 'textarea{background-color: #B5B5B5 !important;color: #272829 !important;}'+
  1206. 'div[style*="background-color: #21262b"]{background-color: #ADADAD !important;}'+ //górna belka z datą i oceną
  1207. '.tresc2>div[style*="background-color: #292f35"]{background-color: #E9E9E9 !important;}'+ //cytat
  1208. /**artykuły*/
  1209. '#jc{background: none repeat scroll 0px 0px #B5B5B5;}'+
  1210. '#jc h4{color: #272829;background-color: #C5C5C5;}'+
  1211. '#jc .rbox{background-color: #B5B5B5;}'+
  1212. '#comments .comment-author, #comments .author-homepage, #comments .author-email{color: #4B3F37;}'+
  1213. '#comments .comment-date{color: #4B3F37;}'+
  1214. '#comments .comment-body{color: #4B3F37;}'+
  1215. '#comments .quote{color: #4B3F37;}'+
  1216. '#comments blockquote, #comments .hidden, #comments code, #comments pre{color: #1B6A6A;}'+
  1217. '#comments a{color: #174B54;}'+
  1218. '#comments-form input{color: #2D3335;}'+
  1219. /**profil*/
  1220. ''+
  1221. /**seriale*/
  1222. 'span.yellowfont {color: #000000 !important;}'+
  1223. /**n24 helper*/
  1224. '#n24h_tr_input_search, #n24h_tr_input_new{color: #000000 !important;}'+
  1225. '#n24h_tr_input_clear, #n24h_tr_input_add, #n24h_tr_input_remove {background-color: #C5C5C5 !important;color: #000000 !important;}'+
  1226. '#n24h_tr_shows_list {background-color: #C5C5C5 !important;color: #000000 !important;}'+
  1227. '.n24h_tr_option {background-color: #C5C5C5 !important;color: #000000 !important;}'+
  1228. 'div.n24h_comm_opener:hover {background-color: #C5C5C5 !important;}';
  1229. /** Szara stop*/
  1230. /** n24 classic start*/
  1231. var altcss2='body{background-color:#DEE0E2 !important;color: #272727;}'+//body
  1232. '#avatar-body-middle-block{background-color:#DEE0E2;}'+//środek
  1233. '#avatar-header-inside-block{background-color:#DEE0E2;}'+//górna belka body
  1234. '#avatar-tool-block{background-color:#DEE0E2;}'+
  1235. '.logo .screen{border: 4px solid #5592D5 !important;}'+//logo
  1236. '.logo .screen .subline1{background-color: #5592D5 !important;}'+
  1237. '.logo .screen .subline2{background-color: #5592D5 !important;}'+
  1238. '.logo h1{color: #5592D5 !important;}'+
  1239. '.logo h2{color: #5592D5 !important;}'+
  1240. '.avatar-menu-icons[class*="avatar-main-menu-szare"] > li {background-color: #2B68AB;border-right: 1px solid #5592D5;}'+//menu: forum, irc, rss
  1241. '[class*="avatar-main-menu-szare"] > li:hover {border-bottom: 4px solid #1B4A7E;}'+
  1242. 'nav{background-color: #2B68AB !important;}'+//pusta przestrzeń między menu a dodaj napisy
  1243. 'nav ul li.menu_add_napisy a{background-color: #2B68AB;border-bottom: 4px solid #1B4A7E;}'+//przycisk dodaj napisy
  1244. 'nav ul li.menu_add_napisy a:hover{background-color: #1B4A7E;color: #CCC;background-position: 21px 12px;}'+
  1245. 'nav ul li.menu_add_napisy a:active{color: #CCC;text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.2);filter: dropshadow(color=#33000000, offx=0, offy=-1);border-top: 4px solid #2B68AB;border-bottom: 4px solid #1B4A7E;background-color: #1B4A7E;background-position: 21px 8px;}'+
  1246. 'textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {background-color: #FFFFFF !important;color: #000000 !important;}'+//pola tekstowe
  1247. '#search #phrase{color: #000000 !important;}'+//wyszukiwarka
  1248. 'section#content .tbl_top{background: linear-gradient(#EDEEEE, #E2E3E3) !important;border-top: none !important;border-radius:5px;border-bottom:1px solid #B6B7B7 !important;}'+ //tabelka nagłówek
  1249. 'section#content .tbl_top2{background: linear-gradient(#EDEEEE, #E2E3E3) !important;border-top: none !important;border-radius:5px;border-bottom:1px solid #B6B7B7 !important;}'+ //tabelka nagłówek
  1250. 'section#content .tbl {width: inherit !important;}'+
  1251. 'section#content .tbl_top .head_l{color:#000000 !important;}'+
  1252. 'section#content .tbl{background-color:#F7F8F8 !important;border-top:none !important;border-bottom: 1px solid #DBDCDC;border-right: 1px solid #DBDCDC;}'+
  1253. 'section#content .page{border:none !important;}'+
  1254. 'section#content .tbl_out{border-bottom:none !important;}'+
  1255. 'section#content .pagination{background: linear-gradient(#EDEEEE, #E2E3E3);border:none;border-radius:5px;}'+
  1256. 'section#content .tbl .subtitle .sub h2{color:#004896 !important;}'+
  1257. 'section#content .tbl .subtitle .sub h3{color:#5D5D5D !important;}'+
  1258. 'section#content .pagination .page-start, section#content .pagination .page-prev, section#content .pagination .page-next{ color: #2C2C2C;background-color: #F9F9F9;border: 1px solid #CECFCF;border-radius: 4px;margin: 4px 2px 0px;line-height: 20px;background-image:none;}'+//strart, poprzednia, następna
  1259. 'section#content .pagination .page-start:hover, section#content .pagination .page-prev:hover, section#content .pagination .page-next:hover{color: #2C2C2C;background-color: #F9F9F9;border: 1px solid #CECFCF;border-radius: 4px;padding-bottom: 0px;line-height: 30px;text-decoration:underline;line-height: 20px;background-image:none;}'+
  1260. 'section#content .pagination .page-start, section#content .pagination .page-prev {padding-left:15px;}'+
  1261. 'section#content .pagination .page-next {padding-right:15px;}'+
  1262. 'section#content .pagination a.page-num{color: #2C2C2C;background-color: #F9F9F9;border: 1px solid #CECFCF;border-radius: 4px;}'+//numery stron
  1263. 'section#content .pagination a.page-num:hover{background-color: #F9F9F9;border: 1px solid #CECFCF;margin-top: 0px; border-radius: 4px;text-decoration:underline;}'+
  1264. 'section#content .pagination span.page-num{color: #FFFFFF;background-color: #2A5EA1;border: 1px solid #CECFCF;border-radius: 4px;}'+//numery stron
  1265. 'section#content .pagination span.page-num:hover{background-color: #2A5EA1;border: 1px solid #CECFCF;margin-top: 0px; border-radius: 4px;text-decoration:underline;}'+
  1266. 'section#content .tbl.opened .subtitle .opener, section#content .tbl .subtitle:hover .opener {background-color: #F7F8F8 !important;}'+
  1267. '.module_frame{border: none;}'+
  1268. '.avatar-module .st-module-heading{background: linear-gradient(#266CB3, #0E418E);border-bottom: 1px solid #0B3372;border-radius:5px;box-shadow: -5px 5px 1px #FFFFFF;margin-bottom:10px;}'+
  1269. '.category-modulemodule_frame li a,aside .list li a{background-color: #1758A5 !important;border-bottom:1px solid #0D3A6F;margin-bottom:1px;font-weight: bold;}'+
  1270. '.category-modulemodule_frame li a:hover,aside .list li a:hover{color: #E8EEF0 !important;background-color: #1758A5 !important;text-decoration:underline;}'+
  1271. 'aside{width: inherit !important;}'+
  1272. 'aside .list{border: none !important;}'+
  1273. 'section#content .tbl_top .head_r label {margin-right:10px !important;}'+
  1274. '.moreInfo{background-color:#F7F8F8 !important;color:#252525 !important;}'+
  1275. '.page span{color: #252525;}'+
  1276. '.infofooter{border-top: 1px solid #DBDCDC !important;background-color: #F7F8F8 !important;color:#252525 !important;}'+
  1277. '.infoColumn0{background-color: #F7F8F8 !important;border-right: 1px solid #DBDCDC !important;border-bottom: 1px solid #DBDCDC !important;border-top: 1px solid #DBDCDC !important}'+
  1278. 'section#content .tbl .poster{border-right: 1px solid #DBDCDC !important}'+
  1279. 'section#content .page{color: #252525 !important;}'+
  1280. '.head_r input[type="radio"]:checked + label{background-image: none !important;color: #FFFFFF !important;background-color: #2A5EA1;border: 1px solid #CECFCF;border-radius: 4px;}'+
  1281. '.head_r input[type="radio"] + label{background-image: none !important;color: #2C2C2C !important;background-color: #F9F9F9;border: 1px solid #CECFCF;border-radius: 4px;padding: 0px 10px 0px 10px !important;}'+
  1282. '.head_r input[type="radio"] + label:hover{text-decoration:underline;}'+
  1283. '.infoheader{color: #20487F !important;}'+
  1284. /**tłumaczenia*/
  1285. '.checkbox_outer input[type="checkbox"] + span{width:19px;height:17px;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAYAAAA/mJfHAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wEMETc09F0PlAAAAGRJREFUOMtj/Pnz538GKoCr164xMDFQEQxZw+4wTJzDzsDensGwY0h7kxFb0rhz2IpB+8hZ7Do0NzL8DPCgfdJgxJ9o7zBMnKPNUPY6kWFj5QwGjyGbaBlH8ybJgOXqtWtUMwwAJg4sDO+yKkcAAAAASUVORK5CYII=) !important;}'+
  1286. '.checkbox_outer input[type="checkbox"]:checked + span{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAARCAYAAAA/mJfHAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wEMETcCO+eaDQAAADxJREFUOMtj/Pnz538GKoCr164xMDFQEYwaNjIMuzORgZWdnYENhq0mMjDS02WMozlgGBnGcvXaNaoZBgBLTBH0qX8ljgAAAABJRU5ErkJggg==) !important;}'+
  1287. '.checkbox_outer input[type="checkbox"]:hover + span{border-bottom: 1px solid #FCB622;border-right: 1px solid #FCB622;border-radius: 5px;}'+
  1288. '.checkbox_outer{margin-top: 0px !important;top: 4px !important;}'+
  1289. 'table.table-layout{border-top: none !important;}'+
  1290. 'table.table-layout thead tr th{background: linear-gradient(#2369B0, #104694, #2167AF) !important;color: #DDDDDD !important;border: solid 1px white !important;line-height: inherit !important;}'+ //nagłówek tabelki
  1291. 'table.table-layout tbody tr.odd td:not([style*="background-color:#255180"]):not([style*="background-color:#DD7665"]):not([data-n24h-star]){background: linear-gradient(#FFFFFF, #DEE0E2) !important;}'+//nie nadpisuj aktualizacji
  1292. 'table.table-layout tbody tr.even td:not([style*="background-color:#255180"]):not([style*="background-color:#DD7665"]):not([data-n24h-star]){background: linear-gradient(#E1E1E1, #ECECEC) !important;}'+
  1293. '.progress div{background-color: #E7BA63 !important;}'+
  1294. 'td.progressx>div.progress {background-image: linear-gradient(#FFFFFF, #DEE0E2) !important; border-right: 1px solid #D3D6D7 !important;border-bottom: 1px solid #D3D6D7 !important;bottom: 0px !important;top: 0px !important;margin: auto;}'+
  1295. 'table.table-layout tbody tr td{color: #252525 !important;}'+
  1296. 'table.table-layout tbody tr td[style*="background-color:#255180"]{background-color: #E7BA63 !important;}'+ //ostatnio zaktualizowane
  1297. 'table.table-layout tbody tr td div span[style*="color: white"], span[style*="color: #feee39"]{color: #252525 !important;}'+ //ilość oczekujących
  1298. '.progress > span > span {color: #252525 !important;}'+ //procenty ukończenia
  1299. 'table.table-layout tbody tr td{border-top: 1px solid #ffffff !important;border-left: 1px solid #ffffff !important;border-right: 1px solid #ffffff !important;border-bottom: 1px solid #bbbbbb !important;padding-top: 2px !important;padding-bottom: 2px !important;}'+
  1300. 'table.table-layout tbody tr:hover td{border-top: solid 2px #E7BA63 !important;border-bottom: solid 2px #E7BA63 !important;border-left: solid 1px #E7BA63 !important;border-right: solid 1px #E7BA63 !important;padding-top: 1px !important;padding-bottom: 1px !important;}'+
  1301. 'table.table-layout {border-collapse: initial !important;}'+
  1302. '.translation {cursor: pointer !important;}'+
  1303. 'nav ul li.menu_add_tlum a{background-color: #2B68AB;border-bottom: 4px solid #2B68AB;background-position: 21px 12px;}'+
  1304. 'nav ul li.menu_add_tlum a:hover{border-bottom: 4px solid #1B4A7E;color: #CCCCCC;background-color: #2B68AB;line-height: 44px;height: 42px;background-position: 21px 12px;}'+
  1305. 'nav ul li.menu_add_tlum a:active{border-bottom: 4px solid #1B4A7E;color: #CCCCCC;background-color: #2B68AB;line-height: 48px;height: 42px;background-position: 21px 12px;text-shadow:none;filter:none;border-top:none;}'+
  1306. 'table.table-layout thead tr th.headerSortUp{background-image: url(run/images/arrs.png) ,linear-gradient(#2369B0, #104694, #2167AF) !important; !important;background-repeat: no-repeat !important;background-position: right !important;}'+
  1307. 'table.table-layout thead tr th.headerSortDown{background-image: url(run/images/arrsh.png) ,linear-gradient(#2369B0, #104694, #2167AF) !important; !important;background-repeat: no-repeat !important;background-position: right !important;}'+
  1308. /**komentarze*/
  1309. '.moreInfo2{background-color:#DFE2E5 !important;color:#000000 !important;}'+
  1310. 'section#content .clear ~ .tbl{background-color:#DFE2E5 !important;border-bottom: 1px solid #BBBBBB !important;margin-bottom:2px !important;}'+
  1311. 'section#content .clear ~ .tbl .infoColumn0{background-color:#DFE2E5 !important;}'+
  1312. 'section#content .clear ~ .tbl .infofooter{background-color:#ECEEEF !important;color:#000000 !important;border-top: 1px solid #BBBBBB !important;}'+
  1313. 'section#content .tbl .avatar{border-right: 1px solid #BBBBBB !important;}'+
  1314. 'section#content .tbl div[style*="background-color: #21262b"] .subtitle .sub h3{color: #FFFFFF !important;}'+
  1315. 'section#content .tbl .mark{color: #FFFFFF !important;}'+
  1316. 'textarea{background-color: #FFFFFF !important;color: #000000 !important;}'+
  1317. 'div[style*="background-color: #21262b"]{background: linear-gradient(#2369B0, #104694, #2167AF) !important;color: #DDDDDD !important;border: solid 1px white !important;line-height: inherit !important;}'+ //górna belka z datą i oceną
  1318. 'section#content .page .tbl ~ div:not([class]){border-left:1px solid #000000; border-top:1px solid #000000; border-right:1px solid #000000; background-color: #FFFFFF;}'+
  1319. 'form#userForm{border-left:1px solid #000000; border-bottom:1px solid #000000; border-right:1px solid #000000; background-color: #FFFFFF;}'+
  1320. '.tresc2>div[style*="background-color: #292f35"]{background-color: #FFFFFF !important;}'+ //cytat
  1321. /**artykuły*/
  1322. '#jc{background: none repeat scroll 0px 0px #DFE2E5; border: 1px solid #000000;}'+
  1323. '#jc .rbox{background-color: #DFE2E5;}'+
  1324. '#comments .comment-date{color: #252525;}'+
  1325. '#comments .comment-body{color: #252525;}'+
  1326. '#comments blockquote, #comments .hidden, #comments code, #comments pre{color: #252525;}'+
  1327. '#comments a{color: #174B54;}'+
  1328. /**profil*/
  1329. ''+
  1330. /**seriale*/
  1331. 'span.yellowfont {color: #000000 !important;}'+
  1332. /**n24 helper*/
  1333. 'table.table-layout tbody tr.odd td[data-n24h-star]{background-image: url('+icons.staroff+'), linear-gradient(#FFFFFF, #DEE0E2) !important;background-repeat: no-repeat !important;background-position: center !important;}'+
  1334. 'table.table-layout tbody tr.even td[data-n24h-star]{background-image: url('+icons.staroff+'), linear-gradient(#E1E1E1, #ECECEC) !important;background-repeat: no-repeat !important;background-position: center !important;}'+
  1335. 'table.table-layout tbody tr.odd td[data-n24h-star="on"]{background-image: url('+icons.staron+'), linear-gradient(#FFFFFF, #DEE0E2) !important;}'+
  1336. 'table.table-layout tbody tr.even td[data-n24h-star="on"]{background-image: url('+icons.staron+'), linear-gradient(#E1E1E1, #ECECEC) !important;}'+
  1337. 'th#n24h_tr_favhead{background-image: url('+icons.staron+'), linear-gradient(#2369B0, #104694, #2167AF) !important;background-repeat: no-repeat !important;background-position: center !important;}'+
  1338. /**TU*/
  1339. '#n24h_tr_input_search, #n24h_tr_input_new{color: #000000 !important; border: 1px solid #CECFCF !important;}'+
  1340. '#n24h_tr_input_clear, #n24h_tr_input_add, #n24h_tr_input_remove {background-color: #F9F9F9 !important;color: #000000 !important; border: 1px solid #CECFCF !important;}'+
  1341. '#n24h_tr_shows_list {background-color: #FFFFFF !important;color: #000000 !important;border: 1px solid #CECFCF !important;}'+
  1342. '.n24h_tr_option {background-color: #FFFFFF !important;color: #000000 !important;}'+
  1343. 'div.n24h_comm_opener:hover {background-color: #F0F0F0 !important;}'+
  1344. 'table.table-layout thead tr th.n24h_sort_asc{background-image: url(run/images/arrsh.png) ,linear-gradient(#2369B0, #104694, #2167AF) !important; !important;background-repeat: no-repeat !important;background-position: right !important;}'+
  1345. 'table.table-layout thead tr th.n24h_sort_desc{background-image: url(run/images/arrs.png) ,linear-gradient(#2369B0, #104694, #2167AF) !important; !important;background-repeat: no-repeat !important;background-position: right !important;}';
  1346. /** n24 classic stop*/
  1347. switch (options.getValue('altskinid', '1')) {
  1348. case '1':
  1349. utils.insertcss(altcss1);
  1350. break;
  1351. case '2':
  1352. utils.insertcss(altcss2);
  1353. break;
  1354. default:
  1355. console.log('Błędny parametr "altskinid": '+options.getValue('altskinid', 'Err'));
  1356. }
  1357. },
  1358. /**
  1359. Obsługa kliknięcia przycisku otwierania/zamykania
  1360. */
  1361. openerClick: function(e) {
  1362. e = e || window.event;
  1363. var target = e.target || e.srcElement;
  1364. var opener_id=target.getAttribute('n24h_opener_id');
  1365. document.getElementById("toggleMe"+opener_id).style.visibility = "visible";
  1366. var tgcl=target.getAttribute('class');
  1367. tgcl=tgcl.replace(/n24h_opener_open/g, '').trim();
  1368. if(document.getElementById("toggleMe"+opener_id).style.display == "none" ) {
  1369. document.getElementById("toggleMe"+opener_id).style.display = "";
  1370. target.setAttribute('class', tgcl+' n24h_opener_open');
  1371. } else {
  1372. document.getElementById("toggleMe"+opener_id).style.display = "none";
  1373. target.setAttribute('class', tgcl);
  1374. }
  1375. },
  1376. /**
  1377. Popraw strzałki przy przyciskach otwierania/zamykania
  1378. */
  1379. fixOpener: function () {
  1380. var openers=document.querySelectorAll('div.opener[onclick*="toggleDisplay"]'); //wszystkie klikalne openery
  1381. var css='section#content .tbl .subtitle:hover .opener {background-image: url(run/images/arrs.png) !important;}'+
  1382. 'section#content .tbl .subtitle .n24h_opener_open {background-image: url(run/images/arrsh.png) !important;}'+
  1383. 'section#content .tbl .subtitle:hover .n24h_opener_open {background-image: url(run/images/arrsh.png) !important;}';
  1384. utils.insertcss(css);
  1385. for (var i=0;i<openers.length;i++)
  1386. {
  1387. var id=openers[i].getAttribute('onclick').replace(/toggledisplay\((\d+)\);/gi, '$1')
  1388. openers[i].setAttribute('n24h_opener_id', id);
  1389. openers[i].removeAttribute('onclick');
  1390. openers[i].addEventListener('click', misc.openerClick, false);
  1391. }
  1392. },
  1393. shrinkButtons: function() {
  1394. var css='.avatar-menu-icons[class*="avatar-main-menu"] > li {padding-left: 5px; padding-right: 5px;}';
  1395. utils.insertcss(css);
  1396. },
  1397. init: function() {
  1398. if (options.getValue('fixsearch', false))
  1399. misc.fixSearch();
  1400. if (options.getValue('killcover', false))
  1401. misc.killCover();
  1402. if (options.getValue('killimdbinfo', false))
  1403. misc.killIMDBInfo();
  1404. if (options.getValue('usealtskin', false))
  1405. misc.altSkin();
  1406. if (options.getValue('usesmallmenubuttons', false))
  1407. misc.shrinkButtons();
  1408. misc.fixOpener();
  1409. }
  1410. };
  1411.  
  1412. var n24h = {
  1413. /**
  1414. */
  1415. onLoad: function() {
  1416. options.init();
  1417. misc.init();
  1418. if(location.pathname.toLowerCase() === '/tlumaczenia')
  1419. {
  1420. tlumaczenia.init();
  1421. }
  1422. if(location.pathname.toLowerCase() === '/komentarze')
  1423. {
  1424. komentarze.init();
  1425. }
  1426. if(location.pathname.toLowerCase() === '/serial')
  1427. {
  1428. serial.init();
  1429. }
  1430. },
  1431.  
  1432. /**
  1433. */
  1434. init: function()
  1435. {
  1436. //fix na Operę 12.x
  1437. if(navigator.userAgent.indexOf("Opera") != -1 )
  1438. window.addEventListener('load', n24h.onLoad, false);
  1439. else
  1440. window.addEventListener('DOMContentLoaded', n24h.onLoad, false);
  1441. }
  1442. };
  1443.  
  1444. n24h.init();