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

  console.log('app person ready')

  var view = app.views.current

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

  let dt = js.data;

  console.log(dt)

  strHtml =`

  <div class="list detailed-list list-dividers full-width notification-list">

    <ul>`;

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

    strHtml +=`

<li>

  <a href="/person_edit/`+i+`" class="link item-content">

    <div class="item-media">

      <img src="`+dt[i].image+`" alt="">

    </div>

    <div class="item-inner">

      <div class="item-title">

        <div class="item-description">

           `+dt[i].name+`<br>

           <div class="fs-sm fw-300">`+dt[i].address+`</div>

        </div>

      </div>

      <div class="item-after">

        <span class="badge bg-color-primary">`+dt[i].phone+`</span>

      </div>

    </div>

  </a>

</li>    

        `;

  }

    strHtml +=`

    </ul>

  </div>`;

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

})