|
|
@@ -3,6 +3,136 @@ |
|
|
|
// // // // |
|
|
|
|
|
|
|
|
|
|
|
СоздатьОкноПоражения = мир => |
|
|
|
{ |
|
|
|
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"); |
|
|
|