$(document).on('page:init', '.page[data-name="icons"]', async function (e) {

  console.log('app icons ready')

  var view = app.views.current

  let js = JSON.parse(localStorage.getItem('t01_data'));

  let dt = js.data.result.icons.data;

  //console.log(dt)

  var strHtml = `

<div class="container mt-60">

  <div class="searchbar-backdrop"></div>

  <div class="list list-strong-ios list-outline-ios list-dividers-ios simple-list searchbar-not-found">

    <ul>

      <li>Nothing found</li>

    </ul>

  </div>

  <div class=" search-list_icons searchbar-found list media-list list-outline-ios list-strong-ios list-dividers-ios">

    <ul>`;

  for(let i=0;i<dt.length;i++) {

    strHtml +=`

      <li>

          <div class="item-inner">

            <div class="item-title-row">

              <div class="item-title">`+dt[i].name+`</div>

              <div class="item-after"><i class="icon f7-icons">`+dt[i].name+`</i></div>

            </div>

          </div>

      </li>`;

  }

   strHtml += `

    </ul>

  </div>

</div>

   `;  

  $$("#icons_content").html(strHtml);

})