var chatListDay = [{"id":"5","chat_id":"0","chat_name":"greys-anatomy.html","name":"Чат - Анатомия страсти","logo":"https:\/\/imgs.su\/upload\/306\/209475788.gif","col":"2","col_week":"56","week_d":"0"},{"id":"14","chat_id":"0","chat_name":"bdsmsochi.html","name":"Чат - Табу","logo":"https:\/\/chat-august4u.ru\/bdsmsochi.html","col":"2","col_week":"10","week_d":"0"},{"id":"4","chat_id":"0","chat_name":"byaka.html","name":"Чат - Верность","logo":"https:\/\/imgs.su\/upload\/176\/2787186761.gif","col":"1","col_week":"30","week_d":"0"},{"id":"7","chat_id":"0","chat_name":"darkparadise.html","name":"Чат - Темный рай","logo":"https:\/\/d.zaix.ru\/TaMN.gif","col":"1","col_week":"54","week_d":"0"},{"id":"11","chat_id":"0","chat_name":"blood.html","name":"Чат - Кровь &amp; Плоть (BDSM)","logo":"https:\/\/vmfile.com\/upload\/838\/998385227.gif","col":"1","col_week":"41","week_d":"0"},{"id":"13","chat_id":"0","chat_name":"paeonia.html","name":"Чат - Paeonia Paradisus","logo":"https:\/\/i.ibb.co\/FkrD46v1\/69e5e012a926d.gif","col":"1","col_week":"14","week_d":"0"},{"id":"18","chat_id":"0","chat_name":"gravity.html","name":"Чат - Гравитация (BDSM)","logo":"https:\/\/d.zaix.ru\/ThHD.png","col":"1","col_week":"17","week_d":"0"},{"id":"28","chat_id":"0","chat_name":"diamond.html","name":"Чат - Алмазная","logo":"https:\/\/e.radikal.host\/2024\/09\/25\/25498.gif","col":"1","col_week":"10","week_d":"0"},{"id":"1","chat_id":"0","chat_name":"just-love.html","name":"<font color=\"red\"><strong>Чат - Just Love<\/strong><\/font>","logo":"https:\/\/chat-august4u.ru\/vip-podarki\/baner.jpg","col":"0","col_week":"7","week_d":"0"},{"id":"2","chat_id":"0","chat_name":"tiamochat.html","name":"Чат - Tiamo","logo":"http:\/\/imgs.su\/users\/16848\/1433700699.jpg","col":"0","col_week":"0","week_d":"0"}];var chatListWeek = [{"id":"5","chat_id":"0","chat_name":"greys-anatomy.html","name":"Чат - Анатомия страсти","logo":"https:\/\/imgs.su\/upload\/306\/209475788.gif","col":"2","col_week":"56","week_d":"0"},{"id":"14","chat_id":"0","chat_name":"bdsmsochi.html","name":"Чат - Табу","logo":"https:\/\/chat-august4u.ru\/bdsmsochi.html","col":"2","col_week":"10","week_d":"0"},{"id":"4","chat_id":"0","chat_name":"byaka.html","name":"Чат - Верность","logo":"https:\/\/imgs.su\/upload\/176\/2787186761.gif","col":"1","col_week":"30","week_d":"0"},{"id":"7","chat_id":"0","chat_name":"darkparadise.html","name":"Чат - Темный рай","logo":"https:\/\/d.zaix.ru\/TaMN.gif","col":"1","col_week":"54","week_d":"0"},{"id":"11","chat_id":"0","chat_name":"blood.html","name":"Чат - Кровь &amp; Плоть (BDSM)","logo":"https:\/\/vmfile.com\/upload\/838\/998385227.gif","col":"1","col_week":"41","week_d":"0"},{"id":"13","chat_id":"0","chat_name":"paeonia.html","name":"Чат - Paeonia Paradisus","logo":"https:\/\/i.ibb.co\/FkrD46v1\/69e5e012a926d.gif","col":"1","col_week":"14","week_d":"0"},{"id":"18","chat_id":"0","chat_name":"gravity.html","name":"Чат - Гравитация (BDSM)","logo":"https:\/\/d.zaix.ru\/ThHD.png","col":"1","col_week":"17","week_d":"0"},{"id":"28","chat_id":"0","chat_name":"diamond.html","name":"Чат - Алмазная","logo":"https:\/\/e.radikal.host\/2024\/09\/25\/25498.gif","col":"1","col_week":"10","week_d":"0"},{"id":"1","chat_id":"0","chat_name":"just-love.html","name":"<font color=\"red\"><strong>Чат - Just Love<\/strong><\/font>","logo":"https:\/\/chat-august4u.ru\/vip-podarki\/baner.jpg","col":"0","col_week":"7","week_d":"0"},{"id":"2","chat_id":"0","chat_name":"tiamochat.html","name":"Чат - Tiamo","logo":"http:\/\/imgs.su\/users\/16848\/1433700699.jpg","col":"0","col_week":"0","week_d":"0"}];var cat = 'day';
//<script>
function initData(data, cat = "col") {
  var img = `<a data-testid="linkElement" href="./gentlesunset" target="_self" class="StylableButton1196941481__root style-kivwdjwk__root StylableButton1196941481__link" aria-label="" aria-haspopup="true"><div class="StylableButton1196941481__container"><span class="StylableButton1196941481__icon" aria-hidden="true"><div>
            <svg data-bbox="20 36 160 128" xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" data-type="shape">
              <g>
                <path fill-rule="evenodd" clip-rule="evenodd" d="M39 124l-9-57c-5.927-2.344-10-8.24-10-15 0-8.837 7.163-16 16-16s16 7.163 16 16c0 7.208-4.448 12.998-11 15 9.486 16.32 51 24 51-1-5.055-2.689-8-7.875-8-14 0-8.837 7.163-16 16-16s16 7.163 16 16c0 6.125-2.945 11.311-8 14 0 27 41.514 17.32 51 1-6.552-2.002-11-7.792-11-15 0-8.837 7.163-16 16-16s16 7.163 16 16c0 6.76-4.073 12.656-10 15l-9 57H39zm2 16h118l-3 24H45l-4-24z"></path>
              </g>
            </svg>
            </div></span></div></a>`;
  data.forEach(function(chat){
    var img = "<a href='./"+chat["chat_name"]+"'><img src='"+chat["logo"]+"'></a>";
    var name = chat["name"] != "" ? chat["name"] : chat["chat_name"];
    var chat_name = chat["chat_name"];
    var tr = `<tr>
       <!-- <td class="chatImg">
        <div>
          ${img}
        </div>
        </td>-->
      <!--  <td class="chatName" style="width:50px; font-size:20px; vertical-align:middle; /*padding-left:5px; line-height:1.1em;*/font-size:12px">-->
        <div> » <a href='./${chat_name}'>${name}</a> ${chat[cat]}</div>
       <!--   </td>
      <td class="chatVote" style=" vertical-align:middle;/* padding-left:10px; line-height:1.1em;*/font-size:12px">
          ${chat[cat]}
        </td>
      </tr>-->`;
    document.querySelector(".vote").insertAdjacentHTML("beforeEnd", tr);
  });
}

document.addEventListener('DOMContentLoaded', function(){
  if(cat == "day"){
    document.querySelector("body").insertAdjacentHTML("afterBegin",`
      <div>
        <table id="voteChatListcol">
          <tbody">
          </tbody>
        </table>
      </div>`);
    initData(chatListDay, "col");
  }
  else if(cat == "week"){
    document.querySelector("body").insertAdjacentHTML("afterBegin",`
      <div>
        <table id="voteChatListcol_week">
          <tbody style="color:white;">
          </tbody>
        </table>  
      </div>`);
    initData(chatListWeek, "col_week");
  }
  else {
    document.querySelector("body").insertAdjacentHTML("afterBegin",`
      <div>
        Топ за день
        <table id="voteChatListcol">
          <tbody style="color:white;">
          </tbody>
        </table>
        Топ за неделю
        <table id="voteChatListcol_week">
          <tbody style="color:white;">
          </tbody>
        </table>  
      </div>`);
    initData(chatListDay, "col");
    initData(chatListWeek, "col_week");
  }
});
//<script>