| src/components/Message.vueView |
|---|
| 1 | 1 … | |
| 2 | 2 … | <template> |
| 3 | | - <div class="media"> |
| 4 | | - <img class="mr-3 rounded " style="max-width: 60px; " :src="image_url"> |
| 3 … | + <div class="media mt-3 col-sm-8"> |
| 4 … | + <img class="pr-3 rounded " style="max-width: 60px; " :src="image_url"> |
| 5 | 5 … | <div class="media-body col-sm-9"> |
| 6 | 6 … | <h5 class="mt-0 text-truncate">{{ author }}</h5> |
| 7 | 7 … | |
| 8 | 8 … | <span v-if="" class="text-truncate" v-html="content_text()"></span> |
| 10 | 10 … | <p> |
| 11 | 11 … | {{ message.value.content.type() }} |
| 12 | 12 … | </p> |
| 13 | 13 … | </div> |
| 14 … | + |
| 15 … | + {{ relatedMessages.length }} replies: |
| 16 … | + <message v-for="message in relatedMessages" :message="message"> |
| 17 … | + </message> |
| 18 … | + |
| 14 | 19 … | <hr/> |
| 15 | 20 … | </div> |
| 16 | 21 … | </template> |
| 17 | 22 … | |
| 29 | 34 … | data () { |
| 30 | 35 … | return { |
| 31 | 36 … | author: "...", |
| 32 | 37 … | image_url: "http://via.placeholder.com/90x90", |
| 33 | | - relatedMessages: {} |
| 38 … | + relatedMessages: [] |
| 34 | 39 … | } |
| 35 | 40 … | }, |
| 36 | 41 … | |
| 37 | 42 … | methods: { |
| 41 | 46 … | this.author = nn( a[0] ).name() |
| 42 | 47 … | }, |
| 43 | 48 … | |
| 44 | 49 … | setRelatedMessages(err, a){ |
| 45 | | - // debugger |
| 50 … | + |
| 46 | 51 … | if(err) { |
| 47 | 52 … | console.log('message.vue.setRelatedMessages.err', err) |
| 48 | 53 … | } |
| 49 | | - if(a === null) { return } |
| 54 … | + // console.log(a) |
| 50 | 55 … | |
| 51 | 56 … | // debugger |
| 52 | | - this.relatedMessages = a |
| 57 … | + if(a) |
| 58 … | + this.relatedMessages = a.every(function(e){ nn(e) }) |
| 53 | 59 … | }, |
| 54 | 60 … | |
| 55 | 61 … | // Get markdown formatted version of message content |
| 56 | 62 … | content_text() |