[Client] ✌️

This commit is contained in:
syuilo 2017-03-30 06:45:43 +09:00
parent 0b0d6d2ba4
commit af03db6ae6
3 changed files with 0 additions and 117 deletions

View file

@ -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');

View file

@ -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>

View file

@ -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