@@ -1,5 +1,6 @@ | |||||
пуск | пуск | ||||
задать заголовок | задать заголовок | ||||
скрыть отладочные элементы страницы | |||||
отобразить страницу загрузки маджонга | отобразить страницу загрузки маджонга | ||||
проверить наличие обновлений приложения | проверить наличие обновлений приложения | ||||
обновления приложения отсутствуют | обновления приложения отсутствуют | ||||
@@ -3,7 +3,8 @@ | |||||
// // // // | // // // // | ||||
ПлавноУбратьСтраницуЗагрузкиМаджонга = мир => | |||||
ПлавноУбратьСтраницуЗагрузкиМаджонгаИСкрытьКрутилку = мир => | |||||
{ | { | ||||
плавноСкрытьИУдалить("экран-загрузки", { "задержка": 0.4 }); | плавноСкрытьИУдалить("экран-загрузки", { "задержка": 0.4 }); | ||||
плавноСкрыть("крутилка", { "задержка": 0.4 }); | |||||
}; | }; |
@@ -1,2 +1,2 @@ | |||||
надо окончить загрузку маджонга | надо окончить загрузку маджонга | ||||
плавно убрать страницу загрузки маджонга | |||||
плавно убрать страницу загрузки маджонга и скрыть крутилку |
@@ -6,4 +6,6 @@ | |||||
top: 0; | top: 0; | ||||
right: 0; | right: 0; | ||||
bottom: 0; | bottom: 0; | ||||
width: 100%; | |||||
height: 100%; | |||||
} | } |
@@ -1,8 +1,5 @@ | |||||
<div id="экран-загрузки" class="фон-экрана"> | |||||
<center class="центрирование-на-экране"> | |||||
<span>Маджонг ⚬ 麻将 ⚬ Mahjong</span> | |||||
<h1>🀄 МАОН</h1> | |||||
<p>${версия}</p> | |||||
<div class="lds-dual-ring"></div> | |||||
</center> | |||||
</div> | |||||
<center> | |||||
<p>Маджонг ⚬ 麻将 ⚬ Mahjong</p> | |||||
<h1>🀄 МАОН</h1> | |||||
<p>${версия}</p> | |||||
</center> |
@@ -15,12 +15,34 @@ | |||||
ОтобразитьСтраницуЗагрузкиМаджонга = мир => | ОтобразитьСтраницуЗагрузкиМаджонга = мир => | ||||
{ | { | ||||
var м = мир.модули.модульПоУказателю(УКАЗАТЕЛЬ_ЭТОГО_МОДУЛЯ); | var м = мир.модули.модульПоУказателю(УКАЗАТЕЛЬ_ЭТОГО_МОДУЛЯ); | ||||
var структура = м.содержимое["/🙈.html"] | |||||
.replace(/\${версия}/g, м.версия); | |||||
document.body.innerHTML = структура; | |||||
var вид = document.createElement("style"); | var вид = document.createElement("style"); | ||||
document.head.appendChild(вид); | document.head.appendChild(вид); | ||||
вид.innerHTML = м.содержимое["/🙈.css"]; | вид.innerHTML = м.содержимое["/🙈.css"]; | ||||
var структура = м.содержимое["/🙈.html"] | |||||
.replace(/\${версия}/g, м.версия); | |||||
// Вставляем содержимое в рамку, чтобы применяемые стили UIkit не | |||||
// дёргали надписи. | |||||
// https://stackoverflow.com/a/8322025 | |||||
var рамка = "<iframe id='экран-загрузки' class='фон-экрана' frameBorder='0'></iframe>"; | |||||
document.body.insertAdjacentHTML("afterbegin", рамка); | |||||
document.getElementById("экран-загрузки").src = "data:text/html;charset=utf-8," + структура; | |||||
}; | |||||
// // // // | |||||
СкрытьОтладочныеЭлементыСтраницы = мир => | |||||
{ | |||||
var элементы = document.body.children; | |||||
for (var номер in элементы) | |||||
{ | |||||
var элемент = элементы[номер]; | |||||
if (элемент.classList && элемент.classList.contains("отладка")) | |||||
{ | |||||
элемент.hidden = true; | |||||
} | |||||
} | |||||
}; | }; |