Ideone.com

fork download

copy

@model IEnumerable<EMPDETAILS.Models.EmployeeDetails>
 
@{
    ViewBag.Title = "Employee Records";
}
 
<h4 class="text-center mb-4">Employee Records</h4>
 
<!-- DataTable HTML -->
<table id="employeeTable" class="table table-bordered table-striped">
    <thead class="thead-dark">
        <tr>
            <th>Full Name</th>
            <th>Date of Birth</th>
            <th>Gender</th>
            <th>Phone Number</th>
            <th>Address</th>
            <th>District</th>
            <th>PinCode</th>
            <th>Email ID</th>
            <th>Marital Status</th>
            <th>Blood Group</th>
            <th>Pan Card No</th>
            <th>Aadhar Card No</th>
            <th>Company Name</th>
            <th>Department</th>
            <th>PF Number</th>
            <th>UAN Number</th>
            <th>HR Name</th>
            <th>HR Contact Number</th>
            <th>HR Email ID</th>
            <th>Reporting Manager Name</th>
            <th>Reporting Manager Contact No</th>
            <th>Reporting Manager Email ID</th>
            <th>Reference Name</th>
            <th>Reference Phone No</th>
            <th>Reference Email ID</th>
            <th>Family Name</th>
            <th>Family Relation</th>
            <th>Family DOB</th>
            <th>Nominee Name</th>
            <th>Nominee Relation</th>
            <th>Nominee DOB</th>
            <th>Nominee Contact No</th>
            <th>Emergency Contact Name</th>
            <th>Emergency Contact Relation</th>
            <th>Emergency Contact Phone No</th>
            <th>Document Pan File</th>
            <th>Document Aadhar File</th>
            <th>Document License File</th>
            <th>Document Passport File</th>
            <th>Document Bank Details File</th>
            <th>Educational Certificate File</th>
            <th>Relieving Letter File</th>
            <th>Position</th>
            <th>Joining Date</th>
            <th>Location</th>
            <th>Manager</th>
            <th>Actions</th> <!-- New column for the View Details Button -->
        </tr>
    </thead>
    <tbody>
        @foreach (var employee in Model)
        {
            <tr>
                <td>@employee.FullName</td>
                <td>@Convert.ToDateTime(employee.DateOfBirth).ToString("dd-MM-yyyy")</td>
                <td>@employee.Gender</td>
                <td>@employee.PhoneNumber</td>
                <td>@employee.Address</td>
                <td>@employee.District</td>
                <td>@employee.PinCode</td>
                <td>@employee.EmailId</td>
                <td>@employee.MaritalStatus</td>
                <td>@employee.BloodGroup</td>
                <td>@employee.PanCardNo</td>
                <td>@employee.AadharCardNo</td>
                <td>@employee.CompanyName</td>
                <td>@employee.Department</td>
                <td>@employee.PFNumber</td>
                <td>@employee.UANNumber</td>
                <td>@employee.HRName</td>
                <td>@employee.HRContactNumber</td>
                <td>@employee.HREmailId</td>
                <td>@employee.ReportingManagerName</td>
                <td>@employee.ReportingManagerContactNo</td>
                <td>@employee.ReportingManagerEmailId</td>
                <td>@employee.ReferenceName</td>
                <td>@employee.ReferencePhoneNo</td>
                <td>@employee.ReferenceEmailId</td>
                <td>@employee.FamilyName</td>
                <td>@employee.FamilyRelation</td>
                <td>@Convert.ToDateTime(employee.FamilyDOB).ToString("dd-MM-yyyy")</td>
                <td>@employee.NomineeName</td>
                <td>@employee.NomineeRelation</td>
                <td>@Convert.ToDateTime(employee.NomineeDOB).ToString("dd-MM-yyyy")</td>
                <td>@employee.NomineeContactNo</td>
                <td>@employee.EmergencyContactName</td>
                <td>@employee.EmergencyContactRelation</td>
                <td>@employee.EmergencyContactPhoneNo</td>
                <td>
                    @(string.IsNullOrEmpty(employee.DocumentPanFilePath) ? "" :
                    "<a href='" + Url.Action("DownloadFile", new { fileName = Path.GetFileName(employee.DocumentPanFilePath) }) + "' download>Download</a>")
                </td>
                <td>
                    @(string.IsNullOrEmpty(employee.DocumentAadharFilePath) ? "" :
                    "<a href='" + Url.Action("DownloadFile", new { fileName = Path.GetFileName(employee.DocumentAadharFilePath) }) + "' download>Download</a>")
                </td>
                <td>
                    @(string.IsNullOrEmpty(employee.DocumentLicenseFilePath) ? "" :
                    "<a href='" + Url.Action("DownloadFile", new { fileName = Path.GetFileName(employee.DocumentLicenseFilePath) }) + "' download>Download</a>")
                </td>
                <td>
                    @(string.IsNullOrEmpty(employee.DocumentPassportFilePath) ? "" :
                    "<a href='" + Url.Action("DownloadFile", new { fileName = Path.GetFileName(employee.DocumentPassportFilePath) }) + "' download>Download</a>")
                </td>
                <td>
                    @(string.IsNullOrEmpty(employee.DocumentBankDetailsFilePath) ? "" :
                    "<a href='" + Url.Action("DownloadFile", new { fileName = Path.GetFileName(employee.DocumentBankDetailsFilePath) }) + "' download>Download</a>")
                </td>
                <td>
                    @(string.IsNullOrEmpty(employee.EducationalCertificateFilePath) ? "" :
                    "<a href='" + Url.Action("DownloadFile", new { fileName = Path.GetFileName(employee.EducationalCertificateFilePath) }) + "' download>Download</a>")
                </td>
                <td>
                    @(string.IsNullOrEmpty(employee.RelievingLetterFilePath) ? "" :
                    "<a href='" + Url.Action("DownloadFile", new { fileName = Path.GetFileName(employee.RelievingLetterFilePath) }) + "' download>Download</a>")
                </td>
                <td>@employee.Position</td>
                <td>@Convert.ToDateTime(employee.JoiningDate).ToString("dd-MM-yyyy")</td>
                <td>@employee.Location</td>
                <td>@employee.Manager</td>
                <td>
                    <!-- View Details Button -->
                    <button class="btn btn-info btn-sm"
                            data-toggle="modal"
                            data-target="#employeeModal"
                            data-id="@employee.EMPId"
                            data-fullname="@employee.FullName"
                            data-dob="@Convert.ToDateTime(employee.DateOfBirth).ToString("dd-MM-yyyy")"
                            data-gender="@employee.Gender"
                            data-phone="@employee.PhoneNumber"
                            data-address="@employee.Address"
                            data-district="@employee.District"
                            data-pincode="@employee.PinCode"
                            data-email="@employee.EmailId"
                            data-maritalstatus="@employee.MaritalStatus"
                            data-bloodgroup="@employee.BloodGroup"
                            data-pancard="@employee.PanCardNo"
                            data-aadharcard="@employee.AadharCardNo"
                            data-companyname="@employee.CompanyName"
                            data-department="@employee.Department"
                            data-pfnumber="@employee.PFNumber"
                            data-uannumber="@employee.UANNumber"
                            data-hrname="@employee.HRName"
                            data-hrcontact="@employee.HRContactNumber"
                            data-hremail="@employee.HREmailId"
                            data-reportingmanager="@employee.ReportingManagerName"
                            data-reportingcontact="@employee.ReportingManagerContactNo"
                            data-reportingemail="@employee.ReportingManagerEmailId"
                            data-referencename="@employee.ReferenceName"
                            data-referencephone="@employee.ReferencePhoneNo"
                            data-referenceemail="@employee.ReferenceEmailId"
                            data-familyname="@employee.FamilyName"
                            data-familyrelation="@employee.FamilyRelation"
                            data-familydob="@Convert.ToDateTime(employee.FamilyDOB).ToString("dd-MM-yyyy")"
                            data-nomineename="@employee.NomineeName"
                            data-nomineerelation="@employee.NomineeRelation"
                            data-nomineedob="@Convert.ToDateTime(employee.NomineeDOB).ToString("dd-MM-yyyy")"
                            data-nomineecontact="@employee.NomineeContactNo"
                            data-emergencycontact="@employee.EmergencyContactName"
                            data-emergencyrelation="@employee.EmergencyContactRelation"
                            data-emergencyphone="@employee.EmergencyContactPhoneNo"
                            data-position="@employee.Position"
                            data-joiningdate="@Convert.ToDateTime(employee.JoiningDate).ToString("dd-MM-yyyy")"
                            data-location="@employee.Location"
                            data-manager="@employee.Manager">
                        View Details
                    </button>
                </td>
            </tr>
        }
    </tbody>
</table>
 
