in fullcalendar how can I make if event.extendedProps.isBelong prop is true make event resizable and droppable but else disable them
eventRender: function (info) {
var event = info.event;
var element = info.el;
var customContent = `
<div class="fc-content">
<div class="custom-event-content" style="cursor: initial;padding: .6rem;">
<small>${moment(event.start).format("HH:mm")} - ${moment(event.end).format("HH:mm")} </small><br/>
<a style="color: ${event.textColor};text-decoration: none;" href="${event.extendedProps.urlString}"><strong> ${event.title} </strong></a><br/>
<i class="fa-solid fa-eye pointer mt-2"></i>
</div>
</div>
<div class="fc-resizer fc-resizer-start"></div>
<div class="fc-resizer fc-resizer-end"></div>
`;
element.innerHTML = customContent;
var eyeIcon = element.querySelector('.fa-eye');
console.log(eyeIcon)
if (eyeIcon) {
eyeIcon.addEventListener('click', function () {
openDetailModal(info);
});
}
},
New contributor
Ferhad is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.