☰

JV_Chat_MP

JVChat Premium pour les MP de JVC

  1. // ==UserScript==
  2. // @name           JV_Chat_MP
  3. // @description    JVChat Premium pour les MP de JVC
  4. // @author         Blaff, Blatomi, Atlantis
  5. // @namespace      JV_Chat_MP
  6. // @license        MIT
  7. // @version        0.1.108.v466_MP
  8. // @icon           https://images.emojiterra.com/google/noto-emoji/unicode-15/color/128px/2709.png
  9. // @match          https://*.jeuxvideo.com/messages-prives/message.php*
  10. // @grant          none
  11. // ==/UserScript==
  12.  
  13.  
  14. /*
  15. API : les développeurs peuvent créer des "plugins" pour JVChat à l'aide d'un système d'évènements.
  16. Cela permet par exemple à un deuxième userscript de modifier les messages au moment où ils sont
  17. ajoutés par JVChat, afin que chacun puisse personnaliser son affichage et ajouter de nouvelles
  18. fonctionnalités.
  19.  
  20. Pour cela, il suffit d'écouter l'évènement "jvchat:newmessage". Celui-ci est émis chaque fois
  21. qu'un novueau message est ajouté, il contient l'identifiant dudit message à récupérer dans le DOM
  22. via le data-attribut "jvchat-id".
  23.  
  24. Il existe aussi l'évènement "jvchat:activation" qui est émis une seule fois : à l'initialisation
  25. lorsque le topic pass en mode "JVChat" après appui sur le bouton.
  26.  
  27. Il existe enfin l'évènement "jvchat:postmessage". Celui-ci est émis chaque fois qu'un message est posté par l'utilisateur actuel.
  28. Il contient l'identifiant du message, le contenu du message, et l'auteur du message.
  29.  
  30. Exemple pour cacher les messages qui contiennent certains mot-clefs:
  31.  
  32.     // my_plugin.user.js
  33.     let keywords = ["foobar", "barbaz"]
  34.  
  35.     addEventListener("jvchat:newmessage", function(event) {
  36.         // L'id du message est stocké dans event.detail.id
  37.         // L'attribut event.detail.isEdit est mis à "true" s'il s'agit d'un message édité
  38.         let message = document.querySelector(`.jvchat-message[jvchat-id="${event.detail.id}"]`);
  39.         let text = message.querySelector(".txt-msg").textContent;
  40.         for (let keyword of keywords) {
  41.             if (text.includes(keyword)) {
  42.                 message.style.display = "none";
  43.                 return;
  44.             }
  45.         }
  46.     });
  47.  
  48. */
  49.  
  50.  
  51. /*
  52. TODO:
  53. - Smooth transition on append messages (slide-in plutôt que jump)
  54. - Détection captcha
  55. - Bouton actualiser les messages (+ afficher le delai courrant d'actualisation)
  56. - Notification avec @pseudo
  57. - Blacklist
  58. - Pouvoir voir les anciens messages
  59. - La leftbar ne se rétrécie pas si le titre du topic n'a pas d'espaces
  60. */
  61.  
  62. let CSS = `<style type="text/css" id="jvchat-css">
  63. #forum-right-col,
  64. #jv-footer,
  65. #middle,
  66. #zone-sponso,
  67. #header-top,
  68. #full-site,
  69. header.jv-header-menu,
  70. .sideWootbox,
  71. .titre-head-bloc,
  72. .bloc-pre-pagi-forum,
  73. .bloc-message-forum,
  74. .bloc-message-forum-anchor,
  75. .bloc-pagi-default,
  76. .bloc-outils-top,
  77. .bloc-outils-bottom,
  78. .option-previsu,
  79. .ads,
  80. .sondage-fofo,
  81. #dfp_pulse,
  82. #didomi-host,
  83. .sideDfp,
  84. .nu-context-menu,
  85. .message-lock-topic,
  86. #bloc-formulaire-forum .alert,
  87. .form-post-message > .row > div:nth-child(2),
  88. .conteneur-messages-pagi > a:last-of-type,
  89. #bloc-meta-titre-jeu,
  90. .gameHeaderBanner,
  91. .gameHeaderSubNav,
  92. .forumAnchorWrapper,
  93. .bloc-sondage::before,
  94. .layout__contextTop,
  95. .layout__breadcrumb,
  96. .layout__adHeader,
  97. .layout__adHeader--center,
  98. .layout__adHeader--top,
  99. .layout__adHeader--left,
  100. .layout__adHeader--right,
  101. .layout__videoFooter,
  102. .layout__contentAside,
  103. .layout__footer,
  104. .layout__contentTop,
  105. .header,
  106. .btn-poster-msg,
  107. .form-post-topic > div:nth-child(3),
  108. .titre-discut,
  109. #destinataires,
  110. .action-bar,
  111. .form-harassment,
  112. .col-lg-3
  113. {
  114.     display: none!important;
  115. }
  116.  
  117. @font-face {
  118.     font-family: "jvchat-icons";
  119.     src: url(data:font/woff;base64,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);
  120. }
  121.  
  122. html,
  123. body,
  124. #jvchat-main,
  125. #mp,
  126. .row,
  127. .row > .col-lg-9 
  128. {
  129.     height: 100%;
  130.     width: 100%;
  131. }
  132.  
  133. .layout__breadcrumb {
  134.     grid-column: inherit !important;
  135. }
  136.  
  137. .jvchat-hide {
  138.     display: none!important;
  139. }
  140.  
  141. .jvchat-hide-visibility {
  142.     visibility: hidden;
  143. }
  144.  
  145. body {
  146.     overflow-y: unset;
  147. }
  148.  
  149. .jvchat-disabled-form {
  150.     opacity: 0.5;
  151.     cursor: not-allowed;
  152.     pointer-events: none;
  153. }
  154.  
  155. #jvchat-leftbar h4 {
  156.     font-weight: 600;
  157. }
  158.  
  159. #repondre-mp > .form-post-topic > .row {
  160.     margin: 0;
  161. }
  162.  
  163. .jv-editor > .conteneur-editor {
  164.     background-color: var(--jv-bg-color);
  165. }
  166.  
  167. .jv-editor > .conteneur-editor > .text-editor {
  168.     border: 0;
  169.     display: flex!important;
  170. }
  171.  
  172. #jvchat-alerts {
  173.     position: absolute;
  174.     z-index: 3;
  175.     right: 1rem;
  176.     left: 0;
  177.     overflow-y: hidden;
  178. }
  179.  
  180. #jvchat-alerts .alert {
  181.     margin: 1rem 2rem;
  182.     border-radius: 0.5rem;
  183. }
  184.  
  185. #jvchat-leftbar {
  186.     max-width: 15rem;
  187.     flex-grow: 100000;
  188.     flex-shrink: 100;
  189.     position: relative;
  190. }
  191.  
  192. #jvchat-leftbar-button {
  193.     display: flex;
  194.     position: absolute;
  195.     right: 0;
  196.     top: 0;
  197. }
  198.  
  199. #jvchat-leftbar-button span {
  200.     font-size: 1.3rem;
  201.     color: white;
  202.     padding: 0 0.5rem 0 0rem;
  203.     max-width: 100%;
  204.     cursor: pointer;
  205.     opacity: 0.3;
  206. }
  207.  
  208. #jvchat-leftbar-button span:hover {
  209.     opacity: 1;
  210. }
  211.  
  212. #mp{
  213.     margin: 0;
  214.     padding: 0;
  215.     display: block;
  216.     line-height: 1.42857;
  217.     font-size: .875rem;
  218. }
  219.  
  220. #mp > .layout__content {
  221.     display: flex;
  222.     padding: 0!important;
  223.     height: 100%;
  224.     max-width: unset;
  225. }
  226.  
  227. #mp{
  228.     margin: 0;
  229.     display: flex;
  230. }
  231.  
  232. label {
  233.     display: inline-block;
  234.     max-width: 100%;
  235.     margin-bottom: .3125rem;
  236.     font-weight: 700;
  237. }
  238.  
  239. /* Patch_marge_en_bas */
  240. .mp-page {
  241.     padding-bottom: 0 !important;
  242. }
  243.  
  244. .row {
  245.  
  246.     /* Patch_scroll_horizontale */
  247.     --jv-gutter-x: unset;
  248.     /* _ */
  249.  
  250.     flex-basis: 35rem;
  251.     flex-grow: 100;
  252.     overflow-x: auto;
  253.     position: relative;
  254.     min-width: 13rem;
  255.  
  256. }
  257.  
  258. #jvchat-right-padding {
  259.     flex-shrink:1000;
  260.     flex-grow:0;
  261. }
  262.  
  263. .row > .col-lg-9  {
  264.     display: flex;
  265.     flex-direction: column;
  266. }
  267.  
  268. #mp > .container-content {
  269.     padding: 0;
  270.     max-width: unset;
  271.     min-width: unset;
  272.     min-height: unset;
  273.     max-height: unset;
  274. }
  275.  
  276. .form-post-topic {
  277.     margin: 0;
  278. }
  279.  
  280. #message {
  281.     resize: none;
  282.     min-width: unset;
  283. }
  284.  
  285. .jvchat-edition-textarea {
  286.     resize: none;
  287.     width: 100%;
  288.     max-height: 6.5rem;
  289.     min-height: 3.5rem;
  290. }
  291.  
  292. .jvchat-reduced #message {
  293.     padding: 0.3rem;
  294.     height: 1.7rem;
  295.     max-height: 6.5rem;
  296.     overflow: auto;
  297. }
  298.  
  299. .jvchat-reduced .jv-editor .conteneur-editor > * {
  300.     display: none;
  301. }
  302.  
  303. #jvchat-buttons-main button {
  304.     padding: 0;
  305.     width: 2rem;
  306. }
  307.  
  308. #jvchat-post::before {
  309.     font-family: "jvchat-icons";
  310.     content: "\uEA28";
  311.     font-size: 1rem;
  312. }
  313.  
  314. #jvchat-reduce::before {
  315.     font-family: "jvchat-icons";
  316.     content: "\uEA8E";
  317.     font-size: 1.4rem;
  318. }
  319.  
  320. #jvchat-enlarge::before {
  321.     font-family: "jvchat-icons";
  322.     content: "\uEA84";
  323.     font-size: 1.4rem;
  324. }
  325.  
  326. .jvchat-buttons {
  327.     display: flex;
  328.     flex-direction: column;
  329. }
  330.  
  331. .jvchat-buttons button {
  332.     border: 0.0625rem solid #BEBECC;
  333.     border-left-width: 0;
  334.     height: 100%;
  335.     background: white;
  336.     color: gray;
  337. }
  338.  
  339. .jvchat-buttons .jvchat-button-solo {
  340.     border-radius: 0 0.3rem 0.3rem 0;
  341. }
  342.  
  343. .jvchat-buttons .jvchat-button-top {
  344.     border-radius: 0 0.3rem 0 0;
  345. }
  346.  
  347. .jvchat-buttons .jvchat-button-bottom {
  348.     border-radius: 0 0 0.3rem 0;
  349.     border-top: 0!important;
  350. }
  351.  
  352. .jvchat-textarea {
  353.     border-radius: 0.3rem 0 0 0.3rem!important;
  354.     border: 0.0625rem solid #BEBECC!important;
  355.     border-right-width: 0!important;
  356.     color: inherit!important;
  357. }
  358.  
  359. .jvchat-buttons button:hover {
  360.     background: lightgray;
  361.     color: black;
  362. }
  363.  
  364. .jvchat-buttons button:focus {
  365.     outline: none;
  366.     border: dotted 1px!important;
  367.     color: black;
  368.     border: blue;
  369. }
  370.  
  371. .row {
  372.     display: block;
  373.     padding: 0;
  374.     max-width: unset;
  375. }
  376.  
  377. #jvchat-leftbar > .panel {
  378.     margin: 0;
  379.     padding: 0 0.5rem;
  380. }
  381.  
  382. #jvchat-config {
  383.     line-height: 1.40;
  384. }
  385.  
  386. #jvchat-leftbar #jvchat-profil .titre-info-fofo,
  387. #jvchat-leftbar #jvchat-configuration .titre-info-fofo {
  388.     margin-top: 0.5rem;
  389. }
  390.  
  391. #jvchat-configuration-intro {
  392.     color: grey;
  393.     font-size: 0.84rem;
  394. }
  395.  
  396. #jvchat-leftbar .titre-info-fofo {
  397.     margin-top: 1rem;
  398. }
  399.  
  400.  
  401. .jvchat-config-option {
  402.     margin-top: 2rem;
  403. }
  404.  
  405. .jvchat-config-option p {
  406.     font-size:0.83rem;
  407. }
  408.  
  409. .jvchat-config-option > label {
  410.     margin-bottom: 0.15rem;
  411. }
  412.  
  413. .jvchat-range-option {
  414.     display: flex;
  415.  
  416. }
  417.  
  418. .jvchat-range-option > span {
  419.     white-space: nowrap;
  420.     margin: 0px 10px;
  421. }
  422.  
  423. .jvchat-range-option > input {
  424.     width: 65%;
  425. }
  426.  
  427. .jvchat-message {
  428.     display: flex;
  429.     margin-bottom: 0.35rem;
  430. }
  431.  
  432. .jvchat-bloc-message {
  433.     animation-duration:0.5s;
  434.     animation-name: slidein;
  435. }
  436.  
  437. .jvchat-message-deleted > div {
  438.     opacity: 0.2;
  439.     filter: grayscale(100%);
  440. }
  441.  
  442. .jvchat-message-deleted {
  443.     position: relative;
  444. }
  445.  
  446. .jvchat-message-deleted:after {
  447.     content: "Message supprimé";
  448.     position: absolute;
  449.     top: 40%;
  450.     left: 50%;
  451.     color: gray;
  452.     font-weight: bold;
  453. 	opacity: 0.7;
  454. }
  455.  
  456. .jvchat-message-deleted .jvchat-delete,
  457. .jvchat-message-deleted .jvchat-edit {
  458.     display: none;
  459. }
  460.  
  461. @keyframes slidein {
  462.   from {
  463.     opacity: 0;
  464.   }
  465.  
  466.   to {
  467.     opacity: 1;
  468.   }
  469. }
  470.  
  471. .jvchat-toolbar {
  472.     margin: 0 0 .3rem 0;
  473. }
  474.  
  475. .jvchat-author {
  476.     margin: 0;
  477.     display: inline-block;
  478.     font-size: .875rem;
  479.     font-weight: 600;
  480.     line-height: 1.1;
  481. }
  482.  
  483. .jvchat-tooltip {
  484.     display: flex;
  485.     float: right;
  486.     color: gray;
  487. }
  488.  
  489. .jvchat-picto {
  490.     margin-right: 0.3rem;
  491.     visibility: hidden;
  492.     display: inline-block;
  493.     width: 1rem;
  494.     height: 1rem;
  495. }
  496.  
  497. .jvchat-bloc-message:hover .jvchat-picto {
  498.     visibility: visible;
  499.     cursor: pointer;
  500.     opacity: 0.25;
  501. }
  502.  
  503. .jvchat-picto:hover {
  504.     opacity: 1!important;
  505. }
  506.  
  507. .jvchat-quote {
  508.     background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOwAAAAQCAYAAAAVg5N2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA0NDA1MUFGNTYzMTExRTU5Q0Q4RUFCRkUxRkZGMjVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA0NDA1MUIwNTYzMTExRTU5Q0Q4RUFCRkUxRkZGMjVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ0MDUxQUQ1NjMxMTFFNTlDRDhFQUJGRTFGRkYyNUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDQ0MDUxQUU1NjMxMTFFNTlDRDhFQUJGRTFGRkYyNUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5sVxEbAAAL3ElEQVR42uxbC3BU5RX+7mM3mweQRIFKUCgVlECLQK2odAqIyENgQGeU8gYbfIRqoDpQdMRWR1IUHInQIGYQUlMsDmAJKq8gD3lKQQHlYWpGkpKkQIAkZB93t+f8e3e5u2Q3926Sog5n5uT+99z/P/vf/57vPP57I+Xm5r4F4HfENpgjN/HSjIyMzPouLl26NIEOOcRjiB0mddYRFxBnkt7aH5K+E5LUKH1dfL5m1dfU94uXGjc/vNi895u+a1ij9B27t7BZ9XXr1i28bzrxY8RDiH+qy4qJPyZeRnzM2Fkl7gfr1D/KNb65yRb1OQxjplzXd13fj1hfgOzECzq08z3x8u89cvqtPjjifH6016Hr0ZNy1xdy1KdLyqS3SZRFfJmvyeRBGfIjidebmAj3GamPiURjEDuNsarP5/PB5XKhtrYWTqdTnDdGX1PPr6n0cVpTpbO7CfR5PB7U1NQI5vb37X5/CPp8bi+8NR5xtIgFBmvhjImep9Yvcck9uvigeCU4ayTUEcvUvuM2L/ga9Zmm484uAEspE6fDnxIIh9NxMPHqen6AZYP1Pp/SmIwGvEuIUVy4cAHV1dVwu92Cuc2yeozFEU1fJMNr3bo1nnnmGXTs2FEA1+v1mtLH/erInfF8+Mjn9cnMzk8jriE+rx+1CLJY7pfH/oqcEXONibWPJuM14/WfPn26YG5HAG309SPfWEveo5ImdJYSP5fmZ27/55L/6PSY1xfJKUVxVtHvlybordOgVbmgXXAJYDFz23PWGZTF8jx4nLu8Dl8P+gRatcfK82BamDXRM3D8SA2L31PhcUrwaj6IWEPT8ZI6d52EnHwV40domDHeM4CjsQAslzlcShAIX6bjVuLfEvch/qfOfXTZVr3PCeJcM+6KI15WVhaeffZZzJgxA3FxcYK5zTK+xn1iIY6kPJZBdc899wjZ8OHD0bNnT+EUzBBH5gEDBoj53HfffeLcKBs4cKA4N0tcuNy4bh3uorndWFgozplvWLs2RBYLuSO0rVIArLNnz4aqqoK5HQW0EUkj46rtNAKt/+LDDdk+VNHNVcV1EO2bXvPLnLZkhCY9kcnolCr0+2SuMOesrrYRml+/xF/i+LBNOD50kwBWW3eqaJ8YsVkck7zx1NGi7elgPfVIUfDcAnXrmOabNmW0hidesmPJKgUfbJH8a6QzHz7YIiP3Hwoen2vDpIc0dErzPs5jZV1JGvEc4kriF4lLKZqOYOa2LqvU+6RZMY4QoyMghQPAqpEYwdq+fXvMnDkT6wgk5eXl4lq/fv1M69Q0Dd27dw9uBnA0NcrS09PDI2x0UMkybh4xQrRvHjoUbgIDy24ZOTJEdi2J748BGk4s42uWngM7Pc+V9TlHVVb8w8uD59/lDITNVQVJimGThJ5xqW58/X0+xOjVobmu3JP3ogvzus8Mnk8omolqUBogxQ5WsabnnXBX1MFz3mUGvI/NfdKjfHlCxp7D/h9+faWKf5dKQbBye0G+3072finjyHEZLz3lUXisHKaslQ7Kryiavs7MbV3Wyup6yXKoejZ+m83WKIML1KyJiYkYNWqUkGVmZiI/Px/FxcVYtWqV6d/g6HL48GHRPnr0qJgvyw4dOhQiM0t2ur+S99/3G+v69bCR42DZtzQnIaMIa4vBQTUlKYqChQsXYu7cuUEZt1nG1xpDl1LuQIvb/HuY/92yAMllW+Cw4J8SiYsM6B5Ez3qQAax8LbER8+sidUCfm3qJ9jvHVmGf5wgku9IosIot3Sk7cXLUFpx4cFO09DhAg39ONWtB4ZXfraMkc9abqjhywjl7EbUNce3vHylI7yzWYXCk5UwintFY42Dg7Ny5Uxg9p60MMq4NN2/eLNJNJsmC+w2ANSEhAVOnTg25xpE2OzsbSUlJpgHL/bZv346ioiIxR7td1PXYsWMHtm3bFiIzQ3Fcqz7yCMrHjhXADBQwVY8+in3jxoXIrhWxQ+L7NmYh/Fx43XyxRjKd7vzTv/yl0PkyuD+aidQkWIqu/NTaEG+kQYPC5sKyNJh/91gfbRizQhzLqyuRfeptqCl2S9GVwRgO1vpA3QB1cjh82Lo3NBCc+o6i6t9UEWK5baQdB2U44vxjGbBO3daskKnCk439wIEDwkgYsAwANorPP/9cAPb06dPimumUk1LqVq1aYcKECVc/jA0bBJCtRHCeD9fUVwEvLi4mg2CfyS/tEsKiaH0yy84vQjvWLMWMLFaKS2kHd1J7eLynYVfwvaO2Sa3RRk7FWe0SJFm6JnPYvswVyNqD9cVHn8mwqT7MmuQOpsf8R5KCZbaLYc5pb62F3+K+r1mpme6++27RPnv2rEiLO3fuLM7XrFljOoIF6tb6wLp8+XKcOnXKUjQ01tC8s3zx4kWx8cLM7cuXL1uqX40bQhc5JdSL/kq9fenqHWJLxKngPnpy+xqZFhpf5wQ3exp+vWOKdk+/Idhu99yXYhNK81pbuwo9FQ6nQYaNqFjpjrwHrjj4+/P86avXvKNSklTcuqp/1D6SrcESqriO1kVSQsF6ukLCvOWq4HMXQjehJFm8m2UqUTMyMuboNWqTE6evDNbevXvjww8/FOlvy5YtMXr0aOzfv18Awmw0Y2NKTU0V7Xnz5mHWrFminZeXJ4yN9UgWdzc4YvMcJk+eLCK3kUpKSrB69WrEx8ebzgI47biYloYeBw8iqU2bkGvlJDvZty+SyRHYce2IHSi/AjOuFdew7BBzcnIsZTzhdKN0DuUbXkbboc9DTUiG+tBK1KwbjxZ2c6lxTdgG00Z9UADAfI0dVnKM86tOdCLn8LvI7DERLeOSkN31D5j9zQLICaqp1JjBaGvrEKA1psad8vpCSYkT1xnUDdDHXxyXb+/V1Quv2/+jbvIbzy9WUCM+jZCQ/S4BN1OPssQqQeSLk6LvZrk5jYPBwKkw14i8IcTpakpKCnbv3i3qRCupJ0dXBhZTAKy80cRg5chqFaw8Nx7H7yEZrFVVVSgtLUVZWZmIsh06dBB1Mfczky5y9HTfcgvupTSfwXqpogIVX32Fyq+/RnVlJdr26oW+NFdnixbwxrCWJt/Dmtp0YocXTiyzuunEK263XTHQZCrQpW0vwKf5I3XqXeOAW4cglmS7SK9Z08I2oqxNUIJqtxkipA1vfpdPqbo/1xn1swfw65TegIVywAjaoF4Cq62NQ9TEJiLsO3/+q6rJaiDK+pD7gYIj31wZt/WAjI17ZDEt7qeQw5u7WOVJL2vWdwwMiDfeeEMYgsPhEKBiQDAwuN60sgNrBOTKlStFes3RIBawBgDL0X/FihU4c+aMmGNgPoHXO/zaiB3O3r17GzRmBmG7OXNwkPrXkkNS9Jo2AGbmxP79cdOrr6IqMxPN6ikb2HRiB/UqzYPfhTPNnz9fyKxGV4VuIuGbtah8TgKXgq30HbXzc2zigwkbLUCS3W+YVtJ+6JtPAai1McitlAOcShbV7MNthfcL7yIn+u+v2ydDxOaQpNK841UzIIsaaS2OP1J8WsrNW608OfVhDQcPy1hRePUCzc9X0ecXbvyknQ/vrFZQXCrztw9HmgOwnG07AsYRbgQNGEVdJH0cjfnVQyCN5lTVBFAj6mMA7tq1S4CUjTVcF3s+rmX37NljBGtkfVyjT5uGeN2owmcmPmKhTOM8sWJiftGMOTGG+60PtIsWLRLnUcAaVR+DNMHmZyOlxsc2P1aTHGHDLTmW+6UJyvxkHKGAUCIDzPTzCID29o0PREuDI30nk7VwpdqFHufASaM1LH/Fjfc2KPjskAyVpvabOzWMHaahLYOVou/CfJU/aMoSt9QMgC1o4rEFASPj1w8tKKW0EFUj6uPxrJMBW58ulgXeyxquR9Qn64aloP5ySNKv2UIXvcDs+gWMNjn6LrFpfYH1ZI7iRAv+X8/3h6iPQctRO0qEjTSWt4iHLVihvjX8SbuX3fkrT7uxu8CJ7flOzJnmQU0t8OATdi8BmyPrg/oYNEeEDfzbXWz/fnVd33V9P259RtBmlpRJSyb80c7f8/N3/J10+be8wQT/v9cdMQ76nwADAIzVzaeP52k9AAAAAElFTkSuQmCC) -1.25rem 0 no-repeat;
  509. }
  510.  
  511. .jvchat-edit {
  512.     background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOwAAAAQCAYAAAAVg5N2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA0NDA1MUFGNTYzMTExRTU5Q0Q4RUFCRkUxRkZGMjVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA0NDA1MUIwNTYzMTExRTU5Q0Q4RUFCRkUxRkZGMjVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ0MDUxQUQ1NjMxMTFFNTlDRDhFQUJGRTFGRkYyNUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDQ0MDUxQUU1NjMxMTFFNTlDRDhFQUJGRTFGRkYyNUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5sVxEbAAAL3ElEQVR42uxb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) -2.5rem 0 no-repeat;
  513. }
  514.  
  515. .jvchat-delete {
  516.     background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOwAAAAQCAYAAAAVg5N2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA0NDA1MUFGNTYzMTExRTU5Q0Q4RUFCRkUxRkZGMjVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA0NDA1MUIwNTYzMTExRTU5Q0Q4RUFCRkUxRkZGMjVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDQ0MDUxQUQ1NjMxMTFFNTlDRDhFQUJGRTFGRkYyNUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDQ0MDUxQUU1NjMxMTFFNTlDRDhFQUJGRTFGRkYyNUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5sVxEbAAAL3ElEQVR42uxb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) -10rem 0 no-repeat;
  517. }
  518.  
  519. .jvchat-edition {
  520.     display: flex;
  521. }
  522.  
  523. .jvchat-edition-check {
  524.     color: darkgreen!important;
  525. }
  526.  
  527. .jvchat-night-mode .jvchat-edition-check {
  528.     color: green!important;
  529. }
  530.  
  531. .jvchat-edition-check::before {
  532.     font-family: "jvchat-icons";
  533.     content: "\uEA0E";
  534. }
  535.  
  536. .jvchat-edition-cancel {
  537.     color: darkred!important;
  538. }
  539.  
  540. .jvchat-night-mode .jvchat-edition-cancel {
  541.     color: red!important;
  542. }
  543.  
  544. .jvchat-edition-cancel::before {
  545.     font-family: "jvchat-icons";
  546.     content: "\uEA77";
  547. }
  548.  
  549. .jvchat-edition-textarea {
  550.     outline: none;
  551.     width: 100%;
  552.     background-color: var(--jv-input-bg-color);
  553. }
  554.  
  555. hr.jvchat-ruler:first-of-type {
  556.     margin-top: auto;
  557. }
  558.  
  559. .jvchat-ruler {
  560.     opacity: 1;
  561.     margin: 0rem 0rem .35rem 0rem;
  562.     border: 0;
  563.     border-style: solid;
  564.     border-top: 0.0625rem solid var(--jv-disabled-bg-color);
  565.     border-top-width: 0.0625rem;
  566.     border-bottom-width: 0.0625rem;
  567.     border-block-end-color: var(--jv-border-color);
  568.     box-sizing: content-box;
  569.     height: 0!important;
  570.     color: unset;
  571.     background-color: unset;
  572. }
  573.  
  574. #jvchat-ruler-new {
  575.     border-bottom: 1px outset gray;
  576. }
  577.  
  578. .jvchat-bloc-author-content {
  579.     overflow: hidden;
  580.     width: 100%;
  581.     margin-left: .875rem;
  582. }
  583.  
  584. .jvchat-content {
  585.     font-size: 0.835rem;
  586.     line-height: 1.1rem;
  587. }
  588.  
  589. .jvchat-content > .txt-msg > p:last-of-type {
  590.     margin-bottom: 0;
  591. }
  592.  
  593. .jvchat-content > .txt-msg p {
  594.     margin-bottom: 0.2rem;
  595. }
  596.  
  597. .jvchat-content .text-enrichi-forum blockquote.blockquote-jv {
  598.     margin: 0.2rem 0;
  599.     padding: 0rem 0.3rem 0 0.3rem;
  600.     color:#8b8b8b;
  601. }
  602.  
  603. .jvchat-content .text-enrichi-forum .nested-quote-toggle-box {
  604.     position: relative!important;
  605. }
  606.  
  607. .jvchat-rounded {
  608.     overflow: hidden;
  609.     border-radius: 50%;
  610.     background-size:     cover;
  611.     background-repeat:   no-repeat;
  612.     background-position: center center;
  613. }
  614.  
  615. .jvchat-bloc-avatar {
  616.     min-width: 40px;
  617.     min-height: 40px;
  618.     width: 40px;
  619.     height: 40px;
  620.     box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.45);
  621. }
  622.  
  623. #jvchat-user-avatar-link {
  624.     width: 60%;
  625.     min-width: 3rem;
  626.     min-height: 3rem;
  627.     margin: auto;
  628. }
  629.  
  630. .jvchat-user-avatar {
  631.     width: 100%;
  632.     padding-top: 100%;
  633. }
  634.  
  635. .jvchat-content .img-shack {
  636.     height: 39px;
  637.     width: 52px;
  638.     display: inline-block;
  639.     vertical-align: bottom;
  640.     margin-bottom:0.27rem;
  641.     overflow: hidden;
  642.     object-fit: contain;
  643. }
  644.  
  645. .jvchat-content .img-stickers {
  646.     max-height: 39px;
  647.     min-height: 39px;
  648.     width: auto;
  649.     display: inline-block;
  650.     vertical-align: bottom;
  651.     margin-bottom:0.1rem;
  652. }
  653.  
  654. #jvchat-main .bloc-spoil-jv .open-spoil {
  655.     position: unset;
  656.     display: none;
  657. }
  658.  
  659. .new-stickers {
  660.     background-color: unset;
  661. }
  662.  
  663. #jvchat-user-mp {
  664.     font-size: 2rem;
  665.     margin: auto;
  666.     position: relative;
  667. }
  668.  
  669. #jvchat-user-mp::before {
  670.     font-family: "jvchat-icons";
  671.     content: "\uEA43";
  672. }
  673.  
  674. #jvchat-user-notif {
  675.     font-size: 2rem;
  676.     margin: auto;
  677.     position: relative;
  678. }
  679.  
  680. #jvchat-user-notif::before {
  681.     font-family: "jvchat-icons";
  682.     content: "\uEA7B";
  683. }
  684.  
  685. #jvchat-user-notif.has-notif::after,
  686. #jvchat-user-mp.has-notif::after
  687. {
  688.     z-index: 2;
  689.     content: " " attr(data-val) "";
  690.     color: #fff;
  691.     line-height: 1.25rem;
  692.     font-size: 0.9rem;
  693.     padding: 0 .25rem;
  694.     position: absolute;
  695.     top: .6875rem;
  696.     right: -.6875rem;
  697.     background: #ff3c00;
  698.     width: 1.1rem;
  699.     height: 1.1rem;
  700.     border-radius: 1rem;
  701. }
  702.  
  703. #jvchat-user-pseudo {
  704.     margin: 0.5rem;
  705.     text-align: center;
  706.     font-size: 1.125rem;
  707.     font-weight: 500;
  708.     line-height: 1.1;
  709.     /* overflow-x: hidden; */
  710. }
  711.  
  712. #jvchat-user-info {
  713.     display: flex;
  714. }
  715.  
  716. #jvchat-mp-and-notif {
  717.     position: unset;
  718.     display: flex;
  719.     justify-content: center;
  720.     flex-direction: column;
  721.     margin: auto;
  722. }
  723.  
  724. #jvchat-topic-link {
  725.     color: white;
  726. }
  727.  
  728. #jvchat-topic-info {
  729.     display: flex;
  730.     flex-direction: column;
  731. }
  732.  
  733. #jvchat-topic-nb-connected {
  734.     color: lightgray;
  735. }
  736.  
  737. #jvchat-topic-nb-messages {
  738.     color: lightgray;
  739. }
  740.  
  741. #repondre-mp .jv-editor > .conteneur-editor {
  742.     margin: 0;
  743.     border: 0;
  744.     padding: 0.5rem;
  745.     line-height: normal;
  746. }
  747.  
  748. #jvchat-main {
  749.     overflow-y: auto;
  750.     padding: 0.35rem 0.875rem;
  751.     display: flex;
  752.     flex-direction: column;
  753. }
  754.  
  755. #jvchat-leftbar > .panel-jv-forum {
  756.     height: 100%;
  757.     overflow-y: auto;
  758. }
  759.  
  760. #jvchat-leftbar.jvchat-leftbar-reduced {
  761.     flex-grow: 0;
  762. }
  763.  
  764. #jvchat-leftbar.jvchat-leftbar-reduced > .panel > .panel-body {
  765.     display: none;
  766. }
  767.  
  768. #jvchat-leftbar.jvchat-leftbar-reduced #jvchat-leftbar-button {
  769.     position: relative;
  770. }
  771.  
  772. #jvchat-leftbar.jvchat-leftbar-reduced span {
  773.     padding: 0;
  774. }
  775.  
  776. #jvchat-leftbar > .panel {
  777.     position: relative;
  778. }
  779.  
  780. .disabled-content {
  781.     opacity: 0.3;
  782.     cursor: not-allowed;
  783.     pointer-events: none;
  784. }
  785.  
  786. #jvchat-sondage-bloc {
  787.     background: unset;
  788.     padding: 0;
  789. }
  790.  
  791. #jvchat-sondage-bloc .pourcent {
  792.     background: unset;
  793.     width: 5rem;
  794. }
  795.  
  796. #jvchat-sondage-bloc .back-barre {
  797.     width: 5rem;
  798. }
  799.  
  800. #jvchat-sondage-bloc .tab-choix {
  801.     margin-bottom: 1rem;
  802. }
  803.  
  804. #jvchat-sondage-choix.notanswered .result-pourcent {
  805.     display: none;
  806. }
  807.  
  808. #jvchat-sondage-choix.notanswered .reponse {
  809.     background:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAICAYAAAAx8TU7AAAAG0lEQVQImWP4DwUMyOA/EqBAAkOQsACyILL5ACUbV6n3UrG0AAAAAElFTkSuQmCC') no-repeat left 0.35rem;
  810.     padding-left: 0.7rem;
  811. }
  812.  
  813. #jvchat-sondage-choix.notanswered .reponse > div {
  814.     cursor: pointer;
  815. }
  816.  
  817. #jvchat-turbo {
  818.     display: inline-block;
  819.     cursor: pointer;
  820.     margin-top: 0.3rem;
  821.     -webkit-tap-highlight-color: transparent;
  822.     position: relative;
  823. }
  824.  
  825. #jvchat-turbo i {
  826.     position: relative;
  827.     display: inline-block;
  828.     margin-right: .5rem;
  829.     width: 46px;
  830.     height: 26px;
  831.     background-color: #e6e6e6;
  832.     border-radius: 23px;
  833.     vertical-align: text-bottom;
  834.     transition: all 0.3s linear;
  835. }
  836.  
  837. #jvchat-turbo i::before {
  838.     content: "";
  839.     position: absolute;
  840.     left: 0;
  841.     width: 42px;
  842.     height: 22px;
  843.     background-color: #fff;
  844.     border-radius: 11px;
  845.     transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
  846.     transition: all 0.25s linear;
  847. }
  848.  
  849. #jvchat-turbo i::after {
  850.     content: "";
  851.     position: absolute;
  852.     left: 0;
  853.     width: 22px;
  854.     height: 22px;
  855.     background-color: #fff;
  856.     border-radius: 11px;
  857.     box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
  858.     transform: translate3d(2px, 2px, 0);
  859.     transition: all 0.2s ease-in-out;
  860. }
  861.  
  862. #jvchat-turbo:active i::after {
  863.     width: 28px;
  864.     transform: translate3d(2px, 2px, 0);
  865. }
  866.  
  867. #jvchat-turbo:active input:checked + i::after {
  868.     transform: translate3d(16px, 2px, 0);
  869. }
  870.  
  871. #jvchat-turbo input {
  872.     display: none;
  873. }
  874.  
  875. #jvchat-turbo input:checked + i {
  876.     background-color: #4BD763;
  877. }
  878.  
  879. #jvchat-turbo input:checked + i::before {
  880.     transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0);
  881. }
  882.  
  883. #jvchat-turbo input:checked + i::after {
  884.     transform: translate3d(22px, 2px, 0);
  885. }
  886.  
  887. #jvchat-turbo-span {
  888.     position: absolute;
  889.     margin-top: 4px;
  890. }
  891.  
  892. #jvchat-alerts.jvchat-hide-alerts #jvchat-turbo-warning,
  893. #jvchat-alerts.jvchat-hide-alerts #jvchat-degraded-refresh-warning {
  894.     display: none!important;
  895. }
  896.  
  897. #jvchat-main.jvchat-hide-mosaics .jvchat-mosaic-root::before {
  898.     content: "Mosaïque Cachée ¯\\\\_(ツ)_/¯";
  899.     color:black;
  900.     text-align:center;
  901.     font-size:10px;
  902.     display:block;
  903.     height:55px;
  904.     width:55px;
  905.     background: white;
  906.     border: solid #f00;
  907. }
  908.  
  909. #jvchat-main.jvchat-hide-mosaics .jvchat-mosaic-root {
  910.     pointer-events: none;
  911. }
  912.  
  913.  
  914. #jvchat-main.jvchat-hide-mosaics .jvchat-mosaic {
  915.     display: none;
  916. }
  917.  
  918. #jvchat-turbo-delay-range,
  919. #jvchat-max-width-range,
  920. #jvchat-hide-mosaic-checkbox,
  921. #jvchat-hide-mosaic-span,
  922. #jvchat-night-mode-checkbox,
  923. #jvchat-night-mode-span,
  924. #jvchat-load-images-checkbox,
  925. #jvchat-load-images-span,
  926. #jvchat-play-sound-checkbox,
  927. #jvchat-play-sound-span {
  928.     cursor: pointer;
  929. }
  930.  
  931. .jvchat-night-mode #jvchat-leftbar > .panel {
  932.     background-color: #2F3136!important;
  933. }
  934.  
  935. .jvchat-night-mode {
  936.     color: #dcddde!important;
  937.     scrollbar-color: #191A1C #2F3136!important;
  938. }
  939.  
  940. .jvchat-night-mode .jvchat-ruler {
  941.     border-color: #2e3035!important;
  942.     border-top: 1px solid transparent !important;
  943. }
  944.  
  945. /*.jvchat-night-mode #jvchat-main,*/
  946. .jvchat-night-mode .col-lg-9,
  947. .jvchat-night-mode .conteneur-editor,
  948. .jvchat-night-mode .bloc-editor-forum,
  949. .jvchat-night-mode .jvchat-bloc-message,
  950. .jvchat-night-mode .conteneur-messages-pagi {
  951.     background-color: #36393F!important;
  952. }
  953.  
  954. .jvchat-night-mode #message,
  955. .jvchat-night-mode .btn-group {
  956.     background: #484C52!important;
  957. }
  958.  
  959. .jvchat-night-mode .jvchat-bloc-avatar {
  960.     box-shadow: -3px 3px 7px black!important;
  961. }
  962.  
  963. .jvchat-night-mode #jvchat-leftbar > .panel {
  964.     background-color: #2F3136!important;
  965. }
  966.  
  967. .jvchat-night-mode .jvchat-edition-textarea {
  968.     background: #484c52!important;
  969. }
  970.  
  971. .jvchat-night-mode .jvchat-buttons button {
  972.     background: #484c52!important;
  973. }
  974.  
  975. .jvchat-night-mode .text-enrichi-forum blockquote.blockquote-jv {
  976.     border-left-color: #484C52!important;
  977. }
  978.  
  979. .jvchat-night-mode .text-enrichi-forum .nested-quote-toggle-box::after {
  980. 	background-color: #484c52!important;
  981. 	border-color: #737373!important;
  982. 	color: #737373!important;
  983. }
  984.  
  985. .jvchat-night-mode .text-enrichi-forum .nested-quote-toggle-box:hover::before {
  986. 	color: #cbcdce!important;
  987. }
  988.  
  989. .jvchat-night-mode .bloc-spoil-jv .contenu-spoil {
  990.     background-color: #2d2d2d!important;
  991.     border-color: #202020!important;
  992.     color: #dcddde !important;
  993. }
  994.  
  995. /* Lavydavant */
  996.  
  997. .panel-jv-forum {
  998.     background-color: #2A2A2A !important;
  999.     border-radius: 0 !important;
  1000. }
  1001.  
  1002. .panel-body {
  1003.         color: #FFFFFF !important;
  1004. }
  1005.  
  1006. .panel-body .titre-info-fofo {
  1007.     color: #ffca20;
  1008.     font-weight: 500;
  1009.     line-height: 1.1;
  1010.     font-size: .875rem;
  1011.     text-transform: uppercase;
  1012.     border-bottom: .0625rem solid #9c9da7;
  1013.     padding-bottom: .5rem;
  1014.     margin: 0 0 .5rem;
  1015. }
  1016.  
  1017. #jvchat-mp-and-notif .nav-link, .nav-link-search, .account-pseudo, .jv-account-number-mp, .jv-account-number-notif   {
  1018.     color: white !important;
  1019. }
  1020.  
  1021. /* Revert random CSS changes by Webedia */
  1022.  
  1023. .jvchat-alert-close {
  1024.   float: right;
  1025.   font-size: 1.3125rem;
  1026.   font-weight: 700;
  1027.   line-height: 1;
  1028.   color: #000;
  1029.   text-shadow: 0 0.0625rem 0 #fff;
  1030.   filter: alpha(opacity=20);
  1031.   opacity: 0.2;
  1032.   padding: 0;
  1033.   cursor: pointer;
  1034.   background: transparent;
  1035.   border: 0;
  1036.   -webkit-appearance: none;
  1037.   -moz-appearance: none;
  1038.   appearance: none;
  1039. }
  1040.  
  1041. .jvchat-alert-close:focus,
  1042. .jvchat-alert-close:hover {
  1043.   color: #000;
  1044.   text-decoration: none;
  1045.   cursor: pointer;
  1046.   filter: alpha(opacity=50);
  1047.   opacity: 0.5;
  1048. }
  1049.  
  1050. #jvchat-leftbar-config-open::before {
  1051.     content: "\uEA6F";
  1052.     font-family: "jvchat-icons";
  1053. }
  1054.  
  1055. #jvchat-leftbar-config-close::before {
  1056.     content: "\uEA13";
  1057.     font-family: "jvchat-icons";
  1058. }
  1059.  
  1060. #jvchat-leftbar-reduce::before {
  1061.     content: "\uEA8C";
  1062.     font-family: "jvchat-icons";
  1063. }
  1064.  
  1065. #jvchat-leftbar-extend::before {
  1066.     content: "\uEA88";
  1067.     font-family: "jvchat-icons";
  1068. }
  1069.  
  1070.  
  1071. </style>`;
  1072.  
  1073. let PANEL = `
  1074. <div id='jvchat-leftbar'>
  1075.     <div class='panel panel-jv-forum'>
  1076.         <div id="jvchat-leftbar-button">
  1077.             <div id="jvchat-leftbar-config">
  1078.                 <span id="jvchat-leftbar-config-open" title="Afficher les paramètres"></span>
  1079.                 <span id="jvchat-leftbar-config-close" class="jvchat-hide" title="Fermer les paramètres"></span>
  1080.             </div>
  1081.             <div id="jvchar-leftbar-size">
  1082.                 <span id="jvchat-leftbar-reduce" title="Masquer la sidebar"></span>
  1083.                 <span id="jvchat-leftbar-extend" class="jvchat-hide" title="Afficher la sidebar"></span>
  1084.             </div>
  1085.         </div>
  1086.         <div class='panel-body'>
  1087.             <div id='jvchat-info'>
  1088.                 <div id='jvchat-profil' class='jvchat-hide'>
  1089.                     <h4 class='titre-info-fofo'>Profil</h4>
  1090.                     <h4 id='jvchat-user-pseudo'></h4>
  1091.                     <div id='jvchat-user-info'>
  1092.                         <a title="Ouvrir le profil" id="jvchat-user-avatar-link" target="_blank"><div id='jvchat-user-avatar' class='jvchat-rounded jvchat-user-avatar'></div></a>
  1093.                         <div id='jvchat-mp-and-notif'>
  1094.                             <a target="_blank" href="https://www.jeuxvideo.com/messages-prives/boite-reception.php" title="Ouvrir la boîte de réception" id="jvchat-user-mp-link"><span id="jvchat-user-mp" class="jv-account-number-mp" data-val="0"></span></a>
  1095.                             <a target="_blank" title="Ouvrir les notifications" href="https://www.jeuxvideo.com/messages-prives/boite-reception.php" id="jvchat-user-notif-link"><span id="jvchat-user-notif" class="jv-account-number-notif" data-val="0"></span></a>
  1096.                         </div>
  1097.                     </div>
  1098.                 </div>
  1099.                 <div id='jvchat-topic'>
  1100.                     <h4 class='titre-info-fofo'>MP-PRIVE</h4>
  1101.                     <div id="jvchat-topic-info">
  1102.                         <div><strong><a title="Ouvrir le MP" id="jvchat-topic-title"></a></strong></div>
  1103.                         <span id="jvchat-topic-nb-connected"></span>
  1104.                         <span id="jvchat-topic-nb-messages"></span>
  1105.                         <label id="jvchat-turbo" title="Actualise la liste des messages plus rapidement">
  1106.                             <input id="jvchat-turbo-checkbox" type="checkbox">
  1107.                             <i></i>
  1108.                             <span id="jvchat-turbo-span">Mode Turbo</span>
  1109.                         </label>
  1110.                     </div>
  1111.                 </div>
  1112.                 <div id='jvchat-forum'>
  1113.                     <h4 class='titre-info-fofo'>Forum</h4>
  1114.                     <div id="jvchat-forum-info">
  1115.                         <div><strong><a title="Ouvrir le forum" id="jvchat-forum-title"></a></strong></div>
  1116.                     </div>
  1117.                 </div>
  1118.                 <div id='jvchat-sondage' class='jvchat-hide'>
  1119.                     <h4 class='titre-info-fofo'>Sondage</h4>
  1120.                     <div id="jvchat-sondage-bloc" class="bloc-sondage">
  1121.                         <label><span id="jvchat-sondage-intitule"></span></label>
  1122.                         <table class="tab-choix"><tbody id="jvchat-sondage-choix" class="notanswered"></tbody></table>
  1123.                         <span id="jvchat-sondage-votes"></span>
  1124.                     </div>
  1125.                 </div>
  1126.             </div>
  1127.             <div id='jvchat-config' class='jvchat-hide'>
  1128.                 <div id='jvchat-configuration'>
  1129.                     <h4 class='titre-info-fofo'>Configuration</h4>
  1130.                     <p id='jvchat-configuration-intro'><i>Les paramètres sont automatiquement sauvegardés et mis à jour lorsque vous les modifiez.</i></p>
  1131.                     <div class="jvchat-config-option" id="jvchat-play-sound">
  1132.                         <label>
  1133.                             <input id="jvchat-play-sound-checkbox" type="checkbox">
  1134.                             <span id="jvchat-play-sound-span">Alerte sonore</span>
  1135.                         </label>
  1136.                         <p>Joue un son de notification lorsqu'un nouveau message est posté et que vous êtes sur un onglet différent.</p>
  1137.                     </div>
  1138.                     <div class="jvchat-config-option" id="jvchat-night-mode">
  1139.                         <label>
  1140.                             <input id="jvchat-night-mode-checkbox" type="checkbox">
  1141.                             <span id="jvchat-night-mode-span">Thème sombre</span>
  1142.                         </label>
  1143.                         <p>Active un mode nuit pour protéger vos petits yeux fatigués le soir.</p>
  1144.                     </div>
  1145.                     <div class="jvchat-config-option" id="jvchat-load-imagesc">
  1146.                         <label>
  1147.                             <input id="jvchat-load-images-checkbox" type="checkbox">
  1148.                             <span id="jvchat-load-images-span">Charger les images</span>
  1149.                         </label>
  1150.                         <p>Remplace les miniatures NoelShack avec l'image source complète afin de laisser apparaître la transparence (cela sollicite davantage votre connexion Internet).</p>
  1151.                     </div>
  1152.                     <div class="jvchat-config-option" id="jvchat-hide-mosaic">
  1153.                         <label>
  1154.                             <input id="jvchat-hide-mosaic-checkbox" type="checkbox">
  1155.                             <span id="jvchat-hide-mosaic-span">Masquer les mosaïques</span>
  1156.                         </label>
  1157.                         <p>Cache automatiquement les mosaïques d'images NoelShack pour réduire le flooding.</p>
  1158.                     </div>
  1159.                     <div class="jvchat-config-option" id="jvchat-turbo-delay">
  1160.                         <label>
  1161.                             <span>Délai Turbo</span>
  1162.                         </label>
  1163.                         <div class='jvchat-range-option'>
  1164.                             <input id="jvchat-turbo-delay-range" type="range" min="0" max="1000" step="50">
  1165.                             <span id="jvchat-turbo-delay-span">? ms</span>
  1166.                         </div>
  1167.                         <p>Ajuste le délai d'actualisation des messages en mode turbo (celui-ci permet une meilleure réactivité lors d'un quiz mais ne doit pas être activé continuellement).</p>
  1168.                     </div>
  1169.                     <div class="jvchat-config-option" id="jvchat-max-width">
  1170.                         <label>
  1171.                             <span>Largeur des messages</span>
  1172.                         </label>
  1173.                         <div class='jvchat-range-option'>
  1174.                             <input id="jvchat-max-width-range" type="range" min="0" max="100" step="1">
  1175.                             <span id="jvchat-max-width-span">? %</span>
  1176.                         </div>
  1177.                         <p>Configure l'espace utilisé horizontalement par les messages (une valeur réduite facilite la lecture sur les écrans larges).</p>
  1178.                     </div>
  1179.                 </div>
  1180.             </div>
  1181.         </div>
  1182.     </div>
  1183. </div>
  1184. `;
  1185.  
  1186. let freshHash = undefined;
  1187. let freshDeletionHash = undefined;
  1188. let freshForm = undefined;
  1189. let firstMessageId = undefined;
  1190. let firstMessageDate = undefined;
  1191. let lastEditionTime = {};  // id => [timestamp, edition, deleted]
  1192. let messagesByPage = {};
  1193. let userConnected = undefined;
  1194. let updateIntervals = [2, 3, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 5, 10, 10, 10, 10, 10, 10, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 30, 30, 30, 30, 30, 30, 30, 30, 60];
  1195. let transisitions = [0, 0, 1, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 3, 3, 3, 3, 3, 3, 13, 13, 13, 13, 13, 13, 13, 13, 13, 13, 13, 13, 19, 19, 19, 19, 19, 19, 19, 19, 31];
  1196. let updateIntervalIdx = 2;
  1197. let updateIntervalMax = updateIntervals.length - 1;
  1198. let isLocked = false;
  1199. let isError = false;
  1200. let isAlert = false;
  1201. let isReduced = true;
  1202. let nbNewMessage = 0;
  1203. let topicNbMessages = 0;
  1204. let favicon = undefined;
  1205. let faviconLoaded = false;
  1206. let faviconTextWhenLoaded = "";
  1207. let currentUser = { notif: undefined, mp: undefined, author: undefined, avatar: undefined };
  1208. let currentTopicTitle = undefined;
  1209. let turboActivated = false;
  1210. let turboDateActivated = undefined;
  1211. let turboWarnTimeoutId = -1;
  1212. let turboDateSessions = [];
  1213. let refreshDegraded = false;
  1214. let refreshDegradedTimeoutId = -1;
  1215. let timeoutedDates = [];
  1216. let refreshInfosAcceptable = [];
  1217. let sondageChoices = undefined;
  1218. let urlToFetch = undefined;
  1219. let urlToRefreshInfos = undefined;
  1220. let urlToCheckEdited = undefined;
  1221. let currentFetchedPage = 1;
  1222. let currentTimeoutId = -1;
  1223. let shouldCheckEdited = false;
  1224. let checkEditedInterval = 30000;
  1225. let refreshInfosTimeoutId = -1;
  1226. let postingMessage = false;
  1227. let fetchingMessages = false;
  1228. let leavingTopic = false;
  1229. let storageKey = "jvchat-premium-configuration";
  1230. let ringBell = undefined;
  1231. let configuration = undefined;
  1232. let lastNbMessages = 0;
  1233. let lastDate;
  1234.  
  1235. function defaultConfig() {
  1236.     return {
  1237.         default_reduced: false,
  1238.         turbo_delay: 500,
  1239.         max_width: 100,
  1240.         hide_alerts: false,
  1241.         play_sound: false,
  1242.         night_mode: false,
  1243.         load_images: false,
  1244.         hide_mosaic: false,
  1245.         turbo_alerted: false,
  1246.         sound: "data:audio/mp3;base64, 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KZ+4/J4hhPMbxk9uZlkvh6/jLtS6T9noZlleNzM1apGt+7CwkdfONPpLpNT0rivtF6d5JRejlihnmuTMIf3OWsl7KKKapZHQ3IBmnFlUchyHaOIzN+Syuo2SUVYPlNqCn+n4xG78SrR1lD/QTSyWlcKHJychjdSVSWMwDAM3EY7Rf/////4vzXlEEQJGHKsO7LsZ6U2J2PwPQf/////wNDUARKBH5g6tXeyKSKCcnRpY3DcYAAEAAAMEoLwyQhqjAOAaMLkNqt00SR7TGnEwMCcLkwGAN/0YLQF4kEeYBQBxgMgDf5zDxADC4wy5TXmbBm6JJimNECMEY0V/+ZUKbI8RFS75hwiwRgQhhQ3//mSGBgiSmIDAYQ8RaowYaYQy///4FAgIFCFcICDBAACE//uSxO0AK+Iu+xnsAAT7PuBXPaAAsrSBICGWxf///q8USLIIaMqLIIUF1n1hhHpwYQrd////69i6hehbyJiOCcatiVjSXVaU3Fpsebiy2x/////+jW3RSxAe2JliKcPPIim67osRh10V2u7ALDWcx1hv///////DiG7T48oOzeXsjTHhtmap3fdFMdYWZaysLddlhtaIrlpqFlMSp//////////3Hh1Qdf8HMPUvasytPttG5svXpBLO1LJlr//////7WYlRuzEotEYCfqZiTvX4k5UPRJynekxBTUUzLjEwMKqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqkxBTUUzLjEwMKqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqv/7ksQ5A8AAAaQcAAAgAAA0gAAABKqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqo="
  1247.     };
  1248. }
  1249.  
  1250. function saveConfig() {
  1251.     let config = JSON.stringify(configuration);
  1252.     localStorage.setItem(storageKey, config);
  1253. }
  1254.  
  1255. function loadConfig() {
  1256.     let config = JSON.parse(localStorage.getItem(storageKey) || "{}");
  1257.     for (let key in config) {
  1258.         if (config.hasOwnProperty(key) && configuration.hasOwnProperty(key)) {
  1259.             configuration[key] = config[key];
  1260.         }
  1261.     }
  1262. }
  1263.  
  1264. function getTimestamp() {
  1265.     return new Date().getTime();
  1266. }
  1267.  
  1268. function escape(str, isAttribute) {
  1269.     str = str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
  1270.     if (isAttribute) {
  1271.         str = str.replace(/"/g, "&quot;").replace(/'/g, "&#039;");
  1272.     }
  1273.     return str;
  1274. }
  1275.  
  1276. function getForm(doc) {
  1277.     return doc.getElementsByClassName('form-post-topic')[0];
  1278. }
  1279.  
  1280. function getHash(doc) {
  1281.     let hash = doc.querySelector("#ajax_hash_liste_messages")
  1282.     if (!hash) {
  1283.         return undefined;
  1284.     }
  1285.     return hash.getAttribute("value");
  1286. }
  1287.  
  1288. function getDeletionHash(doc) {
  1289.     let hash = doc.querySelector("#ajax_hash_moderation_forum")
  1290.     if (!hash) {
  1291.         return undefined;
  1292.     }
  1293.     return hash.getAttribute("value");
  1294. }
  1295.  
  1296.  
  1297. function getTopicLocked(elem) {
  1298.     let lock = elem.getElementsByClassName("message-lock-topic")[0];
  1299.     if (lock === undefined) {
  1300.         return lock;
  1301.     }
  1302.     let reason = lock.getElementsByTagName("span")[0].textContent.trim();
  1303.     return `Le topic a été verrouillé pour la raison suivante : "${reason}"`;
  1304. }
  1305.  
  1306. function getTopicError(elem) {
  1307.     let error = elem.getElementsByClassName("img-erreur")[0];
  1308.     if (error === undefined) {
  1309.         return error;
  1310.     }
  1311.     return `Le topic présente une erreur: ${error.getAttribute("alt")}`;
  1312. }
  1313.  
  1314.  
  1315. function tryCatch(func) {
  1316.     function wrapped(optArg) {
  1317.         try {
  1318.             func(optArg);
  1319.         } catch (err) {
  1320.             let message = `Une erreur est survenue dans JVChat Premium: '${err.message}' (function '${func.name}', line ${err.lineNumber})`;
  1321.             console.error("===== JVCHAT ERROR =====");
  1322.             console.error(message)
  1323.             console.error(err);
  1324.             console.error("========================");
  1325.             try {
  1326.                 addAlertbox("danger", message);
  1327.             } catch (e) {
  1328.                 alert(message);
  1329.                 console.log('lol');
  1330.             }
  1331.         }
  1332.     }
  1333.     return wrapped;
  1334. }
  1335.  
  1336. function toggleTextarea() {
  1337.     isReduced = !isReduced;
  1338.     configuration["default_reduced"] = isReduced;
  1339.     saveConfig();
  1340.  
  1341.     let isDown = isScrollDown();
  1342.     document.getElementById("repondre-mp").getElementsByClassName("jv-editor-toolbar")[0].classList.toggle("jvchat-hide");
  1343.     document.getElementById("jvchat-enlarge").classList.toggle("jvchat-hide");
  1344.     document.getElementById("jvchat-reduce").classList.toggle("jvchat-hide");
  1345.     document.getElementById("jvchat-post").classList.toggle("jvchat-hide");
  1346.     document.getElementById("repondre-mp").classList.toggle("jvchat-reduced");
  1347.  
  1348.     setTextareaHeight();
  1349.  
  1350.     if (isDown) {
  1351.         setScrollDown();
  1352.     }
  1353. }
  1354.  
  1355. function parseURL(url) {
  1356.     let regex = /^(.*?)(\?[\w=]*)([&#][\w=]*)([&#][\w=]*)?([&#][\w=]*)?$/i;
  1357.     let regexId = /id/i; 
  1358.     let regexLastmsg = /#?last_msg/i;
  1359.     let regexSpecial = /[\?&#]/i;
  1360.     let ids, offsetString, lastmsg = "";
  1361.     let [_, domain, string1, string2] = url.match(regex);
  1362.     let search = [string1, string2];
  1363.  
  1364.     search.forEach((item) => {
  1365.         if (item.match(regexId)) {
  1366.             ids = item.replace(regexSpecial, '');
  1367.         }
  1368.     });
  1369.  
  1370.     offsetString = offsetNumberString();
  1371.     if (lastmsg = url.match(regexLastmsg))
  1372.         lastmsg = "#last_msg";
  1373.     return { domain: domain, ids: ids, offsetString: offsetString, lastmsg: lastmsg };
  1374. }
  1375.  
  1376. function offsetNumberString() {
  1377.     let offsetNumber = 1;
  1378.     let offsetMaxNumber = nombresMessage();
  1379.     offsetNumber = (offsetMaxNumber <= 20) ? 1 : offsetMaxNumber - 20;
  1380.     return `offset=${offsetNumber}`;
  1381. }
  1382.  
  1383. function buildURL(dict) {
  1384.     return `${dict.domain}?${dict.ids}&${dict.offsetString}`;
  1385. }
  1386.  
  1387. function buildURLbaseMP(dict) {
  1388.     return `${dict.domain}?${dict.ids}&folder=${dict.folder}#last_msg`;
  1389. }
  1390.  
  1391. function getForum(document) {
  1392.     let links = document.querySelectorAll(".spreadContainer nav.breadcrumb > a");
  1393.     let title = "";
  1394.     let forumLink = "";
  1395.  
  1396.     for (let i = links.length - 1; i >= 0; i--) {
  1397.         forumLink = links[i];
  1398.         title = forumLink.textContent.trim();
  1399.         if (title.startsWith("Forum ")) {
  1400.             break;
  1401.         }
  1402.     }
  1403.  
  1404.     return { href: forumLink.getAttribute("href"), title: title.replace("Forum ", "") };
  1405. }
  1406.  
  1407. function parseMessage(elem) {
  1408.     let conteneurs = elem.getElementsByClassName("conteneur-message");
  1409.     let conteneur = conteneurs[conteneurs.length - 1];
  1410.     let author = conteneur.getElementsByClassName("bloc-pseudo-msg")[0].textContent.trim();
  1411.     //let blacklisted = conteneurs[0].classList.contains("conteneur-message-blacklist");
  1412.     let blacklisted = conteneurs[0].closest(".bloc-message-forum.msg-pseudo-blacklist") !== null;
  1413.     let avatar = conteneur.getElementsByClassName("user-avatar-msg")[0];
  1414.     if (avatar !== undefined) {
  1415.         avatar = avatar.getAttribute("data-src");
  1416.     }
  1417.     let date = conteneur.getElementsByClassName("bloc-date-msg")[0].textContent.trim();
  1418.     let content = conteneur.getElementsByClassName("txt-msg")[0];
  1419.     let id = parseInt(elem.getAttribute("data-id"));
  1420.     return {
  1421.         author: author, dateString: date, date: parseDate(date), avatar: avatar,
  1422.         id: id, content: content, blacklisted: blacklisted
  1423.     };
  1424. }
  1425.  
  1426. function parseUserInfo(elem) {
  1427.     let accountMp = elem.getElementsByClassName("headerAccount__pm")[0];
  1428.     if (accountMp === undefined) {
  1429.         return { author: undefined, avatar: undefined, mp: undefined, notif: undefined };
  1430.     }
  1431.     let accountNotif = elem.getElementsByClassName("headerAccount__notif")[0];
  1432.     let avatarBox = elem.getElementsByClassName("headerAccount__avatar")[0];
  1433.     let authorBox = elem.getElementsByClassName("headerAccount__pseudo")[0];
  1434.     let mp = parseInt(accountMp.getAttribute("data-val"));
  1435.     let notif = parseInt(accountNotif.getAttribute("data-val"));
  1436.     let avatar = avatarBox.style["background-image"].slice(5, -2).replace("/avatar-md/", "/avatar/");
  1437.     let author = authorBox.textContent.trim();
  1438.     return { author: author, avatar: avatar, mp: mp, notif: notif };
  1439. }
  1440.  
  1441. function getPage(elem) {
  1442.     let pageActive = elem.getElementsByClassName("page-active")[0];
  1443.     let page = 1;
  1444.     if (pageActive !== undefined) {
  1445.         page = parseInt(pageActive.textContent.trim());
  1446.     }
  1447.     return page;
  1448. }
  1449.  
  1450. function fixMessage(elem) {
  1451.     let jvcares = Array.from(elem.getElementsByClassName("JvCare"));
  1452.     for (let jvcare of jvcares) {
  1453.         let a = document.createElement("a");
  1454.         a.setAttribute("target", "_blank");
  1455.         a.setAttribute("href", jvCake(jvcare.getAttribute("class")));
  1456.         a.innerHTML = jvcare.innerHTML;
  1457.         jvcare.outerHTML = a.outerHTML;
  1458.     }
  1459.     let togglableQuotes = Array.from(elem.querySelectorAll(".text-enrichi-forum > blockquote > blockquote"));
  1460.     for (let togglableQuote of togglableQuotes) {
  1461.         let toggleButton = document.createElement("div");
  1462.         toggleButton.classList.add("nested-quote-toggle-box");
  1463.         togglableQuote.insertBefore(toggleButton, togglableQuote.firstChild);
  1464.         // The click event is bound in the "dontScrollOnExpand()" function
  1465.     }
  1466. }
  1467.  
  1468. function jvCake(cls) {
  1469.     let base16 = '0A12B34C56D78E9F', lien = '', s = cls.split(' ')[1];
  1470.     for (let i = 0; i < s.length; i += 2) {
  1471.         lien += String.fromCharCode(base16.indexOf(s.charAt(i)) * 16 + base16.indexOf(s.charAt(i + 1)));
  1472.     }
  1473.     return lien;
  1474. }
  1475.  
  1476. function detectMosaic(elem) {
  1477.     let imagesShack = elem.getElementsByClassName("img-shack");
  1478.     if (imagesShack.length < 4) {
  1479.         return;
  1480.     }
  1481.     let mosaics = {};
  1482.     let regex1 = /^.+\/(?:[0-9]+-)+[0-9]{1,2}-([a-z0-9]+)\.\w+$/i;
  1483.     let regex2 = /^.+\/(?:[0-9]+-)+row-[0-9]+-col-[0-9](?:-[0-9]+)?\.\w+$/i;
  1484.     for (let image of imagesShack) {
  1485.         let match1 = image.src.match(regex1);
  1486.         if (match1) {
  1487.             let [_, identifier] = match1;
  1488.             if (mosaics.hasOwnProperty(identifier)) {
  1489.                 mosaics[identifier].push(image);
  1490.             } else {
  1491.                 mosaics[identifier] = [image];
  1492.             }
  1493.             continue;
  1494.         }
  1495.         let match2 = image.src.match(regex2);
  1496.         if (match2) {
  1497.             if (mosaics.hasOwnProperty("@rowcol")) {
  1498.                 mosaics["@rowcol"].push(image);
  1499.             } else {
  1500.                 mosaics["@rowcol"] = [image];
  1501.             }
  1502.             continue;
  1503.         }
  1504.     }
  1505.     for (let identifier in mosaics) {
  1506.         let images = mosaics[identifier];
  1507.         if (images.length < 4) {
  1508.             continue;
  1509.         }
  1510.         images[0].parentNode.classList.add("jvchat-mosaic-root");
  1511.         images[0].classList.add("jvchat-mosaic");
  1512.         for (let image of images.slice(1)) {
  1513.             image.parentNode.classList.add("jvchat-mosaic");
  1514.         }
  1515.     }
  1516. }
  1517.  
  1518. function improveImages(elem) {
  1519.     let imagesShack = elem.getElementsByClassName("img-shack");
  1520.     for (let image of imagesShack) {
  1521.         let src = image.src;
  1522.         let parent = image.parentNode;
  1523.         let extension = parent.href.split(".").pop();
  1524.         let direct = src.replace(/(.*?)\/minis\/(.*)\.\w+/i, "$1/fichiers/$2." + extension);
  1525.         image.setAttribute("data-src-mini", src);
  1526.         image.setAttribute("data-src-direct", direct);
  1527.         image.classList.add("jvchat-loadable-image");
  1528.         parent.href = direct;
  1529.         if (extension.toUpperCase() === "GIF") {
  1530.             image.src = direct;
  1531.             image.classList.remove("jvchat-loadable-image");
  1532.         } else if (configuration["load_images"]) {
  1533.             image.src = direct;
  1534.         }
  1535.         src = image.src;
  1536.         image.setAttribute("onerror", `this.onerror=null;this.src=this.getAttribute("data-src-direct");this.classList.remove("jvchat-loadable-image");`);
  1537.     }
  1538. }
  1539.  
  1540. function clearPage(document) {
  1541.     let buttons = `
  1542.         <div id="jvchat-buttons-main" class='jvchat-buttons'>
  1543.             <button id='jvchat-post' tabindex="4" type="button" class='jvchat-hide jvchat-button-top' title="Envoyer le message"></button>
  1544.             <button id='jvchat-reduce' tabindex="5" type="button" class='jvchat-hide jvchat-button-bottom' title="Réduire la zone de texte"></button>
  1545.             <button id='jvchat-enlarge' tabindex="4" type="button" class='jvchat-button-solo' title="Agrandir la zone de texte"></button>
  1546.         <div>`;
  1547.  
  1548.     document.head.insertAdjacentHTML("beforeend", CSS);
  1549.  
  1550.     let previsu = document.getElementById("repondre-mp").getElementsByClassName("previsu-editor")[0];
  1551.     if (previsu) {
  1552.         previsu.parentElement.removeChild(previsu);
  1553.     }
  1554.  
  1555.     let messageTopic = document.getElementById("message");
  1556.     if (messageTopic) {
  1557.         messageTopic.classList.add("jvchat-textarea");
  1558.         messageTopic.setAttribute("placeholder", "Hop hop hop, le message ne va pas s'écrire tout seul !");
  1559.         messageTopic.insertAdjacentHTML("afterend", buttons);
  1560.         messageTopic.addEventListener("keydown", tryCatch(postMessageIfEnter));
  1561.         document.getElementById("jvchat-post").addEventListener("click", tryCatch(postMessage));
  1562.         document.getElementById("jvchat-enlarge").addEventListener("click", tryCatch(toggleTextarea));
  1563.         document.getElementById("jvchat-reduce").addEventListener("click", tryCatch(toggleTextarea));
  1564.     }
  1565.     document.getElementsByClassName("col-lg-9")[0].insertAdjacentHTML("afterbegin", "<div id='jvchat-main'><hr class='jvchat-ruler'></div>");
  1566.     document.getElementsByClassName("row")[0].insertAdjacentHTML("afterbegin", "<div id='jvchat-alerts'><div id='jvchat-fixed-alert' class='jvchat-hide'><div class='alert-row'></div></div><div id='jvchat-turbo-warning' class='jvchat-hide'><button class='close jvchat-alert-hide' aria-hidden='true' data-dismiss='alert' type='button'>×</button><div class='alert-row'></div></div><div id='jvchat-degraded-refresh-warning' class='jvchat-hide'><div class='alert-row'></div></div></div>");
  1567.  
  1568.     document.getElementsByClassName("layout__content")[0].insertAdjacentHTML("afterbegin", PANEL);
  1569.     document.getElementsByClassName("layout__content")[0].insertAdjacentHTML("beforeend", "<div id='jvchat-right-padding'></div>");
  1570.  
  1571.     document.getElementById("mp").classList.add("jvchat-root");
  1572.  
  1573.     document.getElementById("repondre-mp").classList.add("jvchat-reduced");
  1574.     document.getElementById("repondre-mp").classList.add("jvchat-hide");
  1575.  
  1576.     let toolbar = document.getElementById("repondre-mp").getElementsByClassName("jv-editor-toolbar")[0];
  1577.     if (toolbar) {
  1578.         toolbar.classList.add("jvchat-hide");
  1579.     }
  1580.  
  1581.     document.getElementById("jvchat-main").addEventListener("click", tryCatch(dontScrollOnExpand));
  1582.  
  1583.     document.getElementById("jvchat-alerts").addEventListener("click", tryCatch(closeAlert));
  1584.  
  1585.     document.getElementById("jvchat-leftbar-reduce").addEventListener("click", tryCatch(toggleSidebar));
  1586.     document.getElementById("jvchat-leftbar-extend").addEventListener("click", tryCatch(toggleSidebar));
  1587.     document.getElementById("jvchat-leftbar-config-open").addEventListener("click", tryCatch(toggleConfig));
  1588.     document.getElementById("jvchat-leftbar-config-close").addEventListener("click", tryCatch(toggleConfig));
  1589.  
  1590.     document.getElementById("jvchat-turbo-checkbox").addEventListener("change", tryCatch(toggleTurbo));
  1591.  
  1592.     document.getElementById("jvchat-play-sound-checkbox").checked = configuration["play_sound"];
  1593.     document.getElementById("jvchat-play-sound-checkbox").addEventListener("change", tryCatch(togglePlaySoundOption));
  1594.  
  1595.     document.getElementById("jvchat-night-mode-checkbox").checked = configuration["night_mode"];
  1596.     document.getElementById("jvchat-night-mode-checkbox").addEventListener("change", tryCatch(toggleNightModeOption));
  1597.     if (configuration["night_mode"]) {
  1598.         document.getElementById("mp").classList.add("jvchat-night-mode");
  1599.     }
  1600.  
  1601.     document.getElementById("jvchat-hide-mosaic-checkbox").checked = configuration["hide_mosaic"];
  1602.     document.getElementById("jvchat-hide-mosaic-checkbox").addEventListener("change", tryCatch(toggleHideMosaicOption));
  1603.     if (configuration["hide_mosaic"]) {
  1604.         document.getElementById("jvchat-main").classList.add("jvchat-hide-mosaics");
  1605.     }
  1606.  
  1607.     if (configuration["hide_alerts"]) {
  1608.         document.getElementById("jvchat-alerts").classList.add("jvchat-hide-alerts");
  1609.     }
  1610.  
  1611.     document.getElementById("jvchat-load-images-checkbox").checked = configuration["load_images"];
  1612.     document.getElementById("jvchat-load-images-checkbox").addEventListener("change", tryCatch(toggleLoadImagesOption));
  1613.  
  1614.     document.getElementById("jvchat-turbo-delay-range").value = configuration["turbo_delay"];
  1615.     document.getElementById("jvchat-turbo-delay-span").innerHTML = `${configuration["turbo_delay"]} ms`;
  1616.     document.getElementById("jvchat-turbo-delay-range").addEventListener("input", tryCatch(changeTurboDelayOption));
  1617.  
  1618.     document.getElementById("jvchat-max-width-range").value = configuration["max_width"];
  1619.     document.getElementById("jvchat-max-width-span").innerHTML = `${configuration["max_width"]} %`;
  1620.     document.getElementById("jvchat-max-width-range").addEventListener("input", tryCatch(changeMaxWidthOption));
  1621.     adjustMaxWidth(configuration["max_width"]);
  1622.  
  1623.     let favs = Array.from(document.querySelectorAll("link[rel='icon'], link[rel='shortcut icon']"));
  1624.     for (let fav of favs) {
  1625.         fav.parentElement.removeChild(fav);
  1626.     }
  1627.     setFavicon("");
  1628.  
  1629.     document.addEventListener("visibilitychange", function () {
  1630.         let hidden = document.hidden;
  1631.         if (hidden) {
  1632.             let newHr = document.getElementById("jvchat-ruler-new");
  1633.             if (newHr) {
  1634.                 newHr.removeAttribute("id");
  1635.             }
  1636.             nbNewMessage = 0;
  1637.         } else if (!isError && !isLocked) {
  1638.             setFavicon("");
  1639.         }
  1640.     });
  1641. }
  1642.  
  1643. function toggleSidebar(event) {
  1644.     let isDown = isScrollDown();
  1645.     document.getElementById("jvchat-leftbar-extend").classList.toggle("jvchat-hide");
  1646.     document.getElementById("jvchat-leftbar-reduce").classList.toggle("jvchat-hide");
  1647.     document.getElementById("jvchat-leftbar-config").classList.toggle("jvchat-hide");
  1648.     document.getElementById("jvchat-leftbar").classList.toggle("jvchat-leftbar-reduced");
  1649.     if (isDown) {
  1650.         setScrollDown();
  1651.     }
  1652. }
  1653.  
  1654. function toggleConfig(event) {
  1655.     document.getElementById("jvchat-leftbar-config-open").classList.toggle("jvchat-hide");
  1656.     document.getElementById("jvchat-leftbar-config-close").classList.toggle("jvchat-hide");
  1657.     document.getElementById("jvchat-info").classList.toggle("jvchat-hide");
  1658.     document.getElementById("jvchat-config").classList.toggle("jvchat-hide");
  1659. }
  1660.  
  1661. function forceUpdate() {
  1662.     // If waiting for next update, restart it immediately, otherwise just wait for the HTTP request to end
  1663.     if (!fetchingMessages) {
  1664.         clearTimeout(currentTimeoutId);
  1665.         updateMessages(currentFetchedPage, true);
  1666.     }
  1667. }
  1668.  
  1669. function scheduleTurboWarningDelay() {
  1670.     let now = getTimestamp();
  1671.     let maxAllowedTime = 60 * 1000;
  1672.     let lookupTime = now - 90 * 1000;
  1673.     let nbToCleanup = 0;
  1674.     let duration = 0;
  1675.  
  1676.     for (let session of turboDateSessions) {
  1677.         let begin = session[0];
  1678.         let end = session[1];
  1679.         if (end < lookupTime) {
  1680.             nbToCleanup++;
  1681.             continue;
  1682.         }
  1683.         duration += end - Math.max(lookupTime, begin);
  1684.     }
  1685.  
  1686.     for (let i = 0; i < nbToCleanup; i++) {
  1687.         turboDateSessions.shift();
  1688.     }
  1689.  
  1690.     let remainingTimeAllowed = Math.max(0, maxAllowedTime - duration);
  1691.     turboDateActivated = now;
  1692.     turboWarnTimeoutId = setTimeout(tryCatch(setTurboWarning), remainingTimeAllowed);
  1693. }
  1694.  
  1695. function toggleTurbo(event) {
  1696.     let checked = document.getElementById("jvchat-turbo-checkbox").checked;
  1697.     updateIntervalIdx = 2;
  1698.     if (!checked) {
  1699.         turboActivated = false;
  1700.         turboDateSessions.push([turboDateActivated, getTimestamp()]);
  1701.         clearTimeout(turboWarnTimeoutId);
  1702.         removeTurboWarning();
  1703.         turboDateActivated = undefined;
  1704.         turboWarnTimeoutId = -1;
  1705.     } else {
  1706.         turboActivated = true;
  1707.  
  1708.         if (!configuration["turbo_alerted"]) {
  1709.             configuration["turbo_alerted"] = true;
  1710.             saveConfig();
  1711.             alert(
  1712.                 "Attention : le mode turbo va multiplier le nombre de requêtes effectuées pour récupérer les nouveaux messages.\n\n" +
  1713.                 "Cependant, si trop de requêtes sont effecutées par minute, JVC va délibérement ralentir votre connexion.\n\n" +
  1714.                 "N'activez le mode turbo que si vous participez à un quiz et qu'une question est sur le point d'être posée."
  1715.             );
  1716.         }
  1717.  
  1718.         scheduleTurboWarningDelay();
  1719.         forceUpdate();
  1720.     }
  1721. }
  1722.  
  1723. function togglePlaySoundOption(event) {
  1724.     let checked = document.getElementById("jvchat-play-sound-checkbox").checked;
  1725.     configuration["play_sound"] = checked;
  1726.     saveConfig();
  1727. }
  1728.  
  1729. function toggleNightModeOption(event) {
  1730.     let checked = document.getElementById("jvchat-night-mode-checkbox").checked;
  1731.     configuration["night_mode"] = checked;
  1732.     saveConfig();
  1733.     document.getElementById("mp").classList.toggle("jvchat-night-mode");
  1734. }
  1735.  
  1736. function toggleHideMosaicOption(event) {
  1737.     let checked = document.getElementById("jvchat-hide-mosaic-checkbox").checked;
  1738.     configuration["hide_mosaic"] = checked;
  1739.     saveConfig();
  1740.     let isDown = isScrollDown();
  1741.     document.getElementById("jvchat-main").classList.toggle("jvchat-hide-mosaics");
  1742.     if (isDown) {
  1743.         setScrollDown();
  1744.     }
  1745. }
  1746.  
  1747. function toggleLoadImagesOption(event) {
  1748.     let checked = document.getElementById("jvchat-load-images-checkbox").checked;
  1749.     configuration["load_images"] = checked;
  1750.     saveConfig();
  1751.     for (let image of document.getElementsByClassName("jvchat-loadable-image")) {
  1752.         image.src = image.getAttribute(checked ? "data-src-direct" : "data-src-mini");
  1753.     }
  1754. }
  1755.  
  1756. function changeTurboDelayOption(event) {
  1757.     let ms = document.getElementById("jvchat-turbo-delay-range").value;
  1758.     document.getElementById("jvchat-turbo-delay-span").innerHTML = `${ms} ms`;
  1759.     configuration["turbo_delay"] = parseInt(ms);
  1760.     saveConfig();
  1761. }
  1762.  
  1763. function changeMaxWidthOption(event) {
  1764.     let maxWidth = parseInt(document.getElementById("jvchat-max-width-range").value);
  1765.     document.getElementById("jvchat-max-width-span").innerHTML = `${maxWidth} %`;
  1766.     configuration["max_width"] = maxWidth;
  1767.     saveConfig();
  1768.     adjustMaxWidth(maxWidth);
  1769. }
  1770.  
  1771. function adjustMaxWidth(maxWidth) {
  1772.     //document.getElementById("discussion").style["flex-grow"] = maxWidth;
  1773.     document.querySelector(".row.mb-5").style["flex-grow"] = maxWidth;
  1774.     document.getElementById("jvchat-right-padding").style["flex-grow"] = 100 - maxWidth;
  1775. }
  1776.  
  1777. function closeAlert(event) {
  1778.     let target = event.target;
  1779.     if (!target) {
  1780.         return;
  1781.     }
  1782.     if (target.classList.contains("jvchat-alert-close")) {
  1783.         let parent = target.parentElement;
  1784.         parent.parentElement.removeChild(parent);
  1785.     } else if (target.classList.contains("jvchat-alert-hide")) {
  1786.         let parent = target.parentElement;
  1787.         parent.classList.add("jvchat-hide");
  1788.     }
  1789. }
  1790.  
  1791. function getMessageIdFromUrl(messageUrl) {
  1792.     const urlObj = new URL(messageUrl);
  1793.     if (!urlObj?.hash?.length) return;
  1794.     const match = urlObj.hash.match(/^#post_(?<messageid>[0-9]{10})/);
  1795.     return match?.groups?.messageid;
  1796. }
  1797.  
  1798. function postMessage() {
  1799.     if (freshForm === undefined) {
  1800.         addAlertbox("danger", "Impossible de poster le message, aucun formulaire trouvé");
  1801.         return;
  1802.     }
  1803.  
  1804.     let textarea = document.getElementById("message");
  1805.  
  1806.     let formData = serializeForm(freshForm);
  1807.     formData["message"] = textarea.value;
  1808.     let formulaire = document.getElementById("repondre-mp");
  1809.  
  1810.     formulaire.classList.add("jvchat-disabled-form");
  1811.     textarea.setAttribute("disabled", "true");
  1812.  
  1813.     let timestamp = getTimestamp();
  1814.  
  1815.     function onSuccess(res, responseURL) {
  1816.         const messageId = getMessageIdFromUrl(responseURL);
  1817.         if (messageId?.length) {
  1818.             const detail = { 'detail': { id: messageId, content: textarea.value, username: currentUser.author } };
  1819.             const event = new CustomEvent('jvchat:postmessage', detail);
  1820.             dispatchEvent(event);
  1821.         }
  1822.  
  1823.         formulaire.classList.remove("jvchat-disabled-form");
  1824.         textarea.removeAttribute("disabled");
  1825.         let parsedPage = parsePage(res, timestamp);
  1826.         if (!parsedPage.alert) {
  1827.             textarea.value = "";
  1828.         }
  1829.         setTextareaHeight();
  1830.         setScrollDown();
  1831.         postingMessage = false;
  1832.  
  1833.         if (parsedPage.nbMessagesPage === 20) {
  1834.             // Bug si on poste un message générant une nouvelle page : la requête retourne la page
  1835.             // courante, donc notre nouveau message n'apparaît pas, il faut forcer un refetch()
  1836.             // MAIS il faut attendre un peu, car JVC galère à créer la page...
  1837.             setTimeout(tryCatch(forceUpdate), 3000);
  1838.         }
  1839.     }
  1840.  
  1841.     function onError(err, _) {
  1842.         addAlertbox("danger", err);
  1843.         formulaire.classList.remove("jvchat-disabled-form");
  1844.         textarea.removeAttribute("disabled");
  1845.         postingMessage = false;
  1846.     }
  1847.  
  1848.     function onTimeout(err) {
  1849.         addAlertbox("warning", err);
  1850.         formulaire.classList.remove("jvchat-disabled-form");
  1851.         textarea.removeAttribute("disabled");
  1852.         postingMessage = false;
  1853.     }
  1854.  
  1855.  
  1856.     let timeout = 20000;
  1857.     if (turboActivated) {
  1858.         timeout = 5000;
  1859.     }
  1860.  
  1861.     postingMessage = true;
  1862.     request("POST", document.URL, onSuccess, onError, onTimeout, makeFormData(formData), false, timeout, false);
  1863. }
  1864.  
  1865. function countLines(text) {
  1866.     return text.split(/\r|\r\n|\n/).length;
  1867. }
  1868.  
  1869. function computeHeight(lines) {
  1870.     return 1 * lines + 0.6;
  1871. }
  1872.  
  1873. function setTextareaHeight(plusOne) {
  1874.     let textarea = document.getElementById("message");
  1875.     if (!isReduced) {
  1876.         textarea.style["height"] = "";
  1877.         return;
  1878.     }
  1879.     plusOne = !!plusOne;
  1880.     let lines = countLines(textarea.value);
  1881.  
  1882.     if (!plusOne && lines === 1) {
  1883.         textarea.style["height"] = "";
  1884.         return;
  1885.     }
  1886.  
  1887.     if (plusOne) {
  1888.         lines += 1;
  1889.     }
  1890.  
  1891.     let height = computeHeight(lines);
  1892.     textarea.style["height"] = `${height}rem`;
  1893. }
  1894.  
  1895. function postMessageIfEnter(event) {
  1896.     if (isReduced && (event.which == 13 || event.keyCode == 13)) {
  1897.         if (event.shiftKey) {
  1898.             let isDown = isScrollDown();
  1899.             setTextareaHeight(true);
  1900.             if (isDown) {
  1901.                 setScrollDown();
  1902.             }
  1903.         } else {
  1904.             event.preventDefault();
  1905.             postMessage();
  1906.         }
  1907.     }
  1908. }
  1909.  
  1910. function serializeForm(form) {
  1911.     // Useless actually, just use new FormData(form)
  1912.     let dict = {};
  1913.  
  1914.     for (let select of form.getElementsByTagName("select")) {
  1915.         dict[select.name] = select.querySelector("option[selected]").value;
  1916.     }
  1917.  
  1918.     for (let input of form.getElementsByTagName("input")) {
  1919.         dict[input.name] = input.value;
  1920.     }
  1921.  
  1922.     for (let textarea of form.getElementsByTagName("textarea")) {
  1923.         dict[textarea.name] = textarea.value;
  1924.     }
  1925.  
  1926.     return dict;
  1927. }
  1928.  
  1929. function makeFormData(dict) {
  1930.     var formData = new FormData();
  1931.     for (let key in dict) {
  1932.         formData.append(key, dict[key]);
  1933.     }
  1934.     return formData;
  1935. }
  1936.  
  1937. function getMessages(document) {
  1938.     let blocMessages = document.getElementsByClassName("bloc-message-forum");
  1939.     let messages = [];
  1940.     for (let bloc of blocMessages) {
  1941.         messages.push(parseMessage(bloc));
  1942.     }
  1943.     return messages;
  1944. }
  1945.  
  1946. function formatDate(date) {
  1947.     let now = new Date();
  1948.     try {
  1949.         now = new Date(now.toLocaleString('en-US', { timeZone: "Europe/Paris" }));
  1950.     } catch (e) { }
  1951.     let day = date.getDate();
  1952.     let month = date.getMonth();
  1953.     let year = date.getFullYear();
  1954.     if (now.getDate() === day && now.getMonth() === month && now.getFullYear() === year) {
  1955.         return `${date.getHours().toString().padStart(2, "0")}:${date.getMinutes().toString().padStart(2, "0")}:${date.getSeconds().toString().padStart(2, "0")}`;
  1956.     } else {
  1957.         return `${day.toString().padStart(2, "0")}/${(month + 1).toString().padStart(2, "0")}/${year}`;
  1958.     }
  1959. }
  1960.  
  1961. function makeMessage(message) {
  1962.     let content = message.content;
  1963.     fixMessage(content);
  1964.     detectMosaic(content);
  1965.     improveImages(content);
  1966.     let id = message.id;
  1967.     let avatar = message.avatar;
  1968.     let toQuoteDate = message.dateString;
  1969.     let titleDate = message.dateString;
  1970.     let textDate = formatDate(message.date);
  1971.     if (message.edited !== undefined) {
  1972.         textDate += "*";
  1973.         titleDate += ` (édité à ${message.edited})`;
  1974.     }
  1975.     let exists = avatar !== undefined;
  1976.     let author = exists ? message.author : `<i>${message.author}</i>`;
  1977.     let authorHref = exists ? `href="https://www.jeuxvideo.com/profil/${author.toLowerCase()}?mode=infos"` : "";
  1978.     let authorTitle = exists ? `title="Ouvrir le profil de ${author}"` : "";
  1979.     let authorAvatarHidden = exists ? "" : "class='jvchat-hide-visibility'";
  1980.     let editionSpan = '<span class="jvchat-edit jvchat-picto" title="Modifier"></span>';
  1981.     let deletionSpan = '<span class="jvchat-delete jvchat-picto" title="Supprimer"></span>';
  1982.     let deletion = (currentUser.author === undefined) || (message.author.toLowerCase() !== currentUser.author.toLowerCase()) ? "" : deletionSpan;
  1983.     let edition = (currentUser.author === undefined) || (message.author.toLowerCase() !== currentUser.author.toLowerCase()) ? "" : editionSpan;
  1984.     let html =
  1985.         `<div class="jvchat-bloc-message">
  1986.             <div class="jvchat-message" jvchat-id="${author}">
  1987.                 <div>
  1988.                     <a ${authorAvatarHidden} ${authorHref} target="_blank" ${authorTitle}>
  1989.                         <div class="jvchat-bloc-avatar jvchat-rounded" style="background-image: url(${avatar})"></div>
  1990.                     </a>
  1991.                 </div>
  1992.                 <div class="jvchat-bloc-author-content">
  1993.                     <div class="jvchat-toolbar">
  1994.                         <h5 class="jvchat-author">${author}</h5>
  1995.                         <div class="jvchat-tooltip">
  1996.                             <span class="jvchat-picto jvchat-quote" title="Citer"></span>
  1997.                             <small class="jvchat-date" to-quote="${toQuoteDate}" title="${titleDate}">${textDate}</small>
  1998.                         </div>
  1999.                     </div>
  2000.                     <div class="jvchat-content">${content.outerHTML}</div>
  2001.                     <div class="jvchat-edition jvchat-hide">
  2002.                         <textarea class="jvchat-edition-textarea jvchat-textarea"></textarea>
  2003.                         <div class="jvchat-buttons">
  2004.                             <button tabindex="0" type="button" class='jvchat-edition-check jvchat-button-top' title="Valider la modification"></button>
  2005.                             <button tabindex="0" type="button" class='jvchat-edition-cancel jvchat-button-bottom' title="Annuler la modification"></button>
  2006.                         </div>
  2007.                     </div>
  2008.                 </div>
  2009.             </div>
  2010.             <hr class="jvchat-ruler">
  2011.         </div>`;
  2012.     return html;
  2013. }
  2014.  
  2015. function parseDate(string) {
  2016.     let [date, time] = string.toLowerCase().split("à");
  2017.     let [day, month, year] = date.trim().split(" ");
  2018.     let [hour, minute, second] = time.trim().split(":");
  2019.     let monthIndex = ["janvier", "février", "mars", "avril", "mai", "juin", "juillet", "août", "septembre", "octobre", "novembre", "décembre"].indexOf(month.trim().toLowerCase());
  2020.     return new Date(parseInt(year), monthIndex, parseInt(day), parseInt(hour), parseInt(minute), parseInt(second));
  2021. }
  2022.  
  2023. function addMessages(messages, editing, requestTimestamp) {
  2024.     let main = document.getElementById("jvchat-main");
  2025.     let hasNewMessages = false;
  2026.     let init = true;
  2027.     let toInsert = "";
  2028.     let newMessagesIds = [];
  2029.     for (let message of messages) {
  2030.         let date = message.date;
  2031.  
  2032.         let idMP = message.author + message.dateString;
  2033.         message.id = idMP;
  2034.  
  2035.         let id = message.id;
  2036.  
  2037.         if (init === true && !editing) {
  2038.             init = false;
  2039.             let now = new Date();
  2040.             let delta = now - date;
  2041.             if (delta > 5 * 60 * 1000 + checkEditedInterval) {
  2042.                 shouldCheckEdited = false;
  2043.             } else {
  2044.                 shouldCheckEdited = true;
  2045.             }
  2046.         }
  2047.  
  2048.         if (message.blacklisted) {
  2049.             continue;
  2050.         }
  2051.  
  2052.         if (firstMessageId === undefined) {
  2053.             firstMessageId = id;
  2054.             firstMessageDate = date;
  2055.         }
  2056.  
  2057.         // Attention à 2 choses: le changement d'heure et le fait qu'un message suivant un autre peut avoir un id inférieur au précédent
  2058.         if (id < firstMessageId && date < firstMessageDate) {
  2059.             continue;
  2060.         }
  2061.  
  2062.         let referenced = lastEditionTime.hasOwnProperty(id);
  2063.         let edited = message.edited;
  2064.  
  2065.         if (referenced) {
  2066.             let [timestamp, edition, deleted] = lastEditionTime[id];
  2067.             if (deleted) {
  2068.                 continue;
  2069.             }
  2070.             if (timestamp >= requestTimestamp || edition === edited) {
  2071.                 continue;
  2072.             }
  2073.         }
  2074.  
  2075.         let newBloc = makeMessage(message);
  2076.  
  2077.         lastEditionTime[id] = [requestTimestamp, edited, false];
  2078.  
  2079.         if (referenced) {
  2080.             let selector = `.jvchat-message[jvchat-id="${id}"]`;
  2081.             let oldBloc = main.querySelector(selector).closest(".jvchat-bloc-message");
  2082.             let isDown = isScrollDown();
  2083.             oldBloc.outerHTML = newBloc;
  2084.             if (isDown) {
  2085.                 setScrollDown();
  2086.             }
  2087.             let event = new CustomEvent('jvchat:newmessage', { 'detail': { id: id, isEdit: true } });
  2088.             dispatchEvent(event);
  2089.             continue;
  2090.         }
  2091.         hasNewMessages = true;
  2092.         if (nbNewMessage === 0 && document.hidden) {
  2093.             let hrs = document.getElementsByClassName("jvchat-ruler");
  2094.             let lastHr = hrs[hrs.length - 1];
  2095.             lastHr.setAttribute("id", "jvchat-ruler-new");
  2096.         }
  2097.  
  2098.         toInsert += newBloc;
  2099.         // newMessagesIds.push(id);
  2100.         nbNewMessage++;
  2101.     }
  2102.  
  2103.     if (toInsert !== "") {
  2104.         let isDown = isScrollDown();
  2105.         main.insertAdjacentHTML("beforeend", toInsert);
  2106.         if (isDown) {
  2107.             setScrollDown();
  2108.         }
  2109.     }
  2110.  
  2111.     if (editing) {
  2112.         return;
  2113.     }
  2114.  
  2115.     if (isScrollDown()) {
  2116.         let blocMessages = main.getElementsByClassName("jvchat-bloc-message");
  2117.         let nb = blocMessages.length;
  2118.         if (nb > 100) {
  2119.             for (let i = 0; i < nb - 100; i++) {
  2120.                 main.removeChild(blocMessages[0]);
  2121.             }
  2122.             setScrollDown();
  2123.         }
  2124.     }
  2125.  
  2126.     if (hasNewMessages) {
  2127.         if (!turboActivated && !refreshDegraded) {
  2128.             decreaseUpdateInterval();
  2129.         }
  2130.         if (document.hidden) {
  2131.             setFavicon(nbNewMessage > 99 ? 99 : nbNewMessage);
  2132.             if (configuration["play_sound"]) {
  2133.                 ringBell.pause();
  2134.                 ringBell.currentTime = 0;
  2135.                 ringBell.play();
  2136.             }
  2137.         }
  2138.         for (let newMessageId of newMessagesIds) {
  2139.             let event = new CustomEvent('jvchat:newmessage', { 'detail': { id: newMessageId, isEdit: false } });
  2140.             dispatchEvent(event);
  2141.         }
  2142.     } else {
  2143.         if (!turboActivated && !refreshDegraded) {
  2144.             increaseUpdateInterval();
  2145.         }
  2146.     }
  2147. }
  2148.  
  2149. function setUser(document, user) {
  2150.     let isConnected = (user.author !== undefined);
  2151.  
  2152.     if (isConnected) {
  2153.         if (user.author !== currentUser.author) {
  2154.             let pseudo = document.getElementById("jvchat-user-pseudo");
  2155.             pseudo.innerHTML = user.author;
  2156.             let avatarLink = document.getElementById("jvchat-user-avatar-link");
  2157.             let notifLink = document.getElementById("jvchat-user-notif-link");
  2158.             avatarLink.setAttribute("href", `https://www.jeuxvideo.com/profil/${user.author.toLowerCase()}?mode=infos`);
  2159.             notifLink.setAttribute("href", `https://www.jeuxvideo.com/profil/${user.author.toLowerCase()}?mode=abonnements`);
  2160.         }
  2161.  
  2162.         if (user.avatar !== currentUser.avatar) {
  2163.             let avatar = document.getElementById("jvchat-user-avatar");
  2164.             avatar.style["background-image"] = `url("${user.avatar}")`;
  2165.         }
  2166.  
  2167.         if (user.mp !== currentUser.mp) {
  2168.             let mp = document.getElementById("jvchat-user-mp");
  2169.             mp.setAttribute("data-val", user.mp);
  2170.             if (user.mp > 0) {
  2171.                 mp.classList.add("has-notif");
  2172.             } else {
  2173.                 mp.classList.remove("has-notif");
  2174.             }
  2175.         }
  2176.  
  2177.         if (user.notif !== currentUser.notif) {
  2178.             let notif = document.getElementById("jvchat-user-notif");
  2179.             notif.setAttribute("data-val", user.notif);
  2180.             if (user.notif > 0) {
  2181.                 notif.classList.add("has-notif");
  2182.             } else {
  2183.                 notif.classList.remove("has-notif");
  2184.             }
  2185.         }
  2186.     }
  2187.  
  2188.     if ((userConnected === undefined && isConnected) || (userConnected !== undefined && isConnected !== userConnected)) {
  2189.         document.getElementById("jvchat-profil").classList.toggle("jvchat-hide");
  2190.         let isDown = isScrollDown();
  2191.         document.getElementById("repondre-mp").classList.toggle("jvchat-hide");
  2192.         if (isDown) {
  2193.             setScrollDown();
  2194.         }
  2195.     }
  2196.  
  2197.     if (userConnected !== undefined) {
  2198.         if (isConnected && !userConnected) {
  2199.             addAlertbox("success", "Vous êtes désormais connecté");
  2200.         } else if (!isConnected && userConnected) {
  2201.             addAlertbox("warning", "Vous avez été déconnecté");
  2202.         }
  2203.     }
  2204.  
  2205.     userConnected = isConnected;
  2206.     currentUser = user;
  2207. }
  2208.  
  2209. function setTopicTitle(document, topicTitle) {
  2210.     if (topicTitle !== currentTopicTitle) {
  2211.         currentTopicTitle = topicTitle;
  2212.         document.getElementById("jvchat-topic-title").innerHTML = escape(topicTitle);
  2213.     }
  2214. }
  2215.  
  2216. function setTopicNbMessages(document, nbMessages) {
  2217.     let txt = `JVChat MP`;
  2218.     /*if (!(nbMessages > 1)) {
  2219.         if (nbMessages === undefined) {
  2220.             txt = "? messages";
  2221.         } else {
  2222.             txt = txt.slice(0, -1);
  2223.         }
  2224.     }*/
  2225.     document.getElementById("jvchat-topic-nb-messages").innerHTML = txt;
  2226.     /*if (nbMessages !== undefined) {
  2227.         topicNbMessages = nbMessages;
  2228.     }*/
  2229. }
  2230.  
  2231. function triggerJVChat() {
  2232.     //change_URL_et_savefolder_pour_garder_lancre________
  2233.     var folderURL = window.location.href.match(/&folder=([^&#]*)/)?.[1] ?? 0;
  2234.     if (window.location.search.includes("&folder=")) {
  2235.         var nouvelleURL = window.location.href.replace(/&folder=[^&]*/, "");
  2236.         history.pushState({}, "", nouvelleURL);
  2237.     }
  2238.     window.location.hash.includes("#last_msg") || window.location.replace(window.location.href + "#last_msg");
  2239.  
  2240.     if (window) {
  2241.         if (window.clearTimeout) {
  2242.             window.clearTimeout = window.clearTimeout.bind(window);
  2243.         }
  2244.         if (window.clearInterval) {
  2245.             window.clearInterval = window.clearInterval.bind(window);
  2246.         }
  2247.         if (window.setTimeout) {
  2248.             window.setTimeout = window.setTimeout.bind(window);
  2249.         }
  2250.         if (window.setInterval) {
  2251.             window.setInterval = window.setInterval.bind(window);
  2252.         }
  2253.         window.onbeforeunload = function (event) {
  2254.             leavingTopic = true;
  2255.         }
  2256.     }
  2257.  
  2258.     freshHash = getHash(document);
  2259.     freshDeletionHash = getDeletionHash(document);
  2260.     freshForm = getForm(document);
  2261.  
  2262.     favicon = makeFavicon();
  2263.  
  2264.     let topicUrl = document.URL;
  2265.     let topic = document.querySelector('.titre-discut').textContent.trim();;
  2266.     let user = parseUserInfo(document);
  2267.     
  2268.     urlToFetch = parseURL(topicUrl);
  2269.  
  2270.     urlToFetch.page = 1;
  2271.     urlToFetch.anchor = "";
  2272.     urlToFetch.folder = folderURL //garder_dossier_mp_en_memoire
  2273.  
  2274.     urlToRefreshInfos = parseURL(topicUrl);
  2275.     urlToRefreshInfos.page = 1;
  2276.     urlToRefreshInfos.anchor = "";
  2277.  
  2278.     urlToCheckEdited = parseURL(topicUrl);
  2279.     urlToCheckEdited.page = 1;
  2280.     urlToCheckEdited.anchor = "";
  2281.  
  2282.     configuration = defaultConfig();
  2283.     loadConfig();
  2284.  
  2285.     ringBell = new Audio(configuration["sound"]);
  2286.  
  2287.     clearPage(document);
  2288.  
  2289.     setUser(document, user);
  2290.     setTopicTitle(document, topic);
  2291.     setTopicNbMessages(document, undefined);
  2292.  
  2293.     //document.getElementById("jvchat-topic-title").setAttribute("href", buildURL(urlToFetch));
  2294.     document.getElementById("jvchat-topic-title").setAttribute("href", buildURLbaseMP(urlToFetch));
  2295.  
  2296.     let forum = getForum(document);
  2297.     let forumSide = document.getElementById("jvchat-forum-title");
  2298.     forumSide.setAttribute("href", forum.href);
  2299.     forumSide.innerHTML = escape(forum.title);
  2300.  
  2301.     let defaultReduced = configuration["default_reduced"];
  2302.     let messageTopic = document.getElementById("message");
  2303.  
  2304.     if (messageTopic && (defaultReduced === false || (messageTopic.value !== ""))) {
  2305.         toggleTextarea();
  2306.     }
  2307.  
  2308.     let event = new CustomEvent('jvchat:activation');
  2309.     dispatchEvent(event);
  2310.  
  2311.     let page = topic.lastPage > 1 ? topic.lastPage - 1 : topic.lastPage;
  2312.     updateMessages(page, true);
  2313.  
  2314. }
  2315.  
  2316. function nombresMessage () {
  2317.     let offsetRegex = /\d+(?=\D*$)/i;
  2318.     let offsetText = document.querySelector('.action-bar.pagination .action-left').innerText;
  2319.  
  2320.     return parseInt(offsetText.match(offsetRegex), 10);
  2321. }
  2322.  
  2323. function refreshNoLongerDegraded() {
  2324.     removeDegradedRefreshWarning();
  2325.     timeoutedDates = [];
  2326.     refreshDegraded = false;
  2327.     refreshDegradedTimeoutId = -1;
  2328. }
  2329.  
  2330. function scheduleDegradedRefreshWarning() {
  2331.     if (!refreshDegraded) {
  2332.         let now = getTimestamp();
  2333.         let lookupDate = now - 60 * 1000;
  2334.         let nbClean = 0;
  2335.         for (let date of timeoutedDates) {
  2336.             if (date < lookupDate) {
  2337.                 nbClean++;
  2338.             } else {
  2339.                 break;
  2340.             }
  2341.         }
  2342.         for (i = 0; i < nbClean; i++) {
  2343.             timeoutedDates.shift();
  2344.         }
  2345.  
  2346.         timeoutedDates.push(now);
  2347.  
  2348.         if (timeoutedDates.length >= 3) {
  2349.             refreshDegraded = true;
  2350.             updateIntervalIdx = 2;
  2351.             setDegradedRefreshWarning();
  2352.         } else {
  2353.             return;
  2354.         }
  2355.     }
  2356.  
  2357.     if (refreshDegradedTimeoutId !== -1) {
  2358.         clearTimeout(refreshDegradedTimeoutId);
  2359.     }
  2360.  
  2361.     refreshDegradedTimeoutId = setTimeout(tryCatch(refreshNoLongerDegraded), 30000);
  2362. }
  2363.  
  2364. function updateMessages(page, goToLast) {
  2365.  
  2366.     if (postingMessage && turboActivated) {
  2367.         // Postpone message fetching, posting the message is priorized
  2368.         fetchingMessages = false;
  2369.         currentTimeoutId = setTimeout(tryCatch(function postponedUpdate() {
  2370.             updateMessages(page, goToLast);
  2371.         }), 100);
  2372.         return;
  2373.     }
  2374.  
  2375.     let timestamp = getTimestamp();
  2376.  
  2377.     function scheduleNextUpdate(interval, p, goLast) {
  2378.         fetchingMessages = false;
  2379.         currentTimeoutId = setTimeout(tryCatch(function scheduledUpdate() {
  2380.             updateMessages(p, goLast);
  2381.         }), interval);
  2382.     };
  2383.  
  2384.     function onSuccess(res) {
  2385.         let parsed = parsePage(res, timestamp);
  2386.         let interval = turboActivated ? configuration["turbo_delay"] : updateIntervals[updateIntervalIdx] * 1000;
  2387.  
  2388.         scheduleNextUpdate(interval, page, true);
  2389.     }
  2390.  
  2391.     function onError(err, code) {
  2392.         if (code === 0) {
  2393.             scheduleDegradedRefreshWarning();
  2394.             scheduleNextUpdate(turboActivated ? configuration["turbo_delay"] : 10000, page, true);
  2395.             return
  2396.         }
  2397.         if (!isError) {
  2398.             isError = true;
  2399.             isLocked = false;
  2400.             isAlert = false;
  2401.             setFixedAlert("danger", err, true);
  2402.         }
  2403.         scheduleNextUpdate(turboActivated ? configuration["turbo_delay"] : 60000, page, true);
  2404.     }
  2405.  
  2406.     function onTimeout(_) {
  2407.         scheduleDegradedRefreshWarning();
  2408.         scheduleNextUpdate(turboActivated ? configuration["turbo_delay"] : 5000, page, true);
  2409.     }
  2410.  
  2411.     let timeout = 10000;;
  2412.     if (turboActivated) {
  2413.         timeout = 5000;
  2414.     }
  2415.  
  2416.     fetchingMessages = true;
  2417.  
  2418.     let topicUrl = document.URL;
  2419.     
  2420.     urlToFetch = parseURL(topicUrl);
  2421.  
  2422.     let urlLastPage = buildURL(urlToFetch);
  2423.     request("GET", urlLastPage, onSuccess, onError, onTimeout, undefined, false, timeout, turboActivated);
  2424. }
  2425.  
  2426.  
  2427. function parseAlerts(res) {
  2428.     let alerts = [];
  2429.     let alertsDiv = res.getElementsByClassName("alert");
  2430.  
  2431.     for (let a of alertsDiv) {
  2432.         let closable = a.getElementsByClassName("btn-close")[0] !== undefined;
  2433.         let type = "danger";
  2434.         if (a.classList.contains("alert-warning")) {
  2435.             type = "warning";
  2436.         } else if (a.classList.contains("alert-success")) {
  2437.             type = "success";
  2438.         }
  2439.         for (let p of a.getElementsByTagName("p")) {
  2440.             let message = p.textContent.trim();
  2441.             alerts.push({ type: type, message: message, closable: closable });
  2442.         }
  2443.     }
  2444.     return alerts;
  2445. }
  2446.  
  2447. function increaseUpdateInterval() {
  2448.     if (updateIntervalIdx < updateIntervalMax) {
  2449.         updateIntervalIdx++;
  2450.     }
  2451. }
  2452.  
  2453. function decreaseUpdateInterval() {
  2454.     updateIntervalIdx = transisitions[updateIntervalIdx];
  2455. }
  2456.  
  2457. function parsePage(res, requestTimestamp) {
  2458.     let error = getTopicError(res);
  2459.     if (error !== undefined) {
  2460.         if (!isError) {
  2461.             updateIntervalIdx = updateIntervalMax;
  2462.             isError = true;
  2463.             isLocked = false;
  2464.             isAlert = false;
  2465.             setFixedAlert("danger", error, true);
  2466.         }
  2467.         return { lastPage: undefined, page: undefined, alert: true, nbMessagesPage: 0 }
  2468.     }
  2469.  
  2470.     if (isError) {
  2471.         isError = false;
  2472.         updateIntervalIdx = 2;
  2473.         removeFixedAlert("Le topic ne retourne plus d'erreur", true);
  2474.     }
  2475.  
  2476.     let form = getForm(res);
  2477.     if (form !== undefined) {
  2478.         freshForm = form;
  2479.     }
  2480.  
  2481.     let hash = getHash(res);
  2482.     if (hash !== undefined) {
  2483.         freshHash = hash;
  2484.     }
  2485.  
  2486.     let deletionHash = getDeletionHash(res);
  2487.     if (deletionHash !== undefined) {
  2488.         freshDeletionHash = deletionHash;
  2489.     }
  2490.  
  2491.     let messages = getMessages(res);
  2492.     addMessages(messages, false, requestTimestamp, false);
  2493.  
  2494.     let user = parseUserInfo(res);
  2495.     setUser(document, user);
  2496.  
  2497.     // let topic = parseTopicInfo(res);
  2498.  
  2499.     let nbMessages = nombresMessage();
  2500.     if (nbMessages !== lastNbMessages) {
  2501.         setTopicNbMessages(document, nbMessages);
  2502.     }
  2503.  
  2504.     // setTopicNbConnected(document, topic.connected);
  2505.  
  2506.     let locked = getTopicLocked(res);
  2507.     let isLocked_ = (locked !== undefined);
  2508.     if (isLocked_ && !isLocked) {
  2509.         updateIntervalIdx = updateIntervalMax;
  2510.         setFixedAlert("warning", locked, true);
  2511.         isAlert = false;
  2512.     } else if (!isLocked_ && isLocked) {
  2513.         updateIntervalIdx = 0;
  2514.         removeFixedAlert("Le topic a été dévérouillé", true);
  2515.     }
  2516.     isLocked = isLocked_;
  2517.  
  2518.     let alerts = parseAlerts(res);
  2519.     let unclosableAlert = undefined;
  2520.     for (let alert of alerts) {
  2521.         if (alert.closable) {
  2522.             addAlertbox(alert.type, alert.message);
  2523.         } else {
  2524.             unclosableAlert = alert;
  2525.         }
  2526.     }
  2527.  
  2528.     let isAlert_ = (unclosableAlert !== undefined);
  2529.     if (!isLocked) {
  2530.         if (isAlert_ && !isAlert) {
  2531.             setFixedAlert("warning", unclosableAlert.message, false);
  2532.         } else if (!isAlert_ && isAlert) {
  2533.             removeFixedAlert(undefined, false);
  2534.         }
  2535.         isAlert = isAlert_;
  2536.     }
  2537.  
  2538.     return {
  2539.         nbMessagesPage: messages.length, alert: isLocked_ || (alerts.length > 0)
  2540.     };
  2541. }
  2542.  
  2543. function addAlertbox(type, message) {
  2544.     // type: success / warning / danger
  2545.     let alert = `<div class="alert alert-${type}">
  2546.         <button class="close jvchat-alert-close" aria-hidden="true" data-dismiss="alert" type="button">×</button>
  2547.         <div class="alert-row">${escape(message)}</div>
  2548.         </div>`;
  2549.     document.getElementById("jvchat-fixed-alert").insertAdjacentHTML("afterend", alert);
  2550. }
  2551.  
  2552. function setFixedAlert(type, message, changeFavicon) {
  2553.     if (changeFavicon) {
  2554.         setFavicon("⨯");
  2555.     }
  2556.     if (configuration["hide_alerts"]) {
  2557.         addAlertbox(type, message);
  2558.         return
  2559.     }
  2560.     document.getElementById("jvchat-fixed-alert").getElementsByClassName("alert-row")[0].innerHTML = escape(message);
  2561.     document.getElementById("jvchat-fixed-alert").setAttribute("class", `alert alert-${type}`);
  2562. }
  2563.  
  2564. function removeFixedAlert(message, changeFavicon) {
  2565.     document.getElementById("jvchat-fixed-alert").classList.add("jvchat-hide");
  2566.     if (message !== undefined) {
  2567.         addAlertbox("success", message);
  2568.     }
  2569.     if (changeFavicon) {
  2570.         if (document.hidden && nbNewMessage > 0) {
  2571.             setFavicon(nbNewMessage > 99 ? 99 : nbNewMessage);
  2572.         } else {
  2573.             setFavicon("");
  2574.         }
  2575.     }
  2576. }
  2577.  
  2578. function setTurboWarning() {
  2579.     let message = "Le mode turbo est resté activé pendant plus d'une minute, les requêtes pour récupérer les nouveaux messages risquent d'être ralenties";
  2580.     document.getElementById("jvchat-turbo-warning").getElementsByClassName("alert-row")[0].innerHTML = message;
  2581.     document.getElementById("jvchat-turbo-warning").setAttribute("class", "alert alert-warning");
  2582. }
  2583.  
  2584. function removeTurboWarning() {
  2585.     document.getElementById("jvchat-turbo-warning").classList.add("jvchat-hide");
  2586. }
  2587.  
  2588. function setDegradedRefreshWarning() {
  2589.     let message = "Les serveurs de JVC semblent surchargés, l'actualisation des nouveaux messages peut s'en voir dégradée";
  2590.     document.getElementById("jvchat-degraded-refresh-warning").getElementsByClassName("alert-row")[0].innerHTML = message;
  2591.     document.getElementById("jvchat-degraded-refresh-warning").setAttribute("class", "alert alert-warning");
  2592. }
  2593.  
  2594. function removeDegradedRefreshWarning() {
  2595.     document.getElementById("jvchat-degraded-refresh-warning").classList.add("jvchat-hide");
  2596. }
  2597.  
  2598. function makeJVChatButton() {
  2599.     let cls = 'btn-jvchat';
  2600.     let text = 'JVChat';
  2601.     let btn = `<button class="btn btn-actu-new-list-forum ${cls}">${text}</button>`;
  2602.     return btn;
  2603. }
  2604.  
  2605. function addJVChatButton(document) {
  2606.     let css = `<style type="text/css">
  2607.     #forum-main-col .bloc-pre-pagi-forum {
  2608.         display: flex;
  2609.     }
  2610.  
  2611.     #forum-main-col .bloc-pre-pagi-forum .bloc-pre-right {
  2612.         position: relative;
  2613.         right: unset;
  2614.         left: unset;
  2615.         top: unset;
  2616.         bottom: unset;
  2617.         overflow: hidden;
  2618.         display: flex;
  2619.         flex-wrap: wrap;
  2620.         justify-content: flex-end;
  2621.         margin-top: auto;
  2622.         flex: 1;
  2623.     }
  2624.  
  2625.     #forum-main-col .bloc-pre-pagi-forum .bloc-pre-right button {
  2626.         float: right;
  2627.         min-width: 5.25rem;
  2628.         margin-left: 0.3125rem;
  2629.     }
  2630.     </style>`
  2631.     document.head.insertAdjacentHTML("beforeend", css);
  2632.     let blocPreRight = document.getElementsByClassName("action-left");
  2633.     let jvchatButton = makeJVChatButton();
  2634.     let divElement = document.querySelector('.text-editor');
  2635.     if (divElement) {
  2636.         let bloc1 = blocPreRight[1];
  2637.         bloc1.insertAdjacentHTML('afterbegin', jvchatButton);
  2638.         let bloc = blocPreRight[2];
  2639.         bloc.insertAdjacentHTML('beforeend', jvchatButton);
  2640.     } else {
  2641.         // N'affiche pas les boutons car la conv est surement fermé
  2642.     }
  2643. }
  2644.  
  2645. function bindJVChatButton(document) {
  2646.     let buttons = document.getElementsByClassName('btn-jvchat');
  2647.     for (let btn of buttons) {
  2648.         btn.addEventListener('click', tryCatch(triggerJVChat));
  2649.     }
  2650. }
  2651.  
  2652. function request(mode, url, callbackSuccess, callbackError, callbackTimeout, data, json, timeout, nocache) {
  2653.     json = !!json;
  2654.     let xhr = new XMLHttpRequest();
  2655.     xhr.timeout = timeout;
  2656.  
  2657.     xhr.ontimeout = tryCatch(function xhrOnTimeout() {
  2658.         callbackTimeout(`La délai d'attente de la requête a expiré`);
  2659.     });
  2660.  
  2661.     xhr.onerror = tryCatch(function xhrOnError() {
  2662.         callbackError(`La requête a échoué (${xhr.status}): ${xhr.statusText}`, xhr.status);
  2663.     });
  2664.  
  2665.     xhr.onabort = tryCatch(function xhrOnAbort() {
  2666.         if (!leavingTopic) {
  2667.             callbackTimeout(`La requête a été interrompue pour une raison inconnue`);
  2668.         }
  2669.     });
  2670.  
  2671.     xhr.onload = tryCatch(function xhrOnLoad() {
  2672.         if (xhr.status !== 200) {
  2673.             callbackError(`La requête a retourné une erreur (${xhr.status}): ${xhr.statusText}`, xhr.status);
  2674.             return;
  2675.         }
  2676.         callbackSuccess(xhr.response, xhr.response.URL);
  2677.     });
  2678.  
  2679.     if (data === undefined) {
  2680.         data = null;
  2681.     }
  2682.  
  2683.     if (json) {
  2684.         xhr.responseType = "json";
  2685.     } else {
  2686.         xhr.responseType = "document";
  2687.     }
  2688.  
  2689.     xhr.open(mode, url, true);
  2690.  
  2691.     if (nocache) {
  2692.         xhr.setRequestHeader("Cache-Control", "no-cache, no-store, must-revalidate");
  2693.     }
  2694.  
  2695.     xhr.send(data);
  2696. };
  2697.  
  2698. // On copie/colle le code de TopicLive et on se sent développeur :)
  2699. function makeFavicon() {
  2700.     let canvas = document.createElement("canvas");
  2701.     canvas.width = 16;
  2702.     canvas.height = 16;
  2703.     let context = canvas.getContext('2d');
  2704.     let image = new Image();
  2705.     image.onload = function () {
  2706.         faviconLoaded = true;
  2707.         setFavicon(faviconTextWhenLoaded);
  2708.     }
  2709.     image.src = 'data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAADyZgAA72IAAO9iAADvYQAA7mEAAO9iAADvYgAAAkD9AABA/wAAPv8AAD7/AAA+/wAAPv8AAD7/AAAAAAAAAAAA72IAAO5hAADtYAAA72IABO9iAATtZAYA62kRAP+KAAAAO/8AADv/AAA7/wAAO/8AADz/AAA8/wAAAAAAAAAAAO9iAAHuYQA57mEAie5hAK/uYQCv7mIChexpDzBQP4gAADv/DAA8/3sAPP+XADz/hAA8/xUAPP8AAD7/AAAAAADuYQB77mEA6e5hAP/uYQD/7mEA/+5kBf/laxjh32wVRwA7/zwAPP/1ADz//wA8//0APP9UADz/AAA8/wAAAAAA7mEAoO5hAP3uYQD/7mEA6u5hAPTsZwv/3msd/8RhHMgVP+GdADz//wA8//8APP//ADz/oQA9/wIAPf8AAAAAAO5hAA7uYQCI7mEAke5hACvuYwNb6WoT8NZpHv+hVC37Fz7a9QA8//8APP//ADz//wA8/+AAPP8kADz/AAA+/wDuYQAA7mIABe5iAAXtZAYA7W0WEeNsG9LLZBv/c0pd/wQ8+P8APP//ADz/8AA8//4APP/+ADz/ZQA8/wAAO/8A7mEAAO5hAADuYQAA5G0cAOluGxHaax/Pulwd/z5Cov8APP//ADz/9gA8/4oAPP/tADz//wA8/7IAPf8HADz/AAAAAAAAAAAAAAAAAN1sHwDibh8R0Wcdz5pSNf8UPd7/ADz//wA8/9cAPP8pADz/wwA8//8APP/qADz/MAA8/wAAAAAAAAAAAAAAAADTaCAA2WwhEsVhGc9pSWv/ATz9/wA8//8APP+cADr/AAA8/4MAPP//ADz//wA8/3YAPP8AAAAAAAAAAAAAAAAAx2MeANFnGxKvVyDPNUGw/wA8//8APP/7ADz/VgA8/wAAPP9AADz/8wA8//8APP/BADz/DwAAAAAAAAAAAAAAALhbGwDUXwAShU1H0BA95v8APP//ADz/3QA8/x8APP8AADz/EQA8/8sAPP//ADz/8AA8/0cAAAAAAAAAAAAAAACkUBoAwVIAEkdDlNMBPP3/ADz//wA8/6QAPf8CAD3/AAA7/wAAPP+LADz//wA8//8APP+hAAAAAAAAAAAAAAAAbEVcAG9FVQ0YPtqUADz/uAA8/7YBPP5MADz/AAA8/wAAPP8AADz/OgA8/7MAPP+3ADz/oQAAAAAAAAAAAAAAAAA5/wAAOP8AADv/BQA8/wYAPP4FBzzzAQE8/QAAPf8AADz/AAA9/wEAPP8FADz/BgA8/wYAAAAAAAAAAAAAAAAnP8QAJT/HAAY89gAAPP8AADz/AAM8+QABPP0AAAAAAAA8/wAAPP8AADz/AAA8/wAAPP8AAAMAAAADAAAAAQAAAAEAAAABAAAAAAAAAAAAAAAAAADgAAAA4AAAAOAAAADgAAAA4AAAAOAAAADgAAAA4CAAAA==';
  2710.     return { canvas: canvas, context: context, image: image };
  2711. };
  2712.  
  2713. function setFavicon(txt) {
  2714.     if (!faviconLoaded) {
  2715.         faviconTextWhenLoaded = txt;
  2716.         return;
  2717.     }
  2718.  
  2719.     let fav = document.getElementById("jvchat-favicon");
  2720.     if (fav) {
  2721.         fav.parentElement.removeChild(fav);
  2722.     }
  2723.  
  2724.     favicon.context.clearRect(0, 0, favicon.canvas.width, favicon.canvas.height);
  2725.     favicon.context.drawImage(favicon.image, 0, 0);
  2726.  
  2727.     if (txt !== '') {
  2728.         let context = favicon.context;
  2729.         context.fillStyle = 'DodgerBlue';
  2730.         context.fillRect(0, 0, context.measureText(txt).width + 3, 11);
  2731.         context.fillStyle = 'white';
  2732.         context.font = 'bold 10px Verdana';
  2733.         context.textBaseline = 'bottom';
  2734.         context.fillText(txt, 1, 11);
  2735.     }
  2736.  
  2737.     let url = favicon.canvas.toDataURL('image/png');
  2738.     let icon = `<link id="jvchat-favicon" rel="shortcut icon" type="image/png" href="${url}">`;
  2739.     document.head.insertAdjacentHTML("beforeend", icon);
  2740. }
  2741.  
  2742. function reverseMessage(node, isInit, isUl) {
  2743.     let quote = "";
  2744.     let prevIsP = false;
  2745.     let startsWithSpoil = false;
  2746.  
  2747.     for (let child of node.childNodes) {
  2748.         let name = child.nodeName;
  2749.  
  2750.         switch (name) {
  2751.             case "P": {
  2752.                 quote += reverseMessage(child) + "\n\n";
  2753.                 break;
  2754.             }
  2755.             case "STRONG": {
  2756.                 quote += "'''" + reverseMessage(child) + "'''";
  2757.                 break;
  2758.             }
  2759.             case "U": {
  2760.                 quote += "<u>" + reverseMessage(child) + "</u>";
  2761.                 break;
  2762.             }
  2763.             case "S": {
  2764.                 quote += "<s>" + reverseMessage(child) + "</s>";
  2765.                 break;
  2766.             }
  2767.             case "EM": {
  2768.                 quote += "''" + reverseMessage(child) + "''";
  2769.                 break;
  2770.             }
  2771.             case "BR": {
  2772.                 quote += "\n";
  2773.                 break;
  2774.             }
  2775.             case "UL": {
  2776.                 quote += reverseMessage(child, false, true) + "\n\n";
  2777.                 break;
  2778.             }
  2779.             case "OL": {
  2780.                 quote += reverseMessage(child, false, false) + "\n\n";
  2781.                 break;
  2782.             }
  2783.             case "LI": {
  2784.                 if (isUl === true) {
  2785.                     quote += "* " + reverseMessage(child) + "\n";
  2786.                 } else {
  2787.                     quote += "# " + reverseMessage(child) + "\n";
  2788.                 }
  2789.                 break;
  2790.             }
  2791.             case "DIV": {
  2792.                 let classList = child.classList;
  2793.                 if (classList.contains("bloc-spoil-jv")) {
  2794.                     if (quote === "") {
  2795.                         startsWithSpoil = true;
  2796.                     }
  2797.                     quote += "<spoil>" + reverseMessage(child) + "</spoil>\n\n"
  2798.                 } else if (classList.contains("contenu-spoil")) {
  2799.                     quote += reverseMessage(child);
  2800.                 }
  2801.                 break;
  2802.             }
  2803.             case "SPAN": {
  2804.                 let classList = child.classList;
  2805.                 if (classList.contains("bloc-spoil-jv")) {
  2806.                     quote += "<spoil>" + reverseMessage(child) + "</spoil>";
  2807.                 } else if (classList.contains("contenu-spoil")) {
  2808.                     quote += reverseMessage(child);
  2809.                 }
  2810.                 break;
  2811.             }
  2812.             case "LABEL": {
  2813.                 break;
  2814.             }
  2815.             case "INPUT": {
  2816.                 break;
  2817.             }
  2818.             case "IMG": {
  2819.                 quote += child.alt;
  2820.                 break;
  2821.             }
  2822.             case "A": {
  2823.                 if (child.href) {
  2824.                     quote += child.href;
  2825.                 } else {
  2826.                     quote += reverseMessage(child);
  2827.                 }
  2828.                 break;
  2829.             }
  2830.             case "PRE": {
  2831.                 quote += reverseMessage(child) + "\n\n";
  2832.                 break;
  2833.             }
  2834.             case "CODE": {
  2835.                 quote += "<code>" + child.textContent + "</code>";
  2836.                 break;
  2837.             }
  2838.             case "BLOCKQUOTE": {
  2839.                 if (prevIsP) {
  2840.                     quote = quote.trimEnd() + "\n" + reverseMessage(child).replace(/^/gm, '> ') + "\n\n";
  2841.                 } else {
  2842.                     quote += reverseMessage(child).replace(/^/gm, '> ') + "\n\n";
  2843.                 }
  2844.  
  2845.                 break;
  2846.             }
  2847.             case "#text": {
  2848.                 // The "isInit" check is to prevent the empty text surroudning message
  2849.                 // However, it may happen that the root node contains valid text child, so it need to be added somehow
  2850.                 // For some reason, an "new line" may be missing in this case, so just add it
  2851.                 if (!isInit || child.textContent.trim() !== "") {
  2852.                     quote += child.textContent;
  2853.                     if (isInit && !quote.endsWith("\n")) {
  2854.                         quote += "\n";
  2855.                     }
  2856.                 }
  2857.                 break;
  2858.             }
  2859.             default: {
  2860.                 break;
  2861.             }
  2862.         }
  2863.  
  2864.         if (name == "P") {
  2865.             prevIsP = true;
  2866.         } else {
  2867.             prevIsP = false;
  2868.         }
  2869.     }
  2870.  
  2871.     quote = quote.replace(/(\n){3,}/g, '\n\n');
  2872.  
  2873.     if (startsWithSpoil && isInit) {
  2874.         quote = "\n" + quote.trimEnd();
  2875.     } else {
  2876.         quote = quote.trim();
  2877.     }
  2878.  
  2879.     if (isInit) {
  2880.         quote = quote.replace(/^/gm, '> ');
  2881.     }
  2882.  
  2883.     return quote;
  2884. }
  2885.  
  2886. function reverseQuote(blocMessage) {
  2887.     let author = blocMessage.getElementsByClassName("jvchat-author")[0].textContent.trim();
  2888.     let date = blocMessage.getElementsByClassName("jvchat-date")[0].getAttribute("to-quote");
  2889.     //let header = `> Le ${date} ${author} a écrit :\n`;
  2890.     let header = `> Le ${date} :\n`;
  2891.     let quoted = reverseMessage(blocMessage.getElementsByClassName("txt-msg")[0], true);
  2892.     return header + quoted + '\n\n';
  2893. }
  2894.  
  2895. function insertAtCursor(input, textToInsert) {
  2896.     const value = input.value;
  2897.     const start = input.selectionStart;
  2898.     const end = input.selectionEnd;
  2899.     input.value = value.slice(0, start) + textToInsert + value.slice(end);
  2900.     input.selectionStart = input.selectionEnd = start + textToInsert.length;
  2901. }
  2902.  
  2903. function dontScrollOnExpand(event) {
  2904.     let target = event.target;
  2905.     if (!target) {
  2906.         return;
  2907.     }
  2908.  
  2909.     let classes = target.classList;
  2910.  
  2911.     if (classes.contains("nested-quote-toggle-box")) {
  2912.         let isDown = isScrollDown();
  2913.         let blockQuote = target.closest(".blockquote-jv");
  2914.         let visible = blockQuote.getAttribute("data-visible");
  2915.         let value = visible === "1" ? "" : "1";
  2916.         blockQuote.setAttribute('data-visible', value);
  2917.         if (isDown) {
  2918.             setScrollDown();
  2919.         }
  2920.     } else if (classes.contains("txt-spoil") || classes.contains("aff-spoil") || classes.contains("masq-spoil")) {
  2921.         event.preventDefault();
  2922.         let check = target.closest(".bloc-spoil-jv").getElementsByClassName("open-spoil")[0];
  2923.         let isDown = isScrollDown();
  2924.         check.checked = !check.checked;
  2925.         if (isDown) {
  2926.             setScrollDown();
  2927.         }
  2928.     } else if (classes.contains("jvchat-quote")) {
  2929.         let bloc = target.closest(".jvchat-message");
  2930.         let quote = reverseQuote(bloc);
  2931.         let textarea = document.getElementById("message");
  2932.         if (isReduced) {
  2933.             toggleTextarea();
  2934.         }
  2935.         insertAtCursor(textarea, quote);
  2936.         textarea.focus();
  2937.     } else if (classes.contains("jvchat-edition-cancel")) {
  2938.         let bloc = target.closest(".jvchat-message");
  2939.         let isDown = isScrollDown();
  2940.         bloc.getElementsByClassName("jvchat-content")[0].classList.remove("jvchat-hide");
  2941.         bloc.getElementsByClassName("jvchat-edition")[0].classList.add("jvchat-hide");
  2942.         if (isDown) {
  2943.             setScrollDown();
  2944.         }
  2945.     }
  2946. }
  2947.  
  2948. function isScrollDown() {
  2949.     let element = document.getElementById("jvchat-main");
  2950.     return element.clientHeight + Math.floor(element.scrollTop) >= element.scrollHeight - 1;
  2951. }
  2952.  
  2953. function setScrollDown() {
  2954.     let element = document.getElementById("jvchat-main");
  2955.     element.scrollTop = element.scrollHeight + 10000;
  2956. }
  2957.  
  2958. function main() {
  2959.     addJVChatButton(document);
  2960.     bindJVChatButton(document);
  2961. }
  2962.  
  2963. main();