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

#17: Markdown syntax for attendee notes

Browse source
This commit is contained in:
Davide Alberani 2017-01-28 10:39:39 +01:00
parent e4355a8ff2
commit 99ca2ab005
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/Attendee.vue
View file

@ -3,7 +3,7 @@
<md-icon>person</md-icon> <md-icon>person</md-icon>
<div v-if="!edit" class="md-list-text-container"> <div v-if="!edit" class="md-list-text-container">
<span>{{ attendee.name }}</span> <span>{{ attendee.name }}</span>
<span v-if="attendee.notes" class="attendee-notes">{{ attendee.notes }}</span> <vue-markdown v-if="attendee.notes" class="attendee-notes" :source="attendee.notes" :break="false"></vue-markdown>
</div> </div>
<div v-if="edit"> <div v-if="edit">
<md-input-container md-inline> <md-input-container md-inline>
@ -12,7 +12,7 @@
<div class="notes-editor-list-item"> <div class="notes-editor-list-item">
<md-input-container md-inline> <md-input-container md-inline>
<label>notes</label> <label>notes</label>
<md-input class="attendee-notes" @keyup.enter.native="updateAttendee()" @keydown.esc.native="edit = false" v-model="attendee.notes" /> <md-input @keyup.enter.native="updateAttendee()" @keydown.esc.native="edit = false" v-model="attendee.notes" />
</md-input-container> </md-input-container>
</div> </div>
</div> </div>
@ -38,6 +38,7 @@
<script> <script>
import IbtDialog from './IbtDialog.vue'; import IbtDialog from './IbtDialog.vue';
import VueMarkdown from 'vue-markdown';
export default { export default {
props: {attendee: {default: {}}}, props: {attendee: {default: {}}},
@ -94,7 +95,7 @@ export default {
} }
}, },
components: {IbtDialog} components: { IbtDialog, VueMarkdown }
}; };
</script> </script>