[Client] ✌️
This commit is contained in:
parent
0b0d6d2ba4
commit
af03db6ae6
|
@ -24,7 +24,6 @@ require('./messaging/message.tag');
|
||||||
require('./messaging/index.tag');
|
require('./messaging/index.tag');
|
||||||
require('./messaging/form.tag');
|
require('./messaging/form.tag');
|
||||||
require('./stream-indicator.tag');
|
require('./stream-indicator.tag');
|
||||||
require('./public-timeline.tag');
|
|
||||||
require('./activity-table.tag');
|
require('./activity-table.tag');
|
||||||
require('./reaction-picker.tag');
|
require('./reaction-picker.tag');
|
||||||
require('./reactions-viewer.tag');
|
require('./reactions-viewer.tag');
|
||||||
|
|
|
@ -1,111 +0,0 @@
|
||||||
<mk-public-timeline>
|
|
||||||
<inside-renderer each="{ posts }"></inside-renderer>
|
|
||||||
<style>
|
|
||||||
:scope
|
|
||||||
display block
|
|
||||||
</style>
|
|
||||||
<script>
|
|
||||||
this.mixin('api');
|
|
||||||
|
|
||||||
this.posts = [];
|
|
||||||
this.isFetching = true;
|
|
||||||
|
|
||||||
this.on('mount', () => {
|
|
||||||
this.api('posts', {
|
|
||||||
limit: 5,
|
|
||||||
repost: false,
|
|
||||||
reply: false,
|
|
||||||
media: false,
|
|
||||||
poll: false
|
|
||||||
}).then(posts => {
|
|
||||||
this.update({
|
|
||||||
isFetching: false,
|
|
||||||
posts: posts
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</mk-public-timeline>
|
|
||||||
|
|
||||||
<inside-renderer>
|
|
||||||
<article>
|
|
||||||
<img src={ user.avatar_url + '?thumbnail&size=64' } alt="avatar"/>
|
|
||||||
<div>
|
|
||||||
<header>
|
|
||||||
<span class="name">{ user.name }</span>
|
|
||||||
<span class="username">@{ user.username }</span>
|
|
||||||
</header>
|
|
||||||
<div class="body">
|
|
||||||
<div class="text" ref="text"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</article>
|
|
||||||
<style>
|
|
||||||
:scope
|
|
||||||
display block
|
|
||||||
|
|
||||||
> article
|
|
||||||
padding 28px
|
|
||||||
border-bottom solid 1px #eee
|
|
||||||
|
|
||||||
&:last-child
|
|
||||||
border-bottom none
|
|
||||||
|
|
||||||
> img
|
|
||||||
display block
|
|
||||||
position absolute
|
|
||||||
width 58px
|
|
||||||
height 58px
|
|
||||||
margin 0
|
|
||||||
border-radius 100%
|
|
||||||
vertical-align bottom
|
|
||||||
|
|
||||||
> div
|
|
||||||
min-height 58px
|
|
||||||
padding-left 68px
|
|
||||||
|
|
||||||
> header
|
|
||||||
margin-bottom 2px
|
|
||||||
|
|
||||||
> .name
|
|
||||||
margin 0 .5em 0 0
|
|
||||||
padding 0
|
|
||||||
color #777
|
|
||||||
|
|
||||||
> .username
|
|
||||||
margin 0 .5em 0 0
|
|
||||||
color #ccc
|
|
||||||
|
|
||||||
> .body
|
|
||||||
> .text
|
|
||||||
cursor default
|
|
||||||
display block
|
|
||||||
margin 0
|
|
||||||
padding 0
|
|
||||||
overflow-wrap break-word
|
|
||||||
font-size 1.1em
|
|
||||||
color #717171
|
|
||||||
|
|
||||||
</style>
|
|
||||||
<script>
|
|
||||||
import compile from '../../common/scripts/text-compiler';
|
|
||||||
|
|
||||||
this.on('mount', () => {
|
|
||||||
const html = compile(this.ast);
|
|
||||||
this.refs.text.innerHTML = html;
|
|
||||||
|
|
||||||
this.refs.text.children.forEach(e => {
|
|
||||||
if (e.tagName == 'MK-URL') riot.mount(e);
|
|
||||||
});
|
|
||||||
|
|
||||||
// URLをプレビュー
|
|
||||||
this.ast
|
|
||||||
.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
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</inside-renderer>
|
|
|
@ -9,10 +9,6 @@
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
<mk-forkit></mk-forkit>
|
<mk-forkit></mk-forkit>
|
||||||
<section class="tl">
|
|
||||||
<h2>投稿を見てみよう</h2>
|
|
||||||
<mk-public-timeline></mk-public-timeline>
|
|
||||||
</section>
|
|
||||||
<footer>
|
<footer>
|
||||||
<mk-copyright></mk-copyright>
|
<mk-copyright></mk-copyright>
|
||||||
</footer>
|
</footer>
|
||||||
|
@ -22,7 +18,6 @@
|
||||||
right: auto;
|
right: auto;
|
||||||
left: 15px;
|
left: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
<style>
|
<style>
|
||||||
:scope
|
:scope
|
||||||
|
|
Loading…
Reference in New Issue