mahjong-ui/раскладки|layouts.js

// // // //


ОтслеживатьВыборРаскладки = мир =>
{
    const список = мир.окна.раскладки.выборныйСписок;
    список.отклик.выбор = function(номер) {
        мир.выбраннаяРаскладка = список.список[номер];
        мир.уведомить("выбрали раскладку");
    };
};


// // // //


ЗадатьСписокРаскладок = мир =>
{
    var раскладки = Object.keys(мир.реестрРаскладок).sort();
    мир.окна.раскладки.выборныйСписок.задатьСписок(раскладки);
};


// // // //


ПлавноСкрытьОкноРаскладок = мир =>
{
    мир.окна.раскладки.плавно.скрыть();
};


// // // //


ПлавноПоказатьОкноРаскладок = мир =>
{
    мир.окна.раскладки.плавно.отобразить();
};

// // // //


ЗадатьВидОкнаРаскладок = мир =>
{

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

#${мир.окна.раскладки.указатель}
{
    position: fixed;
    left: 1em;
    top: 1em;
    bottom: 1em;
    right: 1em;
}

#скрыть-раскладки
{
    position: fixed;
    right: 0.5em;
    bottom: 0.5em;
}

    `;
};


// // // //


СоздатьОкноРаскладок = мир =>
{
    var окно = document.createElement("div");
    окно.id = "окно-раскладки";
    окно.style.display = "none";
    document.body.appendChild(окно);

    мир.окна.раскладки = {
        "указатель": окно.id,
        "элемент": окно,
        "плавно": new ПлавноОтобразитьСкрыть(окно),
        "список": `${окно.id}-список`,
    };

    окно.innerHTML = `
<center>
    <span class="uk-text-large">Раскладки</span>
    ⚬ <span class="uk-text-large uk-text-bold">键盘布局</span> ⚬
    <span class="uk-text-large">Layouts</span>
</center>
<ul id="${мир.окна.раскладки.список}" class="uk-nav uk-nav-default tm-nav">
</ul>
<a id="скрыть-раскладки" uk-icon="icon: close; ratio: 2"></a>

    `;
    
    var элементСписок = document.getElementById(мир.окна.раскладки.список);
    мир.окна.раскладки.выборныйСписок = new ВыборныйСписок(элементСписок);

    $("#скрыть-раскладки").click(function() {
        мир.уведомить("кнопка скрыть раскладки");
    });
};