37 lines
817 B
JavaScript
37 lines
817 B
JavaScript
|
/**
|
||
|
|
* @fileoverview Stories Page Component for Rantii
|
||
|
|
* @author retoor <retoor@molodetz.nl>
|
||
|
|
* @description Developer stories page
|
||
|
|
* @keywords stories, page, devstories, feed, articles
|
||
|
|
*/
|
||
|
|
|
||
|
|
import { BaseComponent } from '../components/base-component.js';
|
||
|
|
|
||
|
|
class StoriesPage extends BaseComponent {
|
||
|
|
init() {
|
||
|
|
this.render();
|
||
|
|
}
|
||
|
|
|
||
|
|
render() {
|
||
|
|
this.addClass('page', 'stories-page');
|
||
|
|
|
||
|
|
this.setHtml(`
|
||
|
|
<header class="page-header">
|
||
|
|
<h1>Stories</h1>
|
||
|
|
</header>
|
||
|
|
<rant-feed sort="recent" feed-type="stories"></rant-feed>
|
||
|
|
`);
|
||
|
|
}
|
||
|
|
|
||
|
|
refresh() {
|
||
|
|
const feed = this.$('rant-feed');
|
||
|
|
if (feed) {
|
||
|
|
feed.refresh();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
customElements.define('stories-page', StoriesPage);
|
||
|
|
|
||
|
|
export { StoriesPage };
|