<!-- Bootstrap Modal for displaying employee details -->
<div class="modal fade" id="employeeModal" tabindex="-1" role="dialog" aria-labelledby="employeeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header bg-primary text-white">
                <h5 class="modal-title" id="employeeModalLabel">Employee Details</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <!-- Employee Details Will Be Dynamically Loaded Here -->
                <div id="employeeDetailsContent">
                    <p><strong>Full Name:</strong> <span id="empFullName"></span></p>
                    <p><strong>Date of Birth:</strong> <span id="empDOB"></span></p>
                    <p><strong>Gender:</strong> <span id="empGender"></span></p>
                    <p><strong>Phone Number:</strong> <span id="empPhone"></span></p>
                    <p><strong>Address:</strong> <span id="empAddress"></span></p>
                    <p><strong>District:</strong> <span id="empDistrict"></span></p>
                    <p><strong>PinCode:</strong> <span id="empPinCode"></span></p>
                    <p><strong>Email ID:</strong> <span id="empEmail"></span></p>
                    <p><strong>Marital Status:</strong> <span id="empMaritalStatus"></span></p>
                    <p><strong>Blood Group:</strong> <span id="empBloodGroup"></span></p>
                    <p><strong>Pan Card No:</strong> <span id="empPanCard"></span></p>
                    <p><strong>Aadhar Card No:</strong> <span id="empAadharCard"></span></p>
                    <p><strong>Company Name:</strong> <span id="empCompanyName"></span></p>
                    <p><strong>Department:</strong> <span id="empDepartment"></span></p>
                    <p><strong>PF Number:</strong> <span id="empPFNumber"></span></p>
                    <p><strong>UAN Number:</strong> <span id="empUANNumber"></span></p>
                    <p><strong>HR Name:</strong> <span id="empHRName"></span></p>
                    <p><strong>HR Contact Number:</strong> <span id="empHRContact"></span></p>
                    <p><strong>HR Email ID:</strong> <span id="empHREmail"></span></p>
                    <p><strong>Reporting Manager Name:</strong> <span id="empReportingManager"></span></p>
                    <p><strong>Reporting Manager Contact:</strong> <span id="empReportingContact"></span></p>
                    <p><strong>Reporting Manager Email:</strong> <span id="empReportingEmail"></span></p>
                    <p><strong>Reference Name:</strong> <span id="empReferenceName"></span></p>
                    <p><strong>Reference Phone No:</strong> <span id="empReferencePhone"></span></p>
                    <p><strong>Reference Email ID:</strong> <span id="empReferenceEmail"></span></p>
                    <p><strong>Family Name:</strong> <span id="empFamilyName"></span></p>
                    <p><strong>Family Relation:</strong> <span id="empFamilyRelation"></span></p>
                    <p><strong>Family DOB:</strong> <span id="empFamilyDOB"></span></p>
                    <p><strong>Nominee Name:</strong> <span id="empNomineeName"></span></p>
                    <p><strong>Nominee Relation:</strong> <span id="empNomineeRelation"></span></p>
                    <p><strong>Nominee DOB:</strong> <span id="empNomineeDOB"></span></p>
                    <p><strong>Nominee Contact No:</strong> <span id="empNomineeContact"></span></p>
                    <p><strong>Emergency Contact Name:</strong> <span id="empEmergencyContact"></span></p>
                    <p><strong>Emergency Contact Relation:</strong> <span id="empEmergencyRelation"></span></p>
                    <p><strong>Emergency Contact Phone No:</strong> <span id="empEmergencyPhone"></span></p>
                    <p><strong>Position:</strong> <span id="empPosition"></span></p>
                    <p><strong>Joining Date:</strong> <span id="empJoiningDate"></span></p>
                    <p><strong>Location:</strong> <span id="empLocation"></span></p>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-success" id="printButton">Print</button>
            </div>
        </div>
    </div>
</div>
 
@section scripts {
    <script>
        $(document).ready(function () {
            // Initialize DataTable with responsive design and export buttons
            $('#employeeTable').DataTable({
                "scrollX": true,
                "pageLength": 10,
                "lengthMenu": [10, 25, 50, 100],
                "columnDefs": [
                    { "targets": [46], "orderable": false, "className": "dt-center" }
                ],
                "dom": 'Bfrtip',
                "buttons": ['copy', 'csv', 'excel', 'pdf', 'print'],
                "responsive": true,
                "ordering": true,
            });
 
            // When the "View Details" button is clicked, populate the modal with employee details
            $('#employeeModal').on('show.bs.modal', function (event) {
                var button = $(event.relatedTarget); // Button that triggered the modal
                // Fetch employee data from the button attributes and set it to modal
                $('#empFullName').text(button.data('fullname'));
                $('#empDOB').text(button.data('dob'));
                $('#empGender').text(button.data('gender'));
                $('#empPhone').text(button.data('phone'));
                $('#empAddress').text(button.data('address'));
                $('#empDistrict').text(button.data('district'));
                $('#empPinCode').text(button.data('pincode'));
                $('#empEmail').text(button.data('email'));
                $('#empMaritalStatus').text(button.data('maritalstatus'));
                $('#empBloodGroup').text(button.data('bloodgroup'));
                $('#empPanCard').text(button.data('pancard'));
                $('#empAadharCard').text(button.data('aadharcard'));
                $('#empCompanyName').text(button.data('companyname'));
                $('#empDepartment').text(button.data('department'));
                $('#empPFNumber').text(button.data('pfnumber'));
                $('#empUANNumber').text(button.data('uannumber'));
                $('#empHRName').text(button.data('hrname'));
                $('#empHRContact').text(button.data('hrcontact'));
                $('#empHREmail').text(button.data('hremail'));
                $('#empReportingManager').text(button.data('reportingmanager'));
                $('#empReportingContact').text(button.data('reportingcontact'));
                $('#empReportingEmail').text(button.data('reportingemail'));
                $('#empReferenceName').text(button.data('referencename'));
                $('#empReferencePhone').text(button.data('referencephone'));
                $('#empReferenceEmail').text(button.data('referenceemail'));
                $('#empFamilyName').text(button.data('familyname'));
                $('#empFamilyRelation').text(button.data('familyrelation'));
                $('#empFamilyDOB').text(button.data('familydob'));
                $('#empNomineeName').text(button.data('nomineename'));
                $('#empNomineeRelation').text(button.data('nomineerelation'));
                $('#empNomineeDOB').text(button.data('nomineedob'));
                $('#empNomineeContact').text(button.data('nomineecontact'));
                $('#empEmergencyContact').text(button.data('emergencycontact'));
                $('#empEmergencyRelation').text(button.data('emergencyrelation'));
                $('#empEmergencyPhone').text(button.data('emergencyphone'));
                $('#empPosition').text(button.data('position'));
                $('#empJoiningDate').text(button.data('joiningdate'));
                $('#empLocation').text(button.data('location'));
            });
 
            // Print button functionality inside modal
            $('#printButton').click(function () {
                var printContent = document.getElementById("employeeDetailsContent").innerHTML;
                var printWindow = window.open('', '', 'height=600,width=800');
                printWindow.document.write('<html><head><title>Employee Details</title></head><body>');
                printWindow.document.write(printContent);
                printWindow.document.write('</body></html>');
                printWindow.document.close();
                printWindow.print();
            });
        });
    </script>
}

