[Client] ✌️
This commit is contained in:
parent
0b0d6d2ba4
commit
af03db6ae6
@ -24,7 +24,6 @@ require('./messaging/message.tag');
|
||||
require('./messaging/index.tag');
|
||||
require('./messaging/form.tag');
|
||||
require('./stream-indicator.tag');
|
||||
require('./public-timeline.tag');
|
||||
require('./activity-table.tag');
|
||||
require('./reaction-picker.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>
|
||||
</main>
|
||||
<mk-forkit></mk-forkit>
|
||||
<section class="tl">
|
||||
<h2>投稿を見てみよう</h2>
|
||||
<mk-public-timeline></mk-public-timeline>
|
||||
</section>
|
||||
<footer>
|
||||
<mk-copyright></mk-copyright>
|
||||
</footer>
|
||||
@ -22,7 +18,6 @@
|
||||
right: auto;
|
||||
left: 15px;
|
||||
}
|
||||
|
||||
</style>
|
||||
<style>
|
||||
:scope
|
||||
|
Loading…
Reference in New Issue
Block a user