$(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('f04_person'));

  let dt = js.data;

  console.log(dt)

  strHtml =`

  <div class="list media-list list-outline-ios list-strong-ios list-dividers-ios">

    <ul>`;

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

    strHtml +=`

        <li>

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

            <div class="item-inner">

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

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

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

              </div>

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

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

            </div>

          </a>

        </li>`;

  }

    strHtml +=`

    </ul>

  </div>`;

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

})