Всем привет! Такая проблема интересная, что капец. Переменная
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;
}