sriramphanib
/
WebBuild
İzle 1
Yıldızla 0
Çatalla 0
Kod Sorunlar 0 Değişiklik İstekleri 0 Sürümler 0 Wiki Aktivite
Built files from Bizgaze WebServer
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
7 İşlemeler
1 Dal
Dal: master
Dallar Biçim İmleri
${ item.name }
Branş ${ searchTerm } oluştur
'master'den
${ noResults }
WebBuild/wwwroot/apps/paybacks/controls/couponrademption.component.js

couponrademption.component.js 26KB
Kalıcı Bağlantı Geçmiş Ham

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 = {}));