var chatListDay = [{"id":"55","chat_id":"0","chat_name":"blabla.html","name":"Чат - BlaBlaBla","logo":null,"col":"44","col_week":"1156","week_d":"0"},{"id":"63","chat_id":"0","chat_name":"moonlight.html","name":"Чат - Moonlight","logo":null,"col":"36","col_week":"340","week_d":"0"},{"id":"65","chat_id":"0","chat_name":"chat-svoboda.html","name":"Чат - Свобода","logo":null,"col":"28","col_week":"82","week_d":"0"},{"id":"5","chat_id":"0","chat_name":"joyheart.html","name":"Чат - Joy of the Heart","logo":null,"col":"17","col_week":"701","week_d":"0"},{"id":"47","chat_id":"0","chat_name":"online.html","name":"Чат - Ночная Жизнь","logo":null,"col":"17","col_week":"256","week_d":"0"},{"id":"54","chat_id":"0","chat_name":"coffee.html","name":"Чат  - Coffee","logo":null,"col":"14","col_week":"566","week_d":"0"},{"id":"14","chat_id":"0","chat_name":"gnezdishko.html","name":"Чат - Уютное Гнёздышко","logo":null,"col":"11","col_week":"1027","week_d":"0"},{"id":"8","chat_id":"0","chat_name":"perfection.html","name":"Чат - Совершенство","logo":null,"col":"10","col_week":"1529","week_d":"0"},{"id":"13","chat_id":"0","chat_name":"kletka.html","name":"Чат - Клетка","logo":null,"col":"8","col_week":"2094","week_d":"0"},{"id":"56","chat_id":"0","chat_name":"breath.html","name":"Чат - Дыхание Боли (BDSM)","logo":null,"col":"7","col_week":"285","week_d":"0"}];var chatListWeek = [{"id":"55","chat_id":"0","chat_name":"blabla.html","name":"Чат - BlaBlaBla","logo":null,"col":"44","col_week":"1156","week_d":"0"},{"id":"63","chat_id":"0","chat_name":"moonlight.html","name":"Чат - Moonlight","logo":null,"col":"36","col_week":"340","week_d":"0"},{"id":"65","chat_id":"0","chat_name":"chat-svoboda.html","name":"Чат - Свобода","logo":null,"col":"28","col_week":"82","week_d":"0"},{"id":"5","chat_id":"0","chat_name":"joyheart.html","name":"Чат - Joy of the Heart","logo":null,"col":"17","col_week":"701","week_d":"0"},{"id":"47","chat_id":"0","chat_name":"online.html","name":"Чат - Ночная Жизнь","logo":null,"col":"17","col_week":"256","week_d":"0"},{"id":"54","chat_id":"0","chat_name":"coffee.html","name":"Чат  - Coffee","logo":null,"col":"14","col_week":"566","week_d":"0"},{"id":"14","chat_id":"0","chat_name":"gnezdishko.html","name":"Чат - Уютное Гнёздышко","logo":null,"col":"11","col_week":"1027","week_d":"0"},{"id":"8","chat_id":"0","chat_name":"perfection.html","name":"Чат - Совершенство","logo":null,"col":"10","col_week":"1529","week_d":"0"},{"id":"13","chat_id":"0","chat_name":"kletka.html","name":"Чат - Клетка","logo":null,"col":"8","col_week":"2094","week_d":"0"},{"id":"56","chat_id":"0","chat_name":"breath.html","name":"Чат - Дыхание Боли (BDSM)","logo":null,"col":"7","col_week":"285","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>