QG1vZGVsIElFbnVtZXJhYmxlPEVNUERFVEFJTFMuTW9kZWxzLkVtcGxveWVlRGV0YWlscz4KCkB7CiAgICBWaWV3QmFnLlRpdGxlID0gIkVtcGxveWVlIFJlY29yZHMiOwp9Cgo8aDQgY2xhc3M9InRleHQtY2VudGVyIG1iLTQiPkVtcGxveWVlIFJlY29yZHM8L2g0PgoKPCEtLSBEYXRhVGFibGUgSFRNTCAtLT4KPHRhYmxlIGlkPSJlbXBsb3llZVRhYmxlIiBjbGFzcz0idGFibGUgdGFibGUtYm9yZGVyZWQgdGFibGUtc3RyaXBlZCI+CiAgICA8dGhlYWQgY2xhc3M9InRoZWFkLWRhcmsiPgogICAgICAgIDx0cj4KICAgICAgICAgICAgPHRoPkZ1bGwgTmFtZTwvdGg+CiAgICAgICAgICAgIDx0aD5EYXRlIG9mIEJpcnRoPC90aD4KICAgICAgICAgICAgPHRoPkdlbmRlcjwvdGg+CiAgICAgICAgICAgIDx0aD5QaG9uZSBOdW1iZXI8L3RoPgogICAgICAgICAgICA8dGg+QWRkcmVzczwvdGg+CiAgICAgICAgICAgIDx0aD5EaXN0cmljdDwvdGg+CiAgICAgICAgICAgIDx0aD5QaW5Db2RlPC90aD4KICAgICAgICAgICAgPHRoPkVtYWlsIElEPC90aD4KICAgICAgICAgICAgPHRoPk1hcml0YWwgU3RhdHVzPC90aD4KICAgICAgICAgICAgPHRoPkJsb29kIEdyb3VwPC90aD4KICAgICAgICAgICAgPHRoPlBhbiBDYXJkIE5vPC90aD4KICAgICAgICAgICAgPHRoPkFhZGhhciBDYXJkIE5vPC90aD4KICAgICAgICAgICAgPHRoPkNvbXBhbnkgTmFtZTwvdGg+CiAgICAgICAgICAgIDx0aD5EZXBhcnRtZW50PC90aD4KICAgICAgICAgICAgPHRoPlBGIE51bWJlcjwvdGg+CiAgICAgICAgICAgIDx0aD5VQU4gTnVtYmVyPC90aD4KICAgICAgICAgICAgPHRoPkhSIE5hbWU8L3RoPgogICAgICAgICAgICA8dGg+SFIgQ29udGFjdCBOdW1iZXI8L3RoPgogICAgICAgICAgICA8dGg+SFIgRW1haWwgSUQ8L3RoPgogICAgICAgICAgICA8dGg+UmVwb3J0aW5nIE1hbmFnZXIgTmFtZTwvdGg+CiAgICAgICAgICAgIDx0aD5SZXBvcnRpbmcgTWFuYWdlciBDb250YWN0IE5vPC90aD4KICAgICAgICAgICAgPHRoPlJlcG9ydGluZyBNYW5hZ2VyIEVtYWlsIElEPC90aD4KICAgICAgICAgICAgPHRoPlJlZmVyZW5jZSBOYW1lPC90aD4KICAgICAgICAgICAgPHRoPlJlZmVyZW5jZSBQaG9uZSBObzwvdGg+CiAgICAgICAgICAgIDx0aD5SZWZlcmVuY2UgRW1haWwgSUQ8L3RoPgogICAgICAgICAgICA8dGg+RmFtaWx5IE5hbWU8L3RoPgogICAgICAgICAgICA8dGg+RmFtaWx5IFJlbGF0aW9uPC90aD4KICAgICAgICAgICAgPHRoPkZhbWlseSBET0I8L3RoPgogICAgICAgICAgICA8dGg+Tm9taW5lZSBOYW1lPC90aD4KICAgICAgICAgICAgPHRoPk5vbWluZWUgUmVsYXRpb248L3RoPgogICAgICAgICAgICA8dGg+Tm9taW5lZSBET0I8L3RoPgogICAgICAgICAgICA8dGg+Tm9taW5lZSBDb250YWN0IE5vPC90aD4KICAgICAgICAgICAgPHRoPkVtZXJnZW5jeSBDb250YWN0IE5hbWU8L3RoPgogICAgICAgICAgICA8dGg+RW1lcmdlbmN5IENvbnRhY3QgUmVsYXRpb248L3RoPgogICAgICAgICAgICA8dGg+RW1lcmdlbmN5IENvbnRhY3QgUGhvbmUgTm88L3RoPgogICAgICAgICAgICA8dGg+RG9jdW1lbnQgUGFuIEZpbGU8L3RoPgogICAgICAgICAgICA8dGg+RG9jdW1lbnQgQWFkaGFyIEZpbGU8L3RoPgogICAgICAgICAgICA8dGg+RG9jdW1lbnQgTGljZW5zZSBGaWxlPC90aD4KICAgICAgICAgICAgPHRoPkRvY3VtZW50IFBhc3Nwb3J0IEZpbGU8L3RoPgogICAgICAgICAgICA8dGg+RG9jdW1lbnQgQmFuayBEZXRhaWxzIEZpbGU8L3RoPgogICAgICAgICAgICA8dGg+RWR1Y2F0aW9uYWwgQ2VydGlmaWNhdGUgRmlsZTwvdGg+CiAgICAgICAgICAgIDx0aD5SZWxpZXZpbmcgTGV0dGVyIEZpbGU8L3RoPgogICAgICAgICAgICA8dGg+UG9zaXRpb248L3RoPgogICAgICAgICAgICA8dGg+Sm9pbmluZyBEYXRlPC90aD4KICAgICAgICAgICAgPHRoPkxvY2F0aW9uPC90aD4KICAgICAgICAgICAgPHRoPk1hbmFnZXI8L3RoPgogICAgICAgICAgICA8dGg+QWN0aW9uczwvdGg+IDwhLS0gTmV3IGNvbHVtbiBmb3IgdGhlIFZpZXcgRGV0YWlscyBCdXR0b24gLS0+CiAgICAgICAgPC90cj4KICAgIDwvdGhlYWQ+CiAgICA8dGJvZHk+CiAgICAgICAgQGZvcmVhY2ggKHZhciBlbXBsb3llZSBpbiBNb2RlbCkKICAgICAgICB7CiAgICAgICAgICAgIDx0cj4KICAgICAgICAgICAgICAgIDx0ZD5AZW1wbG95ZWUuRnVsbE5hbWU8L3RkPgogICAgICAgICAgICAgICAgPHRkPkBDb252ZXJ0LlRvRGF0ZVRpbWUoZW1wbG95ZWUuRGF0ZU9mQmlydGgpLlRvU3RyaW5nKCJkZC1NTS15eXl5Iik8L3RkPgogICAgICAgICAgICAgICAgPHRkPkBlbXBsb3llZS5HZW5kZXI8L3RkPgogICAgICAgICAgICAgICAgPHRkPkBlbXBsb3llZS5QaG9uZU51bWJlcjwvdGQ+CiAgICAgICAgICAgICAgICA8dGQ+QGVtcGxveWVlLkFkZHJlc3M8L3RkPgogICAgICAgICAgICAgICAgPHRkPkBlbXBsb3llZS5EaXN0cmljdDwvdGQ+CiAgICAgICAgICAgICAgICA8dGQ+QGVtcGxveWVlLlBpbkNvZGU8L3RkPgogICAgICAgICAgICAgICAgPHRkPkBlbXBsb3llZS5FbWFpbElkPC90ZD4KICAgICAgICAgICAgICAgIDx0ZD5AZW1wbG95ZWUuTWFyaXRhbFN0YXR1czwvdGQ+CiAgICAgICAgICAgICAgICA8dGQ+QGVtcGxveWVlLkJsb29kR3JvdXA8L3RkPgogICAgICAgICAgICAgICAgPHRkPkBlbXBsb3llZS5QYW5DYXJkTm88L3RkPgogICAgICAgICAgICAgICAgPHRkPkBlbXBsb3llZS5BYWRoYXJDYXJkTm88L3RkPgogICAgICAgICAgICAgICAgPHRkPkBlbXBsb3llZS5Db21wYW55TmFtZTwvdGQ+CiAgICAgICAgICAgICAgICA8dGQ+QGVtcGxveWVlLkRlcGFydG1lbnQ8L3RkPgogICAgICAgICAgICAgICAgPHRkPkBlbXBsb3llZS5QRk51bWJlcjwvdGQ+CiAgICAgICAgICAgICAgICA8dGQ+QGVtcGxveWVlLlVBTk51bWJlcjwvdGQ+CiAgICAgICAgICAgICAgICA8dGQ+QGVtcGxveWVlLkhSTmFtZTwvdGQ+CiAgICAgICAgICAgICAgICA8dGQ+QGVtcGxveWVlLkhSQ29udGFjdE51bWJlcjwvdGQ+CiAgICAgICAgICAgICAgICA8dGQ+QGVtcGxveWVlLkhSRW1haWxJZDwvdGQ+CiAgICAgICAgICAgICAgICA8dGQ+QGVtcGxveWVlLlJlcG9ydGluZ01hbmFnZXJOYW1lPC90ZD4KICAgICAgICAgICAgICAgIDx0ZD5AZW1wbG95ZWUuUmVwb3J0aW5nTWFuYWdlckNvbnRhY3RObzwvdGQ+CiAgICAgICAgICAgICAgICA8dGQ+QGVtcGxveWVlLlJlcG9ydGluZ01hbmFnZXJFbWFpbElkPC90ZD4KICAgICAgICAgICAgICAgIDx0ZD5AZW1wbG95ZWUuUmVmZXJlbmNlTmFtZTwvdGQ+CiAgICAgICAgICAgICAgICA8dGQ+QGVtcGxveWVlLlJlZmVyZW5jZVBob25lTm88L3RkPgogICAgICAgICAgICAgICAgPHRkPkBlbXBsb3llZS5SZWZlcmVuY2VFbWFpbElkPC90ZD4KICAgICAgICAgICAgICAgIDx0ZD5AZW1wbG95ZWUuRmFtaWx5TmFtZTwvdGQ+CiAgICAgICAgICAgICAgICA8dGQ+QGVtcGxveWVlLkZhbWlseVJlbGF0aW9uPC90ZD4KICAgICAgICAgICAgICAgIDx0ZD5AQ29udmVydC5Ub0RhdGVUaW1lKGVtcGxveWVlLkZhbWlseURPQikuVG9TdHJpbmcoImRkLU1NLXl5eXkiKTwvdGQ+CiAgICAgICAgICAgICAgICA8dGQ+QGVtcGxveWVlLk5vbWluZWVOYW1lPC90ZD4KICAgICAgICAgICAgICAgIDx0ZD5AZW1wbG95ZWUuTm9taW5lZVJlbGF0aW9uPC90ZD4KICAgICAgICAgICAgICAgIDx0ZD5AQ29udmVydC5Ub0RhdGVUaW1lKGVtcGxveWVlLk5vbWluZWVET0IpLlRvU3RyaW5nKCJkZC1NTS15eXl5Iik8L3RkPgogICAgICAgICAgICAgICAgPHRkPkBlbXBsb3llZS5Ob21pbmVlQ29udGFjdE5vPC90ZD4KICAgICAgICAgICAgICAgIDx0ZD5AZW1wbG95ZWUuRW1lcmdlbmN5Q29udGFjdE5hbWU8L3RkPgogICAgICAgICAgICAgICAgPHRkPkBlbXBsb3llZS5FbWVyZ2VuY3lDb250YWN0UmVsYXRpb248L3RkPgogICAgICAgICAgICAgICAgPHRkPkBlbXBsb3llZS5FbWVyZ2VuY3lDb250YWN0UGhvbmVObzwvdGQ+CiAgICAgICAgICAgICAgICA8dGQ+CiAgICAgICAgICAgICAgICAgICAgQChzdHJpbmcuSXNOdWxsT3JFbXB0eShlbXBsb3llZS5Eb2N1bWVudFBhbkZpbGVQYXRoKSA/ICIiIDoKICAgICAgICAgICAgICAgICAgICAiPGEgaHJlZj0nIiArIFVybC5BY3Rpb24oIkRvd25sb2FkRmlsZSIsIG5ldyB7IGZpbGVOYW1lID0gUGF0aC5HZXRGaWxlTmFtZShlbXBsb3llZS5Eb2N1bWVudFBhbkZpbGVQYXRoKSB9KSArICInIGRvd25sb2FkPkRvd25sb2FkPC9hPiIpCiAgICAgICAgICAgICAgICA8L3RkPgogICAgICAgICAgICAgICAgPHRkPgogICAgICAgICAgICAgICAgICAgIEAoc3RyaW5nLklzTnVsbE9yRW1wdHkoZW1wbG95ZWUuRG9jdW1lbnRBYWRoYXJGaWxlUGF0aCkgPyAiIiA6CiAgICAgICAgICAgICAgICAgICAgIjxhIGhyZWY9JyIgKyBVcmwuQWN0aW9uKCJEb3dubG9hZEZpbGUiLCBuZXcgeyBmaWxlTmFtZSA9IFBhdGguR2V0RmlsZU5hbWUoZW1wbG95ZWUuRG9jdW1lbnRBYWRoYXJGaWxlUGF0aCkgfSkgKyAiJyBkb3dubG9hZD5Eb3dubG9hZDwvYT4iKQogICAgICAgICAgICAgICAgPC90ZD4KICAgICAgICAgICAgICAgIDx0ZD4KICAgICAgICAgICAgICAgICAgICBAKHN0cmluZy5Jc051bGxPckVtcHR5KGVtcGxveWVlLkRvY3VtZW50TGljZW5zZUZpbGVQYXRoKSA/ICIiIDoKICAgICAgICAgICAgICAgICAgICAiPGEgaHJlZj0nIiArIFVybC5BY3Rpb24oIkRvd25sb2FkRmlsZSIsIG5ldyB7IGZpbGVOYW1lID0gUGF0aC5HZXRGaWxlTmFtZShlbXBsb3llZS5Eb2N1bWVudExpY2Vuc2VGaWxlUGF0aCkgfSkgKyAiJyBkb3dubG9hZD5Eb3dubG9hZDwvYT4iKQogICAgICAgICAgICAgICAgPC90ZD4KICAgICAgICAgICAgICAgIDx0ZD4KICAgICAgICAgICAgICAgICAgICBAKHN0cmluZy5Jc051bGxPckVtcHR5KGVtcGxveWVlLkRvY3VtZW50UGFzc3BvcnRGaWxlUGF0aCkgPyAiIiA6CiAgICAgICAgICAgICAgICAgICAgIjxhIGhyZWY9JyIgKyBVcmwuQWN0aW9uKCJEb3dubG9hZEZpbGUiLCBuZXcgeyBmaWxlTmFtZSA9IFBhdGguR2V0RmlsZU5hbWUoZW1wbG95ZWUuRG9jdW1lbnRQYXNzcG9ydEZpbGVQYXRoKSB9KSArICInIGRvd25sb2FkPkRvd25sb2FkPC9hPiIpCiAgICAgICAgICAgICAgICA8L3RkPgogICAgICAgICAgICAgICAgPHRkPgogICAgICAgICAgICAgICAgICAgIEAoc3RyaW5nLklzTnVsbE9yRW1wdHkoZW1wbG95ZWUuRG9jdW1lbnRCYW5rRGV0YWlsc0ZpbGVQYXRoKSA/ICIiIDoKICAgICAgICAgICAgICAgICAgICAiPGEgaHJlZj0nIiArIFVybC5BY3Rpb24oIkRvd25sb2FkRmlsZSIsIG5ldyB7IGZpbGVOYW1lID0gUGF0aC5HZXRGaWxlTmFtZShlbXBsb3llZS5Eb2N1bWVudEJhbmtEZXRhaWxzRmlsZVBhdGgpIH0pICsgIicgZG93bmxvYWQ+RG93bmxvYWQ8L2E+IikKICAgICAgICAgICAgICAgIDwvdGQ+CiAgICAgICAgICAgICAgICA8dGQ+CiAgICAgICAgICAgICAgICAgICAgQChzdHJpbmcuSXNOdWxsT3JFbXB0eShlbXBsb3llZS5FZHVjYXRpb25hbENlcnRpZmljYXRlRmlsZVBhdGgpID8gIiIgOgogICAgICAgICAgICAgICAgICAgICI8YSBocmVmPSciICsgVXJsLkFjdGlvbigiRG93bmxvYWRGaWxlIiwgbmV3IHsgZmlsZU5hbWUgPSBQYXRoLkdldEZpbGVOYW1lKGVtcGxveWVlLkVkdWNhdGlvbmFsQ2VydGlmaWNhdGVGaWxlUGF0aCkgfSkgKyAiJyBkb3dubG9hZD5Eb3dubG9hZDwvYT4iKQogICAgICAgICAgICAgICAgPC90ZD4KICAgICAgICAgICAgICAgIDx0ZD4KICAgICAgICAgICAgICAgICAgICBAKHN0cmluZy5Jc051bGxPckVtcHR5KGVtcGxveWVlLlJlbGlldmluZ0xldHRlckZpbGVQYXRoKSA/ICIiIDoKICAgICAgICAgICAgICAgICAgICAiPGEgaHJlZj0nIiArIFVybC5BY3Rpb24oIkRvd25sb2FkRmlsZSIsIG5ldyB7IGZpbGVOYW1lID0gUGF0aC5HZXRGaWxlTmFtZShlbXBsb3llZS5SZWxpZXZpbmdMZXR0ZXJGaWxlUGF0aCkgfSkgKyAiJyBkb3dubG9hZD5Eb3dubG9hZDwvYT4iKQogICAgICAgICAgICAgICAgPC90ZD4KICAgICAgICAgICAgICAgIDx0ZD5AZW1wbG95ZWUuUG9zaXRpb248L3RkPgogICAgICAgICAgICAgICAgPHRkPkBDb252ZXJ0LlRvRGF0ZVRpbWUoZW1wbG95ZWUuSm9pbmluZ0RhdGUpLlRvU3RyaW5nKCJkZC1NTS15eXl5Iik8L3RkPgogICAgICAgICAgICAgICAgPHRkPkBlbXBsb3llZS5Mb2NhdGlvbjwvdGQ+CiAgICAgICAgICAgICAgICA8dGQ+QGVtcGxveWVlLk1hbmFnZXI8L3RkPgogICAgICAgICAgICAgICAgPHRkPgogICAgICAgICAgICAgICAgICAgIDwhLS0gVmlldyBEZXRhaWxzIEJ1dHRvbiAtLT4KICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPSJidG4gYnRuLWluZm8gYnRuLXNtIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS10b2dnbGU9Im1vZGFsIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS10YXJnZXQ9IiNlbXBsb3llZU1vZGFsIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS1pZD0iQGVtcGxveWVlLkVNUElkIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS1mdWxsbmFtZT0iQGVtcGxveWVlLkZ1bGxOYW1lIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS1kb2I9IkBDb252ZXJ0LlRvRGF0ZVRpbWUoZW1wbG95ZWUuRGF0ZU9mQmlydGgpLlRvU3RyaW5nKCJkZC1NTS15eXl5IikiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRhLWdlbmRlcj0iQGVtcGxveWVlLkdlbmRlciIKICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtcGhvbmU9IkBlbXBsb3llZS5QaG9uZU51bWJlciIKICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtYWRkcmVzcz0iQGVtcGxveWVlLkFkZHJlc3MiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRhLWRpc3RyaWN0PSJAZW1wbG95ZWUuRGlzdHJpY3QiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRhLXBpbmNvZGU9IkBlbXBsb3llZS5QaW5Db2RlIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS1lbWFpbD0iQGVtcGxveWVlLkVtYWlsSWQiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRhLW1hcml0YWxzdGF0dXM9IkBlbXBsb3llZS5NYXJpdGFsU3RhdHVzIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS1ibG9vZGdyb3VwPSJAZW1wbG95ZWUuQmxvb2RHcm91cCIKICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtcGFuY2FyZD0iQGVtcGxveWVlLlBhbkNhcmRObyIKICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtYWFkaGFyY2FyZD0iQGVtcGxveWVlLkFhZGhhckNhcmRObyIKICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtY29tcGFueW5hbWU9IkBlbXBsb3llZS5Db21wYW55TmFtZSIKICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtZGVwYXJ0bWVudD0iQGVtcGxveWVlLkRlcGFydG1lbnQiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRhLXBmbnVtYmVyPSJAZW1wbG95ZWUuUEZOdW1iZXIiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRhLXVhbm51bWJlcj0iQGVtcGxveWVlLlVBTk51bWJlciIKICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtaHJuYW1lPSJAZW1wbG95ZWUuSFJOYW1lIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS1ocmNvbnRhY3Q9IkBlbXBsb3llZS5IUkNvbnRhY3ROdW1iZXIiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRhLWhyZW1haWw9IkBlbXBsb3llZS5IUkVtYWlsSWQiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRhLXJlcG9ydGluZ21hbmFnZXI9IkBlbXBsb3llZS5SZXBvcnRpbmdNYW5hZ2VyTmFtZSIKICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtcmVwb3J0aW5nY29udGFjdD0iQGVtcGxveWVlLlJlcG9ydGluZ01hbmFnZXJDb250YWN0Tm8iCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRhLXJlcG9ydGluZ2VtYWlsPSJAZW1wbG95ZWUuUmVwb3J0aW5nTWFuYWdlckVtYWlsSWQiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRhLXJlZmVyZW5jZW5hbWU9IkBlbXBsb3llZS5SZWZlcmVuY2VOYW1lIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS1yZWZlcmVuY2VwaG9uZT0iQGVtcGxveWVlLlJlZmVyZW5jZVBob25lTm8iCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRhLXJlZmVyZW5jZWVtYWlsPSJAZW1wbG95ZWUuUmVmZXJlbmNlRW1haWxJZCIKICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtZmFtaWx5bmFtZT0iQGVtcGxveWVlLkZhbWlseU5hbWUiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRhLWZhbWlseXJlbGF0aW9uPSJAZW1wbG95ZWUuRmFtaWx5UmVsYXRpb24iCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRhLWZhbWlseWRvYj0iQENvbnZlcnQuVG9EYXRlVGltZShlbXBsb3llZS5GYW1pbHlET0IpLlRvU3RyaW5nKCJkZC1NTS15eXl5IikiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRhLW5vbWluZWVuYW1lPSJAZW1wbG95ZWUuTm9taW5lZU5hbWUiCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRhLW5vbWluZWVyZWxhdGlvbj0iQGVtcGxveWVlLk5vbWluZWVSZWxhdGlvbiIKICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtbm9taW5lZWRvYj0iQENvbnZlcnQuVG9EYXRlVGltZShlbXBsb3llZS5Ob21pbmVlRE9CKS5Ub1N0cmluZygiZGQtTU0teXl5eSIpIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS1ub21pbmVlY29udGFjdD0iQGVtcGxveWVlLk5vbWluZWVDb250YWN0Tm8iCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRhLWVtZXJnZW5jeWNvbnRhY3Q9IkBlbXBsb3llZS5FbWVyZ2VuY3lDb250YWN0TmFtZSIKICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtZW1lcmdlbmN5cmVsYXRpb249IkBlbXBsb3llZS5FbWVyZ2VuY3lDb250YWN0UmVsYXRpb24iCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRhLWVtZXJnZW5jeXBob25lPSJAZW1wbG95ZWUuRW1lcmdlbmN5Q29udGFjdFBob25lTm8iCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRhLXBvc2l0aW9uPSJAZW1wbG95ZWUuUG9zaXRpb24iCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkYXRhLWpvaW5pbmdkYXRlPSJAQ29udmVydC5Ub0RhdGVUaW1lKGVtcGxveWVlLkpvaW5pbmdEYXRlKS5Ub1N0cmluZygiZGQtTU0teXl5eSIpIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS1sb2NhdGlvbj0iQGVtcGxveWVlLkxvY2F0aW9uIgogICAgICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS1tYW5hZ2VyPSJAZW1wbG95ZWUuTWFuYWdlciI+CiAgICAgICAgICAgICAgICAgICAgICAgIFZpZXcgRGV0YWlscwogICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPgogICAgICAgICAgICAgICAgPC90ZD4KICAgICAgICAgICAgPC90cj4KICAgICAgICB9CiAgICA8L3Rib2R5Pgo8L3RhYmxlPgoKPCEtLSBCb290c3RyYXAgTW9kYWwgZm9yIGRpc3BsYXlpbmcgZW1wbG95ZWUgZGV0YWlscyAtLT4KPGRpdiBjbGFzcz0ibW9kYWwgZmFkZSIgaWQ9ImVtcGxveWVlTW9kYWwiIHRhYmluZGV4PSItMSIgcm9sZT0iZGlhbG9nIiBhcmlhLWxhYmVsbGVkYnk9ImVtcGxveWVlTW9kYWxMYWJlbCIgYXJpYS1oaWRkZW49InRydWUiPgogICAgPGRpdiBjbGFzcz0ibW9kYWwtZGlhbG9nIG1vZGFsLWxnIiByb2xlPSJkb2N1bWVudCI+CiAgICAgICAgPGRpdiBjbGFzcz0ibW9kYWwtY29udGVudCI+CiAgICAgICAgICAgIDxkaXYgY2xhc3M9Im1vZGFsLWhlYWRlciBiZy1wcmltYXJ5IHRleHQtd2hpdGUiPgogICAgICAgICAgICAgICAgPGg1IGNsYXNzPSJtb2RhbC10aXRsZSIgaWQ9ImVtcGxveWVlTW9kYWxMYWJlbCI+RW1wbG95ZWUgRGV0YWlsczwvaDU+CiAgICAgICAgICAgICAgICA8YnV0dG9uIHR5cGU9ImJ1dHRvbiIgY2xhc3M9ImNsb3NlIiBkYXRhLWRpc21pc3M9Im1vZGFsIiBhcmlhLWxhYmVsPSJDbG9zZSI+CiAgICAgICAgICAgICAgICAgICAgPHNwYW4gYXJpYS1oaWRkZW49InRydWUiPiZ0aW1lczs8L3NwYW4+CiAgICAgICAgICAgICAgICA8L2J1dHRvbj4KICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgIDxkaXYgY2xhc3M9Im1vZGFsLWJvZHkiPgogICAgICAgICAgICAgICAgPCEtLSBFbXBsb3llZSBEZXRhaWxzIFdpbGwgQmUgRHluYW1pY2FsbHkgTG9hZGVkIEhlcmUgLS0+CiAgICAgICAgICAgICAgICA8ZGl2IGlkPSJlbXBsb3llZURldGFpbHNDb250ZW50Ij4KICAgICAgICAgICAgICAgICAgICA8cD48c3Ryb25nPkZ1bGwgTmFtZTo8L3N0cm9uZz4gPHNwYW4gaWQ9ImVtcEZ1bGxOYW1lIj48L3NwYW4+PC9wPgogICAgICAgICAgICAgICAgICAgIDxwPjxzdHJvbmc+RGF0ZSBvZiBCaXJ0aDo8L3N0cm9uZz4gPHNwYW4gaWQ9ImVtcERPQiI+PC9zcGFuPjwvcD4KICAgICAgICAgICAgICAgICAgICA8cD48c3Ryb25nPkdlbmRlcjo8L3N0cm9uZz4gPHNwYW4gaWQ9ImVtcEdlbmRlciI+PC9zcGFuPjwvcD4KICAgICAgICAgICAgICAgICAgICA8cD48c3Ryb25nPlBob25lIE51bWJlcjo8L3N0cm9uZz4gPHNwYW4gaWQ9ImVtcFBob25lIj48L3NwYW4+PC9wPgogICAgICAgICAgICAgICAgICAgIDxwPjxzdHJvbmc+QWRkcmVzczo8L3N0cm9uZz4gPHNwYW4gaWQ9ImVtcEFkZHJlc3MiPjwvc3Bhbj48L3A+CiAgICAgICAgICAgICAgICAgICAgPHA+PHN0cm9uZz5EaXN0cmljdDo8L3N0cm9uZz4gPHNwYW4gaWQ9ImVtcERpc3RyaWN0Ij48L3NwYW4+PC9wPgogICAgICAgICAgICAgICAgICAgIDxwPjxzdHJvbmc+UGluQ29kZTo8L3N0cm9uZz4gPHNwYW4gaWQ9ImVtcFBpbkNvZGUiPjwvc3Bhbj48L3A+CiAgICAgICAgICAgICAgICAgICAgPHA+PHN0cm9uZz5FbWFpbCBJRDo8L3N0cm9uZz4gPHNwYW4gaWQ9ImVtcEVtYWlsIj48L3NwYW4+PC9wPgogICAgICAgICAgICAgICAgICAgIDxwPjxzdHJvbmc+TWFyaXRhbCBTdGF0dXM6PC9zdHJvbmc+IDxzcGFuIGlkPSJlbXBNYXJpdGFsU3RhdHVzIj48L3NwYW4+PC9wPgogICAgICAgICAgICAgICAgICAgIDxwPjxzdHJvbmc+Qmxvb2QgR3JvdXA6PC9zdHJvbmc+IDxzcGFuIGlkPSJlbXBCbG9vZEdyb3VwIj48L3NwYW4+PC9wPgogICAgICAgICAgICAgICAgICAgIDxwPjxzdHJvbmc+UGFuIENhcmQgTm86PC9zdHJvbmc+IDxzcGFuIGlkPSJlbXBQYW5DYXJkIj48L3NwYW4+PC9wPgogICAgICAgICAgICAgICAgICAgIDxwPjxzdHJvbmc+QWFkaGFyIENhcmQgTm86PC9zdHJvbmc+IDxzcGFuIGlkPSJlbXBBYWRoYXJDYXJkIj48L3NwYW4+PC9wPgogICAgICAgICAgICAgICAgICAgIDxwPjxzdHJvbmc+Q29tcGFueSBOYW1lOjwvc3Ryb25nPiA8c3BhbiBpZD0iZW1wQ29tcGFueU5hbWUiPjwvc3Bhbj48L3A+CiAgICAgICAgICAgICAgICAgICAgPHA+PHN0cm9uZz5EZXBhcnRtZW50Ojwvc3Ryb25nPiA8c3BhbiBpZD0iZW1wRGVwYXJ0bWVudCI+PC9zcGFuPjwvcD4KICAgICAgICAgICAgICAgICAgICA8cD48c3Ryb25nPlBGIE51bWJlcjo8L3N0cm9uZz4gPHNwYW4gaWQ9ImVtcFBGTnVtYmVyIj48L3NwYW4+PC9wPgogICAgICAgICAgICAgICAgICAgIDxwPjxzdHJvbmc+VUFOIE51bWJlcjo8L3N0cm9uZz4gPHNwYW4gaWQ9ImVtcFVBTk51bWJlciI+PC9zcGFuPjwvcD4KICAgICAgICAgICAgICAgICAgICA8cD48c3Ryb25nPkhSIE5hbWU6PC9zdHJvbmc+IDxzcGFuIGlkPSJlbXBIUk5hbWUiPjwvc3Bhbj48L3A+CiAgICAgICAgICAgICAgICAgICAgPHA+PHN0cm9uZz5IUiBDb250YWN0IE51bWJlcjo8L3N0cm9uZz4gPHNwYW4gaWQ9ImVtcEhSQ29udGFjdCI+PC9zcGFuPjwvcD4KICAgICAgICAgICAgICAgICAgICA8cD48c3Ryb25nPkhSIEVtYWlsIElEOjwvc3Ryb25nPiA8c3BhbiBpZD0iZW1wSFJFbWFpbCI+PC9zcGFuPjwvcD4KICAgICAgICAgICAgICAgICAgICA8cD48c3Ryb25nPlJlcG9ydGluZyBNYW5hZ2VyIE5hbWU6PC9zdHJvbmc+IDxzcGFuIGlkPSJlbXBSZXBvcnRpbmdNYW5hZ2VyIj48L3NwYW4+PC9wPgogICAgICAgICAgICAgICAgICAgIDxwPjxzdHJvbmc+UmVwb3J0aW5nIE1hbmFnZXIgQ29udGFjdDo8L3N0cm9uZz4gPHNwYW4gaWQ9ImVtcFJlcG9ydGluZ0NvbnRhY3QiPjwvc3Bhbj48L3A+CiAgICAgICAgICAgICAgICAgICAgPHA+PHN0cm9uZz5SZXBvcnRpbmcgTWFuYWdlciBFbWFpbDo8L3N0cm9uZz4gPHNwYW4gaWQ9ImVtcFJlcG9ydGluZ0VtYWlsIj48L3NwYW4+PC9wPgogICAgICAgICAgICAgICAgICAgIDxwPjxzdHJvbmc+UmVmZXJlbmNlIE5hbWU6PC9zdHJvbmc+IDxzcGFuIGlkPSJlbXBSZWZlcmVuY2VOYW1lIj48L3NwYW4+PC9wPgogICAgICAgICAgICAgICAgICAgIDxwPjxzdHJvbmc+UmVmZXJlbmNlIFBob25lIE5vOjwvc3Ryb25nPiA8c3BhbiBpZD0iZW1wUmVmZXJlbmNlUGhvbmUiPjwvc3Bhbj48L3A+CiAgICAgICAgICAgICAgICAgICAgPHA+PHN0cm9uZz5SZWZlcmVuY2UgRW1haWwgSUQ6PC9zdHJvbmc+IDxzcGFuIGlkPSJlbXBSZWZlcmVuY2VFbWFpbCI+PC9zcGFuPjwvcD4KICAgICAgICAgICAgICAgICAgICA8cD48c3Ryb25nPkZhbWlseSBOYW1lOjwvc3Ryb25nPiA8c3BhbiBpZD0iZW1wRmFtaWx5TmFtZSI+PC9zcGFuPjwvcD4KICAgICAgICAgICAgICAgICAgICA8cD48c3Ryb25nPkZhbWlseSBSZWxhdGlvbjo8L3N0cm9uZz4gPHNwYW4gaWQ9ImVtcEZhbWlseVJlbGF0aW9uIj48L3NwYW4+PC9wPgogICAgICAgICAgICAgICAgICAgIDxwPjxzdHJvbmc+RmFtaWx5IERPQjo8L3N0cm9uZz4gPHNwYW4gaWQ9ImVtcEZhbWlseURPQiI+PC9zcGFuPjwvcD4KICAgICAgICAgICAgICAgICAgICA8cD48c3Ryb25nPk5vbWluZWUgTmFtZTo8L3N0cm9uZz4gPHNwYW4gaWQ9ImVtcE5vbWluZWVOYW1lIj48L3NwYW4+PC9wPgogICAgICAgICAgICAgICAgICAgIDxwPjxzdHJvbmc+Tm9taW5lZSBSZWxhdGlvbjo8L3N0cm9uZz4gPHNwYW4gaWQ9ImVtcE5vbWluZWVSZWxhdGlvbiI+PC9zcGFuPjwvcD4KICAgICAgICAgICAgICAgICAgICA8cD48c3Ryb25nPk5vbWluZWUgRE9COjwvc3Ryb25nPiA8c3BhbiBpZD0iZW1wTm9taW5lZURPQiI+PC9zcGFuPjwvcD4KICAgICAgICAgICAgICAgICAgICA8cD48c3Ryb25nPk5vbWluZWUgQ29udGFjdCBObzo8L3N0cm9uZz4gPHNwYW4gaWQ9ImVtcE5vbWluZWVDb250YWN0Ij48L3NwYW4+PC9wPgogICAgICAgICAgICAgICAgICAgIDxwPjxzdHJvbmc+RW1lcmdlbmN5IENvbnRhY3QgTmFtZTo8L3N0cm9uZz4gPHNwYW4gaWQ9ImVtcEVtZXJnZW5jeUNvbnRhY3QiPjwvc3Bhbj48L3A+CiAgICAgICAgICAgICAgICAgICAgPHA+PHN0cm9uZz5FbWVyZ2VuY3kgQ29udGFjdCBSZWxhdGlvbjo8L3N0cm9uZz4gPHNwYW4gaWQ9ImVtcEVtZXJnZW5jeVJlbGF0aW9uIj48L3NwYW4+PC9wPgogICAgICAgICAgICAgICAgICAgIDxwPjxzdHJvbmc+RW1lcmdlbmN5IENvbnRhY3QgUGhvbmUgTm86PC9zdHJvbmc+IDxzcGFuIGlkPSJlbXBFbWVyZ2VuY3lQaG9uZSI+PC9zcGFuPjwvcD4KICAgICAgICAgICAgICAgICAgICA8cD48c3Ryb25nPlBvc2l0aW9uOjwvc3Ryb25nPiA8c3BhbiBpZD0iZW1wUG9zaXRpb24iPjwvc3Bhbj48L3A+CiAgICAgICAgICAgICAgICAgICAgPHA+PHN0cm9uZz5Kb2luaW5nIERhdGU6PC9zdHJvbmc+IDxzcGFuIGlkPSJlbXBKb2luaW5nRGF0ZSI+PC9zcGFuPjwvcD4KICAgICAgICAgICAgICAgICAgICA8cD48c3Ryb25nPkxvY2F0aW9uOjwvc3Ryb25nPiA8c3BhbiBpZD0iZW1wTG9jYXRpb24iPjwvc3Bhbj48L3A+CiAgICAgICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgIDxkaXYgY2xhc3M9Im1vZGFsLWZvb3RlciI+CiAgICAgICAgICAgICAgICA8YnV0dG9uIHR5cGU9ImJ1dHRvbiIgY2xhc3M9ImJ0biBidG4tc2Vjb25kYXJ5IiBkYXRhLWRpc21pc3M9Im1vZGFsIj5DbG9zZTwvYnV0dG9uPgogICAgICAgICAgICAgICAgPGJ1dHRvbiB0eXBlPSJidXR0b24iIGNsYXNzPSJidG4gYnRuLXN1Y2Nlc3MiIGlkPSJwcmludEJ1dHRvbiI+UHJpbnQ8L2J1dHRvbj4KICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgPC9kaXY+CiAgICA8L2Rpdj4KPC9kaXY+CgpAc2VjdGlvbiBzY3JpcHRzIHsKICAgIDxzY3JpcHQ+CiAgICAgICAgJChkb2N1bWVudCkucmVhZHkoZnVuY3Rpb24gKCkgewogICAgICAgICAgICAvLyBJbml0aWFsaXplIERhdGFUYWJsZSB3aXRoIHJlc3BvbnNpdmUgZGVzaWduIGFuZCBleHBvcnQgYnV0dG9ucwogICAgICAgICAgICAkKCcjZW1wbG95ZWVUYWJsZScpLkRhdGFUYWJsZSh7CiAgICAgICAgICAgICAgICAic2Nyb2xsWCI6IHRydWUsCiAgICAgICAgICAgICAgICAicGFnZUxlbmd0aCI6IDEwLAogICAgICAgICAgICAgICAgImxlbmd0aE1lbnUiOiBbMTAsIDI1LCA1MCwgMTAwXSwKICAgICAgICAgICAgICAgICJjb2x1bW5EZWZzIjogWwogICAgICAgICAgICAgICAgICAgIHsgInRhcmdldHMiOiBbNDZdLCAib3JkZXJhYmxlIjogZmFsc2UsICJjbGFzc05hbWUiOiAiZHQtY2VudGVyIiB9CiAgICAgICAgICAgICAgICBdLAogICAgICAgICAgICAgICAgImRvbSI6ICdCZnJ0aXAnLAogICAgICAgICAgICAgICAgImJ1dHRvbnMiOiBbJ2NvcHknLCAnY3N2JywgJ2V4Y2VsJywgJ3BkZicsICdwcmludCddLAogICAgICAgICAgICAgICAgInJlc3BvbnNpdmUiOiB0cnVlLAogICAgICAgICAgICAgICAgIm9yZGVyaW5nIjogdHJ1ZSwKICAgICAgICAgICAgfSk7CgogICAgICAgICAgICAvLyBXaGVuIHRoZSAiVmlldyBEZXRhaWxzIiBidXR0b24gaXMgY2xpY2tlZCwgcG9wdWxhdGUgdGhlIG1vZGFsIHdpdGggZW1wbG95ZWUgZGV0YWlscwogICAgICAgICAgICAkKCcjZW1wbG95ZWVNb2RhbCcpLm9uKCdzaG93LmJzLm1vZGFsJywgZnVuY3Rpb24gKGV2ZW50KSB7CiAgICAgICAgICAgICAgICB2YXIgYnV0dG9uID0gJChldmVudC5yZWxhdGVkVGFyZ2V0KTsgLy8gQnV0dG9uIHRoYXQgdHJpZ2dlcmVkIHRoZSBtb2RhbAogICAgICAgICAgICAgICAgLy8gRmV0Y2ggZW1wbG95ZWUgZGF0YSBmcm9tIHRoZSBidXR0b24gYXR0cmlidXRlcyBhbmQgc2V0IGl0IHRvIG1vZGFsCiAgICAgICAgICAgICAgICAkKCcjZW1wRnVsbE5hbWUnKS50ZXh0KGJ1dHRvbi5kYXRhKCdmdWxsbmFtZScpKTsKICAgICAgICAgICAgICAgICQoJyNlbXBET0InKS50ZXh0KGJ1dHRvbi5kYXRhKCdkb2InKSk7CiAgICAgICAgICAgICAgICAkKCcjZW1wR2VuZGVyJykudGV4dChidXR0b24uZGF0YSgnZ2VuZGVyJykpOwogICAgICAgICAgICAgICAgJCgnI2VtcFBob25lJykudGV4dChidXR0b24uZGF0YSgncGhvbmUnKSk7CiAgICAgICAgICAgICAgICAkKCcjZW1wQWRkcmVzcycpLnRleHQoYnV0dG9uLmRhdGEoJ2FkZHJlc3MnKSk7CiAgICAgICAgICAgICAgICAkKCcjZW1wRGlzdHJpY3QnKS50ZXh0KGJ1dHRvbi5kYXRhKCdkaXN0cmljdCcpKTsKICAgICAgICAgICAgICAgICQoJyNlbXBQaW5Db2RlJykudGV4dChidXR0b24uZGF0YSgncGluY29kZScpKTsKICAgICAgICAgICAgICAgICQoJyNlbXBFbWFpbCcpLnRleHQoYnV0dG9uLmRhdGEoJ2VtYWlsJykpOwogICAgICAgICAgICAgICAgJCgnI2VtcE1hcml0YWxTdGF0dXMnKS50ZXh0KGJ1dHRvbi5kYXRhKCdtYXJpdGFsc3RhdHVzJykpOwogICAgICAgICAgICAgICAgJCgnI2VtcEJsb29kR3JvdXAnKS50ZXh0KGJ1dHRvbi5kYXRhKCdibG9vZGdyb3VwJykpOwogICAgICAgICAgICAgICAgJCgnI2VtcFBhbkNhcmQnKS50ZXh0KGJ1dHRvbi5kYXRhKCdwYW5jYXJkJykpOwogICAgICAgICAgICAgICAgJCgnI2VtcEFhZGhhckNhcmQnKS50ZXh0KGJ1dHRvbi5kYXRhKCdhYWRoYXJjYXJkJykpOwogICAgICAgICAgICAgICAgJCgnI2VtcENvbXBhbnlOYW1lJykudGV4dChidXR0b24uZGF0YSgnY29tcGFueW5hbWUnKSk7CiAgICAgICAgICAgICAgICAkKCcjZW1wRGVwYXJ0bWVudCcpLnRleHQoYnV0dG9uLmRhdGEoJ2RlcGFydG1lbnQnKSk7CiAgICAgICAgICAgICAgICAkKCcjZW1wUEZOdW1iZXInKS50ZXh0KGJ1dHRvbi5kYXRhKCdwZm51bWJlcicpKTsKICAgICAgICAgICAgICAgICQoJyNlbXBVQU5OdW1iZXInKS50ZXh0KGJ1dHRvbi5kYXRhKCd1YW5udW1iZXInKSk7CiAgICAgICAgICAgICAgICAkKCcjZW1wSFJOYW1lJykudGV4dChidXR0b24uZGF0YSgnaHJuYW1lJykpOwogICAgICAgICAgICAgICAgJCgnI2VtcEhSQ29udGFjdCcpLnRleHQoYnV0dG9uLmRhdGEoJ2hyY29udGFjdCcpKTsKICAgICAgICAgICAgICAgICQoJyNlbXBIUkVtYWlsJykudGV4dChidXR0b24uZGF0YSgnaHJlbWFpbCcpKTsKICAgICAgICAgICAgICAgICQoJyNlbXBSZXBvcnRpbmdNYW5hZ2VyJykudGV4dChidXR0b24uZGF0YSgncmVwb3J0aW5nbWFuYWdlcicpKTsKICAgICAgICAgICAgICAgICQoJyNlbXBSZXBvcnRpbmdDb250YWN0JykudGV4dChidXR0b24uZGF0YSgncmVwb3J0aW5nY29udGFjdCcpKTsKICAgICAgICAgICAgICAgICQoJyNlbXBSZXBvcnRpbmdFbWFpbCcpLnRleHQoYnV0dG9uLmRhdGEoJ3JlcG9ydGluZ2VtYWlsJykpOwogICAgICAgICAgICAgICAgJCgnI2VtcFJlZmVyZW5jZU5hbWUnKS50ZXh0KGJ1dHRvbi5kYXRhKCdyZWZlcmVuY2VuYW1lJykpOwogICAgICAgICAgICAgICAgJCgnI2VtcFJlZmVyZW5jZVBob25lJykudGV4dChidXR0b24uZGF0YSgncmVmZXJlbmNlcGhvbmUnKSk7CiAgICAgICAgICAgICAgICAkKCcjZW1wUmVmZXJlbmNlRW1haWwnKS50ZXh0KGJ1dHRvbi5kYXRhKCdyZWZlcmVuY2VlbWFpbCcpKTsKICAgICAgICAgICAgICAgICQoJyNlbXBGYW1pbHlOYW1lJykudGV4dChidXR0b24uZGF0YSgnZmFtaWx5bmFtZScpKTsKICAgICAgICAgICAgICAgICQoJyNlbXBGYW1pbHlSZWxhdGlvbicpLnRleHQoYnV0dG9uLmRhdGEoJ2ZhbWlseXJlbGF0aW9uJykpOwogICAgICAgICAgICAgICAgJCgnI2VtcEZhbWlseURPQicpLnRleHQoYnV0dG9uLmRhdGEoJ2ZhbWlseWRvYicpKTsKICAgICAgICAgICAgICAgICQoJyNlbXBOb21pbmVlTmFtZScpLnRleHQoYnV0dG9uLmRhdGEoJ25vbWluZWVuYW1lJykpOwogICAgICAgICAgICAgICAgJCgnI2VtcE5vbWluZWVSZWxhdGlvbicpLnRleHQoYnV0dG9uLmRhdGEoJ25vbWluZWVyZWxhdGlvbicpKTsKICAgICAgICAgICAgICAgICQoJyNlbXBOb21pbmVlRE9CJykudGV4dChidXR0b24uZGF0YSgnbm9taW5lZWRvYicpKTsKICAgICAgICAgICAgICAgICQoJyNlbXBOb21pbmVlQ29udGFjdCcpLnRleHQoYnV0dG9uLmRhdGEoJ25vbWluZWVjb250YWN0JykpOwogICAgICAgICAgICAgICAgJCgnI2VtcEVtZXJnZW5jeUNvbnRhY3QnKS50ZXh0KGJ1dHRvbi5kYXRhKCdlbWVyZ2VuY3ljb250YWN0JykpOwogICAgICAgICAgICAgICAgJCgnI2VtcEVtZXJnZW5jeVJlbGF0aW9uJykudGV4dChidXR0b24uZGF0YSgnZW1lcmdlbmN5cmVsYXRpb24nKSk7CiAgICAgICAgICAgICAgICAkKCcjZW1wRW1lcmdlbmN5UGhvbmUnKS50ZXh0KGJ1dHRvbi5kYXRhKCdlbWVyZ2VuY3lwaG9uZScpKTsKICAgICAgICAgICAgICAgICQoJyNlbXBQb3NpdGlvbicpLnRleHQoYnV0dG9uLmRhdGEoJ3Bvc2l0aW9uJykpOwogICAgICAgICAgICAgICAgJCgnI2VtcEpvaW5pbmdEYXRlJykudGV4dChidXR0b24uZGF0YSgnam9pbmluZ2RhdGUnKSk7CiAgICAgICAgICAgICAgICAkKCcjZW1wTG9jYXRpb24nKS50ZXh0KGJ1dHRvbi5kYXRhKCdsb2NhdGlvbicpKTsKICAgICAgICAgICAgfSk7CgogICAgICAgICAgICAvLyBQcmludCBidXR0b24gZnVuY3Rpb25hbGl0eSBpbnNpZGUgbW9kYWwKICAgICAgICAgICAgJCgnI3ByaW50QnV0dG9uJykuY2xpY2soZnVuY3Rpb24gKCkgewogICAgICAgICAgICAgICAgdmFyIHByaW50Q29udGVudCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJlbXBsb3llZURldGFpbHNDb250ZW50IikuaW5uZXJIVE1MOwogICAgICAgICAgICAgICAgdmFyIHByaW50V2luZG93ID0gd2luZG93Lm9wZW4oJycsICcnLCAnaGVpZ2h0PTYwMCx3aWR0aD04MDAnKTsKICAgICAgICAgICAgICAgIHByaW50V2luZG93LmRvY3VtZW50LndyaXRlKCc8aHRtbD48aGVhZD48dGl0bGU+RW1wbG95ZWUgRGV0YWlsczwvdGl0bGU+PC9oZWFkPjxib2R5PicpOwogICAgICAgICAgICAgICAgcHJpbnRXaW5kb3cuZG9jdW1lbnQud3JpdGUocHJpbnRDb250ZW50KTsKICAgICAgICAgICAgICAgIHByaW50V2luZG93LmRvY3VtZW50LndyaXRlKCc8L2JvZHk+PC9odG1sPicpOwogICAgICAgICAgICAgICAgcHJpbnRXaW5kb3cuZG9jdW1lbnQuY2xvc2UoKTsKICAgICAgICAgICAgICAgIHByaW50V2luZG93LnByaW50KCk7CiAgICAgICAgICAgIH0pOwogICAgICAgIH0pOwogICAgPC9zY3JpcHQ+Cn0K

