This commit is contained in:
syuilo 2018-02-11 23:35:32 +09:00
parent ea2b5a5aac
commit cbec4229d3
2 changed files with 108 additions and 114 deletions

View file

@ -1,5 +1,5 @@
<template>
<a :href="url" target="_blank" :title="url" v-if="!fetching">
<a class="mk-url-preview" :href="url" target="_blank" :title="url" v-if="!fetching">
<div class="thumbnail" v-if="thumbnail" :style="`background-image: url(${thumbnail})`"></div>
<article>
<header>
@ -11,11 +11,13 @@
<p>{{ sitename }}</p>
</footer>
</article>
</a>
</a>
</template>
<script lang="typescript">
export default {
<script lang="ts">
import Vue from 'vue';
export default Vue.extend({
props: ['url'],
data() {
return {
@ -40,16 +42,13 @@
});
});
}
};
});
</script>
<style lang="stylus" scoped>
:scope
.mk-url-preview
display block
font-size 16px
> a
display block
border solid 1px #eee
border-radius 4px
overflow hidden
@ -109,8 +108,6 @@
@media (max-width 500px)
font-size 8px
> a
border none
> .thumbnail

View file

@ -34,6 +34,7 @@
<a class="reply" v-if="p.reply">%fa:reply%</a>
<mk-post-html :ast="p.ast" :i="$root.$data.os.i"/>
<a class="quote" v-if="p.repost">RP:</a>
<mk-url-preview v-for="url in urls" :url="url" :key="url"/>
</div>
<div class="media" v-if="p.media">
<mk-images :images="p.media"/>
@ -101,6 +102,15 @@ export default Vue.extend({
},
url(): string {
return `/${this.p.user.username}/${this.p.id}`;
},
urls(): string[] {
if (this.p.ast) {
return this.p.ast
.filter(t => (t.type == 'url' || t.type == 'link') && !t.silent)
.map(t => t.url);
} else {
return null;
}
}
},
created() {
@ -113,19 +123,6 @@ export default Vue.extend({
if (this.$root.$data.os.isSignedIn) {
this.connection.on('_connected_', this.onStreamConnected);
}
if (this.p.text) {
const tokens = this.p.ast;
// URL
tokens
.filter(t => (t.type == 'url' || t.type == 'link') && !t.silent)
.map(t => {
riot.mount(this.$refs.text.appendChild(document.createElement('mk-url-preview')), {
url: t.url
});
});
}
},
beforeDestroy() {
this.decapture(true);