Пользовательский интерфейс Маджонга | Mahjong user interface
25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

76 lines
1.6KB

  1. ПлавноСкрытьОкноРаскладок = мир =>
  2. {
  3. мир.окна.раскладки.плавно.скрыть();
  4. };
  5. // // // //
  6. ПлавноПоказатьОкноРаскладок = мир =>
  7. {
  8. мир.окна.раскладки.плавно.отобразить();
  9. };
  10. // // // //
  11. ЗадатьВидОкнаРаскладок = мир =>
  12. {
  13. var вид = document.createElement("style");
  14. document.head.appendChild(вид);
  15. вид.innerHTML = `
  16. #${мир.окна.раскладки.указатель}
  17. {
  18. background-color: white;
  19. position: fixed;
  20. left: 0;
  21. top: 0;
  22. bottom: 0;
  23. width: 50%;
  24. }
  25. #скрыть-раскладки
  26. {
  27. position: relative;
  28. margin: 0.5em;
  29. left: 0;
  30. top: 0;
  31. }
  32. `;
  33. };
  34. // // // //
  35. СоздатьОкноРаскладок = мир =>
  36. {
  37. var окно = document.createElement("div");
  38. окно.id = "окно-раскладки";
  39. окно.style.display = "none";
  40. document.body.appendChild(окно);
  41. var настройки = {
  42. "прозрачность": 0.8,
  43. };
  44. мир.окна.раскладки = {
  45. "указатель": окно.id,
  46. "элемент": окно,
  47. "плавно": new ПлавноеОтображениеИСкрытиеЭлемента(окно, настройки),
  48. };
  49. окно.innerHTML = `
  50. <a id="скрыть-раскладки" uk-icon="icon: close; ratio: 2"></a>
  51. <p>текст произвольный</p>
  52. `;
  53. $("#скрыть-раскладки").click(function() {
  54. мир.уведомить("кнопка скрыть раскладки");
  55. });
  56. };