Success #stdin #stdout 0.03s 25572KB

stdin

copy

Standard input is empty

stdout

copy

@model IEnumerable<EMPDETAILS.Models.EmployeeDetails>

@{
    ViewBag.Title = "Employee Records";
}

<h4 class="text-center mb-4">Employee Records</h4>

<!-- DataTable HTML -->
<table id="employeeTable" class="table table-bordered table-striped">
    <thead class="thead-dark">
        <tr>
            <th>Full Name</th>
            <th>Date of Birth</th>
            <th>Gender</th>
            <th>Phone Number</th>
            <th>Address</th>
            <th>District</th>
            <th>PinCode</th>
            <th>Email ID</th>
            <th>Marital Status</th>
            <th>Blood Group</th>
            <th>Pan Card No</th>
            <th>Aadhar Card No</th>
            <th>Company Name</th>
            <th>Department</th>
            <th>PF Number</th>
            <th>UAN Number</th>
            <th>HR Name</th>
            <th>HR Contact Number</th>
            <th>HR Email ID</th>
            <th>Reporting Manager Name</th>
            <th>Reporting Manager Contact No</th>
            <th>Reporting Manager Email ID</th>
            <th>Reference Name</th>
            <th>Reference Phone No</th>
            <th>Reference Email ID</th>
            <th>Family Name</th>
            <th>Family Relation</th>
            <th>Family DOB</th>
            <th>Nominee Name</th>
            <th>Nominee Relation</th>
            <th>Nominee DOB</th>
            <th>Nominee Contact No</th>
            <th>Emergency Contact Name</th>
            <th>Emergency Contact Relation</th>
            <th>Emergency Contact Phone No</th>
            <th>Document Pan File</th>
            <th>Document Aadhar File</th>
            <th>Document License File</th>
            <th>Document Passport File</th>
            <th>Document Bank Details File</th>
            <th>Educational Certificate File</th>
            <th>Relieving Letter File</th>
            <th>Position</th>
            <th>Joining Date</th>
            <th>Location</th>
            <th>Manager</th>
            <th>Actions</th> <!-- New column for the View Details Button -->
        </tr>
    </thead>
    <tbody>
        @foreach (var employee in Model)
        {
            <tr>
                <td>@employee.FullName</td>
                <td>@Convert.ToDateTime(employee.DateOfBirth).ToString("dd-MM-yyyy")</td>
                <td>@employee.Gender</td>
                <td>@employee.PhoneNumber</td>
                <td>@employee.Address</td>
                <td>@employee.District</td>
                <td>@employee.PinCode</td>
                <td>@employee.EmailId</td>
                <td>@employee.MaritalStatus</td>
                <td>@employee.BloodGroup</td>
                <td>@employee.PanCardNo</td>
                <td>@employee.AadharCardNo</td>
                <td>@employee.CompanyName</td>
                <td>@employee.Department</td>
                <td>@employee.PFNumber</td>
                <td>@employee.UANNumber</td>
                <td>@employee.HRName</td>
                <td>@employee.HRContactNumber</td>
                <td>@employee.HREmailId</td>
                <td>@employee.ReportingManagerName</td>
                <td>@employee.ReportingManagerContactNo</td>
                <td>@employee.ReportingManagerEmailId</td>
                <td>@employee.ReferenceName</td>
                <td>@employee.ReferencePhoneNo</td>
                <td>@employee.ReferenceEmailId</td>
                <td>@employee.FamilyName</td>
                <td>@employee.FamilyRelation</td>
                <td>@Convert.ToDateTime(employee.FamilyDOB).ToString("dd-MM-yyyy")</td>
                <td>@employee.NomineeName</td>
                <td>@employee.NomineeRelation</td>
                <td>@Convert.ToDateTime(employee.NomineeDOB).ToString("dd-MM-yyyy")</td>
                <td>@employee.NomineeContactNo</td>
                <td>@employee.EmergencyContactName</td>
                <td>@employee.EmergencyContactRelation</td>
                <td>@employee.EmergencyContactPhoneNo</td>
                <td>
                    @(string.IsNullOrEmpty(employee.DocumentPanFilePath) ? "" :
                    "<a href='" + Url.Action("DownloadFile", new { fileName = Path.GetFileName(employee.DocumentPanFilePath) }) + "' download>Download</a>")
                </td>
                <td>
                    @(string.IsNullOrEmpty(employee.DocumentAadharFilePath) ? "" :
                    "<a href='" + Url.Action("DownloadFile", new { fileName = Path.GetFileName(employee.DocumentAadharFilePath) }) + "' download>Download</a>")
                </td>
                <td>
                    @(string.IsNullOrEmpty(employee.DocumentLicenseFilePath) ? "" :
                    "<a href='" + Url.Action("DownloadFile", new { fileName = Path.GetFileName(employee.DocumentLicenseFilePath) }) + "' download>Download</a>")
                </td>
                <td>
                    @(string.IsNullOrEmpty(employee.DocumentPassportFilePath) ? "" :
                    "<a href='" + Url.Action("DownloadFile", new { fileName = Path.GetFileName(employee.DocumentPassportFilePath) }) + "' download>Download</a>")
                </td>
                <td>
                    @(string.IsNullOrEmpty(employee.DocumentBankDetailsFilePath) ? "" :
                    "<a href='" + Url.Action("DownloadFile", new { fileName = Path.GetFileName(employee.DocumentBankDetailsFilePath) }) + "' download>Download</a>")
                </td>
                <td>
                    @(string.IsNullOrEmpty(employee.EducationalCertificateFilePath) ? "" :
                    "<a href='" + Url.Action("DownloadFile", new { fileName = Path.GetFileName(employee.EducationalCertificateFilePath) }) + "' download>Download</a>")
                </td>
                <td>
                    @(string.IsNullOrEmpty(employee.RelievingLetterFilePath) ? "" :
                    "<a href='" + Url.Action("DownloadFile", new { fileName = Path.GetFileName(employee.RelievingLetterFilePath) }) + "' download>Download</a>")
                </td>
                <td>@employee.Position</td>
                <td>@Convert.ToDateTime(employee.JoiningDate).ToString("dd-MM-yyyy")</td>
                <td>@employee.Location</td>
                <td>@employee.Manager</td>
                <td>
                    <!-- View Details Button -->
                    <button class="btn btn-info btn-sm"
                            data-toggle="modal"
                            data-target="#employeeModal"
                            data-id="@employee.EMPId"
                            data-fullname="@employee.FullName"
                            data-dob="@Convert.ToDateTime(employee.DateOfBirth).ToString("dd-MM-yyyy")"
                            data-gender="@employee.Gender"
                            data-phone="@employee.PhoneNumber"
                            data-address="@employee.Address"
                            data-district="@employee.District"
                            data-pincode="@employee.PinCode"
                            data-email="@employee.EmailId"
                            data-maritalstatus="@employee.MaritalStatus"
                            data-bloodgroup="@employee.BloodGroup"
                            data-pancard="@employee.PanCardNo"
                            data-aadharcard="@employee.AadharCardNo"
                            data-companyname="@employee.CompanyName"
                            data-department="@employee.Department"
                            data-pfnumber="@employee.PFNumber"
                            data-uannumber="@employee.UANNumber"
                            data-hrname="@employee.HRName"
                            data-hrcontact="@employee.HRContactNumber"
                            data-hremail="@employee.HREmailId"
                            data-reportingmanager="@employee.ReportingManagerName"
                            data-reportingcontact="@employee.ReportingManagerContactNo"
                            data-reportingemail="@employee.ReportingManagerEmailId"
                            data-referencename="@employee.ReferenceName"
                            data-referencephone="@employee.ReferencePhoneNo"
                            data-referenceemail="@employee.ReferenceEmailId"
                            data-familyname="@employee.FamilyName"
                            data-familyrelation="@employee.FamilyRelation"
                            data-familydob="@Convert.ToDateTime(employee.FamilyDOB).ToString("dd-MM-yyyy")"
                            data-nomineename="@employee.NomineeName"
                            data-nomineerelation="@employee.NomineeRelation"
                            data-nomineedob="@Convert.ToDateTime(employee.NomineeDOB).ToString("dd-MM-yyyy")"
                            data-nomineecontact="@employee.NomineeContactNo"
                            data-emergencycontact="@employee.EmergencyContactName"
                            data-emergencyrelation="@employee.EmergencyContactRelation"
                            data-emergencyphone="@employee.EmergencyContactPhoneNo"
                            data-position="@employee.Position"
                            data-joiningdate="@Convert.ToDateTime(employee.JoiningDate).ToString("dd-MM-yyyy")"
                            data-location="@employee.Location"
                            data-manager="@employee.Manager">
                        View Details
                    </button>
                </td>
            </tr>
        }
    </tbody>
