alberanid/ibt2
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

fixes #9: number of attendees counter

Browse source
This commit is contained in:
Davide Alberani 2017-01-17 19:25:56 +01:00
parent 47d34f805a
commit a6a4deff70
1 changed files with 20 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
src/Group.vue
View file

@ -4,7 +4,7 @@
<md-card-header class="group-header"> <md-card-header class="group-header">
<md-layout md-row> <md-layout md-row>
<div class="md-title"> <div class="md-title">
<md-icon class="group-icon">folder_open</md-icon>&nbsp;Group: {{ group.group }} <md-icon class="group-icon">folder_open</md-icon>&nbsp;Group: {{ group.group }}&nbsp;<span class="counter">{{ counter }}</span>
</div> </div>
</md-layout> </md-layout>
</md-card-header> </md-card-header>
@ -54,6 +54,12 @@ export default {
return { newAttendee: '', newGroup: '' } return { newAttendee: '', newGroup: '' }
}, },
computed: {
counter: function() {
return (this.group.attendees || []).length;
}
},
beforeCreate: function() { beforeCreate: function() {
this.attendeesUrl = this.$resource('attendees{/id}'); this.attendeesUrl = this.$resource('attendees{/id}');
}, },
@ -127,4 +133,17 @@ export default {
.new-group-header i:after { .new-group-header i:after {
background-color: initial !important; background-color: initial !important;
} }
.counter {
margin-left: 4px;
position: relative;
bottom: 12px;
background-color: #eee;
color: #666;
padding: 2px 5px;
border-radius: 20px;
font-size: 12px;
font-weight: 200;
line-height: 1;
}
</style> </style>