This commit is contained in:
syuilo 2017-11-01 03:41:34 +09:00
parent 3c4719a0b1
commit 20707d6fd9
3 changed files with 27 additions and 3 deletions

View file

@ -360,6 +360,9 @@ desktop:
mobile: mobile:
tags: tags:
mk-selectdrive-page:
select-file: "Select file(s)"
mk-drive-file-viewer: mk-drive-file-viewer:
download: "Download" download: "Download"
rename: "Rename" rename: "Rename"

View file

@ -360,6 +360,9 @@ desktop:
mobile: mobile:
tags: tags:
mk-selectdrive-page:
select-file: "ファイルを選択"
mk-drive-file-viewer: mk-drive-file-viewer:
download: "ダウンロード" download: "ダウンロード"
rename: "名前を変更" rename: "名前を変更"

View file

@ -1,9 +1,13 @@
<mk-channel> <mk-channel>
<main if={ !fetching }> <main if={ !fetching }>
<h1>{ channel.title }</h1> <h1>{ channel.title }</h1>
<virtual if={ posts }> <p if={ postsFetching }>読み込み中<mk-ellipsis/></p>
<div if={ !postsFetching }>
<p if={ posts == null }></p>>
<virtual if={ posts != null }>
<mk-channel-post each={ posts.slice().reverse() } post={ this } form={ parent.refs.form }/> <mk-channel-post each={ posts.slice().reverse() } post={ this } form={ parent.refs.form }/>
</virtual> </virtual>
</div>
<hr> <hr>
<mk-channel-form if={ SIGNIN } channel={ channel } ref="form"/> <mk-channel-form if={ SIGNIN } channel={ channel } ref="form"/>
<div if={ !SIGNIN }> <div if={ !SIGNIN }>
@ -33,6 +37,7 @@
this.id = this.opts.id; this.id = this.opts.id;
this.fetching = true; this.fetching = true;
this.postsFetching = true;
this.channel = null; this.channel = null;
this.posts = null; this.posts = null;
this.connection = new ChannelStream(this.id); this.connection = new ChannelStream(this.id);
@ -60,6 +65,7 @@
channel_id: this.id channel_id: this.id
}).then(posts => { }).then(posts => {
this.update({ this.update({
postsFetching: false,
posts: posts posts: posts
}); });
}); });
@ -84,6 +90,7 @@
<header> <header>
<a class="index" onclick={ reply }>{ post.index }:</a> <a class="index" onclick={ reply }>{ post.index }:</a>
<a class="name" href={ '/' + post.user.username }><b>{ post.user.name }</b></a> <a class="name" href={ '/' + post.user.username }><b>{ post.user.name }</b></a>
<mk-time time={ post.created_at }/>
<mk-time time={ post.created_at } mode="detail"/> <mk-time time={ post.created_at } mode="detail"/>
<span>ID:<i>{ post.user.username }</i></span> <span>ID:<i>{ post.user.username }</i></span>
</header> </header>
@ -114,6 +121,17 @@
> mk-time > mk-time
margin-right 0.5em margin-right 0.5em
&:first-of-type
display none
@media (max-width 600px)
> mk-time
&:first-of-type
display initial
&:last-of-type
display none
> div > div
padding 0 0 1em 2em padding 0 0 1em 2em