var chatListDay = [{"id":"4","chat_id":"0","chat_name":"greys-anatomy.html","name":"Чат - Анатомия страсти","logo":null,"col":"3","col_week":"453","week_d":"0"},{"id":"9","chat_id":"0","chat_name":"pground.html","name":"Чат - Искушения (BDSM)","logo":null,"col":"3","col_week":"1441","week_d":"0"},{"id":"1","chat_id":"0","chat_name":"just-love.html","name":"Чат - Just Love","logo":null,"col":"1","col_week":"119","week_d":"0"},{"id":"10","chat_id":"0","chat_name":"diamond.html","name":"Чат - Алмазная","logo":null,"col":"1","col_week":"236","week_d":"0"},{"id":"11","chat_id":"0","chat_name":"goodinhell.html","name":"Чат - Хорошо у нас в Аду","logo":null,"col":"1","col_week":"1935","week_d":"0"},{"id":"25","chat_id":"0","chat_name":"relax.html","name":"Чат - Релакс","logo":null,"col":"1","col_week":"12","week_d":"0"},{"id":"2","chat_id":"0","chat_name":"coodway.html","name":"Чат - Black","logo":null,"col":"0","col_week":"456","week_d":"0"},{"id":"3","chat_id":"0","chat_name":"wgawani.html","name":"Чат - Звездная гавань","logo":null,"col":"0","col_week":"482","week_d":"0"},{"id":"5","chat_id":"0","chat_name":"joyheart.html","name":"Чат - Joy of the Heart","logo":null,"col":"0","col_week":"604","week_d":"0"},{"id":"6","chat_id":"0","chat_name":"kapriz.html","name":"Чат - Ночной каприз","logo":null,"col":"0","col_week":"96","week_d":"0"}];var chatListWeek = [{"id":"4","chat_id":"0","chat_name":"greys-anatomy.html","name":"Чат - Анатомия страсти","logo":null,"col":"3","col_week":"453","week_d":"0"},{"id":"9","chat_id":"0","chat_name":"pground.html","name":"Чат - Искушения (BDSM)","logo":null,"col":"3","col_week":"1441","week_d":"0"},{"id":"1","chat_id":"0","chat_name":"just-love.html","name":"Чат - Just Love","logo":null,"col":"1","col_week":"119","week_d":"0"},{"id":"10","chat_id":"0","chat_name":"diamond.html","name":"Чат - Алмазная","logo":null,"col":"1","col_week":"236","week_d":"0"},{"id":"11","chat_id":"0","chat_name":"goodinhell.html","name":"Чат - Хорошо у нас в Аду","logo":null,"col":"1","col_week":"1935","week_d":"0"},{"id":"25","chat_id":"0","chat_name":"relax.html","name":"Чат - Релакс","logo":null,"col":"1","col_week":"12","week_d":"0"},{"id":"2","chat_id":"0","chat_name":"coodway.html","name":"Чат - Black","logo":null,"col":"0","col_week":"456","week_d":"0"},{"id":"3","chat_id":"0","chat_name":"wgawani.html","name":"Чат - Звездная гавань","logo":null,"col":"0","col_week":"482","week_d":"0"},{"id":"5","chat_id":"0","chat_name":"joyheart.html","name":"Чат - Joy of the Heart","logo":null,"col":"0","col_week":"604","week_d":"0"},{"id":"6","chat_id":"0","chat_name":"kapriz.html","name":"Чат - Ночной каприз","logo":null,"col":"0","col_week":"96","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>