2017-05-06 04:15:04 +00:00
|
|
|
<script>
|
2017-05-08 20:22:26 +00:00
|
|
|
import eventHub from '../event_hub';
|
|
|
|
|
2017-05-06 04:15:04 +00:00
|
|
|
export default {
|
|
|
|
props: {
|
|
|
|
group: {
|
|
|
|
type: Object,
|
|
|
|
required: true,
|
2017-05-08 20:22:26 +00:00
|
|
|
},
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
toggleSubGroups() {
|
|
|
|
eventHub.$emit('toggleSubGroups', this.group);
|
|
|
|
},
|
|
|
|
},
|
2017-05-06 04:15:04 +00:00
|
|
|
};
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
2017-05-12 08:36:08 +00:00
|
|
|
<li
|
|
|
|
@click="toggleSubGroups" class="list-group-item"
|
|
|
|
:id="group.id"
|
|
|
|
>
|
|
|
|
<span v-show="group.expandable">
|
2017-05-09 23:10:19 +00:00
|
|
|
<i
|
|
|
|
v-show="group.isOpen"
|
|
|
|
class="fa fa-caret-down"
|
|
|
|
aria-hidden="true" />
|
|
|
|
<i
|
|
|
|
v-show="!group.isOpen"
|
|
|
|
class="fa fa-caret-right"
|
|
|
|
aria-hidden="true"/>
|
|
|
|
</span>
|
|
|
|
|
2017-05-12 08:36:08 +00:00
|
|
|
<code>{{group.id}}</code> - <code v-show="group.isOrphan">Orphan</code> <a :href="group.webUrl">{{group.fullName}}</a></span>
|
|
|
|
<span>{{group.description}}</span>
|
2017-05-09 23:10:19 +00:00
|
|
|
|
2017-05-12 08:36:08 +00:00
|
|
|
<group-folder v-if="group.isOpen" :groups="group.subGroups" />
|
2017-05-09 23:10:19 +00:00
|
|
|
</li>
|
2017-05-06 04:15:04 +00:00
|
|
|
</template>
|