</table>

<!-- Bootstrap Modal for displaying employee details -->
<div class="modal fade" id="employeeModal" tabindex="-1" role="dialog" aria-labelledby="employeeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header bg-primary text-white">
                <h5 class="modal-title" id="employeeModalLabel">Employee Details</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <!-- Employee Details Will Be Dynamically Loaded Here -->
                <div id="employeeDetailsContent">
                    <p><strong>Full Name:</strong> <span id="empFullName"></span></p>
                    <p><strong>Date of Birth:</strong> <span id="empDOB"></span></p>
                    <p><strong>Gender:</strong> <span id="empGender"></span></p>
                    <p><strong>Phone Number:</strong> <span id="empPhone"></span></p>
                    <p><strong>Address:</strong> <span id="empAddress"></span></p>
                    <p><strong>District:</strong> <span id="empDistrict"></span></p>
                    <p><strong>PinCode:</strong> <span id="empPinCode"></span></p>
                    <p><strong>Email ID:</strong> <span id="empEmail"></span></p>
                    <p><strong>Marital Status:</strong> <span id="empMaritalStatus"></span></p>
                    <p><strong>Blood Group:</strong> <span id="empBloodGroup"></span></p>
                    <p><strong>Pan Card No:</strong> <span id="empPanCard"></span></p>
                    <p><strong>Aadhar Card No:</strong> <span id="empAadharCard"></span></p>
                    <p><strong>Company Name:</strong> <span id="empCompanyName"></span></p>
                    <p><strong>Department:</strong> <span id="empDepartment"></span></p>
                    <p><strong>PF Number:</strong> <span id="empPFNumber"></span></p>
                    <p><strong>UAN Number:</strong> <span id="empUANNumber"></span></p>
                    <p><strong>HR Name:</strong> <span id="empHRName"></span></p>
                    <p><strong>HR Contact Number:</strong> <span id="empHRContact"></span></p>
                    <p><strong>HR Email ID:</strong> <span id="empHREmail"></span></p>
                    <p><strong>Reporting Manager Name:</strong> <span id="empReportingManager"></span></p>
                    <p><strong>Reporting Manager Contact:</strong> <span id="empReportingContact"></span></p>
                    <p><strong>Reporting Manager Email:</strong> <span id="empReportingEmail"></span></p>
                    <p><strong>Reference Name:</strong> <span id="empReferenceName"></span></p>
                    <p><strong>Reference Phone No:</strong> <span id="empReferencePhone"></span></p>
                    <p><strong>Reference Email ID:</strong> <span id="empReferenceEmail"></span></p>
                    <p><strong>Family Name:</strong> <span id="empFamilyName"></span></p>
                    <p><strong>Family Relation:</strong> <span id="empFamilyRelation"></span></p>
                    <p><strong>Family DOB:</strong> <span id="empFamilyDOB"></span></p>
                    <p><strong>Nominee Name:</strong> <span id="empNomineeName"></span></p>
                    <p><strong>Nominee Relation:</strong> <span id="empNomineeRelation"></span></p>
                    <p><strong>Nominee DOB:</strong> <span id="empNomineeDOB"></span></p>
                    <p><strong>Nominee Contact No:</strong> <span id="empNomineeContact"></span></p>
                    <p><strong>Emergency Contact Name:</strong> <span id="empEmergencyContact"></span></p>
                    <p><strong>Emergency Contact Relation:</strong> <span id="empEmergencyRelation"></span></p>
                    <p><strong>Emergency Contact Phone No:</strong> <span id="empEmergencyPhone"></span></p>
                    <p><strong>Position:</strong> <span id="empPosition"></span></p>
                    <p><strong>Joining Date:</strong> <span id="empJoiningDate"></span></p>
                    <p><strong>Location:</strong> <span id="empLocation"></span></p>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-success" id="printButton">Print</button>
            </div>
        </div>
    </div>
