natty
/
calckey
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Refactor

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/web/app/auth/tags/index.tag
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>

2
src/web/app/common/scripts/text-compiler.js
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':

2
src/web/app/common/tags/messaging/form.tag
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>

2
src/web/app/common/tags/messaging/index.tag
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>

2
src/web/app/common/tags/messaging/message.tag
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>

4
src/web/app/common/tags/messaging/room.tag
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

2
src/web/app/common/tags/signin-history.tag
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>

2
src/web/app/desktop/tags/drive/browser-window.tag
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>

10
src/web/app/desktop/tags/drive/browser.tag
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

2
src/web/app/desktop/tags/following-setuper.tag
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>

4
src/web/app/desktop/tags/home-widgets/mentions.tag
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

2
src/web/app/desktop/tags/home-widgets/notifications.tag
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

2
src/web/app/desktop/tags/home-widgets/recommended-polls.tag
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>

6
src/web/app/desktop/tags/home-widgets/timeline.tag
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

2
src/web/app/desktop/tags/home-widgets/user-recommendation.tag
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>

4
src/web/app/desktop/tags/home.tag
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>

2
src/web/app/desktop/tags/list-user.tag
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

2
src/web/app/desktop/tags/messaging/room-window.tag
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>

2
src/web/app/desktop/tags/messaging/window.tag
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>

2
src/web/app/desktop/tags/notifications.tag
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"/>

10
src/web/app/desktop/tags/pages/entrance.tag
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">

2
src/web/app/desktop/tags/pages/entrance/signin.tag
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>

2
src/web/app/desktop/tags/pages/entrance/signup.tag
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

2
src/web/app/desktop/tags/pages/home.tag
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

2
src/web/app/desktop/tags/pages/post.tag
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>

2
src/web/app/desktop/tags/pages/search.tag
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

2
src/web/app/desktop/tags/pages/user.tag
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

2
src/web/app/desktop/tags/post-detail-sub.tag
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>

14
src/web/app/desktop/tags/post-detail.tag
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>

4
src/web/app/desktop/tags/post-form-window.tag
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>

6
src/web/app/desktop/tags/post-form.tag
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>

4
src/web/app/desktop/tags/post-preview.tag
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>

2
src/web/app/desktop/tags/repost-form-window.tag
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>

4
src/web/app/desktop/tags/repost-form.tag
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

4
src/web/app/desktop/tags/search-posts.tag
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

2
src/web/app/desktop/tags/search.tag
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

4
src/web/app/desktop/tags/select-file-from-drive-window.tag
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>

2
src/web/app/desktop/tags/settings-window.tag
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>

8
src/web/app/desktop/tags/settings.tag
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>

4
src/web/app/desktop/tags/sub-post-content.tag
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

4
src/web/app/desktop/tags/timeline-post-sub.tag
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>

16
src/web/app/desktop/tags/timeline-post.tag
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

2
src/web/app/desktop/tags/timeline.tag
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">

2
src/web/app/desktop/tags/ui-header-clock.tag
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

2
src/web/app/desktop/tags/ui-header-notifications.tag
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

16
src/web/app/desktop/tags/ui-header.tag
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>

8
src/web/app/desktop/tags/ui.tag
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

2
src/web/app/desktop/tags/user-followers-window.tag
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

2
src/web/app/desktop/tags/user-followers.tag
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

2
src/web/app/desktop/tags/user-following-window.tag
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

2
src/web/app/desktop/tags/user-following.tag
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

6
src/web/app/desktop/tags/user-graphs.tag
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

6
src/web/app/desktop/tags/user-home.tag
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

2
src/web/app/desktop/tags/user-preview.tag
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

4
src/web/app/desktop/tags/user-profile.tag
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');

4
src/web/app/desktop/tags/user-timeline.tag
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

6
src/web/app/desktop/tags/user.tag
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>

2
src/web/app/desktop/tags/users-list.tag
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 }>

6
src/web/app/dev/tags/pages/new-app.tag
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>

2
src/web/app/mobile/tags/drive-folder-selector.tag
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

2
src/web/app/mobile/tags/drive-selector.tag
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

8
src/web/app/mobile/tags/drive.tag
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

4
src/web/app/mobile/tags/drive/file-viewer.tag
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">

4
src/web/app/mobile/tags/drive/file.tag
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>

2
src/web/app/mobile/tags/home-timeline.tag
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

2
src/web/app/mobile/tags/home.tag
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

2
src/web/app/mobile/tags/init-following.tag
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>

2
src/web/app/mobile/tags/notification.tag
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"/>

2
src/web/app/mobile/tags/notifications.tag
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>

2
src/web/app/mobile/tags/notify.tag
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

4
src/web/app/mobile/tags/page/drive.tag
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
}); });

8
src/web/app/mobile/tags/page/entrance.tag
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

2
src/web/app/mobile/tags/page/entrance/signin.tag
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>

2
src/web/app/mobile/tags/page/entrance/signup.tag
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

2
src/web/app/mobile/tags/page/home.tag
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

2
src/web/app/mobile/tags/page/messaging-room.tag
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

2
src/web/app/mobile/tags/page/messaging.tag
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

2
src/web/app/mobile/tags/page/new-post.tag
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

2
src/web/app/mobile/tags/page/notifications.tag
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

2
src/web/app/mobile/tags/page/post.tag
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>

2
src/web/app/mobile/tags/page/search.tag
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

2
src/web/app/mobile/tags/page/settings/api.tag
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

2
src/web/app/mobile/tags/page/settings/authorized-apps.tag
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

2
src/web/app/mobile/tags/page/settings/signin.tag
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

2
src/web/app/mobile/tags/page/settings/twitter.tag
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

2
src/web/app/mobile/tags/page/user-followers.tag
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

2
src/web/app/mobile/tags/page/user-following.tag
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

2
src/web/app/mobile/tags/page/user.tag
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

14
src/web/app/mobile/tags/post-detail.tag
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>

6
src/web/app/mobile/tags/post-form.tag
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>

4
src/web/app/mobile/tags/post-preview.tag
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>

2
src/web/app/mobile/tags/search-posts.tag
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

2
src/web/app/mobile/tags/search.tag
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

4
src/web/app/mobile/tags/sub-post-content.tag
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

4
src/web/app/mobile/tags/timeline-post-sub.tag
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>

14
src/web/app/mobile/tags/timeline-post.tag
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>

2
src/web/app/mobile/tags/timeline.tag
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>

2
src/web/app/mobile/tags/ui-header.tag
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">

6
src/web/app/mobile/tags/ui.tag
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

2
src/web/app/mobile/tags/user-followers.tag
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