This commit is contained in:
syuilo 2017-06-07 15:43:29 +09:00
parent e24651ce68
commit 7d07cde40c
104 changed files with 194 additions and 194 deletions

View File

@ -1,7 +1,7 @@
<mk-index> <mk-index>
<main if={ SIGNIN }> <main if={ SIGNIN }>
<p class="fetching" if={ fetching }>読み込み中<mk-ellipsis/></p> <p class="fetching" if={ fetching }>読み込み中<mk-ellipsis/></p>
<mk-form ref="form" if={ state == 'waiting' } session={ session }></mk-form> <mk-form ref="form" if={ state == 'waiting' } session={ session }/>
<div class="denied" if={ state == 'denied' }> <div class="denied" if={ state == 'denied' }>
<h1>アプリケーションの連携をキャンセルしました。</h1> <h1>アプリケーションの連携をキャンセルしました。</h1>
<p>このアプリがあなたのアカウントにアクセスすることはありません。</p> <p>このアプリがあなたのアカウントにアクセスすることはありません。</p>
@ -17,7 +17,7 @@
</main> </main>
<main class="signin" if={ !SIGNIN }> <main class="signin" if={ !SIGNIN }>
<h1>サインインしてください</h1> <h1>サインインしてください</h1>
<mk-signin></mk-signin> <mk-signin/>
</main> </main>
<footer><img src="/assets/auth/logo.svg" alt="Misskey"/></footer> <footer><img src="/assets/auth/logo.svg" alt="Misskey"/></footer>
<style> <style>

View File

@ -22,7 +22,7 @@ export default (tokens, shouldBreak) => {
case 'bold': case 'bold':
return `<strong>${escape(token.bold)}</strong>`; return `<strong>${escape(token.bold)}</strong>`;
case 'url': case 'url':
return `<mk-url href="${escape(token.content)}" target="_blank"></mk-url>`; return `<mk-url href="${escape(token.content)}" target="_blank"/>`;
case 'link': case 'link':
return `<a class="link" href="${escape(token.url)}" target="_blank" title="${escape(token.url)}">${escape(token.title)}</a>`; return `<a class="link" href="${escape(token.url)}" target="_blank" title="${escape(token.url)}">${escape(token.title)}</a>`;
case 'mention': case 'mention':

View File

@ -1,7 +1,7 @@
<mk-messaging-form> <mk-messaging-form>
<textarea ref="text" onkeypress={ onkeypress } onpaste={ onpaste } placeholder="%i18n:common.input-message-here%"></textarea> <textarea ref="text" onkeypress={ onkeypress } onpaste={ onpaste } placeholder="%i18n:common.input-message-here%"></textarea>
<div class="files"></div> <div class="files"></div>
<mk-uploader ref="uploader"></mk-uploader> <mk-uploader ref="uploader"/>
<button class="send" onclick={ send } disabled={ sending } title="%i18n:common.send%"> <button class="send" onclick={ send } disabled={ sending } title="%i18n:common.send%">
<i class="fa fa-paper-plane" if={ !sending }></i><i class="fa fa-spinner fa-spin" if={ sending }></i> <i class="fa fa-paper-plane" if={ !sending }></i><i class="fa fa-spinner fa-spin" if={ sending }></i>
</button> </button>

View File

@ -22,7 +22,7 @@
<header> <header>
<span class="name">{ is_me ? recipient.name : user.name }</span> <span class="name">{ is_me ? recipient.name : user.name }</span>
<span class="username">{ '@' + (is_me ? recipient.username : user.username ) }</span> <span class="username">{ '@' + (is_me ? recipient.username : user.username ) }</span>
<mk-time time={ created_at }></mk-time> <mk-time time={ created_at }/>
</header> </header>
<div class="body"> <div class="body">
<p class="text"><span class="me" if={ is_me }>%i18n:common.tags.mk-messaging.you%:</span>{ text }</p> <p class="text"><span class="me" if={ is_me }>%i18n:common.tags.mk-messaging.you%:</span>{ text }</p>

View File

@ -12,7 +12,7 @@
</div> </div>
</div> </div>
<footer> <footer>
<mk-time time={ message.created_at }></mk-time><i class="fa fa-pencil is-edited" if={ message.is_edited }></i> <mk-time time={ message.created_at }/><i class="fa fa-pencil is-edited" if={ message.is_edited }></i>
</footer> </footer>
</div> </div>
<style> <style>

View File

@ -3,14 +3,14 @@
<p class="init" if={ init }><i class="fa fa-spinner fa-spin"></i>%i18n:common.loading%</p> <p class="init" if={ init }><i class="fa fa-spinner fa-spin"></i>%i18n:common.loading%</p>
<p class="empty" if={ !init && messages.length == 0 }><i class="fa fa-info-circle"></i>%i18n:common.tags.mk-messaging-room.empty%</p> <p class="empty" if={ !init && messages.length == 0 }><i class="fa fa-info-circle"></i>%i18n:common.tags.mk-messaging-room.empty%</p>
<virtual each={ message, i in messages }> <virtual each={ message, i in messages }>
<mk-messaging-message message={ message }></mk-messaging-message> <mk-messaging-message message={ message }/>
<p class="date" if={ i != messages.length - 1 && message._date != messages[i + 1]._date }><span>{ messages[i + 1]._datetext }</span></p> <p class="date" if={ i != messages.length - 1 && message._date != messages[i + 1]._date }><span>{ messages[i + 1]._datetext }</span></p>
</virtual> </virtual>
</div> </div>
<footer> <footer>
<div ref="notifications"></div> <div ref="notifications"></div>
<div class="grippie" title="%i18n:common.tags.mk-messaging-room.resize-form%"></div> <div class="grippie" title="%i18n:common.tags.mk-messaging-room.resize-form%"></div>
<mk-messaging-form user={ user }></mk-messaging-form> <mk-messaging-form user={ user }/>
</footer> </footer>
<style> <style>
:scope :scope

View File

@ -1,7 +1,7 @@
<mk-signin-history> <mk-signin-history>
<div class="records" if={ history.length != 0 }> <div class="records" if={ history.length != 0 }>
<div each={ history }> <div each={ history }>
<mk-time time={ created_at }></mk-time> <mk-time time={ created_at }/>
<header><i class="fa fa-check" if={ success }></i><i class="fa fa-times" if={ !success }></i><span class="ip">{ ip }</span></header> <header><i class="fa fa-check" if={ success }></i><i class="fa fa-times" if={ !success }></i><span class="ip">{ ip }</span></header>
<pre><code>{ JSON.stringify(headers, null, ' ') }</code></pre> <pre><code>{ JSON.stringify(headers, null, ' ') }</code></pre>
</div> </div>

View File

@ -5,7 +5,7 @@
<i class="fa fa-cloud"></i>%i18n:desktop.tags.mk-drive-browser-window.drive% <i class="fa fa-cloud"></i>%i18n:desktop.tags.mk-drive-browser-window.drive%
</yield> </yield>
<yield to="content"> <yield to="content">
<mk-drive-browser multiple={ true } folder={ parent.folder }></mk-drive-browser> <mk-drive-browser multiple={ true } folder={ parent.folder }/>
</yield> </yield>
</mk-window> </mk-window>
<style> <style>

View File

@ -1,9 +1,9 @@
<mk-drive-browser> <mk-drive-browser>
<nav> <nav>
<div class="path" oncontextmenu={ pathOncontextmenu }> <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> <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> </virtual>
<span class="separator" if={ folder != null }><i class="fa fa-angle-right"></i></span> <span class="separator" if={ folder != null }><i class="fa fa-angle-right"></i></span>
<span class="folder current" if={ folder != null }>{ folder.name }</span> <span class="folder current" if={ folder != null }>{ folder.name }</span>
@ -15,13 +15,13 @@
<div class="contents" ref="contents"> <div class="contents" ref="contents">
<div class="folders" ref="foldersContainer" if={ folders.length > 0 }> <div class="folders" ref="foldersContainer" if={ folders.length > 0 }>
<virtual each={ folder in folders }> <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> </virtual>
<button if={ moreFolders }>%i18n:desktop.tags.mk-drive-browser.load-more%</button> <button if={ moreFolders }>%i18n:desktop.tags.mk-drive-browser.load-more%</button>
</div> </div>
<div class="files" ref="filesContainer" if={ files.length > 0 }> <div class="files" ref="filesContainer" if={ files.length > 0 }>
<virtual each={ file in files }> <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> </virtual>
<button if={ moreFiles } onclick={ fetchMoreFiles }>%i18n:desktop.tags.mk-drive-browser.load-more%</button> <button if={ moreFiles } onclick={ fetchMoreFiles }>%i18n:desktop.tags.mk-drive-browser.load-more%</button>
</div> </div>
@ -39,7 +39,7 @@
</div> </div>
</div> </div>
<div class="dropzone" if={ draghover }></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 }/> <input ref="fileInput" type="file" accept="*/*" multiple="multiple" tabindex="-1" onchange={ changeFileInput }/>
<style> <style>
:scope :scope

