sriramphanib
/
WebBuild
Suivre 1
Favoriser 0
Bifurcation 0
Code Tickets 0 Demandes d'ajout 0 Versions 0 Wiki Activité
Built files from Bizgaze WebServer
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
2 Révisions
1 Branche
Aborescence: 0da601e691
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de '0da601e691'
${ noResults }
WebBuild/wwwroot/apps/paybacks/controls/couponrademption.component.js

couponrademption.component.js 26KB
Historique Brut

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412 
  1. var Bizgaze;

  2. (function (Bizgaze) {

  3.     let Apps;

  4.     (function (Apps) {

  5.         let Paybacks;

  6.         (function (Paybacks) {

  7.             let Controls;

  8.             (function (Controls) {

  9.                 class CouponRademption extends Unibase.Platform.Core.BaseComponent {

  10.                     constructor() {

  11.                         super(...arguments);

  12.                         this.count = 0;

  13.                         this.pageindex = 0;

  14.                         this.pagesize = 5;

  15.                     }

  16.                     init(formpropertyid, prop, callback) {

  17.                     }

  18.                     loadControl(containerid, prop) {

  19.                         var html = `<div class="biz-pg-body">

  20. 				<div class="biz-bldr-wrap">

  21. 					<header class="bldr-head">

  22. 						<div class="d-flex align-items-center flex-grow-1">

  23. 							<a class="bldr-title dropdown-toggle link-dark" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">

  24. 								<div class="avatar avatar-xs mr-5">

  25. 									<span class="avatar-icon avatar-icon-violet rounded-circle"><span class="initial-wrap"><span><span class="feather-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-edit"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg></span></span></span>

  26. 									</span>

  27. 								</div>

  28. 								<h1>Coupons</h1>

  29. 							</a>

  30. 							<div class="dropdown-menu">

  31. 								<a class="dropdown-item" href="#"><span class="feather-icon dropdown-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-hard-drive"><line x1="22" y1="12" x2="2" y2="12"></line><path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path><line x1="6" y1="16" x2="6.01" y2="16"></line><line x1="10" y1="16" x2="10.01" y2="16"></line></svg></span><span>My Space</span></a>

  32. 								<a class="dropdown-item" href="#"><span class="feather-icon dropdown-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-plus"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="12" y1="18" x2="12" y2="12"></line><line x1="9" y1="15" x2="15" y2="15"></line></svg></span><span>Synced Files</span></a>

  33. 								<a class="dropdown-item" href="#"><span class="feather-icon dropdown-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-upload-cloud"><polyline points="16 16 12 12 8 16"></polyline><line x1="12" y1="12" x2="12" y2="21"></line><path d="M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3"></path><polyline points="16 16 12 12 8 16"></polyline></svg></span><span>Cloud Document</span></a>

  34. 							</div>

  35. 						</div>

  36. 						<div class="bldr-options-wrap">	

  37. 							<a class="btn btn-theme" href="#">Apply Coupon</a>

  38. 						</div>

  39. 					</header>

  40. 					<div class="biz-copn-wrap">

  41. 						<div class="copn-aside-left">

  42. 							<div data-simplebar="init" class="simple-scroll-bar"><div class="simplebar-wrapper" style="margin: 0px;"><div class="simplebar-height-auto-observer-wrapper"><div class="simplebar-height-auto-observer"></div></div><div class="simplebar-mask"><div class="simplebar-offset" style="right: 0px; bottom: 0px;"><div class="simplebar-content-wrapper" style="height: 100%; overflow: hidden;"><div class="simplebar-content" style="padding: 0px;">

  43. 								<div class="copn-summary-wrap">

  44. 									<h5 class="mb-20">Coupon Summery</h5>

  45. 									<div class="card card-sm">

  46. 										<div class="card-body">

  47. 											<div class="d-flex align-items-center">

  48. 												<div class="avatar">

  49. 													<span class="avatar-icon avatar-icon-danger rounded-circle"><span class="initial-wrap"><span><i class="ri-wallet-3-fill"></i></span></span>

  50. 													</span>

  51. 												</div>

  52. 												<div class="ml-20">

  53. 													<div>Amount Available</div>

  54. 													<div class="font-20 text-dark font-weight-500">₹2120</div>

  55. 												</div>

  56. 											</div>

  57. 										</div>

  58. 									</div>

  59. 									<div class="card card-sm mb-30">

  60. 										<div class="card-body">

  61. 											<div class="d-flex align-items-center">

  62. 												<div class="avatar">

  63. 													<span class="avatar-icon avatar-icon-primary rounded-circle"><span class="initial-wrap"><span><i class="ri-shopping-cart-2-fill"></i></span></span>

  64. 													</span>

  65. 												</div>

  66. 												<div class="ml-20">

  67. 													<div>Items</div>

  68. 													<div class="font-20 text-dark font-weight-500">3</div>

  69. 												</div>

  70. 											</div>

  71. 										</div>

  72. 									</div>

  73. 									<a data-target="#coupon_modal_1" class="btn btn-block btn-theme coupon-modal-open mb-15" href="#">Apply New Coupon</a>

  74. 									<a class="btn btn-block btn-success" href="#">Purchase Items</a>

  75. 								</div>

  76. 							</div></div></div></div><div class="simplebar-placeholder" style="width: 499px; height: 475px;"></div></div><div class="simplebar-track simplebar-horizontal" style="visibility: hidden;"><div class="simplebar-scrollbar" style="width: 0px; display: none;"></div></div><div class="simplebar-track simplebar-vertical" style="visibility: hidden;"><div class="simplebar-scrollbar" style="height: 0px; display: none; transform: translate3d(0px, 8px, 0px);"></div></div></div>

  77. 						</div>

  78. 						<div class="copn-body">

  79. 							<div data-simplebar="init" class="simple-scroll-bar"><div class="simplebar-wrapper" style="margin: 0px;"><div class="simplebar-height-auto-observer-wrapper"><div class="simplebar-height-auto-observer"></div></div><div class="simplebar-mask"><div class="simplebar-offset" style="right: 0px; bottom: 0px;"><div class="simplebar-content-wrapper" style="height: 100%; overflow: hidden scroll;"><div class="simplebar-content" style="padding: 0px;">

  80. 								<div class="trans-timeline-wrap">

  81. 									<div class="timeline-wrap d-none">

  82. 										<div class="d-flex justify-content-between align-items-center mb-30">

  83. 											<h5>Transactions</h5>

  84. 											<div class="d-flex align-items-center">

  85. 												<select class="custom-select w-200p mr-10">

  86. 													<option selected="">All Transactions</option>

  87. 													<option value="1">Two</option>

  88. 													<option value="2">Three</option>

  89. 												</select>

  90. 												<a class="btn btn-icon btn-flush-dark btn-rounded flush-soft-hover flex-shrink-0" href="#"><span class="btn-icon-wrap"><span class="feather-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-settings"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg></span></span></a>

  91. 											</div>

  92. 										</div>

  93. 										<h6 class="mb-15">20 NOV</h6>

  94. 										<div class="card trans-card coupon-applied">

  95. 											<div class="card-header" data-toggle="collapse" data-target="#collapse_1" aria-expanded="false">

  96. 												<div class="d-flex justify-content-between align-items-center">

  97. 													<div class="media align-items-center">

  98. 														<div class="media-img-wrap mr-15">

  99. 															<div class="avatar avatar-sm">

  100. 																<span class="avatar-icon avatar-icon-inv-orange rounded-circle"><span class="initial-wrap"><span><i class="ri-coupon-3-fill"></i></span></span>

  101. 																</span>

  102. 															</div>

  103. 														</div>

  104. 														<div class="media-body">

  105. 															<div class="font-14 text-dark font-weight-500">Coupon Applied<span class="badge badge-theme ml-10">Success</span></div>

  106. 															<div>

  107. 																<span class="font-12">Coupon Code:</span>

  108. 																<span class="font-14 text-dark">SPS2007XJKILO78UO</span>

  109. 															</div>

  110. 														</div>

  111. 													</div>

  112. 													<div class="amount-display">₹2120</div>

  113. 												</div>

  114. 											</div>

  115. 											<div id="collapse_1" class="collapse">

  116. 												<div class="card-body">

  117. 													<div class="mb-5"><span class="font-14">Date:</span> <span class="text-dark">18 Nov 2020, 8:50 AM</span></div>

  118. 													<p class="font-14">This card is collapsible.<br>You can add any detail regarding the transaction in this section.</p> 

  119. 												</div>

  120. 											</div>

  121. 										</div>

  122. 										<div class="card trans-card amount-sent">

  123. 											<div class="card-header" data-toggle="collapse" data-target="#collapse_2" aria-expanded="false">

  124. 												<div class="d-flex justify-content-between align-items-center">

  125. 													<div class="media align-items-center">

  126. 														<div class="media-img-wrap mr-15">

  127. 															<div class="avatar avatar-sm">

  128. 																<img src="dist/img/logo-avatar-1.png" class="avatar-img  rounded-circle" alt="logo">

  129. 															</div>

  130. 														</div>

  131. 														<div class="media-body">

  132. 															<div class="font-14 text-dark font-weight-500">PatTM Wallet<span class="badge badge-soft-danger ml-10">Sent</span></div>

  133. 															<div>

  134. 																<span class="font-12">Transaction ID:</span>

  135. 																<span class="font-14 text-dark">SPS2007XJKILO78UO</span>

  136. 															</div>

  137. 														</div>

  138. 													</div>

  139. 													<div class="amount-display">-₹2120</div>

  140. 												</div>

  141. 											</div>

  142. 											<div id="collapse_2" class="collapse">

  143. 												<div class="card-body">

  144. 													<div class="mb-5"><span class="font-14">Date:</span> <span class="text-dark">18 Nov 2020, 8:50 AM</span></div>

  145. 													<p class="font-14">This card is collapsible.<br>You can add any detail regarding the transaction in this section.</p> 

  146. 												</div>

  147. 											</div>

  148. 										</div>

  149. 										<div class="card trans-card amount-sent">

  150. 											<div class="card-header" data-toggle="collapse" data-target="#collapse_3" aria-expanded="false">

  151. 												<div class="d-flex justify-content-between align-items-center">

  152. 													<div class="media align-items-center">

  153. 														<div class="media-img-wrap mr-15">

  154. 															<div class="avatar avatar-sm">

  155. 																<img src="dist/img/logo-avatar-1.png" class="avatar-img  rounded-circle" alt="logo">

  156. 															</div>

  157. 														</div>

  158. 														<div class="media-body">

  159. 															<div class="font-14 text-dark font-weight-500">Phone Pay Wallet<span class="badge badge-soft-danger ml-10">Sent</span></div>

  160. 															<div>

  161. 																<span class="font-12">Transaction ID:</span>

  162. 																<span class="font-14 text-dark">SPS2007XJKILO78UO</span>

  163. 															</div>

  164. 														</div>

  165. 													</div>

  166. 													<div class="amount-display">-₹2120</div>

  167. 												</div>

  168. 											</div>

  169. 											<div id="collapse_3" class="collapse">

  170. 												<div class="card-body">

  171. 													<div class="mb-5"><span class="font-14">Date:</span> <span class="text-dark">18 Nov 2020, 8:50 AM</span></div>

  172. 													<p class="font-14">This card is collapsible.<br>You can add any detail regarding the transaction in this section.</p> 

  173. 												</div>

  174. 											</div>

  175. 										</div>

  176. 										

  177. 										<h6 class="pt-15 mb-15">18 NOV</h6>

  178. 										<div class="card trans-card coupon-applied">

  179. 											<div class="card-header" data-toggle="collapse" data-target="#collapse_4" aria-expanded="false">

  180. 												<div class="d-flex justify-content-between align-items-center">

  181. 													<div class="media align-items-center">

  182. 														<div class="media-img-wrap mr-15">

  183. 															<div class="avatar avatar-sm">

  184. 																<span class="avatar-icon avatar-icon-inv-orange rounded-circle"><span class="initial-wrap"><span><i class="ri-coupon-3-fill"></i></span></span>

  185. 																</span>

  186. 															</div>

  187. 														</div>

  188. 														<div class="media-body">

  189. 															<div class="font-14 text-dark font-weight-500">Coupon Applied<span class="badge badge-theme ml-10">Success</span></div>

  190. 															<div>

  191. 																<span class="font-12">Coupon Code:</span>

  192. 																<span class="font-14 text-dark">SPS2007XJKILO78UO</span>

  193. 															</div>

  194. 														</div>

  195. 													</div>

  196. 													<div class="amount-display">₹2120</div>

  197. 												</div>

  198. 											</div>

  199. 											<div id="collapse_4" class="collapse">

  200. 												<div class="card-body">

  201. 													<div class="mb-5"><span class="font-14">Date:</span> <span class="text-dark">18 Nov 2020, 8:50 AM</span></div>

  202. 													<p class="font-14">This card is collapsible.<br>You can add any detail regarding the transaction in this section.</p> 

  203. 												</div>

  204. 											</div>

  205. 										</div>

  206. 										<div class="card trans-card coupon-applied">

  207. 											<div class="card-header" data-toggle="collapse" data-target="#collapse_5" aria-expanded="false">

  208. 												<div class="d-flex justify-content-between align-items-center">

  209. 													<div class="media align-items-center">

  210. 														<div class="media-img-wrap mr-15">

  211. 															<div class="avatar avatar-sm">

  212. 																<span class="avatar-icon avatar-icon-inv-orange rounded-circle"><span class="initial-wrap"><span><i class="ri-coupon-3-fill"></i></span></span>

  213. 																</span>

  214. 															</div>

  215. 														</div>

  216. 														<div class="media-body">

  217. 															<div class="font-14 text-dark font-weight-500">Coupon Applied<span class="badge badge-theme ml-10">Success</span></div>

  218. 															<div>

  219. 																<span class="font-12">Coupon Code:</span>

  220. 																<span class="font-14 text-dark">SPS2007XJKILO78UO</span>

  221. 															</div>

  222. 														</div>

  223. 													</div>

  224. 													<div class="amount-display">₹2120</div>

  225. 												</div>

  226. 											</div>

  227. 											<div id="collapse_5" class="collapse">

  228. 												<div class="card-body">

  229. 													<div class="mb-5"><span class="font-14">Date:</span> <span class="text-dark">18 Nov 2020, 8:50 AM</span></div>

  230. 													<p class="font-14">This card is collapsible.<br>You can add any detail regarding the transaction in this section.</p> 

  231. 												</div>

  232. 											</div>

  233. 										</div>

  234. 										

  235. 										<div class="card trans-card amount-sent">

  236. 											<div class="card-header" data-toggle="collapse" data-target="#collapse_6" aria-expanded="false">

  237. 												<div class="d-flex justify-content-between align-items-center">

  238. 													<div class="media align-items-center">

  239. 														<div class="media-img-wrap mr-15">

  240. 															<div class="avatar avatar-sm">

  241. 																<img src="dist/img/logo-avatar-1.png" class="avatar-img  rounded-circle" alt="logo">

  242. 															</div>

  243. 														</div>

  244. 														<div class="media-body">

  245. 															<div class="font-14 text-dark font-weight-500">PatTM Wallet<span class="badge badge-soft-danger ml-10">Sent</span></div>

  246. 															<div>

  247. 																<span class="font-12">Transaction ID:</span>

  248. 																<span class="font-14 text-dark">SPS2007XJKILO78UO</span>

  249. 															</div>

  250. 														</div>

  251. 													</div>

  252. 													<div class="amount-display">-₹2120</div>

  253. 												</div>

  254. 											</div>

  255. 											<div id="collapse_6" class="collapse">

  256. 												<div class="card-body">

  257. 													<div class="mb-5"><span class="font-14">Date:</span> <span class="text-dark">18 Nov 2020, 8:50 AM</span></div>

  258. 													<p class="font-14">This card is collapsible.<br>You can add any detail regarding the transaction in this section.</p> 

  259. 												</div>

  260. 											</div>

  261. 										</div>

  262. 										<div class="card trans-card amount-sent">

  263. 											<div class="card-header" data-toggle="collapse" data-target="#collapse_7" aria-expanded="false">

  264. 												<div class="d-flex justify-content-between align-items-center">

  265. 													<div class="media align-items-center">

  266. 														<div class="media-img-wrap mr-15">

  267. 															<div class="avatar avatar-sm">

  268. 																<img src="dist/img/logo-avatar-1.png" class="avatar-img  rounded-circle" alt="logo">

  269. 															</div>

  270. 														</div>

  271. 														<div class="media-body">

  272. 															<div class="font-14 text-dark font-weight-500">Phone Pay Wallet<span class="badge badge-soft-danger ml-10">Sent</span></div>

  273. 															<div>

  274. 																<span class="font-12">Transaction ID:</span>

  275. 																<span class="font-14 text-dark">SPS2007XJKILO78UO</span>

  276. 															</div>

  277. 														</div>

  278. 													</div>

  279. 													<div class="amount-display">-₹2120</div>

  280. 												</div>

  281. 											</div>

  282. 											<div id="collapse_7" class="collapse">

  283. 												<div class="card-body">

  284. 													<div class="mb-5"><span class="font-14">Date:</span> <span class="text-dark">18 Nov 2020, 8:50 AM</span></div>

  285. 													<p class="font-14">This card is collapsible.<br>You can add any detail regarding the transaction in this section.</p> 

  286. 												</div>

  287. 											</div>

  288. 										</div>

  289. 										<div class="card trans-card coupon-applied">

  290. 											<div class="card-header" data-toggle="collapse" data-target="#collapse_8" aria-expanded="false">

  291. 												<div class="d-flex justify-content-between align-items-center">

  292. 													<div class="media align-items-center">

  293. 														<div class="media-img-wrap mr-15">

  294. 															<div class="avatar avatar-sm">

  295. 																<span class="avatar-icon avatar-icon-inv-orange rounded-circle"><span class="initial-wrap"><span><i class="ri-coupon-3-fill"></i></span></span>

  296. 																</span>

  297. 															</div>

  298. 														</div>

  299. 														<div class="media-body">

  300. 															<div class="font-14 text-dark font-weight-500">Coupon Applied<span class="badge badge-theme ml-10">Success</span></div>

  301. 															<div>

  302. 																<span class="font-12">Coupon Code:</span>

  303. 																<span class="font-14 text-dark">SPS2007XJKILO78UO</span>

  304. 															</div>

  305. 														</div>

  306. 													</div>

  307. 													<div class="amount-display">₹2120</div>

  308. 												</div>

  309. 											</div>

  310. 											<div id="collapse_8" class="collapse">

  311. 												<div class="card-body">

  312. 													<div class="mb-5"><span class="font-14">Date:</span> <span class="text-dark">18 Nov 2020, 8:50 AM</span></div>

  313. 													<p class="font-14">This card is collapsible.<br>You can add any detail regarding the transaction in this section.</p> 

  314. 												</div>

  315. 											</div>

  316. 										</div>

  317. 										<div class="d-flex justify-content-end">

  318. 											<nav class="pagination-wrap d-inline-block mt-50 mb-20" aria-label="Page navigation example">

  319. 												<ul class="pagination custom-pagination pagination-simple">

  320. 													<li class="page-item"><a class="page-link" href="#">Previous</a></li>

  321. 													<li class="page-item active"><a class="page-link" href="#">1</a></li>

  322. 													<li class="page-item"><a class="page-link" href="#">2</a></li>

  323. 													<li class="page-item"><a class="page-link" href="#">3</a></li>

  324. 													<li class="page-item"><a class="page-link" href="#">...</a></li>

  325. 													<li class="page-item"><a class="page-link" href="#">15</a></li>

  326. 													<li class="page-item"><a class="page-link" href="#">Next</a></li>

  327. 												</ul>

  328. 											</nav>

  329. 										</div>

  330. 									</div>

  331. 									<div id="coupon_modal_1" class="coupon-modal d-block">

  332. 										<div class="d-flex justify-content-between align-items-center mb-30">

  333. 											<h5>Apply New Coupon</h5>

  334. 											<span class="close coupon-modal-close"></span>

  335. 										</div>

  336. 										<div class="card form-coupon mb-25">

  337. 											<div class="card-body pa-0">

  338. 												<div class="form-coupon-left">

  339. 													<div class="avatar avatar-lg">

  340. 														<span class="avatar-icon avatar-icon-inv-orange rounded-circle"><span class="initial-wrap"><span><i class="ri-coupon-3-fill"></i></span></span>

  341. 														</span>

  342. 													</div>

  343. 													<div class="font-14 font-weight-500 text-dark">You can apply multiple coupon</div>

  344. 												</div>

  345. 												<div class="form-coupon-right">

  346. 													<input class="form-control text-center mb-10" placeholder="Enter coupon code" type="text">

  347. 													<a href="#" class="btn btn-theme btn-block">Apply Coupon</a>

  348. 												</div>

  349. 											</div>

  350. 										</div>

  351. 										<div class="card">

  352. 											<div class="card-header">

  353. 												<h6>Applied Coupons<span class="badge badge-soft-pink badge-pill ml-5">4</span></h6>

  354. 											</div>

  355. 											<div class="card-body pa-0">

  356. 												<ul class="list-group list-group-flush coupon-code-list">

  357.                                                     <li class="d-flex align-items-center justify-content-between list-group-item">

  358. 														<div>SPS2007XJKILO78UO</div>

  359. 														<div class="d-flex align-items-center">

  360. 															<span class="discounted-amount mr-5">₹2120</span>

  361. 															<a class="btn btn-icon btn-flush-danger btn-rounded flush-soft-hover flex-shrink-0" href="#"><span class="btn-icon-wrap"><span class="feather-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-trash-2"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg></span></span></a>

  362. 														</div>

  363. 													</li>

  364. 													<li class="d-flex align-items-center justify-content-between list-group-item">

  365. 														<div>SPS2007XJKILO78UO</div>

  366. 														<div class="d-flex align-items-center">

  367. 															<span class="discounted-amount mr-5">₹2120</span>

  368. 															<a class="btn btn-icon btn-flush-danger btn-rounded flush-soft-hover flex-shrink-0" href="#"><span class="btn-icon-wrap"><span class="feather-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-trash-2"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg></span></span></a>

  369. 														</div>

  370. 													</li>

  371. 													<li class="d-flex align-items-center justify-content-between list-group-item">

  372. 														<div>SPS2007XJKILO78UO</div>

  373. 														<div class="d-flex align-items-center">

  374. 															<span class="discounted-amount mr-5">₹2120</span>

  375. 															<a class="btn btn-icon btn-flush-danger btn-rounded flush-soft-hover flex-shrink-0" href="#"><span class="btn-icon-wrap"><span class="feather-icon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-trash-2"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg></span></span></a>

  376. 														</div>

  377. 													</li>

  378. 													<li class="list-group-item">

  379. 														<a href="#" class="btn btn-theme btn-block">Redeem Coupons</a>

  380. 													</li>

  381.                                                 </ul>

  382. 											</div>

  383. 										</div>

  384. 									</div>

  385. 								</div>

  386. 							</div></div></div></div><div class="simplebar-placeholder" style="width: 1120px; height: 709px;"></div></div><div class="simplebar-track simplebar-horizontal" style="visibility: hidden;"><div class="simplebar-scrollbar" style="width: 0px; display: none;"></div></div><div class="simplebar-track simplebar-vertical" style="visibility: visible;"><div class="simplebar-scrollbar" style="height: 432px; transform: translate3d(0px, 0px, 0px); display: block;"></div></div></div>

  387. 						</div>

  388. 					</div>

  389. 				</div>

  390. 			</div>`;

  391.                         $("#" + containerid).html(html);

  392.                     }

  393.                     loadControlSettings(controlsettingjson, formpropertyid) {

  394.                         return null;

  395.                     }

  396.                     loadPropertySettings(propertysettings, formpropertyid, DocPropertyName) {

  397.                         return "";

  398.                     }

  399.                     bindEditFormDetails(formpropertyid, propval, DocPropertyName) {

  400.                         return "";

  401.                     }

  402.                     static Instance() {

  403.                         if (this.instance === undefined)

  404.                             this.instance = new CouponRademption();

  405.                         return this.instance;

  406.                     }

  407.                 }

  408.                 Controls.CouponRademption = CouponRademption;

  409.             })(Controls = Paybacks.Controls || (Paybacks.Controls = {}));

  410.         })(Paybacks = Apps.Paybacks || (Apps.Paybacks = {}));

  411.     })(Apps = Bizgaze.Apps || (Bizgaze.Apps = {}));

  412. })(Bizgaze || (Bizgaze = {}));