Subversion Repositories SmartDukaan

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-12">
            <h4 class="page-header">Pending Geolocation Reviews</h4>
        </div>
    </div>

    #if($pendingLocations.isEmpty())
        <div class="alert alert-info">No pending geolocation submissions to review.</div>
    #else
        <div class="table-responsive">
            <table class="table table-bordered table-striped table-hover" id="geoReviewTable">
                <thead>
                <tr>
                    <th>Lead ID</th>
                    <th>Partner Name</th>
                    <th>Mobile</th>
                    <th>City</th>
                    <th>Latitude</th>
                    <th>Longitude</th>
                    <th>Photo</th>
                    <th>Submissions</th>
                    <th>Submitted On</th>
                    <th>Action</th>
                </tr>
                </thead>
                <tbody>
                    #foreach($loc in $pendingLocations)
                        #set($lead = $leadMap.get($loc.getLeadId()))
                    <tr id="geo-row-$loc.getLeadId()">
                        <td>$loc.getLeadId()</td>
                        <td>
                            #if($lead)
                                $!lead.getFirstName() $!lead.getLastName()
                            #else
                                -
                            #end
                        </td>
                        <td>$!loc.getMobileNumber()</td>
                        <td>
                            #if($lead) $!lead.getCity() #end
                        </td>
                        <td>$loc.getLatitude()</td>
                        <td>$loc.getLongitude()</td>
                        <td>
                            #if($loc.getImageDocumentId() > 0)
                                <a href="${rc.contextPath}/open-attachment?documentId=$loc.getImageDocumentId()"
                                   target="_blank" class="btn btn-xs btn-default">
                                    View Photo
                                </a>
                            #else
                                -
                            #end
                        </td>
                        <td>$loc.getSubmissionCount()</td>
                        <td>$loc.getCreatedTimestamp()</td>
                        <td>
                            <div class="btn-group">
                                <button class="btn btn-xs btn-success approve-geo" data-leadid="$loc.getLeadId()">
                                    Approve
                                </button>
                                <button class="btn btn-xs btn-danger reject-geo" data-leadid="$loc.getLeadId()">
                                    Reject
                                </button>
                            </div>
                        </td>
                    </tr>
                    #end
                </tbody>
            </table>
        </div>
    #end
</div>

<!-- Reject Remark Modal -->
<div class="modal fade" id="rejectRemarkModal" tabindex="-1">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Rejection Reason</h5>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <input type="hidden" id="rejectLeadId">
                <textarea class="form-control" id="rejectRemark" rows="3"
                          placeholder="Enter reason for rejection"></textarea>
            </div>
            <div class="modal-footer">
                <button class="btn btn-danger confirm-reject-geo">Reject</button>
            </div>
        </div>
    </div>
</div>

<script>
    $(document).on('click', '.approve-geo', function () {
        var leadId = $(this).data('leadid');
        if (!confirm('Approve geolocation for Lead #' + leadId + '?')) return;

        doPostAjaxRequestWithParamsHandler(
                context + '/lead-geo/review',
                {leadId: leadId, status: 'APPROVED', remark: ''},
                function (response) {
                    alert('Geolocation approved successfully');
                    $('#geo-row-' + leadId).fadeOut();
                }
        );
    });

    $(document).on('click', '.reject-geo', function () {
        var leadId = $(this).data('leadid');
        $('#rejectLeadId').val(leadId);
        $('#rejectRemark').val('');
        $('#rejectRemarkModal').modal('show');
    });

    $(document).on('click', '.confirm-reject-geo', function () {
        var leadId = $('#rejectLeadId').val();
        var remark = $('#rejectRemark').val();

        doPostAjaxRequestWithParamsHandler(
                context + '/lead-geo/review',
                {leadId: leadId, status: 'REJECTED', remark: remark},
                function (response) {
                    alert('Geolocation rejected');
                    $('#rejectRemarkModal').modal('hide');
                    $('#geo-row-' + leadId).fadeOut();
                }
        );
    });
</script>