mahjong-ui/меню|menu.js

// // // //


ПлавноПоказатьОкноМеню = мир =>
{
    const css = `

#${мир.окна.меню.указатель}
{
    opacity: 0;
    animation: ${мир.окна.меню.указатель}ПлавноПоказать 0.5s ease;
    animation-fill-mode: forwards;
}

    `;
    мир.окна.меню.анимация.innerHTML = css;
    мир.окна.меню.элемент.style.display = "block";
};


// // // //


ПодготовитьАнимациюОкнаМеню = мир =>
{
    мир.окна.меню.анимация = document.createElement("style");
    document.head.appendChild(мир.окна.меню.анимация);
};


// // // //


ЗадатьВидИАнимациюОкнаМеню = мир =>
{
    /*
#${мир.окна.меню.указатель}-тело
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
    */
    const css = `

#${мир.окна.меню.указатель}
{
    background-color: white;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

@keyframes ${мир.окна.меню.указатель}ПлавноСкрыть
{
    0%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 0;
    }
}

@keyframes ${мир.окна.меню.указатель}ПлавноПоказать
{
    0%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}

    `;
    var вид = document.createElement("style");
    вид.innerHTML = css;
    document.head.appendChild(вид);
};


// // // //


СоздатьОкноМеню = мир =>
{
    мир.окна.меню = {
        "указатель": "окно-меню",
    };
    const html = `Меню`;
/*
<div id="${мир.окна.окончание.указатель}-тело">
    <center>
        <span id="${мир.окна.окончание.указатель}-содержимое">
        </span>
        <hr class="uk-divider-icon">
        <p>
            <a href="https://twitter.com/opengamestudio" target="_blank" class="uk-icon-button" uk-icon="twitter"></a>
        </p>
    </center>
</div>

    `;
    */

    var окно = document.createElement("div");
    окно.id = мир.окна.меню.указатель;
    окно.innerHTML = html;
    окно.style.display = "none";
    мир.окна.меню.элемент = окно;
    мир.окна.управление.элемент.appendChild(окно);
};