Refactor
This commit is contained in:
syuilo
@@ -5,7 +5,7 @@
|
||||
<button class="close" onclick={ cancel }><i class="fa fa-times"></i></button>
|
||||
<button class="ok" onclick={ ok }><i class="fa fa-check"></i></button>
|
||||
</header>
|
||||
<mk-drive ref="browser" select-folder={ true }></mk-drive>
|
||||
<mk-drive ref="browser" select-folder={ true }/>
|
||||
</div>
|
||||
<style>
|
||||
:scope
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
<button class="close" onclick={ cancel }><i class="fa fa-times"></i></button>
|
||||
<button class="ok" onclick={ ok }><i class="fa fa-check"></i></button>
|
||||
</header>
|
||||
<mk-drive ref="browser" select-file={ true } multiple={ opts.multiple }></mk-drive>
|
||||
<mk-drive ref="browser" select-file={ true } multiple={ opts.multiple }/>
|
||||
</div>
|
||||
<style>
|
||||
:scope
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
<p>{ file.name }</p>
|
||||
</virtual>
|
||||
</nav>
|
||||
<mk-uploader ref="uploader"></mk-uploader>
|
||||
<mk-uploader ref="uploader"/>
|
||||
<div class="browser { fetching: fetching }" if={ file == null }>
|
||||
<div class="info" if={ info }>
|
||||
<p if={ folder == null }>{ (info.usage / info.capacity * 100).toFixed(1) }% %i18n:mobile.tags.mk-drive.used%</p>
|
||||
@@ -26,13 +26,13 @@
|
||||
</div>
|
||||
<div class="folders" if={ folders.length > 0 }>
|
||||
<virtual each={ folder in folders }>
|
||||
<mk-drive-folder folder={ folder }></mk-drive-folder>
|
||||
<mk-drive-folder folder={ folder }/>
|
||||
</virtual>
|
||||
<p if={ moreFolders }>%i18n:mobile.tags.mk-drive.load-more%</p>
|
||||
</div>
|
||||
<div class="files" if={ files.length > 0 }>
|
||||
<virtual each={ file in files }>
|
||||
<mk-drive-file file={ file }></mk-drive-file>
|
||||
<mk-drive-file file={ file }/>
|
||||
</virtual>
|
||||
<button class="more" if={ moreFiles } onclick={ fetchMoreFiles }>
|
||||
{ fetchingMoreFiles ? '%i18n:common.loading%' : '%i18n:mobile.tags.mk-drive.load-more%' }
|
||||
@@ -50,7 +50,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<input ref="file" type="file" multiple="multiple" onchange={ changeLocalFile }/>
|
||||
<mk-drive-file-viewer if={ file != null } file={ file }></mk-drive-file-viewer>
|
||||
<mk-drive-file-viewer if={ file != null } file={ file }/>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
|
||||
@@ -19,11 +19,11 @@
|
||||
</div>
|
||||
<div class="info">
|
||||
<div>
|
||||
<span class="type"><mk-file-type-icon type={ file.type }></mk-file-type-icon>{ file.type }</span>
|
||||
<span class="type"><mk-file-type-icon type={ file.type }/>{ file.type }</span>
|
||||
<span class="separator"></span>
|
||||
<span class="data-size">{ bytesToSize(file.datasize) }</span>
|
||||
<span class="separator"></span>
|
||||
<span class="created-at" onclick={ showCreatedAt }><i class="fa fa-clock-o"></i><mk-time time={ file.created_at }></mk-time></span>
|
||||
<span class="created-at" onclick={ showCreatedAt }><i class="fa fa-clock-o"></i><mk-time time={ file.created_at }/></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu">
|
||||
|
||||
@@ -10,12 +10,12 @@
|
||||
li.tag(style={background: tag.color, color: contrast(tag.color)})= tag.name
|
||||
-->
|
||||
<footer>
|
||||
<p class="type"><mk-file-type-icon type={ file.type }></mk-file-type-icon>{ file.type }</p>
|
||||
<p class="type"><mk-file-type-icon type={ file.type }/>{ file.type }</p>
|
||||
<p class="separator"></p>
|
||||
<p class="data-size">{ bytesToSize(file.datasize) }</p>
|
||||
<p class="separator"></p>
|
||||
<p class="created-at">
|
||||
<i class="fa fa-clock-o"></i><mk-time time={ file.created_at }></mk-time>
|
||||
<i class="fa fa-clock-o"></i><mk-time time={ file.created_at }/>
|
||||
</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<mk-home-timeline>
|
||||
<mk-init-following if={ noFollowing } />
|
||||
<mk-timeline ref="timeline" init={ init } more={ more } empty={ '%i18n:mobile.tags.mk-home-timeline.empty-timeline%' }></mk-timeline>
|
||||
<mk-timeline ref="timeline" init={ init } more={ more } empty={ '%i18n:mobile.tags.mk-home-timeline.empty-timeline%' }/>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<mk-home>
|
||||
<mk-home-timeline ref="tl"></mk-home-timeline>
|
||||
<mk-home-timeline ref="tl"/>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
<div class="body"><a class="name" href={ '/' + username } target="_blank">{ name }</a>
|
||||
<p class="username">@{ username }</p>
|
||||
</div>
|
||||
<mk-follow-button user={ this }></mk-follow-button>
|
||||
<mk-follow-button user={ this }/>
|
||||
</div>
|
||||
</div>
|
||||
<p class="empty" if={ !fetching && users.length == 0 }>おすすめのユーザーは見つかりませんでした。</p>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<mk-notification class={ notification.type }>
|
||||
<mk-time time={ notification.created_at }></mk-time>
|
||||
<mk-time time={ notification.created_at }/>
|
||||
<virtual if={ notification.type == 'reaction' }>
|
||||
<a class="avatar-anchor" href={ '/' + notification.user.username }>
|
||||
<img class="avatar" src={ notification.user.avatar_url + '?thumbnail&size=64' } alt="avatar"/>
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="notifications" if={ notifications.length != 0 }>
|
||||
<virtual each={ notification, i in notifications }>
|
||||
<div>
|
||||
<mk-notification notification={ notification }></mk-notification>
|
||||
<mk-notification notification={ notification }/>
|
||||
</div>
|
||||
<p class="date" if={ i != notifications.length - 1 && notification._date != notifications[i + 1]._date }><span><i class="fa fa-angle-up"></i>{ notification._datetext }</span><span><i class="fa fa-angle-down"></i>{ notifications[i + 1]._datetext }</span></p>
|
||||
</virtual>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<mk-notify>
|
||||
<mk-notification-preview notification={ opts.notification }></mk-notification-preview>
|
||||
<mk-notification-preview notification={ opts.notification }/>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<mk-drive-page>
|
||||
<mk-ui ref="ui">
|
||||
<mk-drive ref="browser" folder={ parent.opts.folder } file={ parent.opts.file } data-is-naked="true"></mk-drive>
|
||||
<mk-drive ref="browser" folder={ parent.opts.folder } file={ parent.opts.file } data-is-naked="true"/>
|
||||
</mk-ui>
|
||||
<style>
|
||||
:scope
|
||||
@@ -63,7 +63,7 @@
|
||||
|
||||
document.title = title;
|
||||
// TODO: escape html characters in file.name
|
||||
ui.trigger('title', '<mk-file-type-icon class="icon"></mk-file-type-icon>' + file.name);
|
||||
ui.trigger('title', '<mk-file-type-icon class="icon"/>' + file.name);
|
||||
riot.mount('mk-file-type-icon', {
|
||||
type: file.type
|
||||
});
|
||||
|
||||
@@ -1,14 +1,14 @@
|
||||
<mk-entrance>
|
||||
<main><img src="/assets/title.svg" alt="Misskey"/>
|
||||
<mk-entrance-signin if={ mode == 'signin' }></mk-entrance-signin>
|
||||
<mk-entrance-signup if={ mode == 'signup' }></mk-entrance-signup>
|
||||
<mk-entrance-signin if={ mode == 'signin' }/>
|
||||
<mk-entrance-signup if={ mode == 'signup' }/>
|
||||
<div class="introduction" if={ mode == 'introduction' }>
|
||||
<mk-introduction></mk-introduction>
|
||||
<mk-introduction/>
|
||||
<button onclick={ signin }>%i18n:common.ok%</button>
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
<mk-copyright></mk-copyright>
|
||||
<mk-copyright/>
|
||||
</footer>
|
||||
<style>
|
||||
:scope
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<mk-entrance-signin>
|
||||
<mk-signin></mk-signin>
|
||||
<mk-signin/>
|
||||
<div class="divider"><span>or</span></div>
|
||||
<button class="signup" onclick={ parent.signup }>%i18n:mobile.tags.mk-entrance-signin.signup%</button><a class="introduction" onclick={ parent.introduction }>%i18n:mobile.tags.mk-entrance-signin.about%</a>
|
||||
<style>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<mk-entrance-signup>
|
||||
<mk-signup></mk-signup>
|
||||
<mk-signup/>
|
||||
<button class="cancel" type="button" onclick={ parent.signin } title="%i18n:mobile.tags.mk-entrance-signup.cancel%"><i class="fa fa-times"></i></button>
|
||||
<style>
|
||||
:scope
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<mk-home-page>
|
||||
<mk-ui ref="ui">
|
||||
<mk-home ref="home"></mk-home>
|
||||
<mk-home ref="home"/>
|
||||
</mk-ui>
|
||||
<style>
|
||||
:scope
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<mk-messaging-room-page>
|
||||
<mk-ui ref="ui">
|
||||
<mk-messaging-room if={ !parent.fetching } user={ parent.user } is-naked={ true }></mk-messaging-room>
|
||||
<mk-messaging-room if={ !parent.fetching } user={ parent.user } is-naked={ true }/>
|
||||
</mk-ui>
|
||||
<style>
|
||||
:scope
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<mk-messaging-page>
|
||||
<mk-ui ref="ui">
|
||||
<mk-messaging ref="index"></mk-messaging>
|
||||
<mk-messaging ref="index"/>
|
||||
</mk-ui>
|
||||
<style>
|
||||
:scope
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<mk-new-post-page>
|
||||
<mk-post-form ref="form"></mk-post-form>
|
||||
<mk-post-form ref="form"/>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<mk-notifications-page>
|
||||
<mk-ui ref="ui">
|
||||
<mk-notifications ref="notifications"></mk-notifications>
|
||||
<mk-notifications ref="notifications"/>
|
||||
</mk-ui>
|
||||
<style>
|
||||
:scope
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<mk-post-page>
|
||||
<mk-ui ref="ui">
|
||||
<main>
|
||||
<mk-post-detail ref="post" post={ parent.post }></mk-post-detail>
|
||||
<mk-post-detail ref="post" post={ parent.post }/>
|
||||
</main>
|
||||
</mk-ui>
|
||||
<style>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<mk-search-page>
|
||||
<mk-ui ref="ui">
|
||||
<mk-search ref="search" query={ parent.opts.query }></mk-search>
|
||||
<mk-search ref="search" query={ parent.opts.query }/>
|
||||
</mk-ui>
|
||||
<style>
|
||||
:scope
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<mk-api-info-page>
|
||||
<mk-ui ref="ui">
|
||||
<mk-api-info></mk-api-info>
|
||||
<mk-api-info/>
|
||||
</mk-ui>
|
||||
<style>
|
||||
:scope
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<mk-authorized-apps-page>
|
||||
<mk-ui ref="ui">
|
||||
<mk-authorized-apps></mk-authorized-apps>
|
||||
<mk-authorized-apps/>
|
||||
</mk-ui>
|
||||
<style>
|
||||
:scope
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<mk-signin-history-page>
|
||||
<mk-ui ref="ui">
|
||||
<mk-signin-history></mk-signin-history>
|
||||
<mk-signin-history/>
|
||||
</mk-ui>
|
||||
<style>
|
||||
:scope
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<mk-twitter-setting-page>
|
||||
<mk-ui ref="ui">
|
||||
<mk-twitter-setting></mk-twitter-setting>
|
||||
<mk-twitter-setting/>
|
||||
</mk-ui>
|
||||
<style>
|
||||
:scope
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<mk-user-followers-page>
|
||||
<mk-ui ref="ui">
|
||||
<mk-user-followers ref="list" if={ !parent.fetching } user={ parent.user }></mk-user-followers>
|
||||
<mk-user-followers ref="list" if={ !parent.fetching } user={ parent.user }/>
|
||||
</mk-ui>
|
||||
<style>
|
||||
:scope
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<mk-user-following-page>
|
||||
<mk-ui ref="ui">
|
||||
<mk-user-following ref="list" if={ !parent.fetching } user={ parent.user }></mk-user-following>
|
||||
<mk-user-following ref="list" if={ !parent.fetching } user={ parent.user }/>
|
||||
</mk-ui>
|
||||
<style>
|
||||
:scope
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<mk-user-page>
|
||||
<mk-ui ref="ui">
|
||||
<mk-user ref="user" user={ parent.user } page={ parent.opts.page }></mk-user>
|
||||
<mk-user ref="user" user={ parent.user } page={ parent.opts.page }/>
|
||||
</mk-ui>
|
||||
<style>
|
||||
:scope
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<mk-post-detail>
|
||||
<div class="fetching" if={ fetching }>
|
||||
<mk-ellipsis-icon></mk-ellipsis-icon>
|
||||
<mk-ellipsis-icon/>
|
||||
</div>
|
||||
<div class="main" if={ !fetching }>
|
||||
<button class="read-more" if={ p.reply_to && p.reply_to.reply_to_id && context == null } onclick={ loadContext } disabled={ loadingContext }>
|
||||
@@ -9,11 +9,11 @@
|
||||
</button>
|
||||
<div class="context">
|
||||
<virtual each={ post in context }>
|
||||
<mk-post-preview post={ post }></mk-post-preview>
|
||||
<mk-post-preview post={ post }/>
|
||||
</virtual>
|
||||
</div>
|
||||
<div class="reply-to" if={ p.reply_to }>
|
||||
<mk-post-preview post={ p.reply_to }></mk-post-preview>
|
||||
<mk-post-preview post={ p.reply_to }/>
|
||||
</div>
|
||||
<div class="repost" if={ isRepost }>
|
||||
<p>
|
||||
@@ -40,13 +40,13 @@
|
||||
<div class="media" if={ p.media }>
|
||||
<virtual each={ file in p.media }><img src={ file.url + '?thumbnail&size=512' } alt={ file.name } title={ file.name }/></virtual>
|
||||
</div>
|
||||
<mk-poll if={ p.poll } post={ p }></mk-poll>
|
||||
<mk-poll if={ p.poll } post={ p }/>
|
||||
</div>
|
||||
<a class="time" href={ url }>
|
||||
<mk-time time={ p.created_at } mode="detail"></mk-time>
|
||||
<mk-time time={ p.created_at } mode="detail"/>
|
||||
</a>
|
||||
<footer>
|
||||
<mk-reactions-viewer post={ p }></mk-reactions-viewer>
|
||||
<mk-reactions-viewer post={ p }/>
|
||||
<button onclick={ reply } title="%i18n:mobile.tags.mk-post-detail.reply%"><i class="fa fa-reply"></i>
|
||||
<p class="count" if={ p.replies_count > 0 }>{ p.replies_count }</p>
|
||||
</button>
|
||||
@@ -61,7 +61,7 @@
|
||||
</article>
|
||||
<div class="replies">
|
||||
<virtual each={ post in replies }>
|
||||
<mk-post-preview post={ post }></mk-post-preview>
|
||||
<mk-post-preview post={ post }/>
|
||||
</virtual>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
</div>
|
||||
</header>
|
||||
<div class="form">
|
||||
<mk-post-preview if={ opts.reply } post={ opts.reply }></mk-post-preview>
|
||||
<mk-post-preview if={ opts.reply } post={ opts.reply }/>
|
||||
<textarea ref="text" disabled={ wait } oninput={ update } onkeydown={ onkeydown } onpaste={ onpaste } placeholder={ opts.reply ? '%i18n:mobile.tags.mk-post-form.reply-placeholder%' : '%i18n:mobile.tags.mk-post-form.post-placeholder%' }></textarea>
|
||||
<div class="attaches" if={ files.length != 0 }>
|
||||
<ul class="files" ref="attaches">
|
||||
@@ -19,8 +19,8 @@
|
||||
<li class="add" if={ files.length < 4 } title="%i18n:mobile.tags.mk-post-form.attach-media-from-local%" onclick={ selectFile }><i class="fa fa-plus"></i></li>
|
||||
</ul>
|
||||
</div>
|
||||
<mk-poll-editor if={ poll } ref="poll" ondestroy={ onPollDestroyed }></mk-poll-editor>
|
||||
<mk-uploader ref="uploader"></mk-uploader>
|
||||
<mk-poll-editor if={ poll } ref="poll" ondestroy={ onPollDestroyed }/>
|
||||
<mk-uploader ref="uploader"/>
|
||||
<button ref="upload" onclick={ selectFile }><i class="fa fa-upload"></i></button>
|
||||
<button ref="drive" onclick={ selectFileFromDrive }><i class="fa fa-cloud"></i></button>
|
||||
<button class="cat" onclick={ cat }><i class="fa fa-smile-o"></i></button>
|
||||
|
||||
@@ -8,11 +8,11 @@
|
||||
<a class="name" href={ '/' + post.user.username }>{ post.user.name }</a>
|
||||
<span class="username">@{ post.user.username }</span>
|
||||
<a class="time" href={ '/' + post.user.username + '/' + post.id }>
|
||||
<mk-time time={ post.created_at }></mk-time>
|
||||
<mk-time time={ post.created_at }/>
|
||||
</a>
|
||||
</header>
|
||||
<div class="body">
|
||||
<mk-sub-post-content class="text" post={ post }></mk-sub-post-content>
|
||||
<mk-sub-post-content class="text" post={ post }/>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<mk-search-posts>
|
||||
<mk-timeline init={ init } more={ more } empty={ '%i18n:mobile.tags.mk-search-posts.empty%'.replace('{}', query) }></mk-timeline>
|
||||
<mk-timeline init={ init } more={ more } empty={ '%i18n:mobile.tags.mk-search-posts.empty%'.replace('{}', query) }/>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<mk-search>
|
||||
<mk-search-posts ref="posts" query={ query }></mk-search-posts>
|
||||
<mk-search-posts ref="posts" query={ query }/>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
|
||||
@@ -2,11 +2,11 @@
|
||||
<div class="body"><a class="reply" if={ post.reply_to_id }><i class="fa fa-reply"></i></a><span ref="text"></span><a class="quote" if={ post.repost_id } href={ '/post:' + post.repost_id }>RP: ...</a></div>
|
||||
<details if={ post.media }>
|
||||
<summary>({ post.media.length }個のメディア)</summary>
|
||||
<mk-images-viewer images={ post.media }></mk-images-viewer>
|
||||
<mk-images-viewer images={ post.media }/>
|
||||
</details>
|
||||
<details if={ post.poll }>
|
||||
<summary>%i18n:mobile.tags.mk-sub-post-content.poll%</summary>
|
||||
<mk-poll post={ post }></mk-poll>
|
||||
<mk-poll post={ post }/>
|
||||
</details>
|
||||
<style>
|
||||
:scope
|
||||
|
||||
@@ -2,9 +2,9 @@
|
||||
<article><a class="avatar-anchor" href={ '/' + post.user.username }><img class="avatar" src={ post.user.avatar_url + '?thumbnail&size=96' } alt="avatar"/></a>
|
||||
<div class="main">
|
||||
<header><a class="name" href={ '/' + post.user.username }>{ post.user.name }</a><span class="username">@{ post.user.username }</span><a class="created-at" href={ '/' + post.user.username + '/' + post.id }>
|
||||
<mk-time time={ post.created_at }></mk-time></a></header>
|
||||
<mk-time time={ post.created_at }/></a></header>
|
||||
<div class="body">
|
||||
<mk-sub-post-content class="text" post={ post }></mk-sub-post-content>
|
||||
<mk-sub-post-content class="text" post={ post }/>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<mk-timeline-post class={ repost: isRepost }>
|
||||
<div class="reply-to" if={ p.reply_to }>
|
||||
<mk-timeline-post-sub post={ p.reply_to }></mk-timeline-post-sub>
|
||||
<mk-timeline-post-sub post={ p.reply_to }/>
|
||||
</div>
|
||||
<div class="repost" if={ isRepost }>
|
||||
<p>
|
||||
@@ -9,7 +9,7 @@
|
||||
</a>
|
||||
<i class="fa fa-retweet"></i>{'%i18n:mobile.tags.mk-timeline-post.reposted-by%'.substr(0, '%i18n:mobile.tags.mk-timeline-post.reposted-by%'.indexOf('{'))}<a class="name" href={ '/' + post.user.username }>{ post.user.name }</a>{'%i18n:mobile.tags.mk-timeline-post.reposted-by%'.substr('%i18n:mobile.tags.mk-timeline-post.reposted-by%'.indexOf('}') + 1)}
|
||||
</p>
|
||||
<mk-time time={ post.created_at }></mk-time>
|
||||
<mk-time time={ post.created_at }/>
|
||||
</div>
|
||||
<article>
|
||||
<a class="avatar-anchor" href={ '/' + p.user.username }>
|
||||
@@ -21,7 +21,7 @@
|
||||
<span class="is-bot" if={ p.user.is_bot }>bot</span>
|
||||
<span class="username">@{ p.user.username }</span>
|
||||
<a class="created-at" href={ url }>
|
||||
<mk-time time={ p.created_at }></mk-time>
|
||||
<mk-time time={ p.created_at }/>
|
||||
</a>
|
||||
</header>
|
||||
<div class="body">
|
||||
@@ -33,16 +33,16 @@
|
||||
<a class="quote" if={ p.repost != null }>RP:</a>
|
||||
</div>
|
||||
<div class="media" if={ p.media }>
|
||||
<mk-images-viewer images={ p.media }></mk-images-viewer>
|
||||
<mk-images-viewer images={ p.media }/>
|
||||
</div>
|
||||
<mk-poll if={ p.poll } post={ p } ref="pollViewer"></mk-poll>
|
||||
<mk-poll if={ p.poll } post={ p } ref="pollViewer"/>
|
||||
<span class="app" if={ p.app }>via <b>{ p.app.name }</b></span>
|
||||
<div class="repost" if={ p.repost }><i class="fa fa-quote-right fa-flip-horizontal"></i>
|
||||
<mk-post-preview class="repost" post={ p.repost }></mk-post-preview>
|
||||
<mk-post-preview class="repost" post={ p.repost }/>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<mk-reactions-viewer post={ p } ref="reactionsViewer"></mk-reactions-viewer>
|
||||
<mk-reactions-viewer post={ p } ref="reactionsViewer"/>
|
||||
<button onclick={ reply }><i class="fa fa-reply"></i>
|
||||
<p class="count" if={ p.replies_count > 0 }>{ p.replies_count }</p>
|
||||
</button>
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<i class="fa fa-comments-o"></i>{ opts.empty || '%i18n:mobile.tags.mk-timeline.empty%' }
|
||||
</div>
|
||||
<virtual each={ post, i in posts }>
|
||||
<mk-timeline-post post={ post }></mk-timeline-post>
|
||||
<mk-timeline-post post={ post }/>
|
||||
<p class="date" if={ i != posts.length - 1 && post._date != posts[i + 1]._date }>
|
||||
<span><i class="fa fa-angle-up"></i>{ post._datetext }</span>
|
||||
<span><i class="fa fa-angle-down"></i>{ posts[i + 1]._datetext }</span>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<mk-ui-header>
|
||||
<mk-special-message></mk-special-message>
|
||||
<mk-special-message/>
|
||||
<div class="main">
|
||||
<div class="backdrop"></div>
|
||||
<div class="content">
|
||||
|
||||
@@ -1,10 +1,10 @@
|
||||
<mk-ui>
|
||||
<mk-ui-header></mk-ui-header>
|
||||
<mk-ui-nav ref="nav"></mk-ui-nav>
|
||||
<mk-ui-header/>
|
||||
<mk-ui-nav ref="nav"/>
|
||||
<div class="content">
|
||||
<yield />
|
||||
</div>
|
||||
<mk-stream-indicator></mk-stream-indicator>
|
||||
<mk-stream-indicator/>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<mk-user-followers>
|
||||
<mk-users-list ref="list" fetch={ fetch } count={ user.followers_count } you-know-count={ user.followers_you_know_count } no-users={ '%i18n:mobile.tags.mk-user-followers.no-users%' }></mk-users-list>
|
||||
<mk-users-list ref="list" fetch={ fetch } count={ user.followers_count } you-know-count={ user.followers_you_know_count } no-users={ '%i18n:mobile.tags.mk-user-followers.no-users%' }/>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<mk-user-following>
|
||||
<mk-users-list ref="list" fetch={ fetch } count={ user.following_count } you-know-count={ user.following_you_know_count } no-users={ '%i18n:mobile.tags.mk-user-following.no-users%' }></mk-users-list>
|
||||
<mk-users-list ref="list" fetch={ fetch } count={ user.following_count } you-know-count={ user.following_you_know_count } no-users={ '%i18n:mobile.tags.mk-user-following.no-users%' }/>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<mk-user-timeline>
|
||||
<mk-timeline ref="timeline" init={ init } more={ more } empty={ withMedia ? '%i18n:mobile.tags.mk-user-timeline.no-posts-with-media%' : '%i18n:mobile.tags.mk-user-timeline.no-posts%' }></mk-timeline>
|
||||
<mk-timeline ref="timeline" init={ init } more={ more } empty={ withMedia ? '%i18n:mobile.tags.mk-user-timeline.no-posts-with-media%' : '%i18n:mobile.tags.mk-user-timeline.no-posts%' }/>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<a class="avatar">
|
||||
<img src={ user.avatar_url + '?thumbnail&size=160' } alt="avatar"/>
|
||||
</a>
|
||||
<mk-follow-button if={ SIGNIN && I.id != user.id } user={ user }></mk-follow-button>
|
||||
<mk-follow-button if={ SIGNIN && I.id != user.id } user={ user }/>
|
||||
</div>
|
||||
<div class="title">
|
||||
<h1>{ user.name }</h1>
|
||||
@@ -37,7 +37,7 @@
|
||||
<i>%i18n:mobile.tags.mk-user.followers%</i>
|
||||
</a>
|
||||
</div>
|
||||
<mk-activity-table user={ user }></mk-activity-table>
|
||||
<mk-activity-table user={ user }/>
|
||||
</div>
|
||||
<nav>
|
||||
<a data-is-active={ page == 'posts' } onclick={ go.bind(null, 'posts') }>%i18n:mobile.tags.mk-user.posts%</a>
|
||||
@@ -45,8 +45,8 @@
|
||||
</nav>
|
||||
</header>
|
||||
<div class="body">
|
||||
<mk-user-timeline if={ page == 'posts' } user={ user }></mk-user-timeline>
|
||||
<mk-user-timeline if={ page == 'media' } user={ user } with-media={ true }></mk-user-timeline>
|
||||
<mk-user-timeline if={ page == 'posts' } user={ user }/>
|
||||
<mk-user-timeline if={ page == 'media' } user={ user } with-media={ true }/>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<span if={ SIGNIN && opts.youKnowCount } data-is-active={ mode == 'iknow' } onclick={ setMode.bind(this, 'iknow') }>%i18n:mobile.tags.mk-users-list.known%<span>{ opts.youKnowCount }</span></span>
|
||||
</nav>
|
||||
<div class="users" if={ !fetching && users.length != 0 }>
|
||||
<mk-user-preview each={ users } user={ this }></mk-user-preview>
|
||||
<mk-user-preview each={ users } user={ this }/>
|
||||
</div>
|
||||
<button class="more" if={ !fetching && next != null } onclick={ more } disabled={ moreFetching }>
|
||||
<span if={ !moreFetching }>%i18n:mobile.tags.mk-users-list.load-more%</span>
|
||||
|
||||
Reference in New Issue
Block a user