<template>
  <div id="q-app">
    <div>
      <q-layout view="hHh Lpr lff" class="shadow-2 rounded-borders">
        <app-header>
        </app-header>
        <q-ajax-bar></q-ajax-bar>

        <CPreloadImages :arrimg="static_data.preLoadImages">
        </CPreloadImages>


        <q-page-container id="mypage">
          <div v-if="finishLoading">
            <transition name="fade" mode="out-in">
              <router-view/>
            </transition>
          </div>
          <q-inner-loading id="spinner" :showing="!finishLoading">
            <q-spinner-tail
              color="primary"
              size="4em">
            </q-spinner-tail>
          </q-inner-loading>
        </q-page-container>
      </q-layout>
    </div>
    <BannerCookies urlInfo="/policy"></BannerCookies>
  </div>
</template>
<script lang="ts" src="./App.ts">
</script>
<style lang="scss">
@import './App';
</style>
