Subversion Repositories SmartDukaan

Rev

Rev 33845 | Rev 33869 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
33617 tejus.loha 1 
<link href="https://cdn.datatables.net/fixedcolumns/3.3.0/css/fixedColumns.bootstrap.css" rel="stylesheet"/>
2 
 
33507 tejus.loha 3 
<section class="wrapper">
4 
    <style>
5 
        #paymentDetail:hover {
33582 tejus.loha 6 
            background-color: #9acfea;
33507 tejus.loha 7 
        }
33525 tejus.loha 8 
 
9 
        #paymentDetail {
10 
            background-color: gainsboro;
11 
        }
33578 tejus.loha 12 
 
13 
        .padd-lr {
14 
            padding-left: 10px;
15 
            padding-right: 10px;
16 
        }
33582 tejus.loha 17 
 
18 
        .mk_docVerified {
19 
            width: 40px;
20 
        }
21 
 
22 
        .mk_feeCompleted {
23 
            width: 40px;
24 
        }
33617 tejus.loha 25 
 
26 
        #allPendingLoiForm td, #allPendingLoiForm th {
27 
            min-width: 95px;
28 
        }
33507 tejus.loha 29 
    </style>
33559 tejus.loha 30 
    <div class="row ">
31 
        <div class="col-lg-12">
32 
            <h3 class="page-header"><i class="icon_document_alt"></i>PENDING LOI</h3>
33 
            <ol class="breadcrumb">
34 
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
35 
                <li><i class="icon_document_alt"></i>Pending LOI Forms</li>
33711 tejus.loha 36 
                #if($isAuthUser ||$isDocApprover)
33617 tejus.loha 37 
                    <div style="float:right;margin-bottom: 1%">
38 
                        From:
39 
                        <input type="date" name="from" placeholder="Form">
40 
                        To:
41 
                        <input type="date" name="to" placeholder="To">
42 
                        <button id="downloadAllLoiForm">
43 
                            Downlod
44 
                        </button>
45 
                    </div>
46 
                #end
33559 tejus.loha 47 
            </ol>
48 
        </div>
49 
    </div>
33617 tejus.loha 50 
    <div>
51 
        <div class="col-lg-12">
52 
            <table class="table table-border table-condensed table-bordered" id="allPendingLoiForm" style="width:100%">
53 
                <thead class="row htable">
54 
                <tr>
33845 tejus.loha 55 
                    <th>Id</th>
56 
                    <th>Company Name</th>
33848 tejus.loha 57 
                    <th>Filled By</th>
33845 tejus.loha 58 
                    <th>Owner name</th>
59 
                    <th>Mobile</th>
60 
                    <th>Email</th>
33617 tejus.loha 61 
                    <th>Billing City</th>
62 
                    <th>Total Commit</th>
63 
                    <th>Brand Type</th>
64 
                    <th>Brand Fee</th>
65 
                    <th>Total collection</th>
33845 tejus.loha 66 
                    <th>Status</th>
33617 tejus.loha 67 
                    <th>Document Verified</th>
68 
                    <th>Brand Fee Completed</th>
69 
                    <th>Action</th>
70 
                </tr>
71 
                </thead>
72 
                <tbody>
73 
                    #foreach($data in $pendingFormList)
74 
                    <tr>
75 
                        <input type="hidden" value="$data.getId()">
33845 tejus.loha 76 
                        <td>$data.getId()</td>
77 
                        <td>$data.getCompanyName()</td>
33848 tejus.loha 78 
                        <td>$data.getLoiFormFilledBy()</td>
33845 tejus.loha 79 
                        <td>$data.getOwnerName()</td>
80 
                        <td>$data.getMobile()</td>
81 
                        <td>$data.getEmail()</td>
33617 tejus.loha 82 
                        <td>$data.getCity()</td>
83 
                        <td class="currency">$data.getTotalCommitment()</td>
84 
                        <td>$data.getBrandType()</td>
33710 tejus.loha 85 
                        #if($isAgreedBrandFeeChanger)
86 
                            <td><input name="brandFee" value="$data.getBrandFee()">
87 
                                <div align="right">
88 
                                    <button type="button" class="save_agree_brand_fee btn-success"
89 
                                            value="$data.getId()">Save
90 
                                    </button>
91 
                                </div>
92 
                            </td>
93 
 
94 
                        #else
95 
                            <td class="currency">$data.getBrandFee()</td>
96 
                        #end
33617 tejus.loha 97 
                        <td class="currency" class="btn btn-primary" id="paymentDetail"
98 
                            onclick="getPaymentsDetails($data.getId())" data-toggle="modal"
99 
                            data-target="#commonModalDiv"> $data.getTotalFeeCollection()
