mirror of
https://git.joinsharkey.org/Sharkey/Sharkey.git
synced 2024-11-14 06:03:09 +02:00
wip
This commit is contained in:
parent
3c4719a0b1
commit
20707d6fd9
3 changed files with 27 additions and 3 deletions
|
@ -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"
|
||||||
|
|
|
@ -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: "名前を変更"
|
||||||
|
|
|
@ -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
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue