Merge pull request #146 from WDI-Ideas/sayli

Sayli
This commit is contained in:
Sayli Raut
2024-06-14 16:10:06 +05:30
committed by GitHub

View File

@@ -56,85 +56,23 @@
<td class="text-start">{{ $feedbacks->feedbackReaction->feedback_reaction_title }}
<td>
<!-- <a class="view-btn m-0" href="" data-toggle="modal" data-target="#comment-modal-{{ $feedbacks['id'] }}" data-ids="{{ $feedbacks['id'] }}" data-comment="{{ $feedbacks['comment'] }}">View</a> -->
<a class="view-btn m-0" href="#" data-toggle="modal"
data-target="#comment-modal" data-ids="{{ $feedbacks['id'] }}"
data-comment="{{ $feedbacks['comment'] }}">View</a>
data-target="#comment-modal" data-ids="{{ $feedbacks->id }}"
data-comment="{{ $feedbacks->comment }}">View</a>
</td>
<td class="text-start">
{{ \Carbon\Carbon::parse($feedbacks->principal->created_at)->format('m/d/Y') }}
</td>
<td>
<a class="delete_feedback" data-id="{{ $feedbacks['id'] }}" style="gap: 7px;"
href="" data-toggle="modal" data-target="#delete-modal">
<img width="15"
src="{{ asset('public/assets/img/delete-recycle.svg') }}" />
<span>Delete</span>
</a>
</td>
</tr>
<!-- <div class="modal fade" id="comment-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> -->
<div class="modal fade" id="comment-modal" tabindex="-1" role="dialog"
aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="modal-header p-0">
<h5 class="modal-title">Comment</h5>
<button type="button" class="close" data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<p id="comment-content-{{ $feedbacks['id'] }}"></p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="delete-modal" tabindex="-1" role="dialog"
aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-dismiss="modal"
aria-label="Close">
x
</button>
</div>
<div class="modal-body">
<input type="hidden" id="delete_feedback_id" name="feedback_id">
<p class="modal-text">Are you sure you want to<br>Delete </p>
<div class="modal-btn d-flex ">
<a class="extra-btn" href="route{{ 'manage_feedback' }}"
data-dismiss="modal">No</a>
<a type="button" class="download-btn-custom delete_feedback_button"
data-dismiss="modal">Yes</a>
</div>
</div>
</div>
</div>
</div>
@endforeach
</tbody>
</table>
@@ -143,6 +81,45 @@
</div>
</div>
</div>
<div class="modal fade" id="comment-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="modal-header p-0">
<h5 class="modal-title">Comment</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<p id="comment-content"></p>
</div>
</div>
</div>
</div>
<div class="modal fade" id="delete-modal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
x
</button>
</div>
<div class="modal-body">
<input type="hidden" id="delete_feedback_id" name="feedback_id">
<p class="modal-text">Are you sure you want to<br>Delete </p>
<div class="modal-btn d-flex ">
<a class="extra-btn" href="route{{ 'manage_feedback' }}" data-dismiss="modal">No</a>
<a type="button" class="download-btn-custom delete_feedback_button" data-dismiss="modal">Yes</a>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('section_script')
@@ -179,7 +156,8 @@
$('.view-btn').click(function() {
var commentId = $(this).data('ids');
var commentContent = $(this).data('comment');
$('#comment-content-' + commentId).text(commentContent);
$('#comment-content').text(commentContent); // Ensure correct modal content ID
$('#comment-modal').modal('show'); // Show the modal
});
});
</script>