View File

@ -5,7 +5,7 @@
<div class="body"><a class="name" href={ '/' + username } target="_blank" data-user-preview={ id }>{ name }</a> <div class="body"><a class="name" href={ '/' + username } target="_blank" data-user-preview={ id }>{ name }</a>
<p class="username">@{ username }</p> <p class="username">@{ username }</p>
</div> </div>
<mk-follow-button user={ this }></mk-follow-button> <mk-follow-button user={ this }/>
</div> </div>
</div> </div>
<p class="empty" if={ !fetching && users.length == 0 }>おすすめのユーザーは見つかりませんでした。</p> <p class="empty" if={ !fetching && users.length == 0 }>おすすめのユーザーは見つかりませんでした。</p>

View File

@ -1,10 +1,10 @@
<mk-mentions-home-widget> <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> <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 }> <div class="loading" if={ isLoading }>
<mk-ellipsis-icon></mk-ellipsis-icon> <mk-ellipsis-icon/>
</div> </div>
<p class="empty" if={ isEmpty }><i class="fa fa-comments-o"></i><span if={ mode == 'all' }>あなた宛ての投稿はありません。</span><span if={ mode == 'following' }>あなたがフォローしているユーザーからの言及はありません。</span></p> <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> <style>
:scope :scope
display block display block

View File

@ -1,7 +1,7 @@
<mk-notifications-home-widget> <mk-notifications-home-widget>
<p class="title"><i class="fa fa-bell-o"></i>%i18n:desktop.tags.mk-notifications-home-widget.title%</p> <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> <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> <style>
:scope :scope
display block display block

View File

@ -4,7 +4,7 @@
<div class="poll" if={ !loading && poll != null }> <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 }">{ poll.text }</a></p>
<p if={ !poll.text }><a href="/{ poll.user.username }/{ poll.id }"><i class="fa fa-link"></i></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> </div>
<p class="empty" if={ !loading && poll == null }>%i18n:desktop.tags.mk-recommended-polls-home-widget.nothing%</p> <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> <p class="loading" if={ loading }><i class="fa fa-spinner fa-pulse fa-fw"></i>%i18n:common.loading%<mk-ellipsis/></p>

View File

@ -1,10 +1,10 @@
<mk-timeline-home-widget> <mk-timeline-home-widget>
<mk-following-setuper if={ noFollowing }></mk-following-setuper> <mk-following-setuper if={ noFollowing }/>
<div class="loading" if={ isLoading }> <div class="loading" if={ isLoading }>
<mk-ellipsis-icon></mk-ellipsis-icon> <mk-ellipsis-icon/>
</div> </div>
<p class="empty" if={ isEmpty }><i class="fa fa-comments-o"></i>自分の投稿や、自分がフォローしているユーザーの投稿が表示されます。</p> <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> <style>
:scope :scope
display block display block

View File

@ -9,7 +9,7 @@
<a class="name" href={ '/' + _user.username } data-user-preview={ _user.id }>{ _user.name }</a> <a class="name" href={ '/' + _user.username } data-user-preview={ _user.id }>{ _user.name }</a>
<p class="username">@{ _user.username }</p> <p class="username">@{ _user.username }</p>
</div> </div>
<mk-follow-button user={ _user }></mk-follow-button> <mk-follow-button user={ _user }/>
</div> </div>
<p class="empty" if={ !loading && users.length == 0 }>%i18n:desktop.tags.mk-user-recommendation-home-widget.no-one%</p> <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> <p class="loading" if={ loading }><i class="fa fa-spinner fa-pulse fa-fw"></i>%i18n:common.loading%<mk-ellipsis/></p>

View File

@ -2,8 +2,8 @@
<div class="main"> <div class="main">
<div class="left" ref="left"></div> <div class="left" ref="left"></div>
<main> <main>
<mk-timeline-home-widget ref="tl" if={ mode == 'timeline' }></mk-timeline-home-widget> <mk-timeline-home-widget ref="tl" if={ mode == 'timeline' }/>
<mk-mentions-home-widget ref="tl" if={ mode == 'mentions' }></mk-mentions-home-widget> <mk-mentions-home-widget ref="tl" if={ mode == 'mentions' }/>
</main> </main>
<div class="right" ref="right"></div> <div class="right" ref="right"></div>
</div> </div>

View File

@ -12,7 +12,7 @@
<div class="description">{ user.description }</div> <div class="description">{ user.description }</div>
</div> </div>
</div> </div>
<mk-follow-button user={ user }></mk-follow-button> <mk-follow-button user={ user }/>
<style> <style>
:scope :scope
display block display block

View File

@ -2,7 +2,7 @@
<mk-window ref="window" is-modal={ false } width={ '500px' } height={ '560px' }> <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="header"><i class="fa fa-comments"></i>メッセージ: { parent.user.name }</yield>
<yield to="content"> <yield to="content">
<mk-messaging-room user={ parent.user }></mk-messaging-room> <mk-messaging-room user={ parent.user }/>
</yield> </yield>
</mk-window> </mk-window>
<style> <style>

View File

@ -2,7 +2,7 @@
<mk-window ref="window" is-modal={ false } width={ '500px' } height={ '560px' }> <mk-window ref="window" is-modal={ false } width={ '500px' } height={ '560px' }>
<yield to="header"><i class="fa fa-comments"></i>メッセージ</yield> <yield to="header"><i class="fa fa-comments"></i>メッセージ</yield>
<yield to="content"> <yield to="content">
<mk-messaging ref="index"></mk-messaging> <mk-messaging ref="index"/>
</yield> </yield>
</mk-window> </mk-window>
<style> <style>

View File

@ -2,7 +2,7 @@
<div class="notifications" if={ notifications.length != 0 }> <div class="notifications" if={ notifications.length != 0 }>
<virtual each={ notification, i in notifications }> <virtual each={ notification, i in notifications }>
<div class="notification { notification.type }"> <div class="notification { notification.type }">
<mk-time time={ notification.created_at }></mk-time> <mk-time time={ notification.created_at }/>
<virtual if={ notification.type == 'reaction' }> <virtual if={ notification.type == 'reaction' }>
<a class="avatar-anchor" href={ '/' + notification.user.username } data-user-preview={ notification.user.id }> <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"/> <img class="avatar" src={ notification.user.avatar_url + '?thumbnail&size=48' } alt="avatar"/>

View File

@ -1,16 +1,16 @@
<mk-entrance> <mk-entrance>
<main> <main>
<img src="/assets/title.svg" alt="Misskey"/> <img src="/assets/title.svg" alt="Misskey"/>
<mk-entrance-signin if={ mode == 'signin' }></mk-entrance-signin> <mk-entrance-signin if={ mode == 'signin' }/>
<mk-entrance-signup if={ mode == 'signup' }></mk-entrance-signup> <mk-entrance-signup if={ mode == 'signup' }/>
<div class="introduction" if={ mode == 'introduction' }> <div class="introduction" if={ mode == 'introduction' }>
<mk-introduction></mk-introduction> <mk-introduction/>
<button onclick={ signin }>わかった</button> <button onclick={ signin }>わかった</button>
</div> </div>
</main> </main>
<mk-forkit></mk-forkit> <mk-forkit/>
<footer> <footer>
<mk-copyright></mk-copyright> <mk-copyright/>
</footer> </footer>
<!-- ↓ https://github.com/riot/riot/issues/2134 (将来的)--> <!-- ↓ https://github.com/riot/riot/issues/2134 (将来的)-->
<style data-disable-scope="data-disable-scope"> <style data-disable-scope="data-disable-scope">

View File

@ -3,7 +3,7 @@
<h1><img if={ user } src={ user.avatar_url + '?thumbnail&size=32' }/> <h1><img if={ user } src={ user.avatar_url + '?thumbnail&size=32' }/>
<p>{ user ? user.name : 'アカウント' }</p> <p>{ user ? user.name : 'アカウント' }</p>
</h1> </h1>
<mk-signin ref="signin"></mk-signin> <mk-signin ref="signin"/>
</div> </div>
<div class="divider"><span>or</span></div> <div class="divider"><span>or</span></div>
<button class="signup" onclick={ parent.signup }>新規登録</button><a class="introduction" onclick={ introduction }>Misskeyについて</a> <button class="signup" onclick={ parent.signup }>新規登録</button><a class="introduction" onclick={ introduction }>Misskeyについて</a>

View File

@ -1,5 +1,5 @@
<mk-entrance-signup> <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> <button class="cancel" type="button" onclick={ parent.signin } title="キャンセル"><i class="fa fa-times"></i></button>
<style> <style>
:scope :scope

View File

@ -1,6 +1,6 @@
<mk-home-page> <mk-home-page>
<mk-ui ref="ui" page={ 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> </mk-ui>
<style> <style>
:scope :scope

View File

@ -1,7 +1,7 @@
<mk-post-page> <mk-post-page>
<mk-ui ref="ui"> <mk-ui ref="ui">
<main> <main>
<mk-post-detail ref="detail" post={ parent.post }></mk-post-detail> <mk-post-detail ref="detail" post={ parent.post }/>
</main> </main>
</mk-ui> </mk-ui>
<style> <style>

View File

@ -1,6 +1,6 @@
<mk-search-page> <mk-search-page>
<mk-ui ref="ui"> <mk-ui ref="ui">
<mk-search ref="search" query={ parent.opts.query }></mk-search> <mk-search ref="search" query={ parent.opts.query }/>
</mk-ui> </mk-ui>
<style> <style>
:scope :scope

View File

@ -1,6 +1,6 @@
<mk-user-page> <mk-user-page>
<mk-ui ref="ui"> <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> </mk-ui>
<style> <style>
:scope :scope

View File

@ -10,7 +10,7 @@
</div> </div>
<div class="right"> <div class="right">
<a class="time" href={ '/' + this.post.user.username + '/' + this.post.id }> <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> </a>
</div> </div>
</header> </header>

View File

@ -1,6 +1,6 @@
<mk-post-detail title={ title }> <mk-post-detail title={ title }>
<div class="fetching" if={ fetching }> <div class="fetching" if={ fetching }>
<mk-ellipsis-icon></mk-ellipsis-icon> <mk-ellipsis-icon/>
</div> </div>
<div class="main" if={ !fetching }> <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 }> <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> </button>
<div class="context"> <div class="context">
<virtual each={ post in context }> <virtual each={ post in context }>
<mk-post-detail-sub post={ post }></mk-post-detail-sub> <mk-post-detail-sub post={ post }/>
</virtual> </virtual>
</div> </div>
<div class="reply-to" if={ p.reply_to }> <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>
<div class="repost" if={ isRepost }> <div class="repost" if={ isRepost }>
<p> <p>
@ -34,7 +34,7 @@
<a class="name" href={ '/' + p.user.username } data-user-preview={ p.user.id }>{ p.user.name }</a> <a class="name" href={ '/' + p.user.username } data-user-preview={ p.user.id }>{ p.user.name }</a>
<span class="username">@{ p.user.username }</span> <span class="username">@{ p.user.username }</span>
<a class="time" href={ url }> <a class="time" href={ url }>
<mk-time time={ p.created_at }></mk-time> <mk-time time={ p.created_at }/>
</a> </a>
</header> </header>
<div class="body"> <div class="body">
@ -42,10 +42,10 @@
<div class="media" if={ p.media }> <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> <virtual each={ file in p.media }><img src={ file.url + '?thumbnail&size=512' } alt={ file.name } title={ file.name }/></virtual>
</div> </div>
<mk-poll if={ p.poll } post={ p }></mk-poll> <mk-poll if={ p.poll } post={ p }/>
</div> </div>
<footer> <footer>
<mk-reactions-viewer post={ p }></mk-reactions-viewer> <mk-reactions-viewer post={ p }/>
<button onclick={ reply } title="返信"><i class="fa fa-reply"></i> <button onclick={ reply } title="返信"><i class="fa fa-reply"></i>
<p class="count" if={ p.replies_count > 0 }>{ p.replies_count }</p> <p class="count" if={ p.replies_count > 0 }>{ p.replies_count }</p>
</button> </button>
@ -60,7 +60,7 @@
</article> </article>
<div class="replies"> <div class="replies">
<virtual each={ post in replies }> <virtual each={ post in replies }>
<mk-post-detail-sub post={ post }></mk-post-detail-sub> <mk-post-detail-sub post={ post }/>
</virtual> </virtual>
</div> </div>
</div> </div>

View File

@ -8,10 +8,10 @@
</yield> </yield>
<yield to="content"> <yield to="content">
<div class="ref" if={ parent.opts.reply }> <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>
<div class="body"> <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> </div>
</yield> </yield>
</mk-window> </mk-window>

View File

@ -11,16 +11,16 @@
</ul> </ul>
<p class="remain">{ 4 - files.length }/4</p> <p class="remain">{ 4 - files.length }/4</p>
</div> </div>
<mk-poll-editor if={ poll } ref="poll" ondestroy={ onPollDestroyed }></mk-poll-editor> <mk-poll-editor if={ poll } ref="poll" ondestroy={ onPollDestroyed }/>
</div> </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="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 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="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> <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> <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 }> <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> </button>
<input ref="file" type="file" accept="image/*" multiple="multiple" tabindex="-1" onchange={ changeFile }/> <input ref="file" type="file" accept="image/*" multiple="multiple" tabindex="-1" onchange={ changeFile }/>
<div class="dropzone" if={ draghover }></div> <div class="dropzone" if={ draghover }></div>

View File

@ -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> <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"> <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 }> <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"> <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>
</div> </div>
</article> </article>

View File

@ -4,7 +4,7 @@
<i class="fa fa-retweet"></i>%i18n:desktop.tags.mk-repost-form-window.title% <i class="fa fa-retweet"></i>%i18n:desktop.tags.mk-repost-form-window.title%
</yield> </yield>
<yield to="content"> <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> </yield>
</mk-window> </mk-window>
<style> <style>

View File

@ -1,5 +1,5 @@
<mk-repost-form> <mk-repost-form>
<mk-post-preview post={ opts.post }></mk-post-preview> <mk-post-preview post={ opts.post }/>
<virtual if={ !quote }> <virtual if={ !quote }>
<footer> <footer>
<a class="quote" if={ !quote } onclick={ onquote }>%i18n:desktop.tags.mk-repost-form.quote%</a> <a class="quote" if={ !quote } onclick={ onquote }>%i18n:desktop.tags.mk-repost-form.quote%</a>
@ -8,7 +8,7 @@
</footer> </footer>
</virtual> </virtual>
<virtual if={ quote }> <virtual if={ quote }>
<mk-post-form ref="form" repost={ opts.post }></mk-post-form> <mk-post-form ref="form" repost={ opts.post }/>
</virtual> </virtual>
<style> <style>
:scope :scope

View File

@ -1,9 +1,9 @@
<mk-search-posts> <mk-search-posts>
<div class="loading" if={ isLoading }> <div class="loading" if={ isLoading }>
<mk-ellipsis-icon></mk-ellipsis-icon> <mk-ellipsis-icon/>
</div> </div>
<p class="empty" if={ isEmpty }><i class="fa fa-search"></i>「{ query }」に関する投稿は見つかりませんでした。</p> <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> <style>
:scope :scope
display block display block

View File

@ -2,7 +2,7 @@
<header> <header>
<h1>{ query }</h1> <h1>{ query }</h1>
</header> </header>
<mk-search-posts ref="posts" query={ query }></mk-search-posts> <mk-search-posts ref="posts" query={ query }/>
<style> <style>
:scope :scope
display block display block

View File

@ -1,11 +1,11 @@
<mk-select-file-from-drive-window> <mk-select-file-from-drive-window>
<mk-window ref="window" is-modal={ true } width={ '800px' } height={ '500px' }> <mk-window ref="window" is-modal={ true } width={ '800px' } height={ '500px' }>
<yield to="header"> <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> <span class="count" if={ parent.multiple && parent.files.length > 0 }>({ parent.files.length }ファイル選択中)</span>
</yield> </yield>
<yield to="content"> <yield to="content">
<mk-drive-browser ref="browser" multiple={ parent.multiple }></mk-drive-browser> <mk-drive-browser ref="browser" multiple={ parent.multiple }/>
<div> <div>
<button class="upload" title="PCからドライブにファイルをアップロード" onclick={ parent.upload }><i class="fa fa-upload"></i></button> <button class="upload" title="PCからドライブにファイルをアップロード" onclick={ parent.upload }><i class="fa fa-upload"></i></button>
<button class="cancel" onclick={ parent.close }>キャンセル</button> <button class="cancel" onclick={ parent.close }>キャンセル</button>

View File

@ -2,7 +2,7 @@
<mk-window ref="window" is-modal={ true } width={ '700px' } height={ '550px' }> <mk-window ref="window" is-modal={ true } width={ '700px' } height={ '550px' }>
<yield to="header"><i class="fa fa-cog"></i>設定</yield> <yield to="header"><i class="fa fa-cog"></i>設定</yield>
<yield to="content"> <yield to="content">
<mk-settings></mk-settings> <mk-settings/>
</yield> </yield>
</mk-window> </mk-window>
<style> <style>

View File

@ -45,22 +45,22 @@
<section class="apps" show={ page == 'apps' }> <section class="apps" show={ page == 'apps' }>
<h1>アプリケーション</h1> <h1>アプリケーション</h1>
<mk-authorized-apps></mk-authorized-apps> <mk-authorized-apps/>
</section> </section>
<section class="twitter" show={ page == 'twitter' }> <section class="twitter" show={ page == 'twitter' }>
<h1>Twitter</h1> <h1>Twitter</h1>
<mk-twitter-setting></mk-twitter-setting> <mk-twitter-setting/>
</section> </section>
<section class="signin" show={ page == 'signin' }> <section class="signin" show={ page == 'signin' }>
<h1>ログイン履歴</h1> <h1>ログイン履歴</h1>
<mk-signin-history></mk-signin-history> <mk-signin-history/>
</section> </section>
<section class="api" show={ page == 'api' }> <section class="api" show={ page == 'api' }>
<h1>API</h1> <h1>API</h1>
<mk-api-info></mk-api-info> <mk-api-info/>
</section> </section>
</div> </div>
<style> <style>

View File

@ -8,11 +8,11 @@
</div> </div>
<details if={ post.media }> <details if={ post.media }>
<summary>({ post.media.length }つのメディア)</summary> <summary>({ post.media.length }つのメディア)</summary>
<mk-images-viewer images={ post.media }></mk-images-viewer> <mk-images-viewer images={ post.media }/>
</details> </details>
<details if={ post.poll }> <details if={ post.poll }>
<summary>投票</summary> <summary>投票</summary>
<mk-poll post={ post }></mk-poll> <mk-poll post={ post }/>
</details> </details>
<style> <style>
:scope :scope

View File

@ -8,11 +8,11 @@
<a class="name" href={ '/' + post.user.username } data-user-preview={ post.user_id }>{ post.user.name }</a> <a class="name" href={ '/' + post.user.username } data-user-preview={ post.user_id }>{ post.user.name }</a>
<span class="username">@{ post.user.username }</span> <span class="username">@{ post.user.username }</span>
<a class="created-at" href={ '/' + post.user.username + '/' + post.id }> <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> </a>
</header> </header>
<div class="body"> <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>
</div> </div>
</article> </article>

View File

@ -1,6 +1,6 @@
<mk-timeline-post tabindex="-1" title={ title } onkeydown={ onKeyDown }> <mk-timeline-post tabindex="-1" title={ title } onkeydown={ onKeyDown }>
<div class="reply-to" if={ p.reply_to }> <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>
<div class="repost" if={ isRepost }> <div class="repost" if={ isRepost }>
<p> <p>
@ -9,7 +9,7 @@
</a> </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)} <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> </p>
<mk-time time={ post.created_at }></mk-time> <mk-time time={ post.created_at }/>
</div> </div>
<article> <article>
<a class="avatar-anchor" href={ '/' + p.user.username }> <a class="avatar-anchor" href={ '/' + p.user.username }>
@ -23,7 +23,7 @@
<div class="info"> <div class="info">
<span class="app" if={ p.app }>via <b>{ p.app.name }</b></span> <span class="app" if={ p.app }>via <b>{ p.app.name }</b></span>
<a class="created-at" href={ url }> <a class="created-at" href={ url }>
<mk-time time={ p.created_at }></mk-time> <mk-time time={ p.created_at }/>
</a> </a>
</div> </div>
</header> </header>
@ -36,15 +36,15 @@
<a class="quote" if={ p.repost != null }>RP:</a> <a class="quote" if={ p.repost != null }>RP:</a>
</div> </div>
<div class="media" if={ p.media }> <div class="media" if={ p.media }>
<mk-images-viewer images={ p.media }></mk-images-viewer> <mk-images-viewer images={ p.media }/>
</div> </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> <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>
</div> </div>
<footer> <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> <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> <p class="count" if={ p.replies_count > 0 }>{ p.replies_count }</p>
</button> </button>
@ -65,7 +65,7 @@
</div> </div>
</article> </article>
<div class="detail" if={ isDetailOpened }> <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> </div>
<style> <style>
:scope :scope

View File

@ -1,6 +1,6 @@
<mk-timeline> <mk-timeline>
<virtual each={ post, i in posts }> <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> <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> </virtual>
<footer data-yield="footer"> <footer data-yield="footer">

View File

@ -7,7 +7,7 @@
</time> </time>
</div> </div>
<div class="content"> <div class="content">
<mk-analog-clock></mk-analog-clock> <mk-analog-clock/>
</div> </div>
<style> <style>
:scope :scope

View File

@ -1,7 +1,7 @@
<mk-ui-header-notifications> <mk-ui-header-notifications>
<button class="header" data-active={ isOpen } onclick={ toggle }><i class="fa fa-bell-o"></i></button> <button class="header" data-active={ isOpen } onclick={ toggle }><i class="fa fa-bell-o"></i></button>
<div class="notifications" if={ isOpen }> <div class="notifications" if={ isOpen }>
<mk-notifications></mk-notifications> <mk-notifications/>
</div> </div>
<style> <style>
:scope :scope

View File

@ -1,19 +1,19 @@
<mk-ui-header> <mk-ui-header>
<mk-donation if={ SIGNIN && I.data.no_donation != 'true' }></mk-donation> <mk-donation if={ SIGNIN && I.data.no_donation != 'true' }/>
<mk-special-message></mk-special-message> <mk-special-message/>
<div class="main"> <div class="main">
<div class="backdrop"></div> <div class="backdrop"></div>
<div class="main"> <div class="main">
<div class="container"> <div class="container">
<div class="left"> <div class="left">
<mk-ui-header-nav page={ opts.page }></mk-ui-header-nav> <mk-ui-header-nav page={ opts.page }/>
</div> </div>
<div class="right"> <div class="right">
<mk-ui-header-search></mk-ui-header-search> <mk-ui-header-search/>
<mk-ui-header-account if={ SIGNIN }></mk-ui-header-account> <mk-ui-header-account if={ SIGNIN }/>
<mk-ui-header-notifications if={ SIGNIN }></mk-ui-header-notifications> <mk-ui-header-notifications if={ SIGNIN }/>
<mk-ui-header-post-button if={ SIGNIN }></mk-ui-header-post-button> <mk-ui-header-post-button if={ SIGNIN }/>
<mk-ui-header-clock></mk-ui-header-clock> <mk-ui-header-clock/>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,11 +1,11 @@
<mk-ui> <mk-ui>
<mk-ui-header page={ opts.page }></mk-ui-header> <mk-ui-header page={ opts.page }/>
<mk-set-avatar-suggestion if={ SIGNIN && I.avatar_id == null }></mk-set-avatar-suggestion> <mk-set-avatar-suggestion if={ SIGNIN && I.avatar_id == null }/>
<mk-set-banner-suggestion if={ SIGNIN && I.banner_id == null }></mk-set-banner-suggestion> <mk-set-banner-suggestion if={ SIGNIN && I.banner_id == null }/>
<div class="content"> <div class="content">
<yield /> <yield />
</div> </div>
<mk-stream-indicator></mk-stream-indicator> <mk-stream-indicator/>
<style> <style>
:scope :scope
display block display block

View File

@ -1,7 +1,7 @@
<mk-user-followers-window> <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> <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"> <yield to="content">
<mk-user-followers user={ parent.user }></mk-user-followers></yield> <mk-user-followers user={ parent.user }/></yield>
</mk-window> </mk-window>
<style> <style>
:scope :scope

View File

@ -1,5 +1,5 @@
<mk-user-followers> <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> <style>
:scope :scope
display block display block

View File

@ -1,7 +1,7 @@
<mk-user-following-window> <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> <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"> <yield to="content">
<mk-user-following user={ parent.user }></mk-user-following></yield> <mk-user-following user={ parent.user }/></yield>
</mk-window> </mk-window>
<style> <style>
:scope :scope

View File

@ -1,5 +1,5 @@
<mk-user-following> <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> <style>
:scope :scope
display block display block

View File

@ -1,15 +1,15 @@
<mk-user-graphs> <mk-user-graphs>
<section> <section>
<h1>投稿</h1> <h1>投稿</h1>
<mk-user-posts-graph user={ opts.user }></mk-user-posts-graph> <mk-user-posts-graph user={ opts.user }/>
</section> </section>
<section> <section>
<h1>フォロー/フォロワー</h1> <h1>フォロー/フォロワー</h1>
<mk-user-friends-graph user={ opts.user }></mk-user-friends-graph> <mk-user-friends-graph user={ opts.user }/>
</section> </section>
<section> <section>
<h1>いいね</h1> <h1>いいね</h1>
<mk-user-likes-graph user={ opts.user }></mk-user-likes-graph> <mk-user-likes-graph user={ opts.user }/>
</section> </section>
<style> <style>
:scope :scope

View File

@ -1,10 +1,10 @@
<mk-user-home> <mk-user-home>
<div class="side"> <div class="side">
<mk-user-profile user={ user }></mk-user-profile> <mk-user-profile user={ user }/>
<mk-user-photos user={ user }></mk-user-photos> <mk-user-photos user={ user }/>
</div> </div>
<main> <main>
<mk-user-timeline ref="tl" user={ user }></mk-user-timeline> <mk-user-timeline ref="tl" user={ user }/>
</main> </main>
<style> <style>
:scope :scope

View File

@ -17,7 +17,7 @@
<p>フォロワー</p><a>{ user.followers_count }</a> <p>フォロワー</p><a>{ user.followers_count }</a>
</div> </div>
</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> </virtual>
<style> <style>
:scope :scope

View File

@ -1,6 +1,6 @@
<mk-user-profile> <mk-user-profile>
<div class="friend-form" if={ SIGNIN && I.id != user.id }> <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> <p class="followed" if={ user.is_followed }>フォローされています</p>
</div> </div>
<div class="description" if={ user.description }>{ user.description }</div> <div class="description" if={ user.description }>{ user.description }</div>
@ -81,7 +81,7 @@
</style> </style>
<script> <script>
this.age = require('s-age'); this.age = require('s-age');
this.mixin('i'); this.mixin('i');

View File

@ -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> <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> </header>
<div class="loading" if={ isLoading }> <div class="loading" if={ isLoading }>
<mk-ellipsis-icon></mk-ellipsis-icon> <mk-ellipsis-icon/>
</div> </div>
<p class="empty" if={ isEmpty }><i class="fa fa-comments-o"></i>このユーザーはまだ何も投稿していないようです。</p> <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> <style>
:scope :scope
display block display block

View File

@ -1,11 +1,11 @@
<mk-user> <mk-user>
<div class="user" if={ !fetching }> <div class="user" if={ !fetching }>
<header> <header>
<mk-user-header user={ user }></mk-user-header> <mk-user-header user={ user }/>
</header> </header>
<div class="body"> <div class="body">
<mk-user-home if={ page == 'home' } user={ user }></mk-user-home> <mk-user-home if={ page == 'home' } user={ user }/>
<mk-user-graphs if={ page == 'graphs' } user={ user }></mk-user-graphs> <mk-user-graphs if={ page == 'graphs' } user={ user }/>
</div> </div>
</div> </div>
<style> <style>

View File

@ -7,7 +7,7 @@
</nav> </nav>
<div class="users" if={ !fetching && users.length != 0 }> <div class="users" if={ !fetching && users.length != 0 }>
<div each={ users }> <div each={ users }>
<mk-list-user user={ this }></mk-list-user> <mk-list-user user={ this }/>
</div> </div>
</div> </div>
<button class="more" if={ !fetching && next != null } onclick={ more } disabled={ moreFetching }> <button class="more" if={ !fetching && next != null } onclick={ more } disabled={ moreFetching }>

View File

@ -4,7 +4,7 @@
<h1>新しいアプリを作成</h1> <h1>新しいアプリを作成</h1>
<p>MisskeyのAPIを利用したアプリケーションを作成できます。</p> <p>MisskeyのAPIを利用したアプリケーションを作成できます。</p>
</header> </header>
<mk-new-app-form></mk-new-app-form> <mk-new-app-form/>
</main> </main>
<style> <style>
:scope :scope
@ -34,9 +34,9 @@
line-height 16px line-height 16px
color #9a9894 color #9a9894
</style> </style>
</mk-new-app-page> </mk-new-app-page>

View File

@ -5,7 +5,7 @@
<button class="close" onclick={ cancel }><i class="fa fa-times"></i></button> <button class="close" onclick={ cancel }><i class="fa fa-times"></i></button>
<button class="ok" onclick={ ok }><i class="fa fa-check"></i></button> <button class="ok" onclick={ ok }><i class="fa fa-check"></i></button>
</header> </header>
<mk-drive ref="browser" select-folder={ true }></mk-drive> <mk-drive ref="browser" select-folder={ true }/>
</div> </div>
<style> <style>
:scope :scope

View File

@ -5,7 +5,7 @@
<button class="close" onclick={ cancel }><i class="fa fa-times"></i></button> <button class="close" onclick={ cancel }><i class="fa fa-times"></i></button>
<button class="ok" onclick={ ok }><i class="fa fa-check"></i></button> <button class="ok" onclick={ ok }><i class="fa fa-check"></i></button>
</header> </header>
<mk-drive ref="browser" select-file={ true } multiple={ opts.multiple }></mk-drive> <mk-drive ref="browser" select-file={ true } multiple={ opts.multiple }/>
</div> </div>
<style> <style>
:scope :scope

View File

@ -14,7 +14,7 @@
<p>{ file.name }</p> <p>{ file.name }</p>
</virtual> </virtual>
</nav> </nav>
<mk-uploader ref="uploader"></mk-uploader> <mk-uploader ref="uploader"/>
<div class="browser { fetching: fetching }" if={ file == null }> <div class="browser { fetching: fetching }" if={ file == null }>
<div class="info" if={ info }> <div class="info" if={ info }>
<p if={ folder == null }>{ (info.usage / info.capacity * 100).toFixed(1) }% %i18n:mobile.tags.mk-drive.used%</p> <p if={ folder == null }>{ (info.usage / info.capacity * 100).toFixed(1) }% %i18n:mobile.tags.mk-drive.used%</p>
@ -26,13 +26,13 @@
</div> </div>
<div class="folders" if={ folders.length > 0 }> <div class="folders" if={ folders.length > 0 }>
<virtual each={ folder in folders }> <virtual each={ folder in folders }>
<mk-drive-folder folder={ folder }></mk-drive-folder> <mk-drive-folder folder={ folder }/>
</virtual> </virtual>
<p if={ moreFolders }>%i18n:mobile.tags.mk-drive.load-more%</p> <p if={ moreFolders }>%i18n:mobile.tags.mk-drive.load-more%</p>
</div> </div>
<div class="files" if={ files.length > 0 }> <div class="files" if={ files.length > 0 }>
<virtual each={ file in files }> <virtual each={ file in files }>
<mk-drive-file file={ file }></mk-drive-file> <mk-drive-file file={ file }/>
</virtual> </virtual>
<button class="more" if={ moreFiles } onclick={ fetchMoreFiles }> <button class="more" if={ moreFiles } onclick={ fetchMoreFiles }>
{ fetchingMoreFiles ? '%i18n:common.loading%' : '%i18n:mobile.tags.mk-drive.load-more%' } { fetchingMoreFiles ? '%i18n:common.loading%' : '%i18n:mobile.tags.mk-drive.load-more%' }
@ -50,7 +50,7 @@
</div> </div>
</div> </div>
<input ref="file" type="file" multiple="multiple" onchange={ changeLocalFile }/> <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> <style>
:scope :scope
display block display block

View File

@ -19,11 +19,11 @@
</div> </div>
<div class="info"> <div class="info">
<div> <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="separator"></span>
<span class="data-size">{ bytesToSize(file.datasize) }</span> <span class="data-size">{ bytesToSize(file.datasize) }</span>
<span class="separator"></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> </div>
<div class="menu"> <div class="menu">

View File

@ -10,12 +10,12 @@
li.tag(style={background: tag.color, color: contrast(tag.color)})= tag.name li.tag(style={background: tag.color, color: contrast(tag.color)})= tag.name
--> -->
<footer> <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="separator"></p>
<p class="data-size">{ bytesToSize(file.datasize) }</p> <p class="data-size">{ bytesToSize(file.datasize) }</p>
<p class="separator"></p> <p class="separator"></p>
<p class="created-at"> <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> </p>
</footer> </footer>
</div> </div>

View File

@ -1,6 +1,6 @@
<mk-home-timeline> <mk-home-timeline>
<mk-init-following if={ noFollowing } /> <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> <style>
:scope :scope
display block display block

View File

@ -1,5 +1,5 @@
<mk-home> <mk-home>
<mk-home-timeline ref="tl"></mk-home-timeline> <mk-home-timeline ref="tl"/>
<style> <style>
:scope :scope
display block display block

View File

@ -5,7 +5,7 @@
<div class="body"><a class="name" href={ '/' + username } target="_blank">{ name }</a> <div class="body"><a class="name" href={ '/' + username } target="_blank">{ name }</a>
<p class="username">@{ username }</p> <p class="username">@{ username }</p>
</div> </div>
<mk-follow-button user={ this }></mk-follow-button> <mk-follow-button user={ this }/>
</div> </div>
</div> </div>
<p class="empty" if={ !fetching && users.length == 0 }>おすすめのユーザーは見つかりませんでした。</p> <p class="empty" if={ !fetching && users.length == 0 }>おすすめのユーザーは見つかりませんでした。</p>

View File

@ -1,5 +1,5 @@
<mk-notification class={ notification.type }> <mk-notification class={ notification.type }>
<mk-time time={ notification.created_at }></mk-time> <mk-time time={ notification.created_at }/>
<virtual if={ notification.type == 'reaction' }> <virtual if={ notification.type == 'reaction' }>
<a class="avatar-anchor" href={ '/' + notification.user.username }> <a class="avatar-anchor" href={ '/' + notification.user.username }>
<img class="avatar" src={ notification.user.avatar_url + '?thumbnail&size=64' } alt="avatar"/> <img class="avatar" src={ notification.user.avatar_url + '?thumbnail&size=64' } alt="avatar"/>

View File

@ -2,7 +2,7 @@
<div class="notifications" if={ notifications.length != 0 }> <div class="notifications" if={ notifications.length != 0 }>
<virtual each={ notification, i in notifications }> <virtual each={ notification, i in notifications }>
<div> <div>
<mk-notification notification={ notification }></mk-notification> <mk-notification notification={ notification }/>
</div> </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> <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> </virtual>

View File

@ -1,5 +1,5 @@
<mk-notify> <mk-notify>
<mk-notification-preview notification={ opts.notification }></mk-notification-preview> <mk-notification-preview notification={ opts.notification }/>
<style> <style>
:scope :scope
display block display block

View File

@ -1,6 +1,6 @@
<mk-drive-page> <mk-drive-page>
<mk-ui ref="ui"> <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> </mk-ui>
<style> <style>
:scope :scope
@ -63,7 +63,7 @@
document.title = title; document.title = title;
// TODO: escape html characters in file.name // 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', { riot.mount('mk-file-type-icon', {
type: file.type type: file.type
}); });

View File

@ -1,14 +1,14 @@
<mk-entrance> <mk-entrance>
<main><img src="/assets/title.svg" alt="Misskey"/> <main><img src="/assets/title.svg" alt="Misskey"/>
<mk-entrance-signin if={ mode == 'signin' }></mk-entrance-signin> <mk-entrance-signin if={ mode == 'signin' }/>
<mk-entrance-signup if={ mode == 'signup' }></mk-entrance-signup> <mk-entrance-signup if={ mode == 'signup' }/>
<div class="introduction" if={ mode == 'introduction' }> <div class="introduction" if={ mode == 'introduction' }>
<mk-introduction></mk-introduction> <mk-introduction/>
<button onclick={ signin }>%i18n:common.ok%</button> <button onclick={ signin }>%i18n:common.ok%</button>
</div> </div>
</main> </main>
<footer> <footer>
<mk-copyright></mk-copyright> <mk-copyright/>
</footer> </footer>
<style> <style>
:scope :scope

View File

@ -1,5 +1,5 @@
<mk-entrance-signin> <mk-entrance-signin>
<mk-signin></mk-signin> <mk-signin/>
<div class="divider"><span>or</span></div> <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> <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> <style>

View File

@ -1,5 +1,5 @@
<mk-entrance-signup> <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> <button class="cancel" type="button" onclick={ parent.signin } title="%i18n:mobile.tags.mk-entrance-signup.cancel%"><i class="fa fa-times"></i></button>
<style> <style>
:scope :scope

View File

@ -1,6 +1,6 @@
<mk-home-page> <mk-home-page>
<mk-ui ref="ui"> <mk-ui ref="ui">
<mk-home ref="home"></mk-home> <mk-home ref="home"/>
</mk-ui> </mk-ui>
<style> <style>
:scope :scope

View File

@ -1,6 +1,6 @@
<mk-messaging-room-page> <mk-messaging-room-page>
<mk-ui ref="ui"> <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> </mk-ui>
<style> <style>
:scope :scope

View File

@ -1,6 +1,6 @@
<mk-messaging-page> <mk-messaging-page>
<mk-ui ref="ui"> <mk-ui ref="ui">
<mk-messaging ref="index"></mk-messaging> <mk-messaging ref="index"/>
</mk-ui> </mk-ui>
<style> <style>
:scope :scope

View File

@ -1,5 +1,5 @@
<mk-new-post-page> <mk-new-post-page>
<mk-post-form ref="form"></mk-post-form> <mk-post-form ref="form"/>
<style> <style>
:scope :scope
display block display block

View File

@ -1,6 +1,6 @@
<mk-notifications-page> <mk-notifications-page>
<mk-ui ref="ui"> <mk-ui ref="ui">
<mk-notifications ref="notifications"></mk-notifications> <mk-notifications ref="notifications"/>
</mk-ui> </mk-ui>
<style> <style>
:scope :scope

View File

@ -1,7 +1,7 @@
<mk-post-page> <mk-post-page>
<mk-ui ref="ui"> <mk-ui ref="ui">
<main> <main>
<mk-post-detail ref="post" post={ parent.post }></mk-post-detail> <mk-post-detail ref="post" post={ parent.post }/>
</main> </main>
</mk-ui> </mk-ui>
<style> <style>

View File

@ -1,6 +1,6 @@
<mk-search-page> <mk-search-page>
<mk-ui ref="ui"> <mk-ui ref="ui">
<mk-search ref="search" query={ parent.opts.query }></mk-search> <mk-search ref="search" query={ parent.opts.query }/>
</mk-ui> </mk-ui>
<style> <style>
:scope :scope

View File

@ -1,6 +1,6 @@
<mk-api-info-page> <mk-api-info-page>
<mk-ui ref="ui"> <mk-ui ref="ui">
<mk-api-info></mk-api-info> <mk-api-info/>
</mk-ui> </mk-ui>
<style> <style>
:scope :scope

View File

@ -1,6 +1,6 @@
<mk-authorized-apps-page> <mk-authorized-apps-page>
<mk-ui ref="ui"> <mk-ui ref="ui">
<mk-authorized-apps></mk-authorized-apps> <mk-authorized-apps/>
</mk-ui> </mk-ui>
<style> <style>
:scope :scope

View File

@ -1,6 +1,6 @@
<mk-signin-history-page> <mk-signin-history-page>
<mk-ui ref="ui"> <mk-ui ref="ui">
<mk-signin-history></mk-signin-history> <mk-signin-history/>
</mk-ui> </mk-ui>
<style> <style>
:scope :scope

View File

@ -1,6 +1,6 @@
<mk-twitter-setting-page> <mk-twitter-setting-page>
<mk-ui ref="ui"> <mk-ui ref="ui">
<mk-twitter-setting></mk-twitter-setting> <mk-twitter-setting/>
</mk-ui> </mk-ui>
<style> <style>
:scope :scope

View File

@ -1,6 +1,6 @@
<mk-user-followers-page> <mk-user-followers-page>
<mk-ui ref="ui"> <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> </mk-ui>
<style> <style>
:scope :scope

View File

@ -1,6 +1,6 @@
<mk-user-following-page> <mk-user-following-page>
<mk-ui ref="ui"> <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> </mk-ui>
<style> <style>
:scope :scope

View File

@ -1,6 +1,6 @@
<mk-user-page> <mk-user-page>
<mk-ui ref="ui"> <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> </mk-ui>
<style> <style>
:scope :scope

View File

@ -1,6 +1,6 @@
<mk-post-detail> <mk-post-detail>
<div class="fetching" if={ fetching }> <div class="fetching" if={ fetching }>
<mk-ellipsis-icon></mk-ellipsis-icon> <mk-ellipsis-icon/>
</div> </div>
<div class="main" if={ !fetching }> <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 }> <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> </button>
<div class="context"> <div class="context">
<virtual each={ post in context }> <virtual each={ post in context }>
<mk-post-preview post={ post }></mk-post-preview> <mk-post-preview post={ post }/>
</virtual> </virtual>
</div> </div>
<div class="reply-to" if={ p.reply_to }> <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>
<div class="repost" if={ isRepost }> <div class="repost" if={ isRepost }>
<p> <p>
@ -40,13 +40,13 @@
<div class="media" if={ p.media }> <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> <virtual each={ file in p.media }><img src={ file.url + '?thumbnail&size=512' } alt={ file.name } title={ file.name }/></virtual>
</div> </div>
<mk-poll if={ p.poll } post={ p }></mk-poll> <mk-poll if={ p.poll } post={ p }/>
</div> </div>
<a class="time" href={ url }> <a class="time" href={ url }>
<mk-time time={ p.created_at } mode="detail"></mk-time> <mk-time time={ p.created_at } mode="detail"/>
</a> </a>
<footer> <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> <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> <p class="count" if={ p.replies_count > 0 }>{ p.replies_count }</p>
</button> </button>
@ -61,7 +61,7 @@
</article> </article>
<div class="replies"> <div class="replies">
<virtual each={ post in replies }> <virtual each={ post in replies }>
<mk-post-preview post={ post }></mk-post-preview> <mk-post-preview post={ post }/>
</virtual> </virtual>
</div> </div>
</div> </div>

View File

@ -9,7 +9,7 @@
</div> </div>
</header> </header>
<div class="form"> <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> <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 }> <div class="attaches" if={ files.length != 0 }>
<ul class="files" ref="attaches"> <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> <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> </ul>
</div> </div>
<mk-poll-editor if={ poll } ref="poll" ondestroy={ onPollDestroyed }></mk-poll-editor> <mk-poll-editor if={ poll } ref="poll" ondestroy={ onPollDestroyed }/>
<mk-uploader ref="uploader"></mk-uploader> <mk-uploader ref="uploader"/>
<button ref="upload" onclick={ selectFile }><i class="fa fa-upload"></i></button> <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 ref="drive" onclick={ selectFileFromDrive }><i class="fa fa-cloud"></i></button>
<button class="cat" onclick={ cat }><i class="fa fa-smile-o"></i></button> <button class="cat" onclick={ cat }><i class="fa fa-smile-o"></i></button>

View File

@ -8,11 +8,11 @@
<a class="name" href={ '/' + post.user.username }>{ post.user.name }</a> <a class="name" href={ '/' + post.user.username }>{ post.user.name }</a>
<span class="username">@{ post.user.username }</span> <span class="username">@{ post.user.username }</span>
<a class="time" href={ '/' + post.user.username + '/' + post.id }> <a class="time" href={ '/' + post.user.username + '/' + post.id }>
<mk-time time={ post.created_at }></mk-time> <mk-time time={ post.created_at }/>
</a> </a>
</header> </header>
<div class="body"> <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>
</div> </div>
</article> </article>

View File

@ -1,5 +1,5 @@
<mk-search-posts> <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> <style>
:scope :scope
display block display block

View File

@ -1,5 +1,5 @@
<mk-search> <mk-search>
<mk-search-posts ref="posts" query={ query }></mk-search-posts> <mk-search-posts ref="posts" query={ query }/>
<style> <style>
:scope :scope
display block display block

View File

@ -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> <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 }> <details if={ post.media }>
<summary>({ post.media.length }個のメディア)</summary> <summary>({ post.media.length }個のメディア)</summary>
<mk-images-viewer images={ post.media }></mk-images-viewer> <mk-images-viewer images={ post.media }/>
</details> </details>
<details if={ post.poll }> <details if={ post.poll }>
<summary>%i18n:mobile.tags.mk-sub-post-content.poll%</summary> <summary>%i18n:mobile.tags.mk-sub-post-content.poll%</summary>
<mk-poll post={ post }></mk-poll> <mk-poll post={ post }/>
</details> </details>
<style> <style>
:scope :scope

View File

@ -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> <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"> <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 }> <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"> <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>
</div> </div>
</article> </article>

View File

@ -1,6 +1,6 @@
<mk-timeline-post class={ repost: isRepost }> <mk-timeline-post class={ repost: isRepost }>
<div class="reply-to" if={ p.reply_to }> <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>
<div class="repost" if={ isRepost }> <div class="repost" if={ isRepost }>
<p> <p>
@ -9,7 +9,7 @@
</a> </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)} <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> </p>
<mk-time time={ post.created_at }></mk-time> <mk-time time={ post.created_at }/>
</div> </div>
<article> <article>
<a class="avatar-anchor" href={ '/' + p.user.username }> <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="is-bot" if={ p.user.is_bot }>bot</span>
<span class="username">@{ p.user.username }</span> <span class="username">@{ p.user.username }</span>
<a class="created-at" href={ url }> <a class="created-at" href={ url }>
<mk-time time={ p.created_at }></mk-time> <mk-time time={ p.created_at }/>
</a> </a>
</header> </header>
<div class="body"> <div class="body">
@ -33,16 +33,16 @@
<a class="quote" if={ p.repost != null }>RP:</a> <a class="quote" if={ p.repost != null }>RP:</a>
</div> </div>
<div class="media" if={ p.media }> <div class="media" if={ p.media }>
<mk-images-viewer images={ p.media }></mk-images-viewer> <mk-images-viewer images={ p.media }/>
</div> </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> <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> <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>
</div> </div>
<footer> <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> <button onclick={ reply }><i class="fa fa-reply"></i>
<p class="count" if={ p.replies_count > 0 }>{ p.replies_count }</p> <p class="count" if={ p.replies_count > 0 }>{ p.replies_count }</p>
</button> </button>

View File

@ -6,7 +6,7 @@
<i class="fa fa-comments-o"></i>{ opts.empty || '%i18n:mobile.tags.mk-timeline.empty%' } <i class="fa fa-comments-o"></i>{ opts.empty || '%i18n:mobile.tags.mk-timeline.empty%' }
</div> </div>
<virtual each={ post, i in posts }> <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 }> <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-up"></i>{ post._datetext }</span>
<span><i class="fa fa-angle-down"></i>{ posts[i + 1]._datetext }</span> <span><i class="fa fa-angle-down"></i>{ posts[i + 1]._datetext }</span>

View File

@ -1,5 +1,5 @@
<mk-ui-header> <mk-ui-header>
<mk-special-message></mk-special-message> <mk-special-message/>
<div class="main"> <div class="main">
<div class="backdrop"></div> <div class="backdrop"></div>
<div class="content"> <div class="content">

View File

@ -1,10 +1,10 @@
<mk-ui> <mk-ui>
<mk-ui-header></mk-ui-header> <mk-ui-header/>
<mk-ui-nav ref="nav"></mk-ui-nav> <mk-ui-nav ref="nav"/>
<div class="content"> <div class="content">
<yield /> <yield />
</div> </div>
<mk-stream-indicator></mk-stream-indicator> <mk-stream-indicator/>
<style> <style>
:scope :scope
display block display block

View File

@ -1,5 +1,5 @@
<mk-user-followers> <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> <style>
:scope :scope
display block display block

Some files were not shown because too many files have changed in this diff Show More