Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects
game-articles.js 1.35 KiB
Newer Older
  • Learn to ignore specific revisions
  • peter_rabbit's avatar
    peter_rabbit committed
    "use strict";
    
    
    Pierre Jarriges's avatar
    Pierre Jarriges committed
    const { loadArticles } = require("../../../lib/article-utils");
    
    peter_rabbit's avatar
    peter_rabbit committed
    const GameArticle = require("./game-article");
    
    Pierre Jarriges's avatar
    Pierre Jarriges committed
    const translator = require("ks-cheap-translator");
    
    peter_rabbit's avatar
    peter_rabbit committed
    
    class GameArticles {
        constructor(props) {
            this.props = props;
            this.state = {
                articles: [],
            };
    
    Pierre Jarriges's avatar
    Pierre Jarriges committed
            this.id = "game-articles-section";
    
    peter_rabbit's avatar
    peter_rabbit committed
            this.loadArticles();
        }
    
        loadArticles() {
    
    Pierre Jarriges's avatar
    Pierre Jarriges committed
            loadArticles("games", translator.locale)
    
    peter_rabbit's avatar
    peter_rabbit committed
                .then(articles => {
    
    Pierre Jarriges's avatar
    Pierre Jarriges committed
                    this.state.articles = articles;
                    this.refresh();
    
    peter_rabbit's avatar
    peter_rabbit committed
                })
                .catch(e => console.log(e));
        }
    
        renderPlaceholder() {
            return {
                tag: "article",
                class: "placeholder",
                contents: [{ tag: "div" }, { tag: "div" }],
            };
        }
    
        refresh() {
    
    Pierre Jarriges's avatar
    Pierre Jarriges committed
            obj2htm.subRender(this.render(), document.getElementById(this.id), {
    
    peter_rabbit's avatar
    peter_rabbit committed
                mode: "replace",
            });
        }
    
        render() {
            const { articles } = this.state;
            return {
                tag: "section",
                class: "game-articles page-contents-center",
                id: this.id,
                contents:
                    articles.length > 0
                        ? articles.map(article => new GameArticle({ ...article }).render())
                        : [this.renderPlaceholder()],
            };
        }
    }
    
    module.exports = GameArticles;