diff --git a/app/Views/layout/header.php b/app/Views/layout/header.php index 8e9ff0a7..3cf615cd 100755 --- a/app/Views/layout/header.php +++ b/app/Views/layout/header.php @@ -525,59 +525,144 @@ rgba(226, 103, 40, 0.5) (transparent) rgba(0, 153, 158, 0.5) (transparent) */ -.btn-app-primary { +.app-field-grey { + background-color: #ECECEC !important; +} + +.app-font-family { + font-family: 'Poppins', sans-serif !important; +} + +.app-title { font-size: 18px; } +.app-heading { font-size: 16px; } +.app-subtitle { font-size: 14px; } +.app-text { font-size: 12px; } + + +.title-text { + font-weight: 500; + font-style: normal; + font-size: 30px; + line-height: 1; + letter-spacing: 0; +} +.sub-title-text { + font-weight: 500; + font-style: normal; + font-size: 18px; + line-height: 1; + letter-spacing: 0; +} + +.app-text-left { + text-align: left !important; } + +.app-text-right { + text-align: right !important; } + +.app-text-center { + text-align: center !important; } + +.app-text-white { + color: #ffffff !important; } + +.app-text-black { + color: #000000 !important; } + +.app-text-grey { + color: #5D5D5D !important; } + +.app-text-primary { + color: #00999E !important; } +.app-text-secondary { + color: #E26728 !important; } + +.app-text-success { + color: #1abc9c !important; } + + +a.app-text-primary:hover, a.app-text-primary:focus { + color: rgba(0, 153, 158, 0.5); !important; } + +a.app-text-secondary:hover, a.app-text-secondary:focus { + color: rgba(226, 103, 40, 0.5) !important; } + +a.app-text-success:hover, a.app-text-success:focus { + color: #117964 !important; } + +.app-btn-primary { color: #fff !important; background-color: #00999E; border-color: #00999E; } -.btn-app-primary:hover { +.app-btn-primary:hover { color: #fff !important; background-color: #007A7E; border-color: #006C70; } -.btn-app-primary:focus, .btn-app-primary.focus { +.app-btn-primary:focus, .app-btn-primary.focus { color: #fff !important; background-color: #007A7E; border-color: #006C70; box-shadow: 0 0 0 0.15rem rgba(0, 153, 158, 0.5); } -.btn-app-primary.disabled, .btn-app-primary:disabled { +.app-btn-primary.disabled, .app-btn-primary:disabled { color: #fff !important; background-color: #00999E; border-color: #00999E; } -.btn-app-primary:not(:disabled):not(.disabled):active, .btn-app-primary:not(:disabled):not(.disabled).active, - .show > .btn-app-primary.dropdown-toggle { +.app-btn-primary:not(:disabled):not(.disabled):active, .app-btn-primary:not(:disabled):not(.disabled).active, + .show > .app-btn-primary.dropdown-toggle { color: #fff !important; background-color: #006C70; border-color: #005D61; } -.btn-app-primary:not(:disabled):not(.disabled):active:focus, .btn-app-primary:not(:disabled):not(.disabled).active:focus, - .show > .btn-app-primary.dropdown-toggle:focus { +.app-btn-primary:not(:disabled):not(.disabled):active:focus, .app-btn-primary:not(:disabled):not(.disabled).active:focus, + .show > .app-btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.15rem rgba(0, 153, 158, 0.5); } -.btn-app-ternary { +.app-btn-secondary { color: #fff !important; background-color: #E26728; border-color: #E26728; } -.btn-app-ternary:hover { +.app-btn-secondary:hover { color: #fff !important; background-color: #B8521F; border-color: #9C461B; } -.btn-app-ternary:focus, .btn-app-ternary.focus { +.app-btn-secondary:focus, .app-btn-secondary.focus { color: #fff !important; - background-color: #B8521F; + background-color: #E26728; border-color: #9C461B; box-shadow: 0 0 0 0.15rem rgba(226, 103, 40, 0.5); } -.btn-app-ternary.disabled, .btn-app-ternary:disabled { +.app-btn-secondary.disabled, .app-btn-secondary:disabled { color: #fff !important; background-color: #E26728; border-color: #E26728; } -.btn-app-ternary:not(:disabled):not(.disabled):active, .btn-app-ternary:not(:disabled):not(.disabled).active, - .show > .btn-app-ternary.dropdown-toggle { +.app-btn-secondary:not(:disabled):not(.disabled):active, .app-btn-secondary:not(:disabled):not(.disabled).active, + .show > .app-btn-secondary.dropdown-toggle { color: #fff !important; background-color: #9C461B; border-color: #803A16; } -.btn-app-ternary:not(:disabled):not(.disabled):active:focus, .btn-app-ternary:not(:disabled):not(.disabled).active:focus, - .show > .btn-app-ternary.dropdown-toggle:focus { +.app-btn-secondary:not(:disabled):not(.disabled):active:focus, .app-btn-secondary:not(:disabled):not(.disabled).active:focus, + .show > .app-btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.15rem rgba(226, 103, 40, 0.5); } -.btn-border-radius{ border-radius: 10px !important; } +.app-btn-border-radius{ border-radius: 10px !important; } + +.app-badge-primary { + color: #ffffff; + background-color: #00999E; } +a.app-badge-primary:hover, a.app-badge-primary:focus { + color: #ffffff; + background-color: #007A7E; } +a.app-badge-primary:focus, a.app-badge-primary.focus { + outline: 0; + box-shadow: 0 0 0 0.15rem rgba(0, 153, 158, 0.5); } + +.app-badge-secondary { + color: #ffffff; + background-color: #E26728; } +a.app-badge-secondary:hover, a.app-badge-secondary:focus { + color: #ffffff; + background-color: #B8521F; } +a.app-badge-secondary:focus, a.app-badge-secondary.focus { + outline: 0; + box-shadow: 0 0 0 0.15rem rgba(226, 103, 40, 0.5); } @@ -750,9 +835,9 @@ rgba(0, 153, 158, 0.5) (transparent)
  • Claim Dump Upload
    • -
  • +
    • @@ -772,7 +857,7 @@ rgba(0, 153, 158, 0.5) (transparent)
  • - /assets/images/user_manual_sb.png" alt="Logo" height="20"> + /assets/images/ticket.png" alt="Logo" height="20"> Tickets
    • diff --git a/app/Views/thz_list.php b/app/Views/thz_list.php index 986c4594..0c17c4c0 100644 --- a/app/Views/thz_list.php +++ b/app/Views/thz_list.php @@ -73,8 +73,8 @@ tbody tr td:last-child { /* Optional: control first column width */ .table th:nth-child(1), .table td:nth-child(1) { - max-width: 200px !important; - min-width: 100px !important; + max-width: 50px !important; + min-width: 50px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; @@ -104,6 +104,14 @@ tbody tr td:last-child { text-align: right; } +.text-custom { + font-weight: 400; + font-style: normal; + font-size: 11px; + line-height: 1.44; + letter-spacing: -0.02em; +} + @@ -128,14 +245,13 @@ td .text-muted {
    -
    +
    -

    Ticket List

    +

    Tickets

    -
    -
    - +
    +
    @@ -154,28 +270,35 @@ td .text-muted { $row){ ?> - - + - - - - - - + + + + -
    Ticket No
    + -
    - +
    +     		+ + 50) + ? htmlspecialchars(substr($subject, 0, 50)) . "..." + : htmlspecialchars($subject); + ?> + format('d/m/Y') . "
    " . $cdt->format('h:i a') . ""; endif; ?>     		+ format('d/m/Y') . "
    " . $udt->format('h:i a') . ""; @@ -207,15 +330,15 @@ td .text-muted {
    - +
    -
    +
    - @@ -225,22 +348,21 @@ td .text-muted {
    -
    +
    -
    -
    - +
    +
    -
    +
    @@ -248,12 +370,12 @@ td .text-muted { -
    +
    -
    +
    -
    +
    -
    +
    -
    +
    -
    +
    @@ -326,8 +448,8 @@ td .text-muted {
    - - + +
    @@ -359,7 +481,7 @@ td .text-muted {
    - +
    @@ -392,25 +514,39 @@ td .text-muted { var name = document.getElementById('name').value.trim(); var mobile = document.getElementById('mobile').value.trim(); var email = document.getElementById('email').value.trim(); + var message = document.getElementById('message').value.trim(); + var subject = document.getElementById('subject').value.trim(); var ticketType = document.getElementById('ticket_type').value.trim(); // Validation checks if (name === "" || mobile === "" || email === "" || ticketType === "") { - toastr.warning('Please fill all required fields.', 'warning'); + toastr.warning('Please fill all required fields.', 'Warning'); form.classList.add('was-validated'); return; } + if (message.length > 1500) { + toastr.error('Message cannot exceed 1500 characters', 'Warning'); + form.classList.add('was-validated'); + return; + } + + if (subject.length > 150) { + toastr.error('Subject cannot exceed 150 characters', 'Warning'); + form.classList.add('was-validated'); + return; + } + var mobilePattern = /^[0-9]{10}$/; if (!mobilePattern.test(mobile)) { - toastr.warning('Please enter a valid 10-digit mobile number.', 'warning'); + toastr.warning('Please enter a valid 10-digit mobile number.', 'Warning'); document.getElementById('mobile').focus(); return; } var emailPattern = /^[^@\s]+@[^@\s]+\.[^@\s]+$/; if (!emailPattern.test(email)) { - toastr.warning('Please enter a valid email address.', 'warning'); + toastr.warning('Please enter a valid email address.', 'Warning'); document.getElementById('email').focus(); return; } @@ -427,16 +563,16 @@ td .text-muted { dataType: 'json', success: function(response) { if (response.status === "success") { - toastr.success(response.message, 'success'); + toastr.success(response.message, 'Success'); $('#ticketModal').modal('hide'); form.reset(); window.location.href = ""; } else { - toastr.error(response.message, 'error'); + toastr.error(response.message, 'Error'); } }, error: function(xhr) { - toastr.error("Something went wrong!", 'error'); + toastr.error("Something went wrong!", 'Error'); console.error(xhr.responseText); } }); @@ -462,18 +598,18 @@ td .text-muted { policySelect.innerHTML = ''; if (client_id === "") { - toastr.warning('Please Select Client.', 'warning'); + toastr.warning('Please Select Client.', 'Warning'); return; } if (mobile === "") { - toastr.warning('Please Enter a mobile number.', 'warning'); + toastr.warning('Please Enter a mobile number.', 'Warning'); return; } var mobilePattern = /^[0-9]{10}$/; if (!mobilePattern.test(mobile)) { - toastr.warning('Please enter a valid 10-digit mobile number.', 'warning'); + toastr.warning('Please enter a valid 10-digit mobile number.', 'Warning'); document.getElementById('mobile').focus(); return; } @@ -489,7 +625,7 @@ td .text-muted { let policies = response.data.policy_details; document.getElementById('name').value = client.name || ""; - document.getElementById('email').value = client.email_personal || ""; + document.getElementById('email').value = client.email_corporate || ""; document.getElementById('empcode').value = client.emp_code || ""; document.getElementById('branch_id').value = client.branch_id || ""; @@ -508,11 +644,11 @@ td .text-muted { document.getElementById('policy_id').value = policies[0].id; } } else { - toastr.warning(response.message || "No details found.", 'warning'); + toastr.warning(response.message || "No details found.", 'Warning'); } }, error: function(xhr) { - toastr.error("Something went wrong!", 'error'); + toastr.error("Something went wrong!", 'Error'); console.error(xhr.responseText); } }); @@ -578,17 +714,16 @@ $(document).ready(function() { "<'row'<'col-sm-5'i><'col-sm-7'p>>", buttons: [ { - text: ' Create New Ticket', - className: 'btn btn-primary btn-border-radius text-white mr-2', - attr: { style: "color:#fff !important;" }, + text: ' Create New Ticket ', + className: 'btn app-btn-primary app-btn-border-radius app-text-white mr-2', action: function(e, dt, node, config) { openTicket(); } }, { extend: 'collection', - text: ' Export ', - className: 'btn btn-ternary btn-border-radius text-white', + text: ' Export ', + className: 'btn app-btn-secondary app-btn-border-radius app-text-white', buttons: [ { extend: 'csv', @@ -607,8 +742,12 @@ $(document).ready(function() { } ], language: { - search: "_INPUT_", - searchPlaceholder: "Search..." + search: "_INPUT_", + searchPlaceholder: "Search...", + paginate: { + previous: "◄", + next: "►" + } }, paging: true, pageLength: 25, @@ -644,10 +783,10 @@ function removeticket(input, ticket_id) { console.log('Data fetched successfully:', response); if (response.status === true) { - toastr.success(response.message, 'SUCCESS'); + toastr.success(response.message, 'Success'); window.location.reload(); } else { - toastr.warning(response.message, 'WARNING'); + toastr.warning(response.message, 'Warning'); } }, function(xhr, status, error) { console.error('Error fetching data:', error); diff --git a/app/Views/thz_notes.php b/app/Views/thz_notes.php index c70ce982..c0371037 100644 --- a/app/Views/thz_notes.php +++ b/app/Views/thz_notes.php @@ -47,11 +47,26 @@ .card-scroll{ overflow-y:auto; - height:440px; + min-height:380px; + max-height:380px; } .recard-scroll{ overflow-y:auto; - height:350px; + min-height:295px; + max-height:295px; +} + +.edit-icon { + font-size: 17px; /* keep fixed size */ + color: #555 !important; + cursor: pointer; + transition: transform 0.2s, color 0.2s; /* smooth hover effect */ + display: inline-block; /* important for transform */ +} + +.edit-icon:hover { + color: #00999E !important; + transform: scale(1.5); } .maincard{ @@ -86,6 +101,37 @@ hr{ } +.related-ticket-card { + margin-bottom: 6px; +} +.related-ticket-card .card-body { + border-radius: 15px; + padding: 6px 15px !important; +} +.related-ticket-card h5, +.related-ticket-card p, +.related-ticket-card small { + margin: 0 !important; +} + + + @@ -103,7 +149,7 @@ hr{ - Ticket ID- + Ticket ID-
    @@ -114,39 +160,40 @@ hr{
    -
    Details
    - - - +

    Details

    +     + +
    -
    +
    -
    Ticket ID
    -
    +
    Ticket ID
    +
    -
    Name
    -
    +
    Name
    +
    -
    Mobile
    -
    +
    Mobile
    +
    -
    Policy Number
    -
    +
    Policy Number
    +
    + ? ' ' .$master[0]['policy_no'].' @@ -155,33 +202,34 @@ hr{
    -
    Assigned To
    -
    +
    Assigned To
    +
    -
    Status
    -
    +
    Status
    +
    -
    Ticket Type
    -
    +
    Ticket Type
    +
    -
    Subject
    -
    +
    Subject
    +
    -
    Message
    -
    +
    Message
    +
    -
    Related Tickets
    -
    +
    Related Tickets
    +
    View @@ -200,41 +248,40 @@ hr{
    -
    -
    Conversation
    -
    +
    +

    Conversation

    - -
    +
    $conv): ?> - - -
    -
    - -
    - - -
    - + +
    +
    + +
    +

    + + + +
    - + + +
    + + +
    + +
    - - -
    - - -
    - - ' : ''; ?> - -
    -

    No Data Found

    +
    +

    No Data Found

    @@ -266,12 +313,12 @@ hr{
    -