100 
                        </td>
33845 tejus.loha 101 
                            <td>$data.getStatus()</td>
33617 tejus.loha 102 
                        #if($data.isDocVerified().equals(true))
103 
                            <td style="background-color: #2ac845" class="mk_docVerified">Yes</td>
104 
                        #elseif($data.isDocVerified().equals(false))
105 
                            <td style="background-color: red" class="mk_docVerified">No</td>
106 
                        #else
107 
                            <td>--</td>
108 
                        #end
109 
                        #if($data.getBrandFee()==$data.getTotalFeeCollection())
110 
                            <td style="background-color: #2ac845" class="mk_feeCompleted">Yes</td>
111 
                        #else
112 
                            <td style="background-color: red" class="mk_feeCompleted">No</td>
113 
                        #end
33507 tejus.loha 114 
 
33617 tejus.loha 115 
                        #if(!$data.isPaymentApprover())
116 
                            <td>
33848 tejus.loha 117 
                                #if(!$data.isLoiOtpPresent() &&  $data.isDocVerified() && $data.getTotalFeeCollection()!=0.0 && !$data.isDocApprover() && $data.isLoiApproved())
33617 tejus.loha 118 
                                    <button type="button" class="btn-primary generateLoi" value="$data.getId()">Generate
119 
                                        LOI
120 
                                    </button>
33712 tejus.loha 121 
 
33617 tejus.loha 122 
                                #end
33848 tejus.loha 123 
                                #if(!($data.getLoiFillerEmail().equals($data.getLoginEmail())) && !$data.isDocApprover() && !$data.isLoiApproved())
33845 tejus.loha 124 
                                    <button type="button" class="btn-danger mk-approve-loi" value="$data.getId()"
125 
                                            data-company="$data.getCompanyName()" data-flag="0">Reject Loi
33712 tejus.loha 126 
                                    </button>
33845 tejus.loha 127 
                                    <button type="button" class="btn-success mk-approve-loi" value="$data.getId()"
128 
                                            data-company="$data.getCompanyName()" data-flag="1">
129 
                                        Approve Loi
130 
                                    </button>
33712 tejus.loha 131 
                                #end
33507 tejus.loha 132 
 
33617 tejus.loha 133 
                                #if($data.getBrandFee()>$data.getTotalFeeCollection() && !$data.isDocApprover())
134 
                                    <button type="button" class="btn-primary payModelBtn" value="$data.getId()"
135 
                                            data-toggle="modal" data-target="#brandFeeCollectionModel">Add payment
33525 tejus.loha 136 
                                    </button>
137 
                                #end
33658 tejus.loha 138 
                                #if($data.getLoiDoc()==0 && $data.isSalesTeam() && !$data.isLoiOtpPresent() && !$data.isDocApprover())
139 
                                    <button type="button" class="btn-primary updateLoiForm" value="$data.getId()"
140 
                                            style="width: 100px">Update
141 
                                    </button>
142 
                                #end
33617 tejus.loha 143 
                                #if(!$data.isDocVerified() && $data.isSalesTeam()&& !$data.isDocApprover())
33658 tejus.loha 144 
                                    <button type="button" class="upload-document-form btn-primary"
145 
                                            value="$data.getId()">Upload
33617 tejus.loha 146 
                                        Document
147 
                                    </button>
148 
                                #else
149 
                                    #if($data.isDocApprover())
150 
                                        #if($data.isDocApprover() && !$data.isDocVerified())
151 
                                            <button class="upload-document-form btn-primary" value="$data.getId()">
152 
                                                Approve
153 
                                                Document
154 
                                            </button>
155 
                                        #else
156 
                                            <p>Document verified</p>
157 
                                        #end
33577 tejus.loha 158 
                                    #end
159 
                                #end
33617 tejus.loha 160 
                            </td>
161 
                        #else
162 
                            <td>
163 
                                <button id="paymentDetail"
164 
                                        onclick="getPaymentsDetails($data.getId())" data-toggle="modal"
165 
                                        data-target="#commonModalDiv">View Payments
166 
                                </button>
167 
                            </td>
168 
                        #end
169 
                    </tr>
33525 tejus.loha 170 
                    #end
33617 tejus.loha 171 
                </tbody>
172 
            </table>
173 
        </div>
33507 tejus.loha 174 
    </div>
175 
 
176 
 
177 
    <div class="modal fade" id="brandFeeCollectionModel" role="dialog">
33578 tejus.loha 178 
        <div class="modal-dialog modal-lg">
33507 tejus.loha 179 
 
180 
            <!-- Modal content-->
181 
            <div class="modal-content">
182 
                <div class="modal-header">
183 
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
184 
                    <h4 class="modal-title">Brand Fee Collection Form</h4>
185 
                </div>
186 
                <div class="modal-body" style="max-height: 500px;overflow-y: auto;">
187 
                    <form name="brandFeeCollectionForm" id="brandFeeCollectionForm" style="align-content: center"
188 
                          method="post">
189 
                        <div class="row">
33578 tejus.loha 190 
 
191 
                            <div class="col-lg-2">
33507 tejus.loha 192 
                                <div class="form-group">
33578 tejus.loha 193 
                                    <label>Amount:</label>
33507 tejus.loha 194 
                                    <input type="number" name="collectedAmount" class="form-control" required></div>
195 
                            </div>
33578 tejus.loha 196 
                            <div class="col-lg-2">
33507 tejus.loha 197 
                                <div class="form-group">
33578 tejus.loha 198 
                                    <label>Payment Mode:</label>
33507 tejus.loha 199 
                                    <select class="form-control" name="paymentMode" required>
200 
                                        <option selected>Select mode</option>
201 
                                        <option value="UPI">UPI</option>
202 
                                        <option value="Cheque">Cheque</option>
203 
                                        <option value="IMPS">IMPS</option>
204 
                                        <option value="NEFT">NEFT</option>
205 
                                        <option value="RTGS">RTGS</option>
206 
                                    </select>
207 
                                </div>
208 
                            </div>
33578 tejus.loha 209 
                            <div class="col-lg-2">
33507 tejus.loha 210 
                                <div class="form-group">
33578 tejus.loha 211 
                                    <label>Reference No:</label>
33507 tejus.loha 212 
                                    <input type="text" name="paymentReferenceNo" class="form-control" required>
213 
                                </div>
214 
                            </div>
33578 tejus.loha 215 
                            <div class="col-lg-4">
33507 tejus.loha 216 
                                <div class="form-group">
33578 tejus.loha 217 
                                    <label>Collecting Date:</label>
218 
                                    <input type="datetime-local" name="feeCollectingTimeStamp" class="form-control"
219 
                                           required>
220 
                                </div>
221 
                            </div>
222 
                            <div class="col-lg-2">
223 
                                <div class="form-group">
33507 tejus.loha 224 
                                    <button type="button" class="btn-primary " id="addBrandFeePayment" value=""
225 
                                            data-dismiss="modal"
226 
                                            style="margin-top:28px;">Add
227 
                                    </button>
228 
                                </div>
229 
 
230 
                            </div>
231 
                        </div>
232 
                    </form>
233 
                </div>
234 
                <div class="modal-footer">
235 
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
236 
                </div>
237 
            </div>
238 
 
239 
        </div>
240 
    </div>
241 
    <div class="modal fade" id="commonModalDiv" role="dialog">
33658 tejus.loha 242 
        <div class="modal-dialog modal-lg" style="width:1000px;">
33507 tejus.loha 243 
 
244 
            <!-- Modal content-->
245 
            <div class="modal-content">
246 
                <div class="modal-header">
247 
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
248 
                </div>
33658 tejus.loha 249 
                <div class="modal-body" style="width: 100% ;align-items: center">
33507 tejus.loha 250 
                    <div id="commonModalBody">
251 
                        ## dynemic model bodies
252 
                    </div>
253 
                </div>
254 
                <div class="modal-footer">
255 
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
256 
                </div>
257 
            </div>
258 
 
259 
        </div>
260 
    </div>
261 
 
262 
 
263 
</section>
264 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js"></script>
265 
<script>
266 
    $(document).ready(function () {
267 
        $('.payModelBtn').click(function () {
268 
            let loiId = $(this).val();
269 
            addBrandFeePayment.value = loiId;
270 
        });
271 
    });
272 
 
273 
    function getPaymentsDetails(loiId) {
274 
        doGetAjaxRequestHandler(`${context}/paymentsDetail?loiId=` + loiId, function (response) {
275 
            //handle response here
276 
            $('#commonModalDiv #commonModalBody').html(response);
277 
        });
278 
    }
279 
 
33617 tejus.loha 280 
    $(document).ready(function () {
281 
        var dtable = $('#allPendingLoiForm').DataTable({
282 
            "scrollX": true,
283 
            "scrollY": "500px",
284 
            scrollCollapse: true,
285 
            "fixedHeader": true,
286 
            fixedColumns: {
33845 tejus.loha 287 
                leftColumns: 2
33617 tejus.loha 288 
            }
33507 tejus.loha 289 
 
33617 tejus.loha 290 
        });
291 
    });
292 
 
33507 tejus.loha 293 
</script>
294 
<style>
295 
    #paymentDetail.hover {
296 
        color: #2b669a;
297 
    }
298 
</style>