Как правильно организовать логику?

Question

[ButterflyEZ]

Здравствуйте, при практики появился вопрос. Как можно решить проблему и решить ее красиво.

У меня есть модалки, на каждой страницы их очень много, порядка 5. И есть элемент, по клику на который, все модальные окна должны закрыться на странице. Этот элемент находится в шаблоне.

Как можно отловить клик по закрывающему элементу с шаблона и сбросить все модалки на странице.

На каждой странице, где расположены модалки, есть такие объекты, с помощью них через и решается, показывать или нет модальное окно.

modals: {
   location: false,
   count: false,
   date: false
}

У меня есть такая структура:

pages
--index (тут находятся 5 модалок)

layout
--default (тут закрывающий элемент)

Answer 1

[WapSter]

Можно через стор. Я хранил мапу с модалками, там хранилась еще и вспомогательная информация, в том числе и состояние мадалки. Если нужно было закрыть все окна проходился циклом по мапе и закрывал все, если одну определенную обращался по имени. Получается точка иситины в сторе. Модалка появляется в каком-то используемом компоненте даже не важно лайаут это или просто кнопка какая нибудь, сразу инициализировалась в сторе.

Answer 2

[penushkin]

как вариант - использовать store для управления модалками