This commit is contained in:
syuilo 2017-11-01 17:20:54 +09:00
parent e221d410e0
commit 5e2053ca86

View file

@ -3,6 +3,13 @@
<hr> <hr>
<main if={ !fetching }> <main if={ !fetching }>
<h1>{ channel.title }</h1> <h1>{ channel.title }</h1>
<div class="share">
<mk-twitter-button/>
<mk-line-button/>
</div>
<div class="body">
<p if={ postsFetching }>読み込み中<mk-ellipsis/></p> <p if={ postsFetching }>読み込み中<mk-ellipsis/></p>
<div if={ !postsFetching }> <div if={ !postsFetching }>
<p if={ posts == null }>まだ投稿がありません</p> <p if={ posts == null }>まだ投稿がありません</p>
@ -10,6 +17,7 @@
<mk-channel-post each={ post in posts.slice().reverse() } post={ post } form={ parent.refs.form }/> <mk-channel-post each={ post in posts.slice().reverse() } post={ post } form={ parent.refs.form }/>
</virtual> </virtual>
</div> </div>
</div>
<hr> <hr>
<mk-channel-form if={ SIGNIN } channel={ channel } ref="form"/> <mk-channel-form if={ SIGNIN } channel={ channel } ref="form"/>
<div if={ !SIGNIN }> <div if={ !SIGNIN }>
@ -29,6 +37,14 @@
> h1 > h1
font-size 1.5em font-size 1.5em
color #f00 color #f00
> .share
> *
margin-right 4px
> .body
margin 8px 0 0 0
</style> </style>
<script> <script>
import Progress from '../../common/scripts/loading'; import Progress from '../../common/scripts/loading';
@ -294,3 +310,29 @@
}; };
</script> </script>
</mk-channel-form> </mk-channel-form>
<mk-twitter-button>
<a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-show-count="false">Tweet</a>
<script>
this.on('mount', () => {
const head = document.getElementsByTagName('head')[0];
const script = document.createElement('script');
script.setAttribute('src', 'https://platform.twitter.com/widgets.js');
script.setAttribute('async', 'async');
head.appendChild(script);
});
</script>
</mk-twitter-button>
<mk-line-button>
<div class="line-it-button" data-lang="ja" data-type="share-a" data-url={ CONFIG.chUrl } style="display: none;"></div>
<script>
this.on('mount', () => {
const head = document.getElementsByTagName('head')[0];
const script = document.createElement('script');
script.setAttribute('src', 'https://d.line-scdn.net/r/web/social-plugin/js/thirdparty/loader.min.js');
script.setAttribute('async', 'async');
head.appendChild(script);
});
</script>
</mk-line-button>