</div>

@section scripts {
    <script>
        $(document).ready(function () {
            // Initialize DataTable with responsive design and export buttons
            $('#employeeTable').DataTable({
                "scrollX": true,
                "pageLength": 10,
                "lengthMenu": [10, 25, 50, 100],
                "columnDefs": [
                    { "targets": [46], "orderable": false, "className": "dt-center" }
                ],
                "dom": 'Bfrtip',
                "buttons": ['copy', 'csv', 'excel', 'pdf', 'print'],
                "responsive": true,
                "ordering": true,
            });

            // When the "View Details" button is clicked, populate the modal with employee details
            $('#employeeModal').on('show.bs.modal', function (event) {
                var button = $(event.relatedTarget); // Button that triggered the modal
                // Fetch employee data from the button attributes and set it to modal
                $('#empFullName').text(button.data('fullname'));
                $('#empDOB').text(button.data('dob'));
                $('#empGender').text(button.data('gender'));
                $('#empPhone').text(button.data('phone'));
                $('#empAddress').text(button.data('address'));
                $('#empDistrict').text(button.data('district'));
                $('#empPinCode').text(button.data('pincode'));
                $('#empEmail').text(button.data('email'));
                $('#empMaritalStatus').text(button.data('maritalstatus'));
                $('#empBloodGroup').text(button.data('bloodgroup'));
                $('#empPanCard').text(button.data('pancard'));
                $('#empAadharCard').text(button.data('aadharcard'));
                $('#empCompanyName').text(button.data('companyname'));
                $('#empDepartment').text(button.data('department'));
                $('#empPFNumber').text(button.data('pfnumber'));
                $('#empUANNumber').text(button.data('uannumber'));
                $('#empHRName').text(button.data('hrname'));
                $('#empHRContact').text(button.data('hrcontact'));
                $('#empHREmail').text(button.data('hremail'));
                $('#empReportingManager').text(button.data('reportingmanager'));
                $('#empReportingContact').text(button.data('reportingcontact'));
                $('#empReportingEmail').text(button.data('reportingemail'));
                $('#empReferenceName').text(button.data('referencename'));
                $('#empReferencePhone').text(button.data('referencephone'));
                $('#empReferenceEmail').text(button.data('referenceemail'));
                $('#empFamilyName').text(button.data('familyname'));
                $('#empFamilyRelation').text(button.data('familyrelation'));
                $('#empFamilyDOB').text(button.data('familydob'));
                $('#empNomineeName').text(button.data('nomineename'));
                $('#empNomineeRelation').text(button.data('nomineerelation'));
                $('#empNomineeDOB').text(button.data('nomineedob'));
                $('#empNomineeContact').text(button.data('nomineecontact'));
                $('#empEmergencyContact').text(button.data('emergencycontact'));
                $('#empEmergencyRelation').text(button.data('emergencyrelation'));
                $('#empEmergencyPhone').text(button.data('emergencyphone'));
                $('#empPosition').text(button.data('position'));
                $('#empJoiningDate').text(button.data('joiningdate'));
                $('#empLocation').text(button.data('location'));
            });

            // Print button functionality inside modal
            $('#printButton').click(function () {
                var printContent = document.getElementById("employeeDetailsContent").innerHTML;
                var printWindow = window.open('', '', 'height=600,width=800');
                printWindow.document.write('<html><head><title>Employee Details</title></head><body>');
                printWindow.document.write(printContent);
                printWindow.document.write('</body></html>');
                printWindow.document.close();
                printWindow.print();
            });
        });
    </script>
}

https://ideone.com/em378N

language:

PHP (php 7.3.5)

created:

visibility:

public

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!

Discover > Sphere Engine API

Discover > IDE Widget

Choose your language