nl_tokens: Message Dialog
pl_tokens: function uiMessage ( ) { // [i] for forEach // var messageDialog = document.getElementsByClassName('ui-messageBox__wrapper'); var uiMessageDialogBtnShow = document . getElementsByClassName ( 'ui-messageBox-show' ) ; var uiMessageDialogBtnOk = document . getElementsByClassName ( 'ui-messageBox-ok' ) ; var uiMessageDialogBtnCancel = document . getElementsByClassName ( 'ui-messageBox-cancel' ) ; var uiMessageDialogBtnClose = document . getElementsByClassName ( 'ui-messageBox-close' ) ; // Event for Show [ ] . forEach . call ( uiMessageDialogBtnShow , function ( element , i ) { element . addEventListener ( 'click' , function ( ) { showMessageDialog ( i ) ; } ) ; } ) ; // Event for Close [ ] . forEach . call ( uiMessageDialogBtnClose , function ( element , i ) { element . addEventListener ( 'click' , function ( ) { closeMessageDialog ( i ) ; } ) ; // Close click to window window . addEventListener ( 'click' , function ( e ) { // Becouse [i] messageDialog = document . getElementsByClassName ( 'ui-messageBox__wrapper' ) [ i ] ; if ( e . target == messageDialog ) { messageDialog . style . <mask> = "none" ; } } ) ; } ) ; // Event for Close Cancel // TODO: bug // Если кенцел отсутвует на 1 модалке и есть на второq в i отправляется 0. // закрывается 1. вторая без изменений // решение - новая функция+класс для окна с кенцел [ ] . forEach . call ( uiMessageDialogBtnCancel , function ( element , i ) { element . addEventListener ( 'click' , function ( ) { //Exit closeMessageDialog ( i ) ; // Ok func messageDialogItCancel ( ) ; } ) ; } ) ; // Event for Close OK [ ] . forEach . call ( uiMessageDialogBtnOk , function ( element , i ) { element . addEventListener ( 'click' , function ( ) { //Exit closeMessageDialog ( i ) ; // Ok func messageDialogItOk ( ) ; } ) ; } ) ; function showMessageDialog ( i ) { // Becouse [i] var messageDialog = document . getElementsByClassName ( 'ui-messageBox__wrapper' ) [ i ] ; messageDialog . style . display = "flex" ; } function closeMessageDialog ( i ) { // Becouse [i] var messageDialog = document . getElementsByClassName ( 'ui-messageBox__wrapper' ) [ i ] ; messageDialog . style . display = "none" ; } }