File manager - Edit - /home/autoph/public_html/projects/tickets-autohub/storage/framework/views/2e0cdf31b940cad41efa4c270d401884356b5f4a.php
Back
<?php $__env->startSection('css'); ?> <style> .message-container { margin-bottom: 5px; position: relative; border-radius: 5px; } .form-label{ font-weight: bolder; } /* .message{ margin-bottom: } */ .sent { align-self: flex-end; background-color: #007bff; color: #fff; } .received { align-self: flex-start; background-color: #ffffff; color: gold; } /* .rate-hover-layer{ color: orange; } .rate-select-layer{ color: orange; } */ .rate-hover-layer, .rate-select-layer { color: gold !important; background-color: transparent !important; } .timestamp { /* position: absolute; Add position absolute to the timestamp */ bottom: 0; /* Position the timestamp at the bottom */ right: 0; /* Adjust the positioning based on the sender's side */ /* border: 1px solid black; */ font-size: 0.5em; margin: 2px; margin-top:1rem; color:#1b1b1b; } .user-feedback .fa-star { color: gold !important; } /* .chat-div { background: #f4f6f9; } .message { margin-bottom: 10px; padding: 5px 10px; border-radius: 5px; } .sent { align-self: flex-end; background-color: #007bff; color: #fff; max-width: 30%; margin-left: auto; } .received { align-self: flex-start; background-color: #ffffff; color: #000; max-width: 30%; margin-right: auto; } .timestamp { font-size: 0.8em; } */ .btn-option { /* border-right-color: #000 !important; */ border-right-color: gold!important; } .dropdown-toggle::after { right:25% !important; } </style> <?php $__env->stopSection(); ?> <div class="modal fade" id="ratingModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h1 class="modal-title fs-5" id="staticBackdropLabelRating"></h1> </div> <div class="modal-body"> <table class="table"> <tbody style="text-align:left"> <tr><td colspan="4">SLA:</td><td id="slaContent"></td></tr> <tr><td colspan="4">Time Elapsed:</td><td id="timeElapsed"></td></tr> <tr><td colspan="4">SLA Time Utilization Rate:</td><td id="compliance"></td></tr> <tr><td colspan="4">Support Person:</td><td id="support"></td></tr> </tbody> </table> <center>Please submit a review</center> <div class="user-feedback mx-auto" style="font-size: 3rem;"> </div> <div class=""> <textarea class="form-control" id="_userRemarks" rows="4" placeholder="Please put your remarks here"></textarea> </div> </div> <div class="modal-footer"> <!--<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>--> <button type="button" class="btn btn-primary" id="submit_rating">Submit</button> </div> </div> </div> </div> <script> $(document).ready(function () { var options = { max: 5, value: 0, readonly: false, theme: "fontawesome-stars" }; let tid =''; function checkTicketWithoutRating() { // $('#submit_solution2').prop('disabled', true).text('Loading...'); $.ajax({ type: "GET", url: "/ticket/ticketNoRating", dataType: 'json', data: null, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: function (result) { // console.log(result); tid = result.ticket['id']; // $('#slaContent').text(result['sla'] + " MIN/S."); // $('#timeElapsed').text(result['time_elapsed']); // $('#compliance').text(result['compliance'] + "%"); let slaAllowed = parseInt(result['sla']); // SLA limit in minutes let slaUsed = parseInt(result['time_elapsed']); // Actual time elapsed let compliance = parseFloat(result['compliance']); // Compliance rate // Display data $('#slaContent').text(slaAllowed + " MIN/S."); $('#timeElapsed').text(slaUsed + " MIN/S."); $('#compliance').text(compliance + "%"); // Highlight if SLA is exceeded if (slaUsed > slaAllowed) { $('#timeElapsed').css("color", "red").css("font-weight", "bold"); $('#timeElapsed').append(" ⏳ SLA EXCEEDED!"); } $('#support').text(result['support_person']); $('#ratingModal').modal('show'); $('#ratingModal').on('shown.bs.modal', function () { $('#staticBackdropLabelRating').html( ' <i class="fa fa-ticket text-warning" aria-hidden="true"></i> '+result.ticket['ticket_no'] ); $('.user-feedback').before( '<p class="text-center text-muted" id="ratingReminder">' + 'We value your feedback! Please rate the support you received for this ticket.' + '</p>' ); checkStars(); }); }, error: function (error) { } }); } checkTicketWithoutRating(); function checkStars() { $('.user-feedback').rate(options); $('.user-feedback').on('change', function (e, data) { stars = data.to; $('#_userRemarks').trigger('focus'); }); } function submitRating() { $('#submit_rating').on('click', function (e) { e.preventDefault(); var formData = new FormData(); if (!stars) { swal.fire({ icon: 'error', title: 'Please give us your rating', }); return; } formData.append('stars', stars); formData.append('remarks', $('#_userRemarks').val()); Swal.fire({ title: 'Submitting...', html: '<div class="spinner-border" role="status"><span class="visually-hidden">Loading...</span></div>', allowOutsideClick: false, showConfirmButton: false, didOpen: () => { // Swal.showLoading(); }, }); $.ajax({ type: "POST", url: "/ticket/reviewTicket/" + tid, dataType: 'json', data: formData, processData: false, contentType: false, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, success: function (result) { swal.fire({ icon: 'success', title: 'Review Submitted', }); $('#remarksBlade').modal('hide'); window.location.href = "/ticket"; }, error: function (error) { swal.fire({ icon: 'error', title: error.responseJSON.message, }); } }) }); } submitRating(); }); </script><?php /**PATH C:\laragon\www\DEVELOPMENT\autohub-ticketing\resources\views/layouts/authentication/ticket_component/rating_modal.blade.php ENDPATH**/ ?>
| ver. 1.4 |
.
| PHP 8.1.32 | Generation time: 0 |
proxy
|
phpinfo
|
Settings