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
games.js 7.17 KiB
Newer Older
  • Learn to ignore specific revisions
  • peter_rabbit's avatar
    peter_rabbit committed
    (function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){
    "use strict";
    
    module.exports = {
        setRenderCycleRoot(renderCycleRoot) {
            this.renderCycleRoot = renderCycleRoot;
        },
        objectToHtml: function objectToHtml(obj) {
            const { tag } = obj;
    
            const node = document.createElement(tag);
            const excludeKeys = ["tag", "contents", "style_rules", "state"];
    
            Object.keys(obj)
                .filter(attr => !excludeKeys.includes(attr))
                .forEach(attr => {
                    if (attr === "class") {
                        node.classList.add(...obj[attr].split(" ").filter(s => s !== ""));
                    } else {
                        node[attr] = obj[attr];
                    }
                });
            if (obj.contents && typeof obj.contents === "string") {
                node.innerHTML = obj.contents;
            } else {
                obj.contents &&
                    obj.contents.length > 0 &&
                    obj.contents.forEach(el => {
                        switch (typeof el) {
                            case "string":
                                node.innerHTML = el;
                                break;
                            case "object":
                                node.appendChild(objectToHtml(el));
                                break;
                        }
                    });
            }
    
            if (obj.style_rules) {
                Object.keys(obj.style_rules).forEach(rule => {
                    node.style[rule] = obj.style_rules[rule];
                });
            }
    
            return node;
        },
        renderCycle: function () {
            this.subRender(this.renderCycleRoot.render(), document.getElementsByTagName("main")[0], {
                mode: "replace",
            });
        },
        subRender(object, htmlNode, options = { mode: "append" }) {
            const insert = this.objectToHtml(object);
            switch (options.mode) {
                case "append":
                    htmlNode.appendChild(insert);
                    break;
                case "override":
                    htmlNode.innerHTML = "";
                    htmlNode.appendChild(insert);
                    break;
                case "insert-before":
                    htmlNode.insertBefore(insert, htmlNode.childNodes[options.insertIndex]);
                    break;
                case "adjacent":
                    /**
                     * options.insertLocation must be one of:
                     *
                     * afterbegin
                     * afterend
                     * beforebegin
                     * beforeend
                     */
                    htmlNode.insertAdjacentHTML(options.insertLocation, insert);
                    break;
                case "replace":
                    htmlNode.parentNode.replaceChild(insert, htmlNode);
                    break;
                case "remove":
                    htmlNode.remove();
                    break;
            }
        },
    };
    
    },{}],2:[function(require,module,exports){
    "use strict";
    
    
    peter_rabbit's avatar
    peter_rabbit committed
    class GamesPage {
    
    peter_rabbit's avatar
    peter_rabbit committed
        constructor(args) {
            Object.assign(this, args);
        }
    
        render() {
            return {
    
    peter_rabbit's avatar
    peter_rabbit committed
                tag: "div",
    
    peter_rabbit's avatar
    peter_rabbit committed
                contents: [
                    {
                        tag: "h1",
    
    peter_rabbit's avatar
    peter_rabbit committed
                        contents: "Games",
    
    peter_rabbit's avatar
    peter_rabbit committed
    module.exports = GamesPage;
    
    peter_rabbit's avatar
    peter_rabbit committed
    
    },{}],3:[function(require,module,exports){
    "use strict";
    
    "use strict";
    const runPage = require("../../run-page");
    
    peter_rabbit's avatar
    peter_rabbit committed
    const GamesPage = require("./games");
    runPage(GamesPage);
    
    peter_rabbit's avatar
    peter_rabbit committed
    
    
    peter_rabbit's avatar
    peter_rabbit committed
    },{"../../run-page":4,"./games":2}],4:[function(require,module,exports){
    
    peter_rabbit's avatar
    peter_rabbit committed
    "use strict";
    
    const objectHtmlRenderer = require("./lib/object-html-renderer");
    
    peter_rabbit's avatar
    peter_rabbit committed
    const Template = require("./template/template");
    
    peter_rabbit's avatar
    peter_rabbit committed
    
    module.exports = function runPage(PageComponent) {
    
    peter_rabbit's avatar
    peter_rabbit committed
        const template = new Template({ page: new PageComponent() });
        objectHtmlRenderer.setRenderCycleRoot(template);
    
    peter_rabbit's avatar
    peter_rabbit committed
        objectHtmlRenderer.renderCycle();
    };
    
    
    peter_rabbit's avatar
    peter_rabbit committed
    },{"./lib/object-html-renderer":1,"./template/template":5}],5:[function(require,module,exports){
    "use strict";
    
    class Template {
        constructor(props) {
            this.props = props;
        }
    
        render() {
            return {
                tag: "main",
                contents: [
                    {
                        tag: "header",
                        contents: [
                            {
                                tag: "ul",
                                contents: [
                                    {
                                        tag: "li",
                                        contents: [
                                            {
                                                tag: "a",
                                                href: "/public/",
                                                contents: "Home",
                                            },
                                        ],
                                    },
                                    {
                                        tag: "li",
                                        contents: [
                                            {
                                                tag: "a",
                                                href: "/public/games/",
                                                contents: "Jeux",
                                            },
                                        ],
                                    },
                                    {
                                        tag: "li",
                                        contents: [
                                            {
                                                tag: "a",
                                                href: "/public/software-development/",
                                                contents: "Software development",
                                            },
                                        ],
                                    },
                                    {
                                        tag: "li",
                                        contents: [
                                            {
                                                tag: "a",
                                                href: "/public/education/",
                                                contents: "Pédagogie",
                                            },
                                        ],
                                    },
                                ],
                            },
                        ],
                    },
                    {
                        tag: "div",
                        id: "page-container",
                        contents: [this.props.page.render()],
                    },
                    {
                        tag: "footer",
                        contents: [
                            {
                                tag: "a",
                                href: "mailto:kuadrado-software@tutanota.com",
                                contents: "kuadrado-software@tutanota.com",
                            },
                        ],
                    },
                ],
            };
        }
    }
    
    module.exports = Template;
    
    },{}]},{},[3]);