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">
  <hr class="bos8 black mt2 mb2">
  <article json="true;loader" iterate="false" datasource="https://gqfktgknxmguhxgkajat.supabase.co/rest/v1/rpc/persons" dataheader="apikey:eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJyb2xlIjoiYW5vbiIsImlhdCI6MTYyMDc2MTg0NCwiZXhwIjoxOTM2MzM3ODQ0fQ.xEa_GuNypFdHSdQVLCd0beoL_v8jhWKjSTypX6kn-sg">
      <h4 globalize="population" class="mb1">Persons</h4>
      <h7>Living:</h7>
      <p><i class="tag br2 bcblack01 p05 fwb w10r pr1 pl1 mb1 mt05" loader="true" jsonget="alive"></i></p>
      <h7>Dead:</h7>
      <p><i class="tag br2 bcblack01 p05 fwb w10r pr1 pl1 mb1 mt05" loader="true" jsonget="dead"></i></p>
  </article>
  <hr class="bos8 black mt2 mb2">
  <article json="true;loader" iterate="false" datasource="https://gqfktgknxmguhxgkajat.supabase.co/rest/v1/rpc/buildings" dataheader="apikey:eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJyb2xlIjoiYW5vbiIsImlhdCI6MTYyMDc2MTg0NCwiZXhwIjoxOTM2MzM3ODQ0fQ.xEa_GuNypFdHSdQVLCd0beoL_v8jhWKjSTypX6kn-sg">
      <h4 globalize="properties" class="mb1">Properties</h4>
      <b class="mb1">Buildings</b>
      <h7>Registred churches in Diaspora:</h7>
      <p><i class="tag br2 bcblack01 p05 fwb w10r pr1 pl1 mb1 mt05" loader="true" jsonget="churches"></i></p>
      <h7>Registred schools in Diaspora:</h7>
      <p><i class="tag br2 bcblack01 p05 fwb w10r pr1 pl1 mb1 mt05" loader="true" jsonget="schools"></i></p>
  </article>
  <hr class="bos8 black mt2 mb2">
</section>

<section class="pauto" storage="api">

  <h3 globalize="persons_awaiting_approval">Persons awaiting approval</h3>
  <nav class="tabs mt1" id="test">
    <input type="radio" name="panel" id="tabalive" checked>
    <label for="tabalive" id="alive">Alive ({# alive #})</label>
    <section class="lg_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="database/person.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="lg_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>