|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169 |
-
-
- // // // //
-
-
- ПлавноСкрытьПодложку = мир =>
- {
- мир.окна.подложка.плавно.скрыть();
- };
-
-
- // // // //
-
-
- ПлавноПоказатьПодложку = мир =>
- {
- мир.окна.подложка.плавно.отобразить();
- };
-
- // // // //
-
-
- СоздатьПодложку = мир =>
- {
- var окно = document.createElement("div");
- окно.id = "окно-подложка";
- document.body.appendChild(окно);
- окно.style = `
- position: fixed;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
- background-color: white;
- opacity: 0.5;
- display: none;
- `;
-
- var настройки = {
- "прозрачность": 0.5,
- };
- мир.окна.подложка = {
- "указатель": "окно-подложка",
- "элемент": окно,
- "плавно": new ПлавноеОтображениеИСкрытиеЭлемента(окно, настройки),
- };
- };
-
- // // // //
-
-
- СоздатьКнопкуРаскладки = мир =>
- {
- var кнопка = document.createElement("div");
- кнопка.innerHTML = `
- <a id="показать-раскладки" uk-icon="icon: thumbnails; ratio: 2"></a>
- `;
- кнопка.style = `
- position: fixed;
- right: 0;
- bottom: 0;
- margin: 0.5em;
- `;
- мир.окна.управление.элемент.appendChild(кнопка);
-
- $(`#показать-раскладки`).click(function() {
- мир.уведомить("кнопка показать раскладки");
- });
- };
-
-
- // // // //
-
-
- СообщитьТекущееЗначениеМасштаба = мир =>
- {
- var масштаб = мир.масштаб * 100;
- var сообщение = `🔍 ${масштаб}%`;
- UIkit.notification({
- message: сообщение,
- timeout: 500
- });
- };
-
-
- // // // //
-
-
- УменьшитьМасштаб = мир =>
- {
- мир.масштаб -= 0.5;
- if (мир.масштаб < 1)
- {
- мир.масштаб = 1;
- }
- мир.уведомить("изменили масштаб");
- };
-
-
- // // // //
-
-
- УвеличитьМасштаб = мир =>
- {
- мир.масштаб += 0.5;
- мир.уведомить("изменили масштаб");
- };
-
-
- // // // //
-
-
- СоздатьЭлементыУправленияМасштабом = мир =>
- {
- var элементы = document.createElement("div");
- элементы.innerHTML = `
- <ul class="uk-iconnav uk-iconnav-vertical">
- <li><a id="увеличить-масштаб" uk-icon="icon: plus; ratio: 2"></a></li>
- <li><a id="уменьшить-масштаб" uk-icon="icon: minus; ratio: 2"></a></li>
- </ul>
- `;
- элементы.style = `
- position: fixed;
- right: 0;
- top: 50%;
- transform: translateX(-50%) translateY(-50%);
- `;
- мир.окна.управление.элемент.appendChild(элементы);
-
- $(`#увеличить-масштаб`).click(function() {
- мир.уведомить("кнопка увеличения масштаба");
- });
- $(`#уменьшить-масштаб`).click(function() {
- мир.уведомить("кнопка уменьшения масштаба");
- });
- };
-
-
- // // // //
-
-
- ПоказатьОкноУправления = мир =>
- {
- мир.окна.управление.элемент.style.display = "block";
- };
-
-
- // // // //
-
-
- СоздатьОкноУправления = мир =>
- {
- мир.окна.управление = {
- "указатель": "окно-управления",
- };
-
- var окно = document.createElement("div");
- окно.id = мир.окна.управление.указатель;
- document.body.appendChild(окно);
- окно.style = `
- position: absolute;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
- `;
- окно.style.display = "none";
- мир.окна.управление.элемент = окно;
- };
|