|
- function Меню(события, подсказки)
- {
- this.создать = function()
- {
- события.подписать(this);
- this.установитьМеню();
- };
-
- this.обработатьСобытие = function(событие)
- {
- let мышь = "мышь/нажатие/";
- if (событие.startsWith(мышь))
- {
- let значения = событие.substring(мышь.length).split("/");
- let элемент = значения[2];
- let имя = подсказки.подсказкаДляЭлемента(элемент);
- if (имя)
- {
- this.отобразитьМеню(имя);
- }
- }
- };
-
- this.отобразитьМеню = function(имя)
- {
- UIkit.modal("#меню").show();
- /*
- let подсказка = подсказки.задано[имя];
- let html = `
- `;
- UIkit.modal.dialog(html);
- */
- };
-
- this.установитьМеню = function()
- {
- let html = `
- <div id="меню" uk-modal>
- <button class="uk-modal-close-default" type="button" uk-close></button>
- <div class="uk-modal-body">
- <h2 class="uk-modal-title">Заголовок</h2>
- <div class="uk-child-width-1-4@s uk-text-center" uk-grid>
- <div>
- <div class="uk-card uk-card-default uk-card-body">👁️</div>
- </div>
- <div>
- <div class="uk-card uk-card-default uk-card-body">🤚</div>
- </div>
- <div>
- <div class="uk-card uk-card-default uk-card-body">🗣</div>
- </div>
- <div>
- <div class="uk-card uk-card-default uk-card-body">🥾</div>
- </div>
- </div>
- </div>
- </div>
- `;
- document.body.insertAdjacentHTML("beforeend", html);
- };
-
- // Конструктор.
- this.создать();
- };
|