surya/freeplanet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Iniziato il SignUp

Browse Source
This commit is contained in:
paolo
2018-10-13 19:14:58 +02:00
parent a2673c0502
commit 43f2484e54
53 changed files with 3072 additions and 518 deletions
Download Patch File Download Diff File Expand all files Collapse all files

137
src/components/layout/drawer/drawer.vue
View File

@@ -1,37 +1,40 @@
<template>
<q-drawer ref="leftDrawer" v-show="getLayoutNeeded">
<div id="profile">
<img :src="photo" style='height: 80px' class="inline-block">
<!--img src="../img/avatar-1.svg" id="avatar" class="inline-block"-->
<div id="user-name">
<span class="text-white"> {{ name }} </span>
<hr>
<span class="text-white"> {{ email }} </span>
<hr>
</div>
<div id="user-actions">
<button class="bordered blue small" ><i>person</i></button>
<button class="bordered blue small" ><i>lock</i></button>
<button class="bordered blue small" @click='logOut'><i>exit_to_app</i></button>
</div>
</div>
<menu-one :links="links"></menu-one>
<div>
<div id="profile">
<img :src="photo" style='height: 80px' class="inline-block">
<img src="../img/avatar-1.svg" id="avatar" class="inline-block">
<div id="user-name">
<span class="text-white"> {{ name }} </span>
<hr>
<span class="text-white"> {{ email }} </span>
<hr>
</div>
<div id="user-actions">
<button class="bordered blue small"><i>person</i></button>
<button class="bordered blue small"><i>lock</i></button>
<button class="bordered blue small" @click='logOut'><i>exit_to_app</i></button>
</div>
</div>
<menu-one v-if="getMenuCollapse" :links="links"></menu-one>
<menu-two v-else :links="links"></menu-two>
<div class="fixed-bottom text-center light text-italic">
Powered by
<a href="https://vuejs.org/"><img src="../img/vue-logo.png" alt=""></a>
<a href="http://quasar-framework.org/"><img src="../img/quasar-logo.png" alt=""></a>
</div>
<div class="fixed-bottom text-center light text-italic">
Powered by
<a href="https://vuejs.org/"><img src="../img/vue-logo.png" alt=""></a>
<a href="http://quasar-framework.org/"><img src="../img/quasar-logo.png" alt=""></a>
</div>
</q-drawer>
</template>
<script type="text/javascript">
import { mapGetters } from 'vuex'
import {mapGetters} from 'vuex'
import menuOne from './menuOne.vue'
import menuTwo from './menuTwo.vue'
//import firebase from 'firebase'
export default {
data () {
data() {
return {
photo: '',
userId: '',
@@ -41,31 +44,34 @@
links: {
Dashboard: {
routes: [
{ route: '/', faIcon: 'fa fa-home', materialIcon: 'home', name: 'Dashboard One' }
{route: '/', faIcon: 'fa fa-home', materialIcon: 'home', name: 'Dashboard One'},
{route: '/signup', faIcon: 'fa fa-signup', materialIcon: 'login', name: 'SignUp'},
{route: '/signin', faIcon: 'fa fa-login', materialIcon: 'login', name: 'Login'},
],
show: true
},
Forms: {
routes: [
{ route: '/form', faIcon: 'fa fa-search', materialIcon: 'search', name: 'Form find / edit' },
{route: '/prec', faIcon: 'fa fa-search', materialIcon: 'search', name: 'Prec'},
{ route: '/embeeded', faIcon: 'fa fa-check', materialIcon: 'check', name: 'Embeeded validations' },
{ route: '/advanced-form-one', faIcon: 'fa fa-hdd-o', materialIcon: 'filter_1', name: 'Adv. Form One' }
//{ route: '/advanced-form-one', faIcon: 'fa fa-hdd-o', materialIcon: 'filter_1', name: 'Adv. Form One' }
],
show: false
},
Pages: {
routes: [
{ route: '/login-one', faIcon: 'fa fa-unlock-alt', materialIcon: 'lock_open', name: 'Login One' },
{ route: '/pricing', faIcon: 'fa fa-money', materialIcon: 'attach_money', name: 'Pricing' },
{ route: '/drag-and-drop', faIcon: 'fa fa-arrows', materialIcon: 'move_to_inbox', name: 'Drag and Drop' },
{ route: '/server-side-data-table', faIcon: 'fa fa-list-alt', materialIcon: 'list_compact', name: 'Server Side Data Table' }
{route: '/login', faIcon: 'fa fa-unlock-alt', materialIcon: 'lock_open', name: 'Login'},
//{ route: '/pricing', faIcon: 'fa fa-money', materialIcon: 'attach_money', name: 'Pricing' },
//{ route: '/drag-and-drop', faIcon: 'fa fa-arrows', materialIcon: 'move_to_inbox', name: 'Drag and Drop' },
//{ route: '/server-side-data-table', faIcon: 'fa fa-list-alt', materialIcon: 'list_compact', name: 'Server Side Data Table' }
],
show: false
}
}
}
},
created () {
created() {
console.log("CREA DRAWER!!!!!!!!")
var vm = this
/*firebase.auth().onAuthStateChanged(function (user) {
if (user) {
@@ -78,12 +84,12 @@
})*/
},
methods: {
logOut () {
logOut() {
//firebase.auth().signOut()
}
},
computed: {
...mapGetters(['getLayoutNeeded', 'getMenuCollapse'])
...mapGetters("glob", ['getLayoutNeeded', 'getMenuCollapse'])
},
components: {
menuOne,
@@ -92,34 +98,39 @@
}
</script>
<style scoped>
.fixed-bottom {
margin-bottom: 1%;
}
.fixed-bottom {
margin-bottom: 1%;
}
.fixed-bottom a img {
width: 25px;
height: 25px;
}
#avatar{
padding: 20px;
}
#profile {
height: 130px;
background-color: #009688;
}
#user-name {
left: 90px;
bottom: 77px;
position: relative;
width: 159px;
}
#user-actions {
left: 90px;
bottom: 71px;
position: relative;
width: 171px;
}
#menu-collapse {
margin-top: 5%;
}
.fixed-bottom a img {
width: 25px;
height: 25px;
}
#avatar {
padding: 20px;
}
#profile {
height: 130px;
background-color: #009688;
}
#user-name {
left: 90px;
bottom: 77px;
position: relative;
width: 159px;
}
#user-actions {
left: 90px;
bottom: 71px;
position: relative;
width: 171px;
}
#menu-collapse {
margin-top: 5%;
}
</style>