"use strict";

const RankingView = (function(){

    const RankingView = function(xgravity){

        const self = this;
        let view_element = null;

        this.close = () => {
            if(view_element && view_element.parentNode){
                view_element.parentNode.removeChild(view_element);
                view_element = null;
            }
        };

        this.go = () => {
            self.close();

            const nodes = xgravity.html(xgravity.item_self, [
                "div", { class : "xg-view xg-ranking" }, [
                    ["h2", { class : "xg-subtitle", "data-i18n" : "rank_title" }],
                    ["div", { class : "xg-panel" }, [
                        ["p", { "data-i18n" : "rank_empty" }],
                        ["button", { 
                            class : "xg-btn", 
                            "data-i18n" : "btn_back",
                            onclick : () => {
                                self.close();
                                if(xgravity.views.main_menu)
                                    xgravity.views.main_menu.go();
                            }
                        }]
                    ]]
                ]
            ]);

            view_element = nodes[0];
            xgravity.i18n.update();
        };

    };

    return RankingView;
})();