warning member

This commit is contained in:
Bachir Soussi Chiadmi 2021-06-08 21:20:59 +02:00
parent c22383e99c
commit 8f8467ae97
14 changed files with 136 additions and 9 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -2520,6 +2520,21 @@ form#user-pass{
} }
} }
#member-warning{
padding: 2em 4em;
text-align: center;
h2{
}
p{
}
a{
@include btn;
background-color: $color-webshowroom;
color: #fff;
}
}
// ___ _ // ___ _
// | __|__ ___| |_ ___ _ _ // | __|__ ___| |_ ___ _ _
// | _/ _ \/ _ \ _/ -_) '_| // | _/ _ \/ _ \ _/ -_) '_|

View File

@ -95,13 +95,15 @@
import { mapState, mapActions } from 'vuex' import { mapState, mapActions } from 'vuex'
import cardMixins from 'vuejs/components/cardMixins' import cardMixins from 'vuejs/components/cardMixins'
import ModalCard from 'vuejs/components/Content/ModalCard' import ModalCard from 'vuejs/components/Content/ModalCard'
import MemberWarning from 'vuejs/components/Content/MemberWarning'
export default { export default {
name: "Card", name: "Card",
props: ['item'], props: ['item'],
mixins: [cardMixins], mixins: [cardMixins],
components: { components: {
ModalCard ModalCard,
MemberWarning
}, },
data() { data() {
return { return {
@ -215,6 +217,22 @@ export default {
height: '95%' height: '95%'
} }
) )
} else {
this.$modal.show(
MemberWarning,
{},
{
// name: `modal-${this.item.id}`,
draggable: false,
// classes: "vm--modale-card",
// this does not work
// adaptative: true,
// maxWidth: 850,
// maxHeight: 610,
width: '400px',
height: '250px'
}
)
} }
} }
} }

View File

@ -0,0 +1,39 @@
<template>
<div id="member-warning">
<h2>{{ $t('materio.Oops') }}</h2>
<!-- <router-link :to="{ name: 'pricing'}">Join us</router-link> -->
<p>{{ $t('materio.To be able to access to our 8000+ materials you need become a member') }}</p>
<a
href="/pricing"
@click.prevent="onclick"
>{{ $t('materio.Join us') }}</a>
</div>
</template>
<script>
import router from 'vuejs/route'
export default {
name: "MemberWarning",
router,
data: () => ({
}),
methods:{
onclick(){
console.log('clicked', )
this.$modal.hideAll()
this.$router.push({
name:`pricing`
// params: { alias:this.alias, id: this.item.nid }
// query: { nid: this.item.nid }
// meta: { uuid:this.item.uuid },
})
}
}
}
</script>
<style lang="scss" scoped>
</style>