IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

import GroupMembers component in group settings

Browse Source
This commit is contained in:
ogerly 2022-09-09 12:23:51 +02:00
parent 3d5f29c0f1
commit a5d5dd7eda
2 changed files with 13 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
webapp/components/Group/GroupMember.vue
View File

@ -1,7 +1,7 @@
<template>
<div>
<ds-space><h3>Members</h3></ds-space>
<ds-table :data="tableData" :fields="tableFields">
<ds-table :data="GroupMembers" :fields="tableFields">
<template slot="avatar">
<ds-avatar online size="small" name="Hans Peter"></ds-avatar>
</template>
@ -20,7 +20,7 @@ export default {
data() {
return {
tableFields: ['avatar', 'name', 'type', 'loves', 'edit'],
tableData: [
GroupMembers: [
{
name: 'Rengar',
type: 'Jungler',

62
webapp/pages/group/edit/_id/members.vue
View File

@ -1,56 +1,16 @@
<template>
<div>
<ds-space><h3>Members</h3></ds-space>
<ds-table :data="tableData" :fields="tableFields">
<template slot="avatar">
<ds-avatar online size="small" name="Hans Peter"></ds-avatar>
</template>
<template slot="loves" slot-scope="scope">
{{ scope.row.name }} loves {{ scope.row.loves }}
</template>
<template slot="edit" slot-scope="scope">
<ds-button size="small" @click="deleteRow(scope.row)">delete</ds-button>
</template>
</ds-table>
</div>
</template>
<script>
<div>
<ds-container>
<group-member />
</ds-container>
</div>
</template>
<script>
import GroupMember from '~/components/Group/GroupMember'
export default {
name: 'GroupMember',
data() {
return {
tableFields: ['avatar', 'name', 'type', 'loves', 'edit'],
tableData: [
{
name: 'Rengar',
type: 'Jungler',
loves: 'Hide and seek',
},
{
name: 'Renekton',
type: 'Toplaner',
loves: 'Slice and dice',
},
{
name: 'Twitch',
type: 'ADC',
loves: 'Spray and pray',
},
{
name: 'Blitz',
type: 'Support',
loves: 'Hook you up',
},
],
components: {
GroupMember,
}
},
methods: {
deleteRow(row) {
const index = this.tableData.indexOf(row)
if (index > -1) {
this.tableData.splice(index, 1)
}
},
},
}
</script>