Refactor
This commit is contained in:
parent
e24651ce68
commit
7d07cde40c
104 changed files with 194 additions and 194 deletions
|
|
@ -5,7 +5,7 @@
|
|||
<i class="fa fa-cloud"></i>%i18n:desktop.tags.mk-drive-browser-window.drive%
|
||||
</yield>
|
||||
<yield to="content">
|
||||
<mk-drive-browser multiple={ true } folder={ parent.folder }></mk-drive-browser>
|
||||
<mk-drive-browser multiple={ true } folder={ parent.folder }/>
|
||||
</yield>
|
||||
</mk-window>
|
||||
<style>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
<mk-drive-browser>
|
||||
<nav>
|
||||
<div class="path" oncontextmenu={ pathOncontextmenu }>
|
||||
<mk-drive-browser-nav-folder class={ current: folder == null } folder={ null }></mk-drive-browser-nav-folder>
|
||||
<mk-drive-browser-nav-folder class={ current: folder == null } folder={ null }/>
|
||||
<virtual each={ folder in hierarchyFolders }><span class="separator"><i class="fa fa-angle-right"></i></span>
|
||||
<mk-drive-browser-nav-folder folder={ folder }></mk-drive-browser-nav-folder>
|
||||
<mk-drive-browser-nav-folder folder={ folder }/>
|
||||
</virtual>
|
||||
<span class="separator" if={ folder != null }><i class="fa fa-angle-right"></i></span>
|
||||
<span class="folder current" if={ folder != null }>{ folder.name }</span>
|
||||
|
|
@ -15,13 +15,13 @@
|
|||
<div class="contents" ref="contents">
|
||||
<div class="folders" ref="foldersContainer" if={ folders.length > 0 }>
|
||||
<virtual each={ folder in folders }>
|
||||
<mk-drive-browser-folder class="folder" folder={ folder }></mk-drive-browser-folder>
|
||||
<mk-drive-browser-folder class="folder" folder={ folder }/>
|
||||
</virtual>
|
||||
<button if={ moreFolders }>%i18n:desktop.tags.mk-drive-browser.load-more%</button>
|
||||
</div>
|
||||
<div class="files" ref="filesContainer" if={ files.length > 0 }>
|
||||
<virtual each={ file in files }>
|
||||
<mk-drive-browser-file class="file" file={ file }></mk-drive-browser-file>
|
||||
<mk-drive-browser-file class="file" file={ file }/>
|
||||
</virtual>
|
||||
<button if={ moreFiles } onclick={ fetchMoreFiles }>%i18n:desktop.tags.mk-drive-browser.load-more%</button>
|
||||
</div>
|
||||
|
|
@ -39,7 +39,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="dropzone" if={ draghover }></div>
|
||||
<mk-uploader ref="uploader"></mk-uploader>
|
||||
<mk-uploader ref="uploader"/>
|
||||
<input ref="fileInput" type="file" accept="*/*" multiple="multiple" tabindex="-1" onchange={ changeFileInput }/>
|
||||
<style>
|
||||
:scope
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
<div class="body"><a class="name" href={ '/' + username } target="_blank" data-user-preview={ id }>{ 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,10 +1,10 @@
|
|||
<mk-mentions-home-widget>
|
||||
<header><span data-is-active={ mode == 'all' } onclick={ setMode.bind(this, 'all') }>すべて</span><span data-is-active={ mode == 'following' } onclick={ setMode.bind(this, 'following') }>フォロー中</span></header>
|
||||
<div class="loading" if={ isLoading }>
|
||||
<mk-ellipsis-icon></mk-ellipsis-icon>
|
||||
<mk-ellipsis-icon/>
|
||||
</div>
|
||||
<p class="empty" if={ isEmpty }><i class="fa fa-comments-o"></i><span if={ mode == 'all' }>あなた宛ての投稿はありません。</span><span if={ mode == 'following' }>あなたがフォローしているユーザーからの言及はありません。</span></p>
|
||||
<mk-timeline ref="timeline"><yield to="footer"><i class="fa fa-moon-o" if={ !parent.moreLoading }></i><i class="fa fa-spinner fa-pulse fa-fw" if={ parent.moreLoading }></i></yield></mk-timeline>
|
||||
<mk-timeline ref="timeline"><yield to="footer"><i class="fa fa-moon-o" if={ !parent.moreLoading }></i><i class="fa fa-spinner fa-pulse fa-fw" if={ parent.moreLoading }></i></yield/>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<mk-notifications-home-widget>
|
||||
<p class="title"><i class="fa fa-bell-o"></i>%i18n:desktop.tags.mk-notifications-home-widget.title%</p>
|
||||
<button onclick={ settings } title="%i18n:desktop.tags.mk-notifications-home-widget.settings%"><i class="fa fa-cog"></i></button>
|
||||
<mk-notifications></mk-notifications>
|
||||
<mk-notifications/>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<div class="poll" if={ !loading && poll != null }>
|
||||
<p if={ poll.text }><a href="/{ poll.user.username }/{ poll.id }">{ poll.text }</a></p>
|
||||
<p if={ !poll.text }><a href="/{ poll.user.username }/{ poll.id }"><i class="fa fa-link"></i></a></p>
|
||||
<mk-poll post={ poll }></mk-poll>
|
||||
<mk-poll post={ poll }/>
|
||||
</div>
|
||||
<p class="empty" if={ !loading && poll == null }>%i18n:desktop.tags.mk-recommended-polls-home-widget.nothing%</p>
|
||||
<p class="loading" if={ loading }><i class="fa fa-spinner fa-pulse fa-fw"></i>%i18n:common.loading%<mk-ellipsis/></p>
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
<mk-timeline-home-widget>
|
||||
<mk-following-setuper if={ noFollowing }></mk-following-setuper>
|
||||
<mk-following-setuper if={ noFollowing }/>
|
||||
<div class="loading" if={ isLoading }>
|
||||
<mk-ellipsis-icon></mk-ellipsis-icon>
|
||||
<mk-ellipsis-icon/>
|
||||
</div>
|
||||
<p class="empty" if={ isEmpty }><i class="fa fa-comments-o"></i>自分の投稿や、自分がフォローしているユーザーの投稿が表示されます。</p>
|
||||
<mk-timeline ref="timeline"><yield to="footer"><i class="fa fa-moon-o" if={ !parent.moreLoading }></i><i class="fa fa-spinner fa-pulse fa-fw" if={ parent.moreLoading }></i></yield></mk-timeline>
|
||||
<mk-timeline ref="timeline"><yield to="footer"><i class="fa fa-moon-o" if={ !parent.moreLoading }></i><i class="fa fa-spinner fa-pulse fa-fw" if={ parent.moreLoading }></i></yield/>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
<a class="name" href={ '/' + _user.username } data-user-preview={ _user.id }>{ _user.name }</a>
|
||||
<p class="username">@{ _user.username }</p>
|
||||
</div>
|
||||
<mk-follow-button user={ _user }></mk-follow-button>
|
||||
<mk-follow-button user={ _user }/>
|
||||
</div>
|
||||
<p class="empty" if={ !loading && users.length == 0 }>%i18n:desktop.tags.mk-user-recommendation-home-widget.no-one%</p>
|
||||
<p class="loading" if={ loading }><i class="fa fa-spinner fa-pulse fa-fw"></i>%i18n:common.loading%<mk-ellipsis/></p>
|
||||
|
|
|
|||
|
|
@ -2,8 +2,8 @@
|
|||
<div class="main">
|
||||
<div class="left" ref="left"></div>
|
||||
<main>
|
||||
<mk-timeline-home-widget ref="tl" if={ mode == 'timeline' }></mk-timeline-home-widget>
|
||||
<mk-mentions-home-widget ref="tl" if={ mode == 'mentions' }></mk-mentions-home-widget>
|
||||
<mk-timeline-home-widget ref="tl" if={ mode == 'timeline' }/>
|
||||
<mk-mentions-home-widget ref="tl" if={ mode == 'mentions' }/>
|
||||
</main>
|
||||
<div class="right" ref="right"></div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
<div class="description">{ user.description }</div>
|
||||
</div>
|
||||
</div>
|
||||
<mk-follow-button user={ user }></mk-follow-button>
|
||||
<mk-follow-button user={ user }/>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<mk-window ref="window" is-modal={ false } width={ '500px' } height={ '560px' }>
|
||||
<yield to="header"><i class="fa fa-comments"></i>メッセージ: { parent.user.name }</yield>
|
||||
<yield to="content">
|
||||
<mk-messaging-room user={ parent.user }></mk-messaging-room>
|
||||
<mk-messaging-room user={ parent.user }/>
|
||||
</yield>
|
||||
</mk-window>
|
||||
<style>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<mk-window ref="window" is-modal={ false } width={ '500px' } height={ '560px' }>
|
||||
<yield to="header"><i class="fa fa-comments"></i>メッセージ</yield>
|
||||
<yield to="content">
|
||||
<mk-messaging ref="index"></mk-messaging>
|
||||
<mk-messaging ref="index"/>
|
||||
</yield>
|
||||
</mk-window>
|
||||
<style>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<div class="notifications" if={ notifications.length != 0 }>
|
||||
<virtual each={ notification, i in notifications }>
|
||||
<div class="notification { 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 } data-user-preview={ notification.user.id }>
|
||||
<img class="avatar" src={ notification.user.avatar_url + '?thumbnail&size=48' } alt="avatar"/>
|
||||
|
|
|
|||
|
|
@ -1,16 +1,16 @@
|
|||
<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 }>わかった</button>
|
||||
</div>
|
||||
</main>
|
||||
<mk-forkit></mk-forkit>
|
||||
<mk-forkit/>
|
||||
<footer>
|
||||
<mk-copyright></mk-copyright>
|
||||
<mk-copyright/>
|
||||
</footer>
|
||||
<!-- ↓ https://github.com/riot/riot/issues/2134 (将来的)-->
|
||||
<style data-disable-scope="data-disable-scope">
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<h1><img if={ user } src={ user.avatar_url + '?thumbnail&size=32' }/>
|
||||
<p>{ user ? user.name : 'アカウント' }</p>
|
||||
</h1>
|
||||
<mk-signin ref="signin"></mk-signin>
|
||||
<mk-signin ref="signin"/>
|
||||
</div>
|
||||
<div class="divider"><span>or</span></div>
|
||||
<button class="signup" onclick={ parent.signup }>新規登録</button><a class="introduction" onclick={ introduction }>Misskeyについて</a>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<mk-entrance-signup>
|
||||
<mk-signup></mk-signup>
|
||||
<mk-signup/>
|
||||
<button class="cancel" type="button" onclick={ parent.signin } title="キャンセル"><i class="fa fa-times"></i></button>
|
||||
<style>
|
||||
:scope
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<mk-home-page>
|
||||
<mk-ui ref="ui" page={ page }>
|
||||
<mk-home ref="home" mode={ parent.opts.mode }></mk-home>
|
||||
<mk-home ref="home" mode={ parent.opts.mode }/>
|
||||
</mk-ui>
|
||||
<style>
|
||||
:scope
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<mk-post-page>
|
||||
<mk-ui ref="ui">
|
||||
<main>
|
||||
<mk-post-detail ref="detail" post={ parent.post }></mk-post-detail>
|
||||
<mk-post-detail ref="detail" 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-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
|
||||
|
|
|
|||
|
|
@ -10,7 +10,7 @@
|
|||
</div>
|
||||
<div class="right">
|
||||
<a class="time" href={ '/' + this.post.user.username + '/' + this.post.id }>
|
||||
<mk-time time={ post.created_at }></mk-time>
|
||||
<mk-time time={ post.created_at }/>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<mk-post-detail title={ title }>
|
||||
<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 } title="会話をもっと読み込む" onclick={ loadContext } disabled={ contextFetching }>
|
||||
|
|
@ -9,11 +9,11 @@
|
|||
</button>
|
||||
<div class="context">
|
||||
<virtual each={ post in context }>
|
||||
<mk-post-detail-sub post={ post }></mk-post-detail-sub>
|
||||
<mk-post-detail-sub post={ post }/>
|
||||
</virtual>
|
||||
</div>
|
||||
<div class="reply-to" if={ p.reply_to }>
|
||||
<mk-post-detail-sub post={ p.reply_to }></mk-post-detail-sub>
|
||||
<mk-post-detail-sub post={ p.reply_to }/>
|
||||
</div>
|
||||
<div class="repost" if={ isRepost }>
|
||||
<p>
|
||||
|
|
@ -34,7 +34,7 @@
|
|||
<a class="name" href={ '/' + p.user.username } data-user-preview={ p.user.id }>{ p.user.name }</a>
|
||||
<span class="username">@{ p.user.username }</span>
|
||||
<a class="time" href={ url }>
|
||||
<mk-time time={ p.created_at }></mk-time>
|
||||
<mk-time time={ p.created_at }/>
|
||||
</a>
|
||||
</header>
|
||||
<div class="body">
|
||||
|
|
@ -42,10 +42,10 @@
|
|||
<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>
|
||||
<footer>
|
||||
<mk-reactions-viewer post={ p }></mk-reactions-viewer>
|
||||
<mk-reactions-viewer post={ p }/>
|
||||
<button onclick={ reply } title="返信"><i class="fa fa-reply"></i>
|
||||
<p class="count" if={ p.replies_count > 0 }>{ p.replies_count }</p>
|
||||
</button>
|
||||
|
|
@ -60,7 +60,7 @@
|
|||
</article>
|
||||
<div class="replies">
|
||||
<virtual each={ post in replies }>
|
||||
<mk-post-detail-sub post={ post }></mk-post-detail-sub>
|
||||
<mk-post-detail-sub post={ post }/>
|
||||
</virtual>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -8,10 +8,10 @@
|
|||
</yield>
|
||||
<yield to="content">
|
||||
<div class="ref" if={ parent.opts.reply }>
|
||||
<mk-post-preview post={ parent.opts.reply }></mk-post-preview>
|
||||
<mk-post-preview post={ parent.opts.reply }/>
|
||||
</div>
|
||||
<div class="body">
|
||||
<mk-post-form ref="form" reply={ parent.opts.reply }></mk-post-form>
|
||||
<mk-post-form ref="form" reply={ parent.opts.reply }/>
|
||||
</div>
|
||||
</yield>
|
||||
</mk-window>
|
||||
|
|
|
|||
|
|
@ -11,16 +11,16 @@
|
|||
</ul>
|
||||
<p class="remain">{ 4 - files.length }/4</p>
|
||||
</div>
|
||||
<mk-poll-editor if={ poll } ref="poll" ondestroy={ onPollDestroyed }></mk-poll-editor>
|
||||
<mk-poll-editor if={ poll } ref="poll" ondestroy={ onPollDestroyed }/>
|
||||
</div>
|
||||
<mk-uploader ref="uploader"></mk-uploader>
|
||||
<mk-uploader ref="uploader"/>
|
||||
<button ref="upload" title="%i18n:desktop.tags.mk-post-form.attach-media-from-local%" onclick={ selectFile }><i class="fa fa-upload"></i></button>
|
||||
<button ref="drive" title="%i18n:desktop.tags.mk-post-form.attach-media-from-drive%" onclick={ selectFileFromDrive }><i class="fa fa-cloud"></i></button>
|
||||
<button class="cat" title="%i18n:desktop.tags.mk-post-form.insert-the-cat%" onclick={ cat }><i class="fa fa-smile-o"></i></button>
|
||||
<button class="poll" title="%i18n:desktop.tags.mk-post-form.create-poll%" onclick={ addPoll }><i class="fa fa-pie-chart"></i></button>
|
||||
<p class="text-count { over: refs.text.value.length > 1000 }">{ '%i18n:desktop.tags.mk-post-form.text-remain%'.replace('{}', 1000 - refs.text.value.length) }</p>
|
||||
<button class={ wait: wait } ref="submit" disabled={ wait || (refs.text.value.length == 0 && files.length == 0 && !poll && !repost) } onclick={ post }>
|
||||
{ wait ? '%i18n:desktop.tags.mk-post-form.posting%' : submitText }<mk-ellipsis if={ wait }></mk-ellipsis>
|
||||
{ wait ? '%i18n:desktop.tags.mk-post-form.posting%' : submitText }<mk-ellipsis if={ wait }/>
|
||||
</button>
|
||||
<input ref="file" type="file" accept="image/*" multiple="multiple" tabindex="-1" onchange={ changeFile }/>
|
||||
<div class="dropzone" if={ draghover }></div>
|
||||
|
|
|
|||
|
|
@ -2,9 +2,9 @@
|
|||
<article><a class="avatar-anchor" href={ '/' + post.user.username }><img class="avatar" src={ post.user.avatar_url + '?thumbnail&size=64' } alt="avatar" data-user-preview={ post.user_id }/></a>
|
||||
<div class="main">
|
||||
<header><a class="name" href={ '/' + post.user.username } data-user-preview={ post.user_id }>{ 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></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>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<i class="fa fa-retweet"></i>%i18n:desktop.tags.mk-repost-form-window.title%
|
||||
</yield>
|
||||
<yield to="content">
|
||||
<mk-repost-form ref="form" post={ parent.opts.post }></mk-repost-form>
|
||||
<mk-repost-form ref="form" post={ parent.opts.post }/>
|
||||
</yield>
|
||||
</mk-window>
|
||||
<style>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<mk-repost-form>
|
||||
<mk-post-preview post={ opts.post }></mk-post-preview>
|
||||
<mk-post-preview post={ opts.post }/>
|
||||
<virtual if={ !quote }>
|
||||
<footer>
|
||||
<a class="quote" if={ !quote } onclick={ onquote }>%i18n:desktop.tags.mk-repost-form.quote%</a>
|
||||
|
|
@ -8,7 +8,7 @@
|
|||
</footer>
|
||||
</virtual>
|
||||
<virtual if={ quote }>
|
||||
<mk-post-form ref="form" repost={ opts.post }></mk-post-form>
|
||||
<mk-post-form ref="form" repost={ opts.post }/>
|
||||
</virtual>
|
||||
<style>
|
||||
:scope
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
<mk-search-posts>
|
||||
<div class="loading" if={ isLoading }>
|
||||
<mk-ellipsis-icon></mk-ellipsis-icon>
|
||||
<mk-ellipsis-icon/>
|
||||
</div>
|
||||
<p class="empty" if={ isEmpty }><i class="fa fa-search"></i>「{ query }」に関する投稿は見つかりませんでした。</p>
|
||||
<mk-timeline ref="timeline"><yield to="footer"><i class="fa fa-moon-o" if={ !parent.moreLoading }></i><i class="fa fa-spinner fa-pulse fa-fw" if={ parent.moreLoading }></i></yield></mk-timeline>
|
||||
<mk-timeline ref="timeline"><yield to="footer"><i class="fa fa-moon-o" if={ !parent.moreLoading }></i><i class="fa fa-spinner fa-pulse fa-fw" if={ parent.moreLoading }></i></yield/>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<header>
|
||||
<h1>{ query }</h1>
|
||||
</header>
|
||||
<mk-search-posts ref="posts" query={ query }></mk-search-posts>
|
||||
<mk-search-posts ref="posts" query={ query }/>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
<mk-select-file-from-drive-window>
|
||||
<mk-window ref="window" is-modal={ true } width={ '800px' } height={ '500px' }>
|
||||
<yield to="header">
|
||||
<mk-raw content={ parent.title }></mk-raw>
|
||||
<mk-raw content={ parent.title }/>
|
||||
<span class="count" if={ parent.multiple && parent.files.length > 0 }>({ parent.files.length }ファイル選択中)</span>
|
||||
</yield>
|
||||
<yield to="content">
|
||||
<mk-drive-browser ref="browser" multiple={ parent.multiple }></mk-drive-browser>
|
||||
<mk-drive-browser ref="browser" multiple={ parent.multiple }/>
|
||||
<div>
|
||||
<button class="upload" title="PCからドライブにファイルをアップロード" onclick={ parent.upload }><i class="fa fa-upload"></i></button>
|
||||
<button class="cancel" onclick={ parent.close }>キャンセル</button>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<mk-window ref="window" is-modal={ true } width={ '700px' } height={ '550px' }>
|
||||
<yield to="header"><i class="fa fa-cog"></i>設定</yield>
|
||||
<yield to="content">
|
||||
<mk-settings></mk-settings>
|
||||
<mk-settings/>
|
||||
</yield>
|
||||
</mk-window>
|
||||
<style>
|
||||
|
|
|
|||
|
|
@ -45,22 +45,22 @@
|
|||
|
||||
<section class="apps" show={ page == 'apps' }>
|
||||
<h1>アプリケーション</h1>
|
||||
<mk-authorized-apps></mk-authorized-apps>
|
||||
<mk-authorized-apps/>
|
||||
</section>
|
||||
|
||||
<section class="twitter" show={ page == 'twitter' }>
|
||||
<h1>Twitter</h1>
|
||||
<mk-twitter-setting></mk-twitter-setting>
|
||||
<mk-twitter-setting/>
|
||||
</section>
|
||||
|
||||
<section class="signin" show={ page == 'signin' }>
|
||||
<h1>ログイン履歴</h1>
|
||||
<mk-signin-history></mk-signin-history>
|
||||
<mk-signin-history/>
|
||||
</section>
|
||||
|
||||
<section class="api" show={ page == 'api' }>
|
||||
<h1>API</h1>
|
||||
<mk-api-info></mk-api-info>
|
||||
<mk-api-info/>
|
||||
</section>
|
||||
</div>
|
||||
<style>
|
||||
|
|
|
|||
|
|
@ -8,11 +8,11 @@
|
|||
</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>投票</summary>
|
||||
<mk-poll post={ post }></mk-poll>
|
||||
<mk-poll post={ post }/>
|
||||
</details>
|
||||
<style>
|
||||
:scope
|
||||
|
|
|
|||
|
|
@ -8,11 +8,11 @@
|
|||
<a class="name" href={ '/' + post.user.username } data-user-preview={ post.user_id }>{ 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>
|
||||
<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 tabindex="-1" title={ title } onkeydown={ onKeyDown }>
|
||||
<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:desktop.tags.mk-timeline-post.reposted-by%'.substr(0, '%i18n:desktop.tags.mk-timeline-post.reposted-by%'.indexOf('{'))}<a class="name" href={ '/' + post.user.username } data-user-preview={ post.user_id }>{ post.user.name }</a>{'%i18n:desktop.tags.mk-timeline-post.reposted-by%'.substr('%i18n:desktop.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 }>
|
||||
|
|
@ -23,7 +23,7 @@
|
|||
<div class="info">
|
||||
<span class="app" if={ p.app }>via <b>{ p.app.name }</b></span>
|
||||
<a class="created-at" href={ url }>
|
||||
<mk-time time={ p.created_at }></mk-time>
|
||||
<mk-time time={ p.created_at }/>
|
||||
</a>
|
||||
</div>
|
||||
</header>
|
||||
|
|
@ -36,15 +36,15 @@
|
|||
<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"/>
|
||||
<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 } title="%i18n:desktop.tags.mk-timeline-post.reply%"><i class="fa fa-reply"></i>
|
||||
<p class="count" if={ p.replies_count > 0 }>{ p.replies_count }</p>
|
||||
</button>
|
||||
|
|
@ -65,7 +65,7 @@
|
|||
</div>
|
||||
</article>
|
||||
<div class="detail" if={ isDetailOpened }>
|
||||
<mk-post-status-graph width="462" height="130" post={ p }></mk-post-status-graph>
|
||||
<mk-post-status-graph width="462" height="130" post={ p }/>
|
||||
</div>
|
||||
<style>
|
||||
:scope
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<mk-timeline>
|
||||
<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></p>
|
||||
</virtual>
|
||||
<footer data-yield="footer">
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
</time>
|
||||
</div>
|
||||
<div class="content">
|
||||
<mk-analog-clock></mk-analog-clock>
|
||||
<mk-analog-clock/>
|
||||
</div>
|
||||
<style>
|
||||
:scope
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<mk-ui-header-notifications>
|
||||
<button class="header" data-active={ isOpen } onclick={ toggle }><i class="fa fa-bell-o"></i></button>
|
||||
<div class="notifications" if={ isOpen }>
|
||||
<mk-notifications></mk-notifications>
|
||||
<mk-notifications/>
|
||||
</div>
|
||||
<style>
|
||||
:scope
|
||||
|
|
|
|||
|
|
@ -1,19 +1,19 @@
|
|||
<mk-ui-header>
|
||||
<mk-donation if={ SIGNIN && I.data.no_donation != 'true' }></mk-donation>
|
||||
<mk-special-message></mk-special-message>
|
||||
<mk-donation if={ SIGNIN && I.data.no_donation != 'true' }/>
|
||||
<mk-special-message/>
|
||||
<div class="main">
|
||||
<div class="backdrop"></div>
|
||||
<div class="main">
|
||||
<div class="container">
|
||||
<div class="left">
|
||||
<mk-ui-header-nav page={ opts.page }></mk-ui-header-nav>
|
||||
<mk-ui-header-nav page={ opts.page }/>
|
||||
</div>
|
||||
<div class="right">
|
||||
<mk-ui-header-search></mk-ui-header-search>
|
||||
<mk-ui-header-account if={ SIGNIN }></mk-ui-header-account>
|
||||
<mk-ui-header-notifications if={ SIGNIN }></mk-ui-header-notifications>
|
||||
<mk-ui-header-post-button if={ SIGNIN }></mk-ui-header-post-button>
|
||||
<mk-ui-header-clock></mk-ui-header-clock>
|
||||
<mk-ui-header-search/>
|
||||
<mk-ui-header-account if={ SIGNIN }/>
|
||||
<mk-ui-header-notifications if={ SIGNIN }/>
|
||||
<mk-ui-header-post-button if={ SIGNIN }/>
|
||||
<mk-ui-header-clock/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
<mk-ui>
|
||||
<mk-ui-header page={ opts.page }></mk-ui-header>
|
||||
<mk-set-avatar-suggestion if={ SIGNIN && I.avatar_id == null }></mk-set-avatar-suggestion>
|
||||
<mk-set-banner-suggestion if={ SIGNIN && I.banner_id == null }></mk-set-banner-suggestion>
|
||||
<mk-ui-header page={ opts.page }/>
|
||||
<mk-set-avatar-suggestion if={ SIGNIN && I.avatar_id == null }/>
|
||||
<mk-set-banner-suggestion if={ SIGNIN && I.banner_id == null }/>
|
||||
<div class="content">
|
||||
<yield />
|
||||
</div>
|
||||
<mk-stream-indicator></mk-stream-indicator>
|
||||
<mk-stream-indicator/>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<mk-user-followers-window>
|
||||
<mk-window is-modal={ false } width={ '400px' } height={ '550px' }><yield to="header"><img src={ parent.user.avatar_url + '?thumbnail&size=64' } alt=""/>{ parent.user.name }のフォロワー</yield>
|
||||
<yield to="content">
|
||||
<mk-user-followers user={ parent.user }></mk-user-followers></yield>
|
||||
<mk-user-followers user={ parent.user }/></yield>
|
||||
</mk-window>
|
||||
<style>
|
||||
:scope
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<mk-user-followers>
|
||||
<mk-users-list fetch={ fetch } count={ user.followers_count } you-know-count={ user.followers_you_know_count } no-users={ 'フォロワーはいないようです。' }></mk-users-list>
|
||||
<mk-users-list fetch={ fetch } count={ user.followers_count } you-know-count={ user.followers_you_know_count } no-users={ 'フォロワーはいないようです。' }/>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<mk-user-following-window>
|
||||
<mk-window is-modal={ false } width={ '400px' } height={ '550px' }><yield to="header"><img src={ parent.user.avatar_url + '?thumbnail&size=64' } alt=""/>{ parent.user.name }のフォロー</yield>
|
||||
<yield to="content">
|
||||
<mk-user-following user={ parent.user }></mk-user-following></yield>
|
||||
<mk-user-following user={ parent.user }/></yield>
|
||||
</mk-window>
|
||||
<style>
|
||||
:scope
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<mk-user-following>
|
||||
<mk-users-list fetch={ fetch } count={ user.following_count } you-know-count={ user.following_you_know_count } no-users={ 'フォロー中のユーザーはいないようです。' }></mk-users-list>
|
||||
<mk-users-list fetch={ fetch } count={ user.following_count } you-know-count={ user.following_you_know_count } no-users={ 'フォロー中のユーザーはいないようです。' }/>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
|
|
|
|||
|
|
@ -1,15 +1,15 @@
|
|||
<mk-user-graphs>
|
||||
<section>
|
||||
<h1>投稿</h1>
|
||||
<mk-user-posts-graph user={ opts.user }></mk-user-posts-graph>
|
||||
<mk-user-posts-graph user={ opts.user }/>
|
||||
</section>
|
||||
<section>
|
||||
<h1>フォロー/フォロワー</h1>
|
||||
<mk-user-friends-graph user={ opts.user }></mk-user-friends-graph>
|
||||
<mk-user-friends-graph user={ opts.user }/>
|
||||
</section>
|
||||
<section>
|
||||
<h1>いいね</h1>
|
||||
<mk-user-likes-graph user={ opts.user }></mk-user-likes-graph>
|
||||
<mk-user-likes-graph user={ opts.user }/>
|
||||
</section>
|
||||
<style>
|
||||
:scope
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
<mk-user-home>
|
||||
<div class="side">
|
||||
<mk-user-profile user={ user }></mk-user-profile>
|
||||
<mk-user-photos user={ user }></mk-user-photos>
|
||||
<mk-user-profile user={ user }/>
|
||||
<mk-user-photos user={ user }/>
|
||||
</div>
|
||||
<main>
|
||||
<mk-user-timeline ref="tl" user={ user }></mk-user-timeline>
|
||||
<mk-user-timeline ref="tl" user={ user }/>
|
||||
</main>
|
||||
<style>
|
||||
:scope
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
<p>フォロワー</p><a>{ user.followers_count }</a>
|
||||
</div>
|
||||
</div>
|
||||
<mk-follow-button if={ SIGNIN && user.id != I.id } user={ userPromise }></mk-follow-button>
|
||||
<mk-follow-button if={ SIGNIN && user.id != I.id } user={ userPromise }/>
|
||||
</virtual>
|
||||
<style>
|
||||
:scope
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<mk-user-profile>
|
||||
<div class="friend-form" if={ SIGNIN && I.id != user.id }>
|
||||
<mk-big-follow-button user={ user }></mk-big-follow-button>
|
||||
<mk-big-follow-button user={ user }/>
|
||||
<p class="followed" if={ user.is_followed }>フォローされています</p>
|
||||
</div>
|
||||
<div class="description" if={ user.description }>{ user.description }</div>
|
||||
|
|
@ -81,7 +81,7 @@
|
|||
|
||||
</style>
|
||||
<script>
|
||||
this.age = require('s-age');
|
||||
this.age = require('s-age');
|
||||
|
||||
this.mixin('i');
|
||||
|
||||
|
|
|
|||
|
|
@ -3,10 +3,10 @@
|
|||
<span data-is-active={ mode == 'default' } onclick={ setMode.bind(this, 'default') }>投稿</span><span data-is-active={ mode == 'with-replies' } onclick={ setMode.bind(this, 'with-replies') }>投稿と返信</span>
|
||||
</header>
|
||||
<div class="loading" if={ isLoading }>
|
||||
<mk-ellipsis-icon></mk-ellipsis-icon>
|
||||
<mk-ellipsis-icon/>
|
||||
</div>
|
||||
<p class="empty" if={ isEmpty }><i class="fa fa-comments-o"></i>このユーザーはまだ何も投稿していないようです。</p>
|
||||
<mk-timeline ref="timeline"><yield to="footer"><i class="fa fa-moon-o" if={ !parent.moreLoading }></i><i class="fa fa-spinner fa-pulse fa-fw" if={ parent.moreLoading }></i></yield></mk-timeline>
|
||||
<mk-timeline ref="timeline"><yield to="footer"><i class="fa fa-moon-o" if={ !parent.moreLoading }></i><i class="fa fa-spinner fa-pulse fa-fw" if={ parent.moreLoading }></i></yield/>
|
||||
<style>
|
||||
:scope
|
||||
display block
|
||||
|
|
|
|||
|
|
@ -1,11 +1,11 @@
|
|||
<mk-user>
|
||||
<div class="user" if={ !fetching }>
|
||||
<header>
|
||||
<mk-user-header user={ user }></mk-user-header>
|
||||
<mk-user-header user={ user }/>
|
||||
</header>
|
||||
<div class="body">
|
||||
<mk-user-home if={ page == 'home' } user={ user }></mk-user-home>
|
||||
<mk-user-graphs if={ page == 'graphs' } user={ user }></mk-user-graphs>
|
||||
<mk-user-home if={ page == 'home' } user={ user }/>
|
||||
<mk-user-graphs if={ page == 'graphs' } user={ user }/>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
</nav>
|
||||
<div class="users" if={ !fetching && users.length != 0 }>
|
||||
<div each={ users }>
|
||||
<mk-list-user user={ this }></mk-list-user>
|
||||
<mk-list-user user={ this }/>
|
||||
</div>
|
||||
</div>
|
||||
<button class="more" if={ !fetching && next != null } onclick={ more } disabled={ moreFetching }>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue