Fix bug
This commit is contained in:
parent
e9cfa3dafc
commit
395cd3d3e5
19 changed files with 38 additions and 38 deletions
|
@ -1,5 +1,5 @@
|
||||||
<mk-uploader>
|
<mk-uploader>
|
||||||
<ol if={ uploads.length > 0 }>
|
<ol if={ uploads.length > 0 }>
|
||||||
<li each={ uploads }>
|
<li each={ uploads }>
|
||||||
<div class="img" style="background-image: url({ img })"></div>
|
<div class="img" style="background-image: url({ img })"></div>
|
||||||
<p class="name"><i class="fa fa-spinner fa-pulse"></i>{ name }</p>
|
<p class="name"><i class="fa fa-spinner fa-pulse"></i>{ name }</p>
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<mk-autocomplete-suggestion>
|
<mk-autocomplete-suggestion>
|
||||||
<ol class="users" ref="users" if={ users.length > 0 }>
|
<ol class="users" ref="users" if={ users.length > 0 }>
|
||||||
<li each={ users } onclick={ parent.onClick } onkeydown={ parent.onKeydown } tabindex="-1"><img class="avatar" src={ avatar_url + '?thumbnail&size=32' } alt=""/><span class="name">{ name }</span><span class="username">@{ username }</span></li>
|
<li each={ users } onclick={ parent.onClick } onkeydown={ parent.onKeydown } tabindex="-1"><img class="avatar" src={ avatar_url + '?thumbnail&size=32' } alt=""/><span class="name">{ name }</span><span class="username">@{ username }</span></li>
|
||||||
</ol>
|
</ol>
|
||||||
<style type="stylus">
|
<style type="stylus">
|
||||||
|
|
|
@ -8,16 +8,16 @@
|
||||||
</div>
|
</div>
|
||||||
<input class="search" type="search" placeholder=" 検索"/>
|
<input class="search" type="search" placeholder=" 検索"/>
|
||||||
</nav>
|
</nav>
|
||||||
<div class="main { uploading: uploads.length > 0, loading: loading }" ref="main" onmousedown={ onmousedown } ondragover={ ondragover } ondragenter={ ondragenter } ondragleave={ ondragleave } ondrop={ ondrop } oncontextmenu={ oncontextmenu }>
|
<div class="main { uploading: uploads.length > 0, loading: loading }" ref="main" onmousedown={ onmousedown } ondragover={ ondragover } ondragenter={ ondragenter } ondragleave={ ondragleave } ondrop={ ondrop } oncontextmenu={ oncontextmenu }>
|
||||||
<div class="selection" ref="selection"></div>
|
<div class="selection" ref="selection"></div>
|
||||||
<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 }></mk-drive-browser-folder>
|
||||||
</virtual>
|
</virtual>
|
||||||
<button if={ moreFolders }>もっと読み込む</button>
|
<button if={ moreFolders }>もっと読み込む</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 }></mk-drive-browser-file>
|
||||||
</virtual>
|
</virtual>
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<mk-following-setuper>
|
<mk-following-setuper>
|
||||||
<p class="title">気になるユーザーをフォロー:</p>
|
<p class="title">気になるユーザーをフォロー:</p>
|
||||||
<div class="users" if={ !loading && users.length > 0 }>
|
<div class="users" if={ !loading && users.length > 0 }>
|
||||||
<div class="user" each={ users }><a class="avatar-anchor" href={ CONFIG.url + '/' + username }><img class="avatar" src={ avatar_url + '?thumbnail&size=42' } alt="" data-user-preview={ id }/></a>
|
<div class="user" each={ users }><a class="avatar-anchor" href={ CONFIG.url + '/' + username }><img class="avatar" src={ avatar_url + '?thumbnail&size=42' } alt="" data-user-preview={ id }/></a>
|
||||||
<div class="body"><a class="name" href={ CONFIG.url + '/' + username } target="_blank" data-user-preview={ id }>{ name }</a>
|
<div class="body"><a class="name" href={ CONFIG.url + '/' + username } target="_blank" data-user-preview={ id }>{ name }</a>
|
||||||
<p class="username">@{ username }</p>
|
<p class="username">@{ username }</p>
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
<p class="initializing" if={ initializing }><i class="fa fa-spinner fa-pulse fa-fw"></i>読み込んでいます
|
<p class="initializing" if={ initializing }><i class="fa fa-spinner fa-pulse fa-fw"></i>読み込んでいます
|
||||||
<mk-ellipsis></mk-ellipsis>
|
<mk-ellipsis></mk-ellipsis>
|
||||||
</p>
|
</p>
|
||||||
<div class="stream" if={ !initializing && images.length > 0 }>
|
<div class="stream" if={ !initializing && images.length > 0 }>
|
||||||
<virtual each={ image in images }>
|
<virtual each={ image in images }>
|
||||||
<div class="img" style={ 'background-image: url(' + image.url + '?thumbnail&size=256)' }></div>
|
<div class="img" style={ 'background-image: url(' + image.url + '?thumbnail&size=256)' }></div>
|
||||||
</virtual>
|
</virtual>
|
||||||
|
|
|
@ -5,13 +5,13 @@
|
||||||
<input ref="searchInput" type="search" oninput={ search } placeholder="ユーザーを探す"/>
|
<input ref="searchInput" type="search" oninput={ search } placeholder="ユーザーを探す"/>
|
||||||
</div>
|
</div>
|
||||||
<div class="result">
|
<div class="result">
|
||||||
<ol class="users" if={ searchResult.length > 0 }>
|
<ol class="users" if={ searchResult.length > 0 }>
|
||||||
<li each={ user in searchResult }><a onclick={ user._click }><img class="avatar" src={ user.avatar_url + '?thumbnail&size=32' } alt=""/><span class="name">{ user.name }</span><span class="username">@{ user.username }</span></a></li>
|
<li each={ user in searchResult }><a onclick={ user._click }><img class="avatar" src={ user.avatar_url + '?thumbnail&size=32' } alt=""/><span class="name">{ user.name }</span><span class="username">@{ user.username }</span></a></li>
|
||||||
</ol>
|
</ol>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="main">
|
<div class="main">
|
||||||
<div class="history" if={ history.length > 0 }>
|
<div class="history" if={ history.length > 0 }>
|
||||||
<virtual each={ history }><a class="user" data-is-me={ is_me } data-is-read={ is_read } onclick={ _click }>
|
<virtual each={ history }><a class="user" data-is-me={ is_me } data-is-read={ is_read } onclick={ _click }>
|
||||||
<div><img class="avatar" src={ (is_me ? recipient.avatar_url : user.avatar_url) + '?thumbnail&size=64' } alt=""/>
|
<div><img class="avatar" src={ (is_me ? recipient.avatar_url : user.avatar_url) + '?thumbnail&size=64' } alt=""/>
|
||||||
<header><span class="name">{ is_me ? recipient.name : user.name }</span><span class="username">{ '@' + (is_me ? recipient.username : user.username ) }</span>
|
<header><span class="name">{ is_me ? recipient.name : user.name }</span><span class="username">{ '@' + (is_me ? recipient.username : user.username ) }</span>
|
||||||
|
|
|
@ -26,18 +26,18 @@
|
||||||
</div>
|
</div>
|
||||||
<footer>
|
<footer>
|
||||||
<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>
|
||||||
<button onclick={ repost } title="Repost"><i class="fa fa-retweet"></i>
|
<button onclick={ repost } title="Repost"><i class="fa fa-retweet"></i>
|
||||||
<p class="count" if={ p.repost_count > 0 }>{ p.repost_count }</p>
|
<p class="count" if={ p.repost_count > 0 }>{ p.repost_count }</p>
|
||||||
</button>
|
</button>
|
||||||
<button class={ liked: p.is_liked } onclick={ like } title="善哉"><i class="fa fa-thumbs-o-up"></i>
|
<button class={ liked: p.is_liked } onclick={ like } title="善哉"><i class="fa fa-thumbs-o-up"></i>
|
||||||
<p class="count" if={ p.likes_count > 0 }>{ p.likes_count }</p>
|
<p class="count" if={ p.likes_count > 0 }>{ p.likes_count }</p>
|
||||||
</button>
|
</button>
|
||||||
<button onclick={ NotImplementedException }><i class="fa fa-ellipsis-h"></i></button>
|
<button onclick={ NotImplementedException }><i class="fa fa-ellipsis-h"></i></button>
|
||||||
</footer>
|
</footer>
|
||||||
<div class="reposts-and-likes">
|
<div class="reposts-and-likes">
|
||||||
<div class="reposts" if={ reposts && reposts.length > 0 }>
|
<div class="reposts" if={ reposts && reposts.length > 0 }>
|
||||||
<header><a>{ p.repost_count }</a>
|
<header><a>{ p.repost_count }</a>
|
||||||
<p>Repost</p>
|
<p>Repost</p>
|
||||||
</header>
|
</header>
|
||||||
|
@ -45,7 +45,7 @@
|
||||||
<li class="user" each={ reposts }><a class="avatar-anchor" href={ CONFIG.url + '/' + user.username } title={ user.name } data-user-preview={ user.id }><img class="avatar" src={ user.avatar_url + '?thumbnail&size=32' } alt=""/></a></li>
|
<li class="user" each={ reposts }><a class="avatar-anchor" href={ CONFIG.url + '/' + user.username } title={ user.name } data-user-preview={ user.id }><img class="avatar" src={ user.avatar_url + '?thumbnail&size=32' } alt=""/></a></li>
|
||||||
</ol>
|
</ol>
|
||||||
</div>
|
</div>
|
||||||
<div class="likes" if={ likes && likes.length > 0 }>
|
<div class="likes" if={ likes && likes.length > 0 }>
|
||||||
<header><a>{ p.likes_count }</a>
|
<header><a>{ p.likes_count }</a>
|
||||||
<p>いいね</p>
|
<p>いいね</p>
|
||||||
</header>
|
</header>
|
||||||
|
|
|
@ -5,14 +5,14 @@
|
||||||
<li class="file" each={ files }>
|
<li class="file" each={ files }>
|
||||||
<div class="img" style="background-image: url({ url + "?thumbnail&size=64" })" title={ name }></div><img class="remove" onclick={ _remove } src="/_/resources/desktop/remove.png" title="添付取り消し" alt=""/>
|
<div class="img" style="background-image: url({ url + "?thumbnail&size=64" })" title={ name }></div><img class="remove" onclick={ _remove } src="/_/resources/desktop/remove.png" title="添付取り消し" alt=""/>
|
||||||
</li>
|
</li>
|
||||||
<li class="add" if={ files.length < 4 } title="PCからファイルを添付" onclick={ selectFile }><i class="fa fa-plus"></i></li>
|
<li class="add" if={ files.length < 4 } title="PCからファイルを添付" onclick={ selectFile }><i class="fa fa-plus"></i></li>
|
||||||
</ul>
|
</ul>
|
||||||
<p class="remain">残り{ 4 - files.length }</p>
|
<p class="remain">残り{ 4 - files.length }</p>
|
||||||
</div>
|
</div>
|
||||||
<mk-uploader ref="uploader"></mk-uploader>
|
<mk-uploader ref="uploader"></mk-uploader>
|
||||||
<button ref="upload" title="PCからファイルを添付" onclick={ selectFile }><i class="fa fa-upload"></i></button>
|
<button ref="upload" title="PCからファイルを添付" onclick={ selectFile }><i class="fa fa-upload"></i></button>
|
||||||
<button ref="drive" title="ドライブからファイルを添付" onclick={ selectFileFromDrive }><i class="fa fa-cloud"></i></button>
|
<button ref="drive" title="ドライブからファイルを添付" onclick={ selectFileFromDrive }><i class="fa fa-cloud"></i></button>
|
||||||
<p class="text-count { over: refs.text.value.length > 500 }">のこり{ 500 - refs.text.value.length }文字</p>
|
<p class="text-count { over: refs.text.value.length > 500 }">のこり{ 500 - refs.text.value.length }文字</p>
|
||||||
<button class={ wait: wait } ref="submit" disabled={ wait || (refs.text.value.length == 0 && files.length == 0) } onclick={ post }>{ wait ? '投稿中' : opts.reply ? '返信' : '投稿' }
|
<button class={ wait: wait } ref="submit" disabled={ wait || (refs.text.value.length == 0 && files.length == 0) } onclick={ post }>{ wait ? '投稿中' : opts.reply ? '返信' : '投稿' }
|
||||||
<mk-ellipsis if={ wait }></mk-ellipsis>
|
<mk-ellipsis if={ wait }></mk-ellipsis>
|
||||||
</button>
|
</button>
|
||||||
|
|
|
@ -8,8 +8,8 @@
|
||||||
<mk-ellipsis></mk-ellipsis>
|
<mk-ellipsis></mk-ellipsis>
|
||||||
</p>
|
</p>
|
||||||
<p class="percentage" if={ !isNaN(parent.value) }>{ Math.floor((parent.value / parent.max) * 100) }</p>
|
<p class="percentage" if={ !isNaN(parent.value) }>{ Math.floor((parent.value / parent.max) * 100) }</p>
|
||||||
<progress if={ !isNaN(parent.value) && parent.value < parent.max } value={ isNaN(parent.value) ? 0 : parent.value } max={ parent.max }></progress>
|
<progress if={ !isNaN(parent.value) && parent.value < parent.max } value={ isNaN(parent.value) ? 0 : parent.value } max={ parent.max }></progress>
|
||||||
<div class="progress waiting" if={ parent.value >= parent.max }></div>
|
<div class="progress waiting" if={ parent.value >= parent.max }></div>
|
||||||
</div></yield>
|
</div></yield>
|
||||||
</mk-window>
|
</mk-window>
|
||||||
<style type="stylus">
|
<style type="stylus">
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
<mk-select-file-from-drive-window>
|
<mk-select-file-from-drive-window>
|
||||||
<mk-window ref="window" is-modal={ true } width={ '800px' } height={ '500px' }><yield to="header">
|
<mk-window ref="window" is-modal={ true } width={ '800px' } height={ '500px' }><yield to="header">
|
||||||
<mk-raw content={ parent.title }></mk-raw><span class="count" if={ parent.multiple && parent.file.length > 0 }>({ parent.file.length }ファイル選択中)</span></yield>
|
<mk-raw content={ parent.title }></mk-raw><span class="count" if={ parent.multiple && parent.file.length > 0 }>({ parent.file.length }ファイル選択中)</span></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 }></mk-drive-browser>
|
||||||
<div>
|
<div>
|
||||||
|
|
|
@ -21,13 +21,13 @@
|
||||||
</div>
|
</div>
|
||||||
<footer>
|
<footer>
|
||||||
<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>
|
||||||
<button onclick={ repost } title="Repost"><i class="fa fa-retweet"></i>
|
<button onclick={ repost } title="Repost"><i class="fa fa-retweet"></i>
|
||||||
<p class="count" if={ p.repost_count > 0 }>{ p.repost_count }</p>
|
<p class="count" if={ p.repost_count > 0 }>{ p.repost_count }</p>
|
||||||
</button>
|
</button>
|
||||||
<button class={ liked: p.is_liked } onclick={ like } title="善哉"><i class="fa fa-thumbs-o-up"></i>
|
<button class={ liked: p.is_liked } onclick={ like } title="善哉"><i class="fa fa-thumbs-o-up"></i>
|
||||||
<p class="count" if={ p.likes_count > 0 }>{ p.likes_count }</p>
|
<p class="count" if={ p.likes_count > 0 }>{ p.likes_count }</p>
|
||||||
</button>
|
</button>
|
||||||
<button onclick={ NotImplementedException }><i class="fa fa-ellipsis-h"></i></button>
|
<button onclick={ NotImplementedException }><i class="fa fa-ellipsis-h"></i></button>
|
||||||
<button onclick={ toggleDetail } title="詳細"><i class="fa fa-caret-down" if={ !isDetailOpened }></i><i class="fa fa-caret-up" if={ isDetailOpened }></i></button>
|
<button onclick={ toggleDetail } title="詳細"><i class="fa fa-caret-down" if={ !isDetailOpened }></i><i class="fa fa-caret-up" if={ isDetailOpened }></i></button>
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<li onclick={ drive }>
|
<li onclick={ drive }>
|
||||||
<p><i class="fa fa-cloud"></i>ドライブ<i class="fa fa-angle-right"></i></p>
|
<p><i class="fa fa-cloud"></i>ドライブ<i class="fa fa-angle-right"></i></p>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="/i>mentions"><i class="fa fa-at"></i>あなた宛て<i class="fa fa-angle-right"></i></a></li>
|
<li><a href="/i>mentions"><i class="fa fa-at"></i>あなた宛て<i class="fa fa-angle-right"></i></a></li>
|
||||||
</ul>
|
</ul>
|
||||||
<ul>
|
<ul>
|
||||||
<li onclick={ settings }>
|
<li onclick={ settings }>
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
<p class="initializing" if={ initializing }><i class="fa fa-spinner fa-pulse fa-fw"></i>読み込んでいます
|
<p class="initializing" if={ initializing }><i class="fa fa-spinner fa-pulse fa-fw"></i>読み込んでいます
|
||||||
<mk-ellipsis></mk-ellipsis>
|
<mk-ellipsis></mk-ellipsis>
|
||||||
</p>
|
</p>
|
||||||
<div class="stream" if={ !initializing && images.length > 0 }>
|
<div class="stream" if={ !initializing && images.length > 0 }>
|
||||||
<virtual each={ image in images }>
|
<virtual each={ image in images }>
|
||||||
<div class="img" style={ 'background-image: url(' + image.url + '?thumbnail&size=256)' }></div>
|
<div class="img" style={ 'background-image: url(' + image.url + '?thumbnail&size=256)' }></div>
|
||||||
</virtual>
|
</virtual>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
<p if={ fetching }>読み込み中</p>
|
<p if={ fetching }>読み込み中</p>
|
||||||
<virtual if={ !fetching }>
|
<virtual if={ !fetching }>
|
||||||
<p if={ apps.length == 0 }>アプリなし</p>
|
<p if={ apps.length == 0 }>アプリなし</p>
|
||||||
<ul if={ apps.length > 0 }>
|
<ul if={ apps.length > 0 }>
|
||||||
<li each={ app in apps }><a href={ '/app/' + app.id }>
|
<li each={ app in apps }><a href={ '/app/' + app.id }>
|
||||||
<p class="name">{ app.name }</p></a></li>
|
<p class="name">{ app.name }</p></a></li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<mk-drive-selector>
|
<mk-drive-selector>
|
||||||
<div class="body">
|
<div class="body">
|
||||||
<header>
|
<header>
|
||||||
<h1>ファイルを選択<span class="count" if={ files.length > 0 }>({ files.length })</span></h1>
|
<h1>ファイルを選択<span class="count" if={ files.length > 0 }>({ files.length })</span></h1>
|
||||||
<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>
|
||||||
|
|
|
@ -7,13 +7,13 @@
|
||||||
<p if={ folder != null }>{ folder.name }</p>
|
<p if={ folder != null }>{ folder.name }</p>
|
||||||
</nav>
|
</nav>
|
||||||
<div class="browser { loading: loading }" if={ file == null }>
|
<div class="browser { loading: loading }" if={ file == null }>
|
||||||
<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 }></mk-drive-folder>
|
||||||
</virtual>
|
</virtual>
|
||||||
<p if={ moreFolders }>もっと読み込む</p>
|
<p if={ moreFolders }>もっと読み込む</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 }></mk-drive-file>
|
||||||
</virtual>
|
</virtual>
|
||||||
|
|
|
@ -26,18 +26,18 @@
|
||||||
<mk-time time={ p.created_at } mode="detail"></mk-time></a>
|
<mk-time time={ p.created_at } mode="detail"></mk-time></a>
|
||||||
<footer>
|
<footer>
|
||||||
<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>
|
||||||
<button onclick={ repost } title="Repost"><i class="fa fa-retweet"></i>
|
<button onclick={ repost } title="Repost"><i class="fa fa-retweet"></i>
|
||||||
<p class="count" if={ p.repost_count > 0 }>{ p.repost_count }</p>
|
<p class="count" if={ p.repost_count > 0 }>{ p.repost_count }</p>
|
||||||
</button>
|
</button>
|
||||||
<button class={ liked: p.is_liked } onclick={ like } title="善哉"><i class="fa fa-thumbs-o-up"></i>
|
<button class={ liked: p.is_liked } onclick={ like } title="善哉"><i class="fa fa-thumbs-o-up"></i>
|
||||||
<p class="count" if={ p.likes_count > 0 }>{ p.likes_count }</p>
|
<p class="count" if={ p.likes_count > 0 }>{ p.likes_count }</p>
|
||||||
</button>
|
</button>
|
||||||
<button onclick={ NotImplementedException }><i class="fa fa-ellipsis-h"></i></button>
|
<button onclick={ NotImplementedException }><i class="fa fa-ellipsis-h"></i></button>
|
||||||
</footer>
|
</footer>
|
||||||
<div class="reposts-and-likes">
|
<div class="reposts-and-likes">
|
||||||
<div class="reposts" if={ reposts && reposts.length > 0 }>
|
<div class="reposts" if={ reposts && reposts.length > 0 }>
|
||||||
<header><a>{ p.repost_count }</a>
|
<header><a>{ p.repost_count }</a>
|
||||||
<p>Repost</p>
|
<p>Repost</p>
|
||||||
</header>
|
</header>
|
||||||
|
@ -45,7 +45,7 @@
|
||||||
<li class="user" each={ reposts }><a class="avatar-anchor" href={ CONFIG.url + '/' + user.username } title={ user.name }><img class="avatar" src={ user.avatar_url + '?thumbnail&size=32' } alt=""/></a></li>
|
<li class="user" each={ reposts }><a class="avatar-anchor" href={ CONFIG.url + '/' + user.username } title={ user.name }><img class="avatar" src={ user.avatar_url + '?thumbnail&size=32' } alt=""/></a></li>
|
||||||
</ol>
|
</ol>
|
||||||
</div>
|
</div>
|
||||||
<div class="likes" if={ likes && likes.length > 0 }>
|
<div class="likes" if={ likes && likes.length > 0 }>
|
||||||
<header><a>{ p.likes_count }</a>
|
<header><a>{ p.likes_count }</a>
|
||||||
<p>いいね</p>
|
<p>いいね</p>
|
||||||
</header>
|
</header>
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
<header>
|
<header>
|
||||||
<div>
|
<div>
|
||||||
<button class="cancel" onclick={ cancel }><i class="fa fa-times"></i></button>
|
<button class="cancel" onclick={ cancel }><i class="fa fa-times"></i></button>
|
||||||
<div><span class="text-count { over: refs.text.value.length > 500 }">{ 500 - refs.text.value.length }</span>
|
<div><span class="text-count { over: refs.text.value.length > 500 }">{ 500 - refs.text.value.length }</span>
|
||||||
<button class="submit" onclick={ post }>投稿</button>
|
<button class="submit" onclick={ post }>投稿</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -15,7 +15,7 @@
|
||||||
<li class="file" each={ files }>
|
<li class="file" each={ files }>
|
||||||
<div class="img" style="background-image: url({ url + "?thumbnail&size=64" })" title={ name }></div>
|
<div class="img" style="background-image: url({ url + "?thumbnail&size=64" })" title={ name }></div>
|
||||||
</li>
|
</li>
|
||||||
<li class="add" if={ files.length < 4 } title="PCからファイルを添付" onclick={ selectFile }><i class="fa fa-plus"></i></li>
|
<li class="add" if={ files.length < 4 } title="PCからファイルを添付" onclick={ selectFile }><i class="fa fa-plus"></i></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<mk-uploader ref="uploader"></mk-uploader>
|
<mk-uploader ref="uploader"></mk-uploader>
|
||||||
|
|
|
@ -23,13 +23,13 @@
|
||||||
</div>
|
</div>
|
||||||
<footer>
|
<footer>
|
||||||
<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>
|
||||||
<button onclick={ repost } title="Repost"><i class="fa fa-retweet"></i>
|
<button onclick={ repost } title="Repost"><i class="fa fa-retweet"></i>
|
||||||
<p class="count" if={ p.repost_count > 0 }>{ p.repost_count }</p>
|
<p class="count" if={ p.repost_count > 0 }>{ p.repost_count }</p>
|
||||||
</button>
|
</button>
|
||||||
<button class={ liked: p.is_liked } onclick={ like }><i class="fa fa-thumbs-o-up"></i>
|
<button class={ liked: p.is_liked } onclick={ like }><i class="fa fa-thumbs-o-up"></i>
|
||||||
<p class="count" if={ p.likes_count > 0 }>{ p.likes_count }</p>
|
<p class="count" if={ p.likes_count > 0 }>{ p.likes_count }</p>
|
||||||
</button>
|
</button>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue