mahjong/mahjong-osnova-base
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Изменения от Главреда ГитЖС | Changes of GitJS Glavred

Browse Source
This commit is contained in:
Главред | Glavred
2020-09-23 14:48:41 +03:00
parent f090d0dffe
commit dddf217f27
6 changed files with 217 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

130
интерфейс|ui.js
View File

@@ -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");