home.html

<script src="https://cdn.front.nu/dist/front.js" template="index"></script>
<template>
  <aside index="0"></aside>
  <aside index="1"></aside>
</template>

<section class="pauto bcwhitesmoke bs1">
  <h6 globalize="humans_registered">Humans registered</h6>
  <hr class="bos8 bcgainsboro mt05">
  <article class="box cards xxs_gtc1 xs_gtc2 sm_gtc3 xl_gtc4 xxl_gtc5 xxxl_gtc6 mt1 gut2- br05- bcwhite- border- tac" json="true;loader" iterate="false" datasource="https://gqfktgknxmguhxgkajat.supabase.co/rest/v1/rpc/persons" dataheader="apikey:eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJyb2xlIjoiYW5vbiIsImlhdCI6MTYyMDc2MTg0NCwiZXhwIjoxOTM2MzM3ODQ0fQ.xEa_GuNypFdHSdQVLCd0beoL_v8jhWKjSTypX6kn-sg">
    <figure class="p1">
      <figcaption class="dimgray fs08" globalize="living">Living</figcaption>
      <h2 class="tag br2 bcwhitesmoke p05 w10r pr1 pl1 mb1 mt05" loader="true" jsonget="alive"></h2>
    </figure>
    <figure class="p1">
      <figcaption class="dimgray fs08" globalize="dead">Dead</figcaption>
      <h2 class="tag br2 bcwhitesmoke p05 w10r pr1 pl1 mb1 mt05" loader="true" jsonget="dead"></h2>
    </figure>
  </article>
</section>

<section class="pauto" storage="api">
  <h4 globalize="humans_awaiting_approval">Humans awaiting approval</h4>
  <nav class="tabs mt2" id="test">
    <input type="radio" name="panel" id="tabalive" checked>
    <label for="tabalive" id="alive">Alive ({# alive #})</label>
    <section class="p0 shade1" json="personsalive" bind="alive:alive" bindvalue="{{ jsonheader:content-range = split('/',1) }}">
      <div id="personsalive" class="box cards list br0-" iterate="true" datasource="{{ storage:api.persons_collection.endpoint }}?and=(approved.is.null)" dataheader="{{ storage:api.persons_collection.headers }}">
        <a href="#edit" modalurl="human-review.html?id={{ jsonget:id }}">
          <figure class="p1 bcwhite bcblack001_h">
            <img src="" jsonget="residence_country" jsonbefore="https://cdn.front.nu/dist/design/front/flags/famfamfam/" jsonafter=".gif" class="f0">
            <p class="f2 pl1" filteron="true">{{ jsonget:first_name }} {{ jsonget:middle_name }} {{ jsonget:last_name }}</p>
            <p class="tar" jsonget="birth_date_year"></p>
          </figure>
        </a>
      </div>
    </section>

    <input type="radio" name="panel" id="tabdead">
    <label for="tabdead" id="dead" hide>Dead ({# dead #})</label>
    <section class="p0 shade1" run="false" json="personsdead" bind="dead:dead" bindvalue="{{ jsonheader:content-range = split('/',1) }}">
      <div id="personsdead" class="box cards list br0-" iterate="true" datasource="{{ storage:api.persons.endpoint }}?and=(death.not.is.null)" dataheader="{{ storage:api.persons.headers }}">
        <a href="database/person.html?id={{ jsonget:id }}">
          <figure class="p1 bcwhite bcblack001_h">
            <img src="" jsonget="birth.country_code" jsonbefore="https://cdn.front.nu/dist/design/front/flags/famfamfam/" jsonafter=".gif" class="f0">
            <p class="f2 pl1" filteron="true">{{ jsonget:first_name.swe }} {{ jsonget:middle_name.swe }} {{ jsonget:last_name.swe }}</p>
            <p class="tar" jsonget="death.date"></p>
          </figure>
        </a>
      </div>
    </section>
  </nav>

</section>