38 lines
675 B
HTML
38 lines
675 B
HTML
<mk-index>
|
|
<mk-header/>
|
|
<hr>
|
|
<button onclick={ n }>%i18n:ch.tags.mk-index.new%</button>
|
|
<hr>
|
|
<ul if={ channels }>
|
|
<li each={ channels }><a href={ '/' + this.id }>{ this.title }</a></li>
|
|
</ul>
|
|
<style>
|
|
:scope
|
|
display block
|
|
|
|
</style>
|
|
<script>
|
|
this.mixin('api');
|
|
|
|
this.on('mount', () => {
|
|
this.api('channels', {
|
|
limit: 100
|
|
}).then(channels => {
|
|
this.update({
|
|
channels: channels
|
|
});
|
|
});
|
|
});
|
|
|
|
this.n = () => {
|
|
const title = window.prompt('%i18n:ch.tags.mk-index.channel-title%');
|
|
|
|
this.api('channels/create', {
|
|
title: title
|
|
}).then(channel => {
|
|
location.href = '/' + channel.id;
|
|
});
|
|
};
|
|
</script>
|
|
</mk-index>
|