chore: scaffold Rantii project with README, icons, CSS, and JS directory structure
This commit is contained in:
@@ -0,0 +1,36 @@
|
||||
/**
|
||||
* @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 };
|
||||
Reference in New Issue
Block a user