151 lines
3.9 KiB
JavaScript
151 lines
3.9 KiB
JavaScript
|
||
|
||
// // // //
|
||
|
||
|
||
СоздатьОкноПоражения = мир =>
|
||
{
|
||
var структура = `
|
||
|
||
<div id="окно-поражения-тело">
|
||
<center>
|
||
<h1>Поражение</h1>
|
||
<hr class="uk-divider-icon">
|
||
<p uk-margin>
|
||
<p>Перезапустить игру с раскладкой:</p>
|
||
<button id="перезапустить-раскладку-решаемую" class="uk-button uk-button-default">Решаемой</button>
|
||
<button id="перезапустить-раскладку-нерешаемую" class="uk-button uk-button-default">Нерешаемой</button>
|
||
</p>
|
||
</center>
|
||
</div>
|
||
|
||
`;
|
||
var вид = `
|
||
|
||
#окно-поражение-тело
|
||
{
|
||
position: absolute;
|
||
left: 50%;
|
||
top: 50%;
|
||
transform: translateX(-50%) translateY(-50%);
|
||
pointer-events: all;
|
||
}
|
||
#окно-победы
|
||
{
|
||
opacity: 0;
|
||
background-color: white;
|
||
animation: fadeInОкноПоражения 1s ease;
|
||
animation-fill-mode: forwards;
|
||
position: fixed;
|
||
left: 0;
|
||
top: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
}
|
||
@keyframes fadeInОкноПоражения
|
||
{
|
||
0%
|
||
{
|
||
opacity: 0;
|
||
}
|
||
100%
|
||
{
|
||
opacity: 1;
|
||
}
|
||
}
|
||
|
||
`;
|
||
мир.окноПоражения = добавитьОкно("окно-поражения", структура, вид);
|
||
$("#перезапустить-раскладку-решаемую").click(function() {
|
||
мир.уведомить("кнопка перезапуска с решаемой раскладкой");
|
||
});
|
||
$("#перезапустить-раскладку-нерешаемую").click(function() {
|
||
мир.уведомить("кнопка перезапуска с нерешаемой раскладкой");
|
||
});
|
||
};
|
||
|
||
|
||
// // // //
|
||
|
||
|
||
СоздатьОкноПобеды = мир =>
|
||
{
|
||
var структура = `
|
||
|
||
<div id="окно-победы-тело">
|
||
<center>
|
||
<h1>Победа</h1>
|
||
<hr class="uk-divider-icon">
|
||
<p uk-margin>
|
||
<p>Перезапустить игру с раскладкой:</p>
|
||
<button id="перезапустить-раскладку-решаемую" class="uk-button uk-button-default">Решаемой</button>
|
||
<button id="перезапустить-раскладку-нерешаемую" class="uk-button uk-button-default">Нерешаемой</button>
|
||
</p>
|
||
</center>
|
||
</div>
|
||
|
||
`;
|
||
var вид = `
|
||
|
||
#окно-победы-тело
|
||
{
|
||
position: absolute;
|
||
left: 50%;
|
||
top: 50%;
|
||
transform: translateX(-50%) translateY(-50%);
|
||
pointer-events: all;
|
||
}
|
||
#окно-победы
|
||
{
|
||
opacity: 0;
|
||
background-color: white;
|
||
animation: fadeInОкноПобеды 1s ease;
|
||
animation-fill-mode: forwards;
|
||
position: fixed;
|
||
left: 0;
|
||
top: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
}
|
||
@keyframes fadeInОкноПобеды
|
||
{
|
||
0%
|
||
{
|
||
opacity: 0;
|
||
}
|
||
100%
|
||
{
|
||
opacity: 1;
|
||
}
|
||
}
|
||
|
||
`;
|
||
мир.окноПобеды = добавитьОкно("окно-победы", структура, вид);
|
||
$("#перезапустить-раскладку-решаемую").click(function() {
|
||
мир.уведомить("кнопка перезапуска с решаемой раскладкой");
|
||
});
|
||
$("#перезапустить-раскладку-нерешаемую").click(function() {
|
||
мир.уведомить("кнопка перезапуска с нерешаемой раскладкой");
|
||
});
|
||
};
|
||
|
||
|
||
// // // //
|
||
|
||
|
||
СоздатьГлавноеОкно = мир =>
|
||
{
|
||
мир.главноеОкно = document.createElement("div");
|
||
мир.главноеОкно.id = "главное-окно"
|
||
мир.главноеОкно.style.cssText = `
|
||
|
||
position: fixed;
|
||
left: 0;
|
||
top: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
pointer-events: all;
|
||
|
||
`;
|
||
document.body.appendChild(мир.главноеОкно);
|
||
}; |