<template>
  <div v-if="tools.isDebugOn()" class="bg-red text-white">
    <span> isAppRunning: {{isAppRunning}} - </span>
    <span> deferredPrompt: {{deferredPrompt}} - </span>
    <span> finishLoading: {{finishLoading}} - </span>
  </div>
  <div v-if="finishLoading && !isAppRunning && deferredPrompt" class="row justify-center">

    <q-btn
      glossy
      size="xl"
      label="Installa App"
      @click="installApp"
      icon="fas fa-mobile-alt"
      color="green"
      text-color="white"
    />
  </div>
  <!--<div class="row justify-center">
    <CBigBtn
      label="Info" to="" @click="showInfo = true" icon="fas fa-info" color="primary"
      :numcol="3"
      >
    </CBigBtn>
  </div>
  <div v-if="showInfo">

  </div>-->
</template>

<script lang="ts" src="./CCheckAppRunning.ts">
</script>

<style lang="scss" scoped>
@import './CCheckAppRunning.scss';
</style>
