104 lines
2.2 KiB
Vue
104 lines
2.2 KiB
Vue
<template>
|
|
<div id="q-app">
|
|
<q-layout :style="{ backgroundColor: backgroundColor}">
|
|
<app-header></app-header>
|
|
<div class="layout-view">
|
|
<q-ajax-bar></q-ajax-bar>
|
|
<q-page-container>
|
|
<transition name="fade" mode="out-in">
|
|
<router-view/>
|
|
</transition>
|
|
</q-page-container>
|
|
</div>
|
|
</q-layout>
|
|
<!--<appsignup v-show="true" @close="myshowModal=false"></appsignup>-->
|
|
|
|
</div>
|
|
</template>
|
|
<script lang="ts">
|
|
import Vue from "vue"
|
|
import { Component } from 'vue-property-decorator'
|
|
import { UserStore } from '@store'
|
|
import { EventBus, RootState, storeBuilder, DebugMode } from '@store'
|
|
import router from "./router"
|
|
|
|
import $ from "jquery"
|
|
|
|
import Header from './components/Header.vue'
|
|
|
|
@Component({
|
|
components: {
|
|
appHeader: Header,
|
|
},
|
|
router
|
|
})
|
|
export default class App extends Vue {
|
|
public backgroundColor = 'whitesmoke'
|
|
|
|
created() {
|
|
//this.title = 'My Vue and CosmosDB Heroes App'
|
|
if (process.env.DEV) {
|
|
console.info("SESSIONE IN SVILUPPO ! (DEV)")
|
|
console.info(process.env)
|
|
}
|
|
if (process.env.PROD) {
|
|
console.info("SESSIONE IN PRODUZIONE!")
|
|
console.info(process.env)
|
|
}
|
|
|
|
UserStore.actions.autologin()
|
|
.then((loginEseguito) => {
|
|
if (loginEseguito) {
|
|
// this.$router.replace('/')
|
|
}
|
|
})
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
|
|
.fade-enter-active, .fade-leave-active {
|
|
transition: opacity .2s;
|
|
}
|
|
|
|
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */
|
|
{
|
|
opacity: 0;
|
|
}
|
|
|
|
.slide-enter {
|
|
}
|
|
|
|
.slide-enter-active {
|
|
animation: slide-in 0.2s ease-out forwards;
|
|
}
|
|
|
|
.slide-leave {
|
|
}
|
|
|
|
.slide-leave-active {
|
|
animation: slide-out 0.5s ease-out forwards;
|
|
}
|
|
|
|
@keyframes slide-in {
|
|
from {
|
|
transform: translateX(-500px);
|
|
}
|
|
to {
|
|
transform: translateX(0);
|
|
}
|
|
}
|
|
|
|
@keyframes slide-out {
|
|
from {
|
|
transform: translateX(0);
|
|
}
|
|
|
|
to {
|
|
transform: translateX(1600px);
|
|
}
|
|
}
|
|
|
|
</style>
|