130 lines
3.6 KiB
JavaScript
130 lines
3.6 KiB
JavaScript
|
||
|
||
// // // //
|
||
|
||
|
||
ВыбратьРаскладкуПровальную = мир =>
|
||
{
|
||
мир.выбраннаяРаскладка = "😭";
|
||
мир.уведомить("выбрали раскладку");
|
||
};
|
||
|
||
|
||
// // // //
|
||
|
||
|
||
ВыбратьРаскладкуУспешную = мир =>
|
||
{
|
||
мир.выбраннаяРаскладка = "😀";
|
||
мир.уведомить("выбрали раскладку");
|
||
};
|
||
|
||
|
||
// // // //
|
||
|
||
|
||
ВыбратьРаскладкуX = мир =>
|
||
{
|
||
мир.выбраннаяРаскладка = "X";
|
||
мир.уведомить("выбрали раскладку");
|
||
};
|
||
|
||
|
||
// // // //
|
||
|
||
|
||
ПлавноСкрытьОкноПриветствия = мир =>
|
||
{
|
||
мир.окна.приветствие.плавно.скрыть();
|
||
};
|
||
|
||
|
||
// // // //
|
||
|
||
|
||
ПлавноПоказатьОкноПриветствия = мир =>
|
||
{
|
||
мир.окна.приветствие.плавно.отобразить();
|
||
};
|
||
|
||
|
||
// // // //
|
||
|
||
|
||
ЗадатьВидОкнаПриветствия = мир =>
|
||
{
|
||
const css = `
|
||
|
||
#${мир.окна.приветствие.указатель}-тело
|
||
{
|
||
position: absolute;
|
||
left: 50%;
|
||
top: 50%;
|
||
transform: translateX(-50%) translateY(-50%);
|
||
}
|
||
#${мир.окна.приветствие.указатель}
|
||
{
|
||
background-color: white;
|
||
position: fixed;
|
||
left: 0;
|
||
top: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
}
|
||
|
||
`;
|
||
var вид = document.createElement("style");
|
||
вид.innerHTML = css;
|
||
document.head.appendChild(вид);
|
||
};
|
||
|
||
|
||
// // // //
|
||
|
||
|
||
СоздатьОкноПриветствия = мир =>
|
||
{
|
||
мир.окна.приветствие = {
|
||
"указатель": "окно-приветствия",
|
||
};
|
||
const html = `
|
||
|
||
<div id="${мир.окна.приветствие.указатель}-тело">
|
||
<center>
|
||
<p>
|
||
<span class="uk-text-large">Маджонг</span>
|
||
⚬ <span class="uk-text-large uk-text-bold">麻将</span> ⚬
|
||
<span class="uk-text-large">Mahjong</span>
|
||
</p>
|
||
<span>${мир.версия}</span>
|
||
<hr class="uk-divider-icon">
|
||
<p uk-margin>
|
||
<p>Выберите раскладку: | 选择布局: | Select layout:</p>
|
||
<button id="${мир.окна.приветствие.указатель}-X" class="uk-button uk-button-default">X</button>
|
||
<button id="${мир.окна.приветствие.указатель}-😀" class="uk-button uk-button-default">😀</button>
|
||
<button id="${мир.окна.приветствие.указатель}-😭" class="uk-button uk-button-default">😭</button>
|
||
</p>
|
||
</center>
|
||
</div>
|
||
|
||
`;
|
||
|
||
var окно = document.createElement("div");
|
||
окно.id = мир.окна.приветствие.указатель;
|
||
окно.innerHTML = html;
|
||
окно.style.display = "none";
|
||
document.body.appendChild(окно);
|
||
мир.окна.приветствие.элемент = окно;
|
||
|
||
мир.окна.приветствие.плавно = new ПлавноеОтображениеИСкрытиеЭлемента(окно);
|
||
|
||
$(`#${мир.окна.приветствие.указатель}-X`).click(function() {
|
||
мир.уведомить("кнопка раскладки X");
|
||
});
|
||
$(`#${мир.окна.приветствие.указатель}-😀`).click(function() {
|
||
мир.уведомить("кнопка раскладки 😀");
|
||
});
|
||
$(`#${мир.окна.приветствие.указатель}-😭`).click(function() {
|
||
мир.уведомить("кнопка раскладки 😭");
|
||
});
|
||
}; |