ok
Mini Shell
<div class="modal-header">
<h5 class="modal-title" id="modelHeading">@lang('modules.tasks.comment')</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
</div>
<div class="modal-body">
<x-form id="edit-comment-data-form" method="PUT">
<div class="row">
<div class="col-md-12 p-20 ">
<div class="media">
<img src="{{ $comment->user->image_url }}" class="align-self-start mr-3 taskEmployeeImg rounded"
alt="{{ mb_ucwords($comment->user->name) }}">
<div class="media-body bg-white">
<div class="form-group">
<div id="task-edit-comment">{!! $comment->comment !!}</div>
<textarea name="comment" class="form-control invisible d-none"
id="task-edit-comment-text">{!! $comment->comment !!}</textarea>
</div>
</div>
</div>
</div>
</div>
</x-form>
</div>
<div class="modal-footer">
<x-forms.button-cancel data-dismiss="modal" class="border-0 mr-3">@lang('app.cancel')</x-forms.button-cancel>
<x-forms.button-primary id="save-edit-comment" icon="check">@lang('app.save')</x-forms.button-primary>
</div>
<script>
var edit_task_comments = "{{ user()->permission('edit_task_comments') }}";
$(document).ready(function() {
if (edit_task_comments == "all" || edit_task_comments == "added") {
quillImageLoad('#task-edit-comment');
}
$('#save-edit-comment').click(function() {
var comment = document.getElementById('task-edit-comment').children[0].innerHTML;
document.getElementById('task-edit-comment-text').value = comment;
var token = '{{ csrf_token() }}';
const url = "{{ route('taskComment.update', $comment->id) }}";
$.easyAjax({
url: url,
container: '#edit-comment-data-form',
type: "POST",
disableButton: true,
blockUI: true,
buttonSelector: "#save-edit-comment",
data: {
'_token': token,
comment: comment,
'_method': 'PUT',
taskId: '{{ $comment->task->id }}'
},
success: function(response) {
if (response.status == "success") {
document.getElementById('comment-list').innerHTML = response.view;
$(MODAL_LG).modal('hide');
}
}
});
});
});
</script>
Zerion Mini Shell 1.0