14 changed files with 324 additions and 21 deletions
-
1CustomerOnlineV2/CustomerOnlineV2.Business/Business/RegisterBusiness/IRegisterBusiness.cs
-
8CustomerOnlineV2/CustomerOnlineV2.Business/Business/RegisterBusiness/RegisterBusiness.cs
-
2CustomerOnlineV2/CustomerOnlineV2.Common/Models/AccountModel/AccountModel.cs
-
3CustomerOnlineV2/CustomerOnlineV2.Common/Models/HomeModel/HomeModel.cs
-
1CustomerOnlineV2/CustomerOnlineV2.Repository/Repository/RegisterRepository/IRegisterRepository.cs
-
72CustomerOnlineV2/CustomerOnlineV2.Repository/Repository/RegisterRepository/RegisterRepository.cs
-
15CustomerOnlineV2/CustomerOnlineV2/Controllers/CustomerController.cs
-
2CustomerOnlineV2/CustomerOnlineV2/Views/Customer/Notifications.cshtml
-
212CustomerOnlineV2/CustomerOnlineV2/Views/Customer/Refer.cshtml
-
14CustomerOnlineV2/CustomerOnlineV2/Views/Shared/_Layout.cshtml
-
5CustomerOnlineV2/CustomerOnlineV2/Views/Shared/_Layout2.cshtml
-
6CustomerOnlineV2/CustomerOnlineV2/wwwroot/css/styles-login.css
-
4CustomerOnlineV2/CustomerOnlineV2/wwwroot/css/styles.css
-
BINCustomerOnlineV2/CustomerOnlineV2/wwwroot/images/refer.png
@ -0,0 +1,212 @@ |
|||
@using CustomerOnlineV2.Common.Helper |
|||
@{ |
|||
Layout = "_Layout2"; |
|||
} |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<style> |
|||
.nav .nav-item { |
|||
margin-right: 10px !important; |
|||
} |
|||
|
|||
.col-md-3 { |
|||
flex: 0 0 auto !important; |
|||
width: 100% !important; |
|||
} |
|||
|
|||
.nav { |
|||
padding-bottom: 8px !important; |
|||
} |
|||
|
|||
.img-fluid { |
|||
max-width: 302px; |
|||
height: 300px; |
|||
} |
|||
|
|||
.btn-primary { |
|||
background-color:#262262 !important; |
|||
border-color: #262262 !important; |
|||
} |
|||
|
|||
p { |
|||
line-height: 1.8 !important; |
|||
font-size: 18px !important; |
|||
} |
|||
|
|||
.banner .banner-small { |
|||
height: 445px !important; |
|||
border-radius: 8px !important; |
|||
padding: 50px 20px !important; |
|||
margin-bottom: 24px !important; |
|||
position: relative !important; |
|||
} |
|||
|
|||
#referImg{ |
|||
text-align: right; |
|||
} |
|||
|
|||
#reward-table { |
|||
width: 100%; |
|||
border-collapse: collapse; |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
#reward-table th, #reward-table td { |
|||
padding: 12px; |
|||
text-align: left; |
|||
border: 1px solid #ddd; |
|||
} |
|||
|
|||
#reward-table tbody tr:nth-child(even) { |
|||
background-color: #f9f9f9; |
|||
} |
|||
|
|||
#reward-table tbody tr:hover { |
|||
background-color: #f1f1f1; |
|||
} |
|||
|
|||
.banner-small-2 { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
|
|||
.banner-small-2 .img-fluid { |
|||
margin-left: 20px; |
|||
padding-right: 100px; |
|||
} |
|||
|
|||
.banner-small-2 .text-content { |
|||
width: 60%; |
|||
} |
|||
</style> |
|||
|
|||
<script src="~/vendor/jquery/jquery.min.js"></script> |
|||
|
|||
</head> |
|||
<body> |
|||
|
|||
|
|||
<!-- Content --> |
|||
<div id="content" class=" py-4 section-form-bg"> |
|||
<div class="container"> |
|||
<div class="row"> |
|||
<!-- Middle Panel --> |
|||
<div class="col-lg-12"> |
|||
<div class="mb-4"> |
|||
<h3 class="fw-400">Refer and get exciting offers !</h3> |
|||
<p>More referrals, more money</p> |
|||
</div> |
|||
<div class="card"> |
|||
<div class="card-body p-4"> |
|||
<div> |
|||
<ul class="nav nav-pills"> |
|||
<li class="nav-item"> |
|||
<a class="nav-link active" aria-current="page" href="#" id="invite-tab">Invite</a> |
|||
</li> |
|||
<li class="nav-item"> |
|||
<a class="nav-link" href="#" id="referrals-tab" onclick="GetRewardDetails()">Referrals</a> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
<div class="row mb-4"> |
|||
<div class="col-md-3 banner"> |
|||
<div id="invite-content"> |
|||
<div class="banner-small banner-small-2 bg-2 d-flex align-items-center flex-direction-column"> |
|||
<div class="col-md-6"> |
|||
<h3>Refer & Earn</h3> |
|||
<p class="text-black fs-5">Receive a FREE 5$ bonus credit as Reward Amount</p> |
|||
<p>You and your friend will each be given 5$ in bonus credit. Get 1$ after they successfully register, and 4$ after their first transaction.</p> |
|||
@* <p>Get 1$ after they successfully register, and 4$ after their first transaction.</p> *@ |
|||
<p>There may be minimum send requirements, Terms and Conditions.</p> |
|||
<p class="text-black fs-5">Refer IME Londong to your friends & get many more exciting deals <br> plus discount on your every transfer.</p> |
|||
</div> |
|||
<div class="col-md-4" id="referImg"> |
|||
<img src="~/images/refer.png" alt="Image Description" class="img-fluid" /> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<div id="referrals-content" style="display: none;"> |
|||
<table id="reward-table" class="table"> |
|||
<thead> |
|||
<tr> |
|||
<th>Reward Type</th> |
|||
<th>Reward Amount</th> |
|||
<th>Customer Name</th> |
|||
<th>Created Date</th> |
|||
</tr> |
|||
</thead> |
|||
<tbody id="reward-table-body"> |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
<div class="col-md-12"> |
|||
<div class="mb-3 mt-5"> |
|||
<button class="btn btn-lg btn-primary">Send Invite <i class="fa fa-share-alt px-1" aria-hidden="true"></i></button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- Content end --> |
|||
</body> |
|||
</html> |
|||
<script src="~/lib/jquery/dist/jquery.min.js"></script> |
|||
@section scripts{ |
|||
<script> |
|||
$(document).ready(function () { |
|||
|
|||
$('#invite-content').show(); |
|||
$('#referrals-content').hide(); |
|||
|
|||
$('#invite-tab').click(function () { |
|||
$('#invite-content').show(); |
|||
$('#referrals-content').hide(); |
|||
}); |
|||
|
|||
$('#referrals-tab').click(function () { |
|||
// debugger |
|||
//GetRewardDetails(); |
|||
$('#invite-content').hide(); |
|||
$('#referrals-content').show(); |
|||
}); |
|||
}); |
|||
|
|||
function GetRewardDetails() { |
|||
$.ajax({ |
|||
type: 'GET', |
|||
contentType: 'application/json; charset=utf-8', |
|||
url: '/GetRewardDetails', |
|||
data: {}, |
|||
success: function (response) { |
|||
var data = response.notificationModel; |
|||
|
|||
var tableBody = $('#reward-table-body'); |
|||
tableBody.empty(); |
|||
|
|||
data.forEach(function (item) { |
|||
var row = '<tr>' + |
|||
'<td>' + item.title + '</td>' + |
|||
'<td>' + item.rewardPoints + '</td>' + |
|||
'<td>' + item.customerName + '</td>' + |
|||
'<td>' + item.date + '</td>' + |
|||
'</tr>'; |
|||
tableBody.append(row); |
|||
}); |
|||
}, |
|||
error: function (error) { |
|||
console.error(error); |
|||
} |
|||
}); |
|||
} |
|||
</script> |
|||
} |
|||
|
After Width: 462 | Height: 644 | Size: 40 KiB |
Write
Preview
Loading…
Cancel
Save
Reference in new issue