| Line 43... |
Line 43... |
| 43 |
|
43 |
|
| 44 |
<div class="col-md-12">
|
44 |
<div class="col-md-12">
|
| 45 |
## bg-success p-2 text-dark bg-opacity-10 - This is 10% opacity success background , colour - green
|
45 |
## bg-success p-2 text-dark bg-opacity-10 - This is 10% opacity success background , colour - green
|
| 46 |
<div class="container bg-success p-2 text-dark bg-opacity-10" style="border-radius: 25px">
|
46 |
<div class="container bg-success p-2 text-dark bg-opacity-10" style="border-radius: 25px">
|
| 47 |
<form name="loi-form" id="loi-form" method="post" style="margin-top:40px;">
|
47 |
<form name="loi-form" id="loi-form" method="post" style="margin-top:40px;">
|
| - |
|
48 |
<div class="row" id="loiOnboardingTypeRow">
|
| - |
|
49 |
<div class="col-lg-12 form-group">
|
| - |
|
50 |
<label>Onboarding Type</label><span style="color:red ;font-size: 140%">*</span>
|
| - |
|
51 |
<div>
|
| - |
|
52 |
<label style="margin-right:20px;font-weight:normal">
|
| - |
|
53 |
<input type="radio" name="loiOnboardingType" value="NEW" checked>
|
| - |
|
54 |
New Onboarding
|
| - |
|
55 |
</label>
|
| - |
|
56 |
<label style="margin-right:20px;font-weight:normal">
|
| - |
|
57 |
<input type="radio" name="loiOnboardingType" value="REVIVAL">
|
| - |
|
58 |
Revival
|
| - |
|
59 |
</label>
|
| - |
|
60 |
<label style="margin-right:20px;font-weight:normal">
|
| - |
|
61 |
<input type="radio" name="loiOnboardingType" value="ANY_OTHER">
|
| - |
|
62 |
Any Other
|
| - |
|
63 |
</label>
|
| - |
|
64 |
</div>
|
| - |
|
65 |
</div>
|
| - |
|
66 |
</div>
|
| - |
|
67 |
<div class="row hide-model" id="loiOldStoreCodeRow">
|
| - |
|
68 |
<div class="col-lg-4 form-group">
|
| - |
|
69 |
<label>Old Store Code</label><span style="color:red ;font-size: 140%">*</span>
|
| - |
|
70 |
<input type="text" class="form-control" id="loiOldStoreCode"
|
| - |
|
71 |
name="loiOldStoreCode" placeholder="Existing closed store code">
|
| - |
|
72 |
<span id="loiOldStoreCodeStatus" class="help-block" style="font-size: 90%"></span>
|
| - |
|
73 |
</div>
|
| - |
|
74 |
</div>
|
| - |
|
75 |
<div class="row hide-model" id="loiRevivalReasonRow">
|
| - |
|
76 |
<div class="col-lg-12 form-group">
|
| - |
|
77 |
<label id="loiRevivalReasonLabel">Reason for Revival</label>
|
| - |
|
78 |
<span style="color:red ;font-size: 140%">*</span>
|
| - |
|
79 |
<textarea class="form-control" id="loiRevivalReason" name="loiRevivalReason"
|
| - |
|
80 |
rows="2" placeholder="Please provide the reason"></textarea>
|
| - |
|
81 |
</div>
|
| - |
|
82 |
</div>
|
| 48 |
<div class="row">
|
83 |
<div class="row">
|
| 49 |
<div class="col-lg-3 form-group">
|
84 |
<div class="col-lg-3 form-group">
|
| 50 |
<label>Refer By(BGC Team)</label><span style="color:red ;font-size: 140%">*</span>
|
85 |
<label>Refer By(BGC Team)</label><span style="color:red ;font-size: 140%">*</span>
|
| 51 |
<select class="form-control type" name="referId" required>
|
86 |
<select class="form-control type" name="referId" required>
|
| 52 |
|
87 |
|
| Line 568... |
Line 603... |
| 568 |
</section>
|
603 |
</section>
|
| 569 |
<script>
|
604 |
<script>
|
| 570 |
// Fragment is re-injected with .html(), which re-runs this script; clear the
|
605 |
// Fragment is re-injected with .html(), which re-runs this script; clear the
|
| 571 |
// namespace first so handlers replace rather than stack.
|
606 |
// namespace first so handlers replace rather than stack.
|
| 572 |
$(document).off('.loiform');
|
607 |
$(document).off('.loiform');
|
| - |
|
608 |
|
| - |
|
609 |
$(document).on('change.loiform', 'input[name="loiOnboardingType"]', function () {
|
| - |
|
610 |
const type = $('input[name="loiOnboardingType"]:checked').val();
|
| - |
|
611 |
const showOldCode = (type === 'REVIVAL');
|
| - |
|
612 |
const showReason = (type === 'REVIVAL' || type === 'ANY_OTHER');
|
| - |
|
613 |
$('#loiOldStoreCodeRow').toggleClass('hide-model', !showOldCode)
|
| - |
|
614 |
.toggleClass('show-model', showOldCode);
|
| - |
|
615 |
$('#loiRevivalReasonRow').toggleClass('hide-model', !showReason)
|
| - |
|
616 |
.toggleClass('show-model', showReason);
|
| - |
|
617 |
$('#loiRevivalReasonLabel').text(
|
| - |
|
618 |
type === 'ANY_OTHER' ? 'Reason (Any Other)' : 'Reason for Revival');
|
| - |
|
619 |
if (!showOldCode) {
|
| - |
|
620 |
$('#loiOldStoreCode').val('');
|
| - |
|
621 |
$('#loiOldStoreCodeStatus').text('').css('color', '');
|
| - |
|
622 |
}
|
| - |
|
623 |
if (!showReason) $('#loiRevivalReason').val('');
|
| - |
|
624 |
});
|
| - |
|
625 |
|
| 573 |
$(document).on('blur.loiform', 'input[name="storePotential"]', function () {
|
626 |
$(document).on('blur.loiform', 'input[name="storePotential"]', function () {
|
| 574 |
const walletValue = parseInt($('select[name="agreeWalletValue"]').val());
|
627 |
const walletValue = parseInt($('select[name="agreeWalletValue"]').val());
|
| 575 |
const storePotantial = parseInt($('input[name="storePotential"]').val());
|
628 |
const storePotantial = parseInt($('input[name="storePotential"]').val());
|
| 576 |
if (walletValue > storePotantial) {
|
629 |
if (walletValue > storePotantial) {
|
| 577 |
alert("Store Potential must be greater than or equal to Wallet Value ")
|
630 |
alert("Store Potential must be greater than or equal to Wallet Value ")
|