Finally, added BlockCard
This commit is contained in:
parent
5d6e1864a5
commit
0220d3d304
4 changed files with 43 additions and 4 deletions
21
src/components/block_card/block_card.js
Normal file
21
src/components/block_card/block_card.js
Normal file
|
@ -0,0 +1,21 @@
|
|||
import BasicUserCard from '../basic_user_card/basic_user_card.vue'
|
||||
|
||||
const BlockCard = {
|
||||
props: ['user'],
|
||||
data () {
|
||||
return {
|
||||
progress: false,
|
||||
updated: false
|
||||
}
|
||||
},
|
||||
components: {
|
||||
BasicUserCard
|
||||
},
|
||||
methods: {
|
||||
unblockUser () {
|
||||
this.progress = true
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export default BlockCard
|
16
src/components/block_card/block_card.vue
Normal file
16
src/components/block_card/block_card.vue
Normal file
|
@ -0,0 +1,16 @@
|
|||
<template>
|
||||
<basic-user-card :user="user">
|
||||
<template slot="secondary-area">
|
||||
<button class="btn btn-default" @click="unblockUser" :disabled="progress">
|
||||
<template v-if="progress">
|
||||
{{ $t('user_card.unblock_progress') }}
|
||||
</template>
|
||||
<template v-else>
|
||||
{{ $t('user_card.unblock') }}
|
||||
</template>
|
||||
</button>
|
||||
</template>
|
||||
</basic-user-card>
|
||||
</template>
|
||||
|
||||
<script src="./block_card.js"></script>
|
Loading…
Add table
Add a link
Reference in a new issue