1 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.ParagraphViewModel>
2 @using System.Data
3 @using Mancon.Model
4 @using Dynamicweb.Modules.UserManagement
5
6 @{
7 string theme = !string.IsNullOrWhiteSpace(Model.Item.GetRawValueString("Theme")) ? " theme " + Model.Item.GetRawValueString("Theme").Replace(" ", "").Trim().ToLower() : "";
8 string closeiconPath = Dynamicweb.Context.Current.Server.MapPath("/Files/Icons/x.svg");
9 string dropdowniconPath = Dynamicweb.Context.Current.Server.MapPath("/Files/Icons/chevron-down.svg");
10
11 string custNum = "";
12 string email = "";
13 string customercode = "";
14 bool fullPermission = true;
15 List<CustomerLocation> customerLocations = new List<CustomerLocation>();
16 if (Pageview.User != null)
17 {
18 custNum = Pageview.User.CustomerNumber;
19 email = string.IsNullOrEmpty(Pageview.User.Email) ? Pageview.User.UserName : Pageview.User.Email;
20 Dynamicweb.Security.UserManagement.Group Group = Pageview.User.Groups.ToList().FirstOrDefault();
21 if (Group != null)
22 {
23 customercode = Group.CustomFieldValues.FirstOrDefault(x => x.CustomField.SystemName == "AccessUser_Customer_Unique_Code").Value != null ? Group.CustomFieldValues.FirstOrDefault(x => x.CustomField.SystemName == "AccessUser_Customer_Unique_Code").Value.ToString() : "";
24 }
25 var limitedPer = Pageview.User.CustomFieldValues.FirstOrDefault(x => x.CustomField.SystemName == "AccessUser_Limited_Permission")?.Value.ToString();
26 if (!string.IsNullOrEmpty(limitedPer))
27 {
28 fullPermission = !Convert.ToBoolean(limitedPer);
29 }
30 Mancon.Service.ReportService reportService = new Mancon.Service.ReportService();
31 customerLocations = reportService.GetCustomerLocations(custNum, customercode);
32 }
33 string downarrPath = Dynamicweb.Context.Current.Server.MapPath("/Files/Icons/chevron-down.svg");
34 string uparrPath = Dynamicweb.Context.Current.Server.MapPath("/Files/Icons/chevron-up.svg");
35 string leftarrPath = Dynamicweb.Context.Current.Server.MapPath("/Files/Icons/arrow-left.svg");
36 string rightarrPath = Dynamicweb.Context.Current.Server.MapPath("/Files/Icons/arrow-right.svg");
37 string editiconPath = Dynamicweb.Context.Current.Server.MapPath("/Files/Templates/Designs/Swift/Assets/icons/edit.svg");
38 string reopenPath = Dynamicweb.Context.Current.Server.MapPath("/Files/Templates/Designs/Swift/Assets/icons/refresh-cw.svg");
39 var canEdit = PagePermissions.CanEditPage(Pageview.ID);
40 }
41 <style>
42 table {
43 margin: 0 auto;
44 width: 100%;
45 clear: both;
46 border-collapse: collapse;
47 table-layout: fixed;
48 word-wrap: break-word;
49 }
50 </style>
51 <div class="cus-recon__container @theme">
52 <input type="hidden" name="userEmail" id="userEmail" value="@Pageview.User.Email" />
53 <div class="cus-recon__maintitle">
54 <h2 class="cus-recon__title">@Translate("Invoice Review")</h2>
55 </div>
56 <div class="cus-recon__maincontent">
57 <div class="cus-recon__maindata">
58 <div class="cus-recon__content">
59 <div class="cus-recon__desc">@Translate("Select a location then enter a start date for report")</div>
60 <div class="cus-recon__fields">
61 <div class="cus-recon__field">
62 <div class="cus-recon__fieldtitle">@Translate("Location Id")</div>
63 <div class="cus-recon__locatselectdiv">
64 <select class="cus-recon__locatselect cus-cart__required" id="ReportLocationId">
65 @foreach (CustomerLocation customerLocation in customerLocations)
66 {
67 <option value="@customerLocation.locationCode">@customerLocation.locationName</option>
68 }
69 </select>
70 </div>
71 </div>
72 <div class="cus-recon__field">
73 <div class="cus-recon__fieldtitle">@Translate("Start Date")</div>
74 <div class="cus-recon__selectdatediv">
75 <input type="date" id="startdate" name="startdate" class="cus-recon__selectdate cus-cart__required" />
76 </div>
77 </div>
78 <div class="cus-recon__generatebtndiv">
79 <button class="cus-recon__generatebtn" id="loaddata" type="button" onclick="OpenTicketReconsilationReportOther3();">@Translate("Generate")</button>
80 </div>
81 </div>
82 </div>
83 </div>
84 <div id="idshowreconrep" class="cus-recon__accordion">
85 <div class="cus-recon__accordionitem cus-recon__leftdata">
86
87 <div class="cus-recon__rightresizer" onmousedown="CheckPosBeforeDrag(event);"></div>
88 <div class="cus-recon__accordioncontent">
89 <div class="cus-recondetail__botcontainer @theme">
90 <div>
91 <h2 class="cus-recon__gentitle">@Translate("Details")</h2>
92 </div>
93 <div class="cus-recondetail__accordion" id="MainDivAccordion">
94 <div class="cus-cart__accorheader" onclick="ShowMainReconAccDetails();">
95 <div class="cus-cart__accordiontitle">
96 <h2 id="idTitle" class="cus-recondetail__acctitle"></h2>
97 </div>
98 <div class="cus-cart__accordionicon cus-recon__accordicon" id="MainReconAccIcon">
99 @ReadFile(downarrPath)
100 @ReadFile(uparrPath)
101 </div>
102 </div>
103 <div class="cus-recon__accordcontent" id="MainReconAcccontent">
104 <div class="cus-recondetail__detaillist">
105
106 <div class="cus-recon__printsec">
107 <div class="cus-recondetail__header">
108 <div class="cus-recondetail_mul_detail">
109 <div class="cus-recondetail__detail">
110 @Translate("Total Invoice Count"): <span id="totalticketCount"></span>
111 </div>
112 <div class="cus-recondetail__detail">
113 @Translate("Total Line Count"): <span id="totalLineCount"></span>
114 </div>
115 <div class="cus-recondetail__detail">
116 @Translate("Total Amount"): <span id="totalAmount"></span>
117 </div>
118 </div>
119 </div>
120 <div class="cus-recon__printdiv">
121 <button type="button" class="cus-recon__printbtn" onclick="OpenReportPrintPage('@GetPageIdByNavigationTag("TicketReconciliationPrint")');">@Translate("Print")</button>
122 </div>
123 </div>
124
125 <div class="cus-recondetail_tablediv">
126 <table id="ReconMain" class="cus-recondetail_table cus-itemhand__table">
127 <thead>
128 <tr>
129 <th>@Translate("Original Invoice")</th>
130 <th>@Translate("Invoice")</th>
131 <th>@Translate("Total")</th>
132 <th></th>
133 </tr>
134 </thead>
135 <tbody>
136 </tbody>
137 </table>
138 </div>
139 </div>
140 </div>
141 </div>
142 <div id="subdiv">
143 <div class="cus-recondetail__accordion" id="SubDivAccordion">
144 <div class="cus-cart__accorheader" onclick="ShowSubReconAccDetails();">
145 <div class="cus-cart__accordiontitle">
146 <h2 id="subDocNumber" class="cus-recondetail__acctitle"></h2>
147 </div>
148 <div class="cus-cart__accordionicon cus-recon__accordicon" id="SubReconAccIcon">
149 @ReadFile(downarrPath)
150 @ReadFile(uparrPath)
151 </div>
152 </div>
153 <div class="cus-recon__accordcontent" id="SubReconAccContent">
154 <div>
155 <input type="hidden" name="sigDocNumber" id="sigDocNumber" value="" />
156 <input type="hidden" name="CusNumber" id="CusNumber" value="" />
157 <input type="hidden" name="GrpNumber" id="GrpNumber" value="" />
158 <input type="hidden" name="docDate" id="docDate" value="" />
159 <input id="EditBy" type="hidden" value="@email" />
160
161 <div class="cus-recondetail_mul_detail cus-recondetail__editsec cus-recon__prevnextdiv">
162 <button type="button" title="Previous" onclick="ReconPreviousOther3()" class="cus-recondetail__editbtn">
163 @ReadFile(leftarrPath)
164 </button>
165 <button type="button" title="Next" onclick="ReconNextOther3()" class="cus-recondetail__editbtn">
166 @ReadFile(rightarrPath)
167 </button>
168 </div>
169
170 <div class="cus-recondetail_mul_detail cus-recondetail__editsec">
171 <div class="cus-recondetail_mul_detail">
172 <div class="cus-recondetail__detail">
173 @Translate("WO#/Requester"): <span id="subWO"></span>
174 </div>
175 <div class="cus-recondetail__detail">
176 @Translate("EquipID/Location-Shop"): <span id="subEqId"></span>
177 </div>
178 <div class="cus-recondetail__detail">
179 @Translate("Tech ID"): <span id="subTechId"></span>
180 </div>
181 <div class="cus-recondetail__detail">
182 @Translate("Total Amount"): <span id="subTotalAmount"></span>
183 </div>
184 </div>
185 <div class="cus-recon__icondiv">
186 <div id="reopen" class="cus-recondetail__editbtndiv">
187 <input type="hidden" name="reopenId" id="reopenId" value="0" />
188 <button type="button" title="ReOpen Invoice" onclick="ReOpenRecon()" class="cus-recondetail__editbtn">@ReadFile(reopenPath)</button>
189 </div>
190 <div class="cus-recondetail__editbtndiv">
191 <button type="button" title="Edit Invoice" onclick="OpenTicketEditSec();" class="cus-recondetail__editbtn">@ReadFile(editiconPath)</button>
192 </div>
193 </div>
194 </div>
195 <div class="cus-recondetail_tablediv">
196
197 <table id="reconItem" class="cus-recondetail_table">
198 <thead>
199 <tr>
200 <th>@Translate("Item/ Description")</th>
201 <th>@Translate("Qty/ Shipping")</th>
202 <th>@Translate("Unit")</th>
203 <th>@Translate("Extended")</th>
204 <th>@Translate("Duration")</th>
205 <th>@Translate("Job Code/ Dept")</th>
206 </tr>
207 </thead>
208 <tbody>
209 </tbody>
210 </table>
211 </div>
212
213 <div id="loadcommets" class="cus-recondetail_tablediv">
214
215 </div>
216
217 @if (fullPermission)
218 {
219 <div class="cus-recondetail_commentcontainer">
220 <div class="cus-recondetail__commsigndiv">
221 <div class="cus-recondetail__commdiv">
222 <div>@Translate("Comments (250 characters)")</div>
223 <div class="cus-recondetail_commentdiv">
224 <textarea id="appComment" wrap="hard" maxlength="249" rows="5" class="cus-recondetail_comment"></textarea>
225 </div>
226 </div>
227 </div>
228 <div class="cus-recondetail_submitbtns">
229 <input id="SignedByTxt" type="hidden" value="@email" />
230 <button type="button" @(canEdit?"":"disabled") class="cus-recondetail_approvebtn" id="btnapprove">@Translate("Approve")</button>
231 <button type="button" @(canEdit?"":"disabled") class="cus-recondetail_rejectbtn" id="btnreject">@Translate("Reject")</button>
232 <button type="button" @(canEdit?"":"disabled") class="cus-recondetail_updatebtn" id="btnupdate">@Translate("Update")</button>
233 </div>
234 @*<div id="buttonListUpdate" style="display:none;" class="cus-recondetail_submitbtns">
235 <button type="button" style="display:none;" class="cus-recondetail_rejectbtn" id="btnrejectEx">@Translate("Reject")</button>
236 <button type="button" class="cus-recondetail_approvebtn" id="btnupdate">@Translate("Update")</button>
237 </div>*@
238 </div>
239 }
240 </div>
241 </div>
242 </div>
243 </div>
244
245
246
247 </div>
248 </div>
249
250 </div>
251 <div id="repdiv" class="cus-recon__accordionitem cus-recon__rightdata">
252
253 <div id="subdivEx">
254 <div class="cus-pdf__accordion" id="SubDivAccordionEx">
255 <div class="cus-cart__accorheader" onclick="ShowPDFDetails(this);">
256 <div class="cus-cart__accordiontitle">
257 <h2 id="subDocNumberEx" class="cus-recondetail__acctitle"></h2>
258 </div>
259 <div class="cus-cart__accordionicon cus-cart__show" id="SubReconAccIconEx">
260 @ReadFile(downarrPath)
261 @ReadFile(uparrPath)
262 </div>
263 </div>
264 <div class="cus-pdf__accordioncontent" id="SubReconAccContentEx">
265 <div>
266 <div class="cus-recondetail_mul_detail cus-recondetail__subpadding">
267 <div class="cus-recondetail__detail">
268 @Translate("WO#/Requester"): <span id="subWOEx"></span>
269 </div>
270 <div class="cus-recondetail__detail">
271 @Translate("EquipID/Location-Shop"): <span id="subEqIdEx"></span>
272 </div>
273 <div class="cus-recondetail__detail">
274 @Translate("Tech ID"): <span id="subTechIdEx"></span>
275 </div>
276 <div class="cus-recondetail__detail">
277 @Translate("Date"): <span id="subPostDate"></span>
278 </div>
279 </div>
280 <div class="cus-recondetail_tablediv">
281
282 <table id="reconItemEx" class="cus-recondetail_table">
283 <thead>
284 <tr>
285 <th>@Translate("Item/ Description")</th>
286 <th>@Translate("Qty/ Shipping")</th>
287 <th>@Translate("Unit")</th>
288 <th>@Translate("Extended")</th>
289 <th>@Translate("Duration")</th>
290 <th>@Translate("Job Code/ Dept")</th>
291 </tr>
292 </thead>
293 <tbody>
294 </tbody>
295 </table>
296 </div>
297 <div id="loadcommetsEx" class="cus-recondetail_tablediv">
298
299
300 </div>
301 </div>
302 </div>
303 </div>
304 </div>
305
306 <div id="docList">
307 </div>
308
309 <div class="cus-recon__leftresizer" onmousedown="CheckPosBeforeDrag(event);"></div>
310 </div>
311 </div>
312 </div>
313 </div>
314 <div class="cus-cart__alertpopup" style="display:none;" id="TicketImageDiv">
315 <div class="cus-cart__alertpopup-content cus-ticket__alertpopup-content">
316 <div class="cus-ticket__closebtndiv">
317 <button type="button" onclick="HideTicketImgPopup();" class="cus-ticket__closebtn">@ReadFile(closeiconPath)</button>
318 </div>
319 <div class="cus-cart__alertpopup-body">
320 <img src="" id="TicketImage" class="cus-ticket__img" />
321 </div>
322 </div>
323 </div>
324 <div class="cus-cart__alertpopup" style="display:none;" id="TicketSuccessMsg">
325 <div class="cus-cart__alertpopup-content">
326 <div class="cus-cart__alertpopup-body">
327 <div class="cus-cart__alertpopup-title">@Translate("Invoice Updated Successfully!")</div>
328 <div class="cus-cart__popupbtns">
329 <button type="button" class="cus-cart__alertpopupbtn" onclick="CloseTicketSuccessMsg();">@Translate("OK")</button>
330 </div>
331 </div>
332 </div>
333 </div>
334 <div class="cus-order__alertmodal" id="ApproveConfirmMsg">
335 <div class="cus-order__alertcontainer">
336 <div class="cus-order__alertcontent">
337 <div class="cus-order__detailheader">
338 <div class="cus-order__detailtitle">
339 @Translate("Confirmation")
340 </div>
341 <div>
342 <button type="button" onclick="CloseTickApproveConfirmMsg();" class="cus-order__closebtn">@ReadFile(closeiconPath)</button>
343 </div>
344 </div>
345 <div class="cus-order__statusdata">
346 <div class="cus-order__statusmsg">
347 @Translate("Are you sure want to approve? ")
348 </div>
349 <div class="cus-order__commentsec">
350 <div class="cus-order__confirmbtndiv">
351 <button type="button" class="cus-order__approvebtn" onclick="ReconsilationSignatureOther3('APPROVED');">@Translate("Yes")</button>
352 <button type="button" class="cus-order__cancelbtn" onclick="CloseTickApproveConfirmMsg();">@Translate("No")</button>
353 </div>
354 </div>
355 </div>
356 </div>
357 </div>
358 </div>
359 <div class="cus-order__alertmodal" id="UpdateConfirmMsg">
360 <div class="cus-order__alertcontainer">
361 <div class="cus-order__alertcontent">
362 <div class="cus-order__detailheader">
363 <div class="cus-order__detailtitle">
364 @Translate("Confirmation")
365 </div>
366 <div>
367 <button type="button" onclick="CloseTickApproveConfirmMsg();" class="cus-order__closebtn">@ReadFile(closeiconPath)</button>
368 </div>
369 </div>
370 <div class="cus-order__statusdata">
371 <div class="cus-order__statusmsg">
372 @Translate("Are you sure want to update? ")
373 </div>
374 <div class="cus-order__commentsec">
375 <div class="cus-order__confirmbtndiv">
376 <button type="button" class="cus-order__approvebtn" onclick="ReconsilationSignatureOther3('UPDATE');">@Translate("Yes")</button>
377 <button type="button" class="cus-order__cancelbtn" onclick="CloseTickApproveConfirmMsg();">@Translate("No")</button>
378 </div>
379 </div>
380 </div>
381 </div>
382 </div>
383 </div>
384 <div class="cus-order__alertmodal" id="RejectConfirmMsg">
385 <div class="cus-order__alertcontainer">
386 <div class="cus-order__alertcontent">
387 <div class="cus-order__detailheader">
388 <div class="cus-order__detailtitle">
389 @Translate("Confirmation")
390 </div>
391 <div>
392 <button type="button" onclick="CloseTickRejectConfirmMsg();" class="cus-order__closebtn">@ReadFile(closeiconPath)</button>
393 </div>
394 </div>
395 <div class="cus-order__statusdata">
396 <div class="cus-order__statusmsg">
397 @Translate("Are you sure want to reject? ")
398 </div>
399 <div class="cus-order__commentsec">
400 <div class="cus-order__confirmbtndiv">
401 <button type="button" class="cus-order__approvebtn" onclick="ReconsilationSignatureOther3('REJECTED');">@Translate("Yes")</button>
402 <button type="button" class="cus-order__cancelbtn" onclick="CloseTickRejectConfirmMsg();">@Translate("No")</button>
403 </div>
404 </div>
405 </div>
406 </div>
407 </div>
408 </div>
409
410 <div class="cus-order__alertmodal" id="TicketEditSec">
411 <div class="cus-order__alertcontainer">
412 <div class="cus-order__alertcontent cus-order__editcontent">
413 <div class="cus-order__editloadicon" id="TicketEditSecLoad">
414 <i class="fas fa-circle-notch fa-spin"></i>
415 </div>
416 <div class="cus-order__detailheader" id="TicketEditSecHeader">
417 <div class="cus-order__detailtitle">
418 @Translate("Details")
419 </div>
420 <div>
421 <button type="button" onclick="CloseTicketEditSec();" class="cus-order__closebtn">@ReadFile(closeiconPath)</button>
422 </div>
423 </div>
424 <input type="hidden" id="documentType" value="" />
425 <div class="cus-order__statusdata" id="TicketEditSecContent">
426 <div class="cus-order__statusmsg">
427 <div class="cus-order__editfielddiv">
428 <div class="cus-order__editlbl">
429 @Translate("Order No")
430 </div>
431 <div class="cus-order__editfield">
432 <input type="text" readonly class="cus-order__editfieldtxt" id="editsigDocNumber" value="" />
433 </div>
434 </div>
435 <div class="cus-order__editfielddiv">
436 <div class="cus-order__editlbl">
437 @Translate("Work Order")
438 </div>
439 <div class="cus-order__editfield">
440 <input type="text" class="cus-order__editfieldtxt" id="editsubWO" value="" />
441 </div>
442 </div>
443 <div class="cus-order__editfielddiv">
444 <div class="cus-order__editlbl">
445 @Translate("Equip ID")
446 </div>
447 <div class="cus-order__editfield">
448 <input type="text" class="cus-order__editfieldtxt" id="editsubEqId" value="" />
449 </div>
450 </div>
451 <div class="cus-order__editfielddiv">
452 <div class="cus-order__editlbl">
453 @Translate("Tech ID")
454 </div>
455 <div class="cus-order__editfield">
456 <input type="text" class="cus-order__editfieldtxt" id="editsubTechId" value="" />
457 </div>
458 </div>
459 <div class="cus-order__editdtl">
460 <table id="ReconEditTable" class="cus-order__edittable">
461 <thead>
462 <tr>
463 <th>@Translate("Line No")</th>
464 <th>@Translate("Item No")</th>
465 <th>@Translate("Qty")</th>
466 <th>@Translate("Job Code")</th>
467 </tr>
468 </thead>
469 <tbody>
470 </tbody>
471 </table>
472 </div>
473 </div>
474 <div class="cus-order__commentsec">
475 <div class="cus-order__confirmbtndiv">
476 <button type="button" class="cus-order__approvebtn" @(canEdit?"":"disabled") id="ReconEditSubmitBtn" onclick="SubmitReconEditedData();">@Translate("Save")</button>
477 </div>
478 </div>
479 </div>
480 </div>
481 </div>
482 </div>
483 <script id="document-acc-template" type="text/x-handlebars-template">
484 {{#each docs}}
485 <div class="cus-pdf__accordion">
486 <div class="cus-cart__accorheader" onclick="ShowPDFDetails(this);">
487 <div class="cus-cart__accordiontitle">
488 @Translate("DRS Loaded Date"): <span>{{LoadedTime}}</span>
489 </div>
490 <div class="cus-cart__accordionicon">
491 @ReadFile(downarrPath)
492 @ReadFile(uparrPath)
493 </div>
494 </div>
495 <div class="cus-pdf__accordioncontent">
496 <div class="cus-recon__pdfcontainer">
497 <div class="cus-recon__pdfcontent">
498 <div class="cus-recon__pdfheader">
499 <div>
500 <h2 class="cus-recon__title">@Translate("Invoice Review Report")</h2>
501 </div>
502 </div>
503 <div class="cus-recon__popupbody">
504 <iframe src="{{RepUrl}}#navpanes=0" class="cus-recon__popupiframe"></iframe>
505 </div>
506 </div>
507 </div>
508 </div>
509 </div>
510 {{/each}}
511 </script>
512 <script id="load_comments-template" type="text/x-handlebars-template">
513
514 <table class="cus-recondetail_table">
515 <tbody>
516 {{#each SalesComment}}
517 <tr><td>{{{Comment}}}</td><td>{{Date}}</td><td>{{ApprovalUser}}</td></tr>
518 {{/each}}
519 </tbody>
520 </table>
521
522 </script>
523 <script>
524
525 $("#idshowreconrep").hide();
526 $("#subdiv").hide();//repdiv
527 $("#repdiv").hide();
528
529 $('#btnapprove').click(function () {
530 ReconsilationSignatureOther3('APPROVED');
531 });
532 $('#btnupdate').click(function () {
533 var signedby = $("#appComment").val();
534 if (signedby != "") {
535 $("#appComment").css("border-color", "#d9d9d9");
536 ReconsilationSignatureOther3('UPDATE');
537 }
538 else {
539 $("#appComment").css("border-color", "red");
540 }
541 });
542 $('#btnreject').click(function () {
543 var signedby = $("#appComment").val();
544 if (signedby != "") {
545 $("#appComment").css("border-color", "#d9d9d9");
546 ReconsilationSignatureOther3('REJECTED');
547 }
548 else {
549 $("#appComment").css("border-color", "red");
550 }
551 });
552 </script>
553
