Задать вопрос
@lemonlimelike

Почему переменная не найдена?

Всем привет! Такая проблема интересная, что капец. Переменная title_ru доступна, а record нет. Почему?

<div id="items" class="main__box">
	@foreach($films as $item)
		<div class="main__box--row">
			<div class="main__top--item">{{$item->id}}</div>
			<div class="main__top--item">{{$item->title_ru}}</div>
			<div class="main__top--item">{{$item->title_en}}</div>
			<div class="main__top--item">{{$item->description}}</div>
			<div class="main__top--item">{{$item->keywords}}</div>
			<div class="main__top--item">{{$item->updated_at}}</div>
			<div class="main__top--item">
				<button class="btn btn__change"
				 data-action="change" 
				 data-record="{{$item->id}}"
				 data-title_ru="{{$item->title_ru}}" 
				 data-title_en="{{$item->title_en}}" 
				 data-description="{{$item->description}}" 
				 data-keywords="{{$item->keywords}}" 
				 data-type="{{$item->type}}"
				 data-updated_at="{{$item->updated_at}}">Изменить</button>
				<button class="btn btn__danger" data-action="delete">Удалить</button>
			</div>
		</div>
	@endforeach
</div>
<div id="modal" class="modal"></div>

//JS

let ifModalOpen = false;
const handlerChange = (el) => {
    if(!el.target.dataset.action){
        return;
    }

    let {
        record,
        title_ru,
        title_en,
        description,
        keywords,
        type,
        updated_at,
        action,
    } = el.target.dataset;

    switch(action){
        case 'change':
			let modal = document.getElementById('modal');
			let html = '';
			html = modalChange(record,title_ru,title_en,description,keywords,updated_at);
			modal.classList.add('modal__open');
			modal.innerHTML = html;
			ifModalOpen = true;
        	break;
    }
}
const onCloseModalKey = (e) => {
    if(e.keyCode == 27 && ifModalOpen)
    {
    	modal.classList.remove('modal__open');
    	ifModalOpen = false;
    }else if(e.keyCode == 13 && ifModalOpen)
    {
	let confDialog = confirm("Подтвердить?")
        console.log(title_ru); // Белая машина
        console.log(record); // undefined Почему?
    }
}

document.getElementById('items').addEventListener('click', handlerChange);
document.body.addEventListener('keyup', onCloseModalKey);

function modalChange(record,title_ru,title_en,description,keywords,updated_at)
{
	return;
}
  • Вопрос задан
  • 103 просмотра
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы