Пользовательский интерфейс Маджонга | Mahjong user interface
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

101 lines
2.3KB

  1. // // // //
  2. ЗадатьПораженческоеСодержимоеОкнуОкончания = мир =>
  3. {
  4. $(`#${мир.окна.окончание.указатель}-содержимое`).html(`
  5. <span class="uk-text-large">Поражение</span>
  6. ⚬ <span class="uk-text-large uk-text-bold">失败</span> ⚬
  7. <span class="uk-text-large">Defeat</span>
  8. `);
  9. };
  10. // // // //
  11. ЗадатьПобедноеСодержимоеОкнуОкончания = мир =>
  12. {
  13. $(`#${мир.окна.окончание.указатель}-содержимое`).html(`
  14. <span class="uk-text-large">Победа</span>
  15. ⚬ <span class="uk-text-large uk-text-bold">胜利</span> ⚬
  16. <span class="uk-text-large">Victory</span>
  17. `);
  18. };
  19. // // // //
  20. ПлавноПоказатьОкноОкончания = мир =>
  21. {
  22. мир.окна.окончание.плавно.отобразить();
  23. };
  24. // // // //
  25. ЗадатьВидОкнаОкончания = мир =>
  26. {
  27. const css = `
  28. #${мир.окна.окончание.указатель}-тело
  29. {
  30. position: absolute;
  31. left: 50%;
  32. top: 50%;
  33. transform: translateX(-50%) translateY(-50%);
  34. }
  35. #${мир.окна.окончание.указатель}
  36. {
  37. background-color: white;
  38. position: fixed;
  39. left: 0;
  40. top: 0;
  41. right: 0;
  42. bottom: 0;
  43. }
  44. `;
  45. var вид = document.createElement("style");
  46. вид.innerHTML = css;
  47. document.head.appendChild(вид);
  48. };
  49. // // // //
  50. СоздатьОкноОкончания = мир =>
  51. {
  52. var окно = document.createElement("div");
  53. окно.id = "окно-окончания";
  54. окно.style.display = "none";
  55. document.body.appendChild(окно);
  56. мир.окна.окончание = {
  57. "указатель": окно.id,
  58. "элемент": окно,
  59. "плавно": new ПлавноОтобразитьСкрыть(окно),
  60. };
  61. окно.innerHTML = `
  62. <div id="${мир.окна.окончание.указатель}-тело">
  63. <center>
  64. <span id="${мир.окна.окончание.указатель}-содержимое">
  65. </span>
  66. <hr class="uk-divider-icon">
  67. <p>
  68. <a href="https://twitter.com/opengamestudio" target="_blank" class="uk-icon-button" uk-icon="twitter"></a>
  69. </p>
  70. </center>
  71. </div>
  72. `;
  73. };