src/components/Message.vueView |
---|
1 | 1 … | |
2 | 2 … | <template> |
3 | 3 … | <div class="media"> |
4 | | - {{ profile_image }} |
| 4 … | + <img :src="profile_image"> |
| 5 … | + </img> |
5 | 6 … | |
6 | 7 … | <div class="media-body"> |
7 | 8 … | <h5 class="mt-0">{{ author }}</h5> |
8 | 9 … | |
30 | 31 … | data () { |
31 | 32 … | return { |
32 | 33 … | author: "...", |
33 | 34 … | image_url: "http://via.placeholder.com/90x90", |
34 | | - api: this.$depject_api |
| 35 … | + api: this.$depject_api, |
| 36 … | + |
35 | 37 … | } |
36 | 38 … | }, |
37 | 39 … | subscriptions: function () { |
38 | | - return { |
39 | | - profile_image: this.$observers.cb_obs( |
40 | | - this.api.avatar_image[0] |
41 | | - )(this.message.value.content.author(), 'tiny', this) |
42 | | - } |
| 40 … | + // var obj = { |
| 41 … | + // debugger |
| 42 … | + |
| 43 … | + // profile_image: Rx.Observable.bindCallback( this.api.avatar_image[0].bind(this) )('@ywmhh72dezK+GrK+/QiYOJ0dKWVuGA/AkpOB/wrWTgk=.ed25519') |
| 44 … | + // } |
| 45 … | + // // debugger |
| 46 … | + // |
| 47 … | + // return obj |
43 | 48 … | }, |
| 49 … | + computed: { |
| 50 … | + profile_image: function(){ |
| 51 … | + return vm.$depject_api.blob_url[0]("&aIbhv+YRJ85BAWzI1oCwa9716L5pdvMliMdh4KOT+SE=.sha256") } |
| 52 … | + }, |
44 | 53 … | methods: { |
45 | 54 … | setAuthor(err, a){ |
46 | 55 … | if(a[0] == null) |
47 | 56 … | return |