1 2 3 4 5 6<!DOCTYPE html> 7<html> 8<head> 9 <title>Baaten Bazar Ki (BBK) Courses</title> 10 <meta name="keywords" content="Baaten Bazar Ki (बातà¥à¤ बाà¤à¤¾à¤° à¤à¥ (BBK)) is an initiative by Ankit Inspires India (Ankit Avasthi Sir)"/> 11 <meta name="description" content="Baaten Bazar Ki (बातà¥à¤ बाà¤à¤¾à¤° à¤à¥ (BBK)) is an initiative by Ankit Inspires India (Ankit Avasthi Sir)"/> 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 69 70 71 72 73 74 75 76 77 78 79 80 81 <meta name="google" content="notranslate"> 82 83 84 <link rel="canonical" href="https://www.baatenbazarki.com/s/store" /> 85 86 87 88<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> 89<link rel="icon" href="/favicon.ico" type="image/x-icon"> 90 91 92 93 94 95 96 97
97<script>var orgCountry = "IN";</script>
97 98 99 100 101 102<link id="theme" href="https://d502jbuhuh9wk.cloudfront.net/resources/themes/default/spectre.min.css" rel="stylesheet"> 103 104<link rel="preconnect" href="https://fonts.googleapis.com"> 105<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 106 107<link rel="preload" href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" as="style" onload="this.onload=null;this.rel='stylesheet'"> 108<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" ></noscript> 109 110<link rel="preload" href="https://d502jbuhuh9wk.cloudfront.net/resources/css/intlTelInput.css?v=1" as="style" onload="this.onload=null;this.rel='stylesheet'"> 111<noscript><link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/resources/css/intlTelInput.css?v=1" ></noscript> 112 113<link rel="preload" href="https://d502jbuhuh9wk.cloudfront.net/fontawesome/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 114<noscript><link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/fontawesome/css/all.min.css" ></noscript> 115 116<link id="theme-exp" href="https://d502jbuhuh9wk.cloudfront.net/resources/themes/default/spectre-exp.min.css" rel="stylesheet"> 117 118 119 120 121 <link href="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/stylesheets/sstyles_0f8f8346b730ed7f9d44d25335e652c6.css" rel="stylesheet"> 122 <link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/stylesheets/sstore_052a28d8fc16dab749345a09dfcd63bf.css"/> 123 124 <link rel="stylesheet" href="https://d502jbuhuh9wk.cloudfront.net/resources/stylesheets/gtheme3.css?v=7"/> 125 126 <style type="text/css"> 127 #loginLoader{ 128 position: absolute; 129 left: 0; 130 right: 0; 131 margin-left: auto; 132 margin-right: auto; 133 width: 100px; 134 top: 50%; 135 } 136 .customSocialBtn { 137 display: flex; 138 white-space: nowrap; 139 justify-content: center; 140 align-items: center; 141 padding: 11px 67px; 142 position: static; 143 left: 0px; 144 top: 40px; 145 cursor: pointer; 146 margin: auto; 147 border: none; 148 gap: 10px; 149 /*width: 364px; 150 height: 48px; 151 background: #000000; */ 152 /*For New Button Remove Bellow Codes and Uncomment upper Code */ 153 background: white; 154 border-radius: 4px; 155 box-shadow: 0 2px 4px 0 rgb(0 0 0 / 25%); 156 width: 245px; 157 height: 40px; 158 } 159 160 .customSocialBtn img.icon { 161 height: 20px; 162 width: 20px; 163 } 164 .customSocialBtn span.buttonText { 165 font-style: normal; 166 font-weight: 900; 167 font-size: 16px; 168 line-height: 120%; 169 opacity: 0.9; 170 font-family: 'Roboto', sans-serif; 171 /* color: #F7F7F7; */ 172 /*For New Button Remove Bellow Codes and Uncomment upper Code */ 173 color: #808080; 174 } 175 </style> 176 177 178 179 180 181 182 183 184 185 <style type="text/css"> 186 footer a, footer+div a { 187 color: var(--footerTextColor) !important; 188 } 189 footer .socialIcons {text-align: right;} 190 @media (max-width: 600px) { 191 footer .linksCont a { display: block !important; } 192 footer .socialIcons {text-align: center;margin-top: 20px;} 193 } 194 </style> 195 196 197 198 199 200 201 202<style type="text/css"> 203 :root { 204 --themeColor: #5755d9; 205 --themeBGColor: #fff; 206 --headerHeight: 86px; 207 --headerTextColor: #000000; 208 --headerBGColor: #ffffff; 209 --footerTextColor: #faf0f0; 210 } 211 212 213 :root { 214 --themeColor: #317AE7; 215 --themeBGColor: #EFF5FE; 216 --themeCornerRadius: 25px; 217 --themeGrayColor: #F5F5F5; 218 } 219 220</style> 221 222<style type="text/css"> 223 .is-overlay-bg { 224 opacity: 1; 225} 226 227.plan-details{ 228min-height: 0px!important; 229} 230.package-thumb{ 231margin-bottom: 0px!important; 232} 233:root { 234--themeColor: #fd9252; 235} 236 237.feedback2 .reviewslist .avgRatingContainer { 238 background: #232323; 239} 240 241.ratingIcons, 242.ratingIcons.icon-text, 243.ratingIcons + small { 244 display: none !important; 245} 246 247 248</style> 249 250 251 252 <!-- Facebook Pixel Code --> 253
253<script>
vendor: 426 bytes, lines 253-262
253 254 !function(f,b,e,v,n,t,s) 255 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 256 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 257 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 258 n.queue=[];t=b.createElement(e);t.async=!0; 259 t.src=v;s=b.getElementsByTagName(e)[0]; 260 s.parentNode.insertBefore(t,s)}(window, document,'script', 261 'https://connect.facebook.net/en_US/fbevents.js'); 262 fbq('init', '
262652651590451253
vendor: 34 bytes, lines 262-264
262'); 263 fbq('track', 'PageView'); 264
264</script>
264 265 <noscript><img height="1" width="1" style="display:none" 266 src="https://www.facebook.com/tr?id=652651590451253&ev=PageView&noscript=1" 267 /></noscript> 268 <!-- End Facebook Pixel Code --> 269 270
271<script type="text/javascript"> 272 window.onload = function(event) { 273 document.querySelectorAll('header .avatar img').forEach(function(img){ 274 if(img.naturalWidth == 0) { 275 img.style.display='none'; 276 } 277 }) 278 }; 279 var RESCDN = "https://d502jbuhuh9wk.cloudfront.net"; 280 281 function showCourseDefaultCover(img, cid) { 282 var rndm = ((parseInt(cid.replace(/[a-z]/g, '')) % 10) % 6) + 1; 283 rndm = isNaN(rndm) ? 1 : rndm; 284 if(img === null) { 285 return RESCDN + "/resources/images/cc"+rndm+".jpg"; 286 } 287 288 img.src = RESCDN + "/resources/images/cc"+rndm+".jpg"; 289 } 290</script>
290 291 292 293 294 295 296 297 298 299 300 301 302
303<script type="text/javascript">var learnerConsentMsg = `We've updated our <a href='/termsofuse' target='_blank' style='text-decoration:underline'>terms and conditions</a> and <a href='/privacy-policy' target='_blank' style='text-decoration:underline'>privacy policy</a>.<br>By proceeding, you agree to our new terms.`;</script>
303 304
305<script type="text/javascript">var creatorConsentMsg = `We've updated our <a href='https://graphy.com/legal/terms' target='_blank' style='text-decoration:underline'>terms and conditions</a> and <a href='https://graphy.com/legal/privacy' target='_blank' style='text-decoration:underline'>privacy policy</a>.<br>By proceeding, you agree to our new terms.`;</script>
305 306
307<script type="text/javascript">var cookieMsg = `We use cookies to personalise your experience and to analyse our website traffic. By continuing to use our website, you consent to our cookies.`;</script>
307 308 309 310 311 312 313
314<script type="text/template" id="consentPromptTemplate"> 315<div class="spectre"> 316 <div class="modal active" id="consentPrompt"> 317 <a href="javascript:void(0);" class="modal-overlay" aria-label="Close"></a> 318 <div class="modal-container" style="max-width:325px"> 319 <div class="modal-header" style="padding:0.8rem 0.8rem 0px 0.8rem;"> 320 <div class="modal-title h5 text-center">Updated Terms</div> 321 </div> 322 <div class="modal-body"> 323 324 <form id="consentForm" style="text-align:center; font-size:13px"> 325 <div class="content"></div><br> 326 <div class="text-center"> 327 <button id="consentBtn" type="button" class="btn close btn-primary">I Agree</button> 328 </div> 329 </form> 330 331 </div> 332 </div> 333</div> 334</script>
334 335 336
337<script> 338 var hideCookiePopup = false; 339 var cookieConsentEnabled = false; 340 if(!cookieConsentEnabled){ 341 hideCookiePopup = true; 342 } 343 var SPORG = {subscriptionPlan: "rise", checkout_version: "2", customer_type: "r"}; 344</script>
vendor: 1 bytes, line 344
344
345<script type="text/template" id="cookiePopupTemplate"> 346<div class="spectre" style="position: fixed; bottom: 0; width: 100%; opacity:1; z-index: 9999;"> 347 <div class="modal-container p-0" id="cookiePopup"> 348 <form id="cookiePopupForm"> 349 <div class="columns" style="align-items: center;"> 350 <div class="column col-sm-12 content text-center"></div> 351 <div class="column col-sm-12 text-center"> 352 <a href="/privacy-policy" class="btn" target="_blank" id="viewPrivacyPolicyBtn" style="margin-right:15px;">View privacy policy</a> 353 <button id="acceptCookiesBtn" type="button" class="btn close btn-primary">Accept cookies</button> 354 </div> 355 </div> 356 </form> 357 </div> 358</div> 359</script>
359 360 361 362 363 364 365 366
366<script> 367document.addEventListener('DOMContentLoaded', function() { 368 var path = window.location.pathname; 369 370 // Run only on homepage ("/") and pages containing "/courses/" 371 if (path === "/" || path.includes("/courses/")) { 372 var footer = document.querySelector('footer'); 373 if (footer && footer.parentNode) { 374 footer.parentNode.style.display = "none"; 375 } 376 } 377}); 378</script>
378 379 380 381 382 383 384 385 386<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 386-387
386 387<script async src='https://www.googletagmanager.com/gtag/js?id=
387G-K8KY317E22
vendor: 12 bytes, line 387
387'></script>
388<script> 389
vendor: 130 bytes, lines 389-392
389window.dataLayer = window.dataLayer || []; 390 function gtag(){dataLayer.push(arguments);} 391 gtag('js', new Date()); 392 gtag('config', '
392G-K8KY317E22
vendor: 4 bytes, line 392
392');
393</script>
393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408
408<script> 409(function () { 410 const currentUrl = window.location.href; 411 412 // Run only on Graphy purchase redirect pages 413 if ( 414 currentUrl.includes('/course/purchase') && 415 currentUrl.includes('course-not-purchased') 416 ) { 417 try { 418 const url = new URL(currentUrl); 419 const innerUrl = url.searchParams.get("url"); 420 421 if (!innerUrl) return; 422 423 // Decode inner URL 424 const decoded = decodeURIComponent(innerUrl); 425 426 // Extract courseId 427 const params = new URLSearchParams(decoded.split('?')[1]); 428 const courseId = params.get("courseId"); 429 430 // ð¯ Apply ONLY for your specific course 431 if (courseId === "69987f82d5c66269a3f812b7") { 432 433 const newUrl = "https://www.baatenbazarki.com/t/p/checkout/V4/course/69987f82d5c66269a3f812b7/p1?callback_url=/courses/69987f82d5c66269a3f812b7"; 434 435 window.location.replace(newUrl); 436 } 437 438 } catch (e) { 439 console.error("Redirect error:", e); 440 } 441 } 442})(); 443</script>
443 444 <style type="text/css"> 445 446 </style> 447 448 449 450 451 452 453 454 455 456<!-- Google Tag Manager -->
457<script>
vendor: 327 bytes, lines 457-461
457(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 458new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 459j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 460'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 461})(window,document,'script','dataLayer','
461GTM-KW7N9P2
vendor: 4 bytes, line 461
461');
462</script>
462 463<!-- End Google Tag Manager --> 464 465
465<script defer type="text/javascript" src="https://api.pirsch.io/pirsch-extended.js" 466 id="pirschextendedjs" 467 data-code="9Ni4mHKEaICgr6ad76YzgmAW5W2NnoVL"></script>
467 468 469 <meta name="google-site-verification" content="" /> 470</head> 471<body class="theme3"> 472 473 474 <style type='text/css'>body { margin-top: 0; } .containerBody { margin-top: 86px !important; } .bootstrap-styles { position: fixed; z-index: 9; background: transparent; width: 100%; top: 0; padding: 0; } .bootstrap-styles nav { backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); background-color: rgba(255, 255, 255, 0.5); border-radius: 50px; display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 10px auto !important; padding: 8px 16px 8px 32px; overflow: visible; } @media (max-width: 760px) { .bootstrap-styles nav { border-radius: 10px; margin-top: 16px; } } .bootstrap-styles .navbar { width: 100%; max-width: 1240px; margin: 0 auto; } .bootstrap-styles .navbar-collapse { width: auto !important; } .bootstrap-styles .navbar-nav { align-items: center; } .bootstrap-styles .navbar-brand { padding: 0 !important; } .nav-item { margin: 0 !important; } .navbar-brand img { width: 60px !important; } .bootstrap-styles .dropdown-menu { position: absolute; top: 80%; right: 0; left: auto !important; } .bootstrap-styles .dropdown-item { font-size: 15px; } @media (max-width: 500px) { .bootstrap-styles .dropdown-item { font-size: 12px !important; } } .bootstrap-styles .nav-link { color: #000 !important; text-transform: capitalize; text-align: center; font-size: 14px; font-weight: 500 !important; border: 1px solid transparent; box-shadow: none !important; } .nav-link { display: inline-block; vertical-align: middle; transform: perspective(1px) translateZ(0); position: relative; overflow: hidden; } .nav-link:hover, .nav-link:focus, .nav-link:active { outline: none !important; box-shadow: none !important; } button:focus { outline: none !important; } .user-icon { background: #000; color: #fff !important; padding: 10px 15px; border-radius: 50%; } .loginBtn { position: relative; } .bootstrap-styles .dropdown { top: 0; right: 0; } .spectre .avatar { background: #78909b; border-radius: 50%; color: #fff !important; display: inline-block; font-size: 0.8rem; font-weight: 300; height: 1.6rem; width: 1.6rem; line-height: 1.6rem; vertical-align: top !important; } .spectre .avatar img { display: none !important; } #i8qz9 { display: none; } #iqy2o { color: #000; } #ioa8z { width: 100%; max-width: 394px; } .nav-link.dropdown-toggle { display: flex; align-items: center; } @media (min-width: 992px) { .slideIn { animation: slideIn 0.3s both; } .navbar-collapse { width: 100%; display: flex; justify-content: space-between; align-items: center; } } @keyframes slideIn { from { transform: translateY(1rem); opacity: 0; } to { transform: translateY(0); opacity: 1; } } /* ===== Nav link hover underline (bbknav-) ===== */ .bbknav-navlink { position: relative; } .bbknav-navlink::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 2px; height: 2px; background-color: #ff904c; transform: scaleX(0); transform-origin: center; transition: transform 0.25s ease; } .bbknav-navlink:hover::after, .bbknav-navlink:focus::after { transform: scaleX(1); } /* ===== Finance & Investing dropdown (bbknav-) ===== */ .bbknav-finance-dropdown { position: relative; } .bbknav-finance-toggle, .bbknav-finance-item { cursor: pointer; white-space: nowrap; transition: color 0.2s ease, background-color 0.2s ease; } .bbknav-finance-toggle { display: flex !important; align-items: center; gap: 6px; } .bbknav-finance-toggle-text { display: inline-block; } .bbknav-finance-chevron { flex-shrink: 0; transition: transform 0.25s ease; } .bbknav-finance-toggle:hover, .bbknav-finance-toggle:focus { color: #ff904c !important; } /* Rotate chevron on desktop hover or when Bootstrap marks the dropdown open */ @media (min-width: 992px) { .bbknav-finance-dropdown:hover .bbknav-finance-chevron { transform: rotate(180deg); } } .bbknav-finance-toggle[aria-expanded="true"] .bbknav-finance-chevron { transform: rotate(180deg); } .bbknav-finance-menu { min-width: 260px; max-width: min(435px, 90vw); right: 0; left: auto; padding: 6px 0; box-sizing: border-box; } .bbknav-finance-item { position: relative; display: flex; align-items: center; gap: 10px; white-space: normal; word-break: break-word; padding: 8px 16px; text-transform: capitalize; font-size: 14px; color: #000; border-left: 3px solid transparent; } .bbknav-finance-icon { flex-shrink: 0; color: inherit; } .bbknav-finance-item-text { display: inline-block; } .bbknav-finance-item::after { content: ""; position: absolute; left: 16px; right: 16px; bottom: 3px; height: 2px; background-color: #ff904c; transform: scaleX(0); transform-origin: center; transition: transform 0.25s ease; } .bbknav-finance-item:hover, .bbknav-finance-item:focus { color: #ff904c !important; background-color: rgba(255, 144, 76, 0.1); border-left-color: #ff904c; text-decoration: none; } .bbknav-finance-item:hover::after, .bbknav-finance-item:focus::after { transform: scaleX(1); } /* Desktop: open Finance & Investing on hover, with smooth transition */ @media (min-width: 992px) { .bbknav-finance-menu { display: block !important; opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease; pointer-events: none; } .bbknav-finance-dropdown:hover .bbknav-finance-menu, .bbknav-finance-menu.show { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; } } /* Mobile: unchanged click/touch behavior (Bootstrap .show toggle) */ @media (max-width: 760px) { .bbknav-finance-menu { position: static !important; float: none; width: 100%; max-width: 100%; box-shadow: none; border: none; background: transparent; padding-left: 12px; margin-top: 0; } .bbknav-finance-item { padding: 10px 16px; font-size: 13px; } .bbknav-finance-dropdown { width: 100%; } } @media (max-width: 500px) { .bbknav-finance-item { font-size: 12px !important; } }</style><html> 475 <head> 476 <link rel="stylesheet" href="/resources/stylesheets/bootstrap-styles.css"> 477 </head> 478 <body> 479 <div class="bootstrap-styles"> 480 <nav id="iwr8" class="navbar navbar-expand-lg navbar-light"> 481 <div id="itbfb" class="container-fluid"> 482 <a href="/" class="navbar-brand mr-0"><img class="img-fluid lazy" data-src="/logo.png"></a> 483 <button type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" id="iis46" class="navbar-toggler" style="border: 1px solid #000;">
483 <i id="iqy2o" class="fas fa-bars"> </i> </button> 484 <div id="navbarSupportedContent" class="collapse navbar-collapse"> 485 <ul id="iu50m" class="navbar-nav ml-auto"> 486 <li class="nav-item"><a href="/s/store" class="nav-link bbknav-navlink">All Courses</a></li> 487 <li class="nav-item"><a href="https://www.baatenbazarki.com/courses/Personality-Development--Communication-Excellence-Program-6a452bb84f6374a0bfd7eb6a" class="nav-link bbknav-navlink">Personality Development</a></li> 488 <li class="nav-item"><a href="/courses/Usage-of-AI-by-Ankit-Avasthi-Sir-69987f82d5c66269a3f812b7" class="nav-link bbknav-navlink">AI Mastery Course</a></li> 489 <li class="nav-item dropdown bbknav-finance-dropdown"> <a href="#" id="bbknav-finance-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle bbknav-finance-toggle bbknav-navlink"> <span class="bbknav-finance-toggle-text">Finance & Investing</span> 490 <svg class="bbknav-finance-chevron" width="12" height="12" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"> 491 <polyline points="6 9 12 15 18 9"></polyline> 492 </svg> </a> 493 <div class="dropdown-menu bbknav-finance-menu" aria-labelledby="bbknav-finance-toggle"> 494 <a href="/courses/Fundamentals-of-Stock-Market-6756a3621124cf572ee266e2" class="dropdown-item bbknav-finance-item"> 495 <svg class="bbknav-finance-icon" width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"> 496 <polyline points="3 17 9 11 13 15 21 6"></polyline> 497 <polyline points="14 6 21 6 21 13"></polyline> 498 </svg> <span class="bbknav-finance-item-text">Fundamentals of Stock Market</span> </a> 499 <a href="/courses/Complete-Course-of-Mutual-Fund-67aed13828dd11161fba9042" class="dropdown-item bbknav-finance-item"> 500 <svg class="bbknav-finance-icon" width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"> 501 <circle cx="12" cy="12" r="9"></circle> 502 <path d="M12 7v10"></path> 503 <path d="M15 9.5c0-1.38-1.34-2.5-3-2.5s-3 1.12-3 2.5 1.34 2.5 3 2.5 3 1.12 3 2.5-1.34 2.5-3 2.5-3-1.12-3-2.5"></path> 504 </svg> <span class="bbknav-finance-item-text">Foundation Course of Mutual Funds</span> </a> 505 <a href="/t/p/checkout/V4/course/680cee98a5ca5a6e1a79b74c/p1?callback_url=/courses/680cee98a5ca5a6e1a79b74c" class="dropdown-item bbknav-finance-item"> 506 <svg class="bbknav-finance-icon" width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"> 507 <rect x="3" y="7" width="18" height="13" rx="2"></rect> 508 <path d="M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path> 509 <path d="M3 12h18"></path> 510 </svg> <span class="bbknav-finance-item-text">Portfolio Building and Management Package</span> </a> 511 <a href="/t/p/checkout/V4/course/680cedad39b3c273bd7ce218/p1?callback_url=/courses/680cedad39b3c273bd7ce218" class="dropdown-item bbknav-finance-item"> 512 <svg class="bbknav-finance-icon" width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"> 513 <path d="M3 3v18h18"></path> 514 <rect x="7" y="12" width="3" height="6"></rect> 515 <rect x="12" y="8" width="3" height="10"></rect> 516 <rect x="17" y="5" width="3" height="13"></rect> 517 </svg> <span class="bbknav-finance-item-text">Portfolio Building and Management Course</span> </a> 518 <a href="/t/p/checkout/V4/course/68555b6a78c1f544e0894f72/p1?callback_url=/courses/685
51855b6a78c1f544e0894f72" class="dropdown-item bbknav-finance-item"> 519 <svg class="bbknav-finance-icon" width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"> 520 <circle cx="12" cy="12" r="9"></circle> 521 <path d="M8 14.5l2.5-3 2 2 3.5-4.5"></path> 522 </svg> <span class="bbknav-finance-item-text">Fundamentals Combo: Stock Market & Mutual Fund</span> </a> 523 </div> </li> 524 <li class="nav-item"><a href="/contactus" class="nav-link bbknav-navlink"> Contact Us </a></li> 525 <li class="nav-item"><a href="/blog" class="nav-link bbknav-navlink"> Blogs </a></li> 526 <li class="nav-item"><a class="nav-link bbknav-navlink loginBtn"> login </a></li> 527 <li id="i8qz9" class="nav-item dropdown userDropdown spectre"><a href="#" id="navbardrop" data-toggle="dropdown" class="nav-link dropdown-toggle"> 528 <figure data-initial="" class="avatar user-icon"> 529 <img class="img-fit-cover lazy" data-src="/s/profile/thumb"> 530 </figure> </a> 531 <div class="dropdown-menu animate slideIn"> 532 <a href="/s/myprofile" class="dropdown-item">My Profile</a> 533 <a href="/s/logout" class="dropdown-item">Logout</a> 534 </div> </li> 535 </ul> 536 </div> 537 </div> 538 </nav> 539 </div> 540
540<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
540 541
541<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
541 542
542<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
542 543
543<script type="text/javascript" async> if (typeof SPUSER !== "undefined") { $(document).ready(function(e) { $(".userDropdown").show().find(".avatar").attr("data-initial", getUserInitial(SPUSER.email, SPUSER.name)); }); } </script>
543 544 </body> 545</html> 546 547 548 549 <div class="spectre"> 550 <div class="main container" style="margin-top: 86px;"> 551 <div class="columns pt-2"> 552 <div class="column col-4 col-sm-12"> 553 <div class="dropdown categoriesBtn col-12"> 554 <a href="#" class="btn btn-lg btn-primary dropdown-toggle" tabindex="0"><span class="icon-text">Category</span> <i class="material-icons">arrow_drop_down</i></a> 555 <ul class="menu"></ul> 556 </div> 557 </div> 558 </div> 559 560 561 562 563 <div class="border-bottom" style="margin-top: 50px;" > 564 <h2><label class="text-ellipsis d-inline-block" style="max-width: calc(100% - 100px);" title="Latest launch">Latest launch</label> <a href="/s/store/courses/Latest Launch" class='btn float-right'>View All</a></h2> 565 </div> 566 <div class="columns itemsContainer loading loading-lg" data-url="/store/courses/Latest Launch"></div> 567 568 <div class="border-bottom" style="margin-top: 50px;" > 569 <h2><label class="text-ellipsis d-inline-block" style="max-width: calc(100% - 100px);" title="Courses">Courses</label> <a href="/s/store/courses/Paid" class='btn float-right'>View All</a></h2> 570 </div> 571 <div class="columns itemsContainer loading loading-lg" data-url="/store/courses/Paid"></div> 572 573 <div class="border-bottom" style="margin-top: 50px;" > 574 <h2><label class="text-ellipsis d-inline-block" style="max-width: calc(100% - 100px);" title="Finance & Investing">Finance & Investing</label> <a href="/s/store/courses/Finance & Investing" class='btn float-right'>View All</a></h2> 575 </div> 576 <div class="columns itemsContainer loading loading-lg" data-url="/store/courses/Finance & Investing"></div> 577 578 579 580 </div> 581 </div> 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 <div class="spectre" style="clear:both;"> 601<div class="bg-dark relative" style="padding-top: 80px; padding-bottom: 80px; background-color: #000000;color:#faf0f0;"> 602<footer class="p-2" 603 style=""> 604 <div class="container p-0"> 605 <div class="columns col-gapless"> 606 <div class="column col-9 col-md-6 col-sm-12 linksCont"> 607 608 <a class="btn btn-link" href="/termsofuse" data-id="termsofuse">Terms of use</a> 609 610 611 <a class="btn btn-link" href="/privacypolicy" data-id="privacypolicy">Privacy policy</a> 612 613 614 <a class="btn btn-link" href="/aboutus" data-id="aboutus">About us</a> 615 616 617 <a class="btn btn-link" href="/faqs" data-id="faqs">FAQs</a> 618 619 620 <a class="btn btn-link" href="/contactus" data-id="contactus">Contact us</a> 621 622 623 <a class="btn btn-link" href="/refundpolicy" data-id="refundpolicy">Refund policy</a> 624 625 626 627 628 </div> 629 <div class="column col-3 col-md-6 col-sm-12 socialIcons"> 630 631 <a class="btn btn-link fbPage" target="_blank" href="https://www.facebook.com/AnkitAvasthiBaatenBazarKi"><i class="fa-brands fa-facebook"></i></a> 632 633 634 <a class="btn btn-link twitterPage" target="_blank" href="https://www.twitter.com/kaankit"><span style="font-size: 12px">𝕏</span></a> 635 636 637 <a class="btn btn-link yPage" target="_blank" href="https://www.youtube.com/@BaatenBazarKi"><i class="fa-brands fa-youtube"></i></a> 638 639 640 <a class="btn btn-link linkedinPage" target="_blank" href="https://www.linkedin.com/in/ankit-kumar-avasthi/"><i class="fa-brands fa-linkedin"></i></a> 641 642 643 <a class="btn btn-link instaPage" target="_blank" href="https://www.instagram.com/avasthiankit"><i class="fa-brands fa-instagram"></i></a> 644 645 646 <a class="btn btn-link telegramPage" target="_blank" href="https://t.me/BaatenBazarKiBBK"><i class="fa-brands fa-telegram"></i></a> 647 648 </div> 649 </div> 650 </div> 651</footer> 652 653</div> 654</div> 655
656<script type="text/javascript"> 657 window.onload = function(e) { 658 if($("footer").find(".socialIcons a").length == 0) { 659 $("footer").find(".socialIcons").remove(); 660 $("footer").find(".linksCont").attr("class", "linksCont column col-12 text-center"); 661 } 662 } 663 664</script>
664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679
680<script>const customDomain = "www.baatenbazarki.com";</script>
680 681 682 683 684
685<script> 686var disabledLocleVar='Disabled'; 687var enabledLocaleVar='Enabled'; 688var smsLocaleVar='SMS'; 689var webpushLocaleVar='Web Push'; 690var mobilepushLocaleVar='Mobile Push'; 691var invoicenumberLocaleVar='Invoice Number'; 692var productLocaleVar='Product'; 693var dateLocaleVar='Date'; 694var amountLocaleVar='Amount'; 695var detailsLocaleVar='Details'; 696var subscriptionPlanLocaleVar='Subscription Plan'; 697var addonsLocaleVar='Add Ons'; 698var showLocalVar='Show'; 699var hideLocaleVar='Hide'; 700</script>
700 701<div class="spectre"> 702 703 704 705 706 707 708 709
709<script> 710 var isPopupLogin = true; 711 var login = ''; 712 var message = ''; 713 function closeLoginPopup() { 714 $("#loginFormHtml").removeClass("active"); 715 $("body").removeClass("overflowYDisable"); 716 } 717 </script>
717 718 719 720 721 722 723 724 725 726 <div class="modal" id="loginFormHtml"> 727 <iframe id="microfe-popup-login" src="/t/public/login?v3&type=phoneOtp&url=" loading="lazy" 728 style="width: calc(100% + 10px); height: 100vh; border: none;" 729 onload="$(this).parent().removeClass('loading');"></iframe> 730 </div> 731 732 733 734 735 736 <div class="modal" id="cartHtml"> 737 <a href="javascript:void(0);" class="modal-overlay close" 738 aria-label="Close"></a> 739 <div class="modal-container" style="max-width: 800px;"> 740 <div class="modal-header"> 741 <a href="javascript:void(0);" 742 class="close btn btn-clear float-right" aria-label="Close"></a> 743 <div class="modal-title h5"> 744 <i class="fa-regular fa-shopping-cart"></i> 745 Cart 746 (<span class="cartCount">0</span> 747 Items 748 ) 749 </div> 750 </div> 751 <div class="modal-body" style="max-height: 70vh;"> 752 <div class="content"> 753 754 <div class="text-center msg loading"></div> 755 <div class="text-center msg noItems" style="display: none;"> 756 There are no items in your cart<br/> 757 <a class="btn btn-primary" href="/s/store" 758 style="margin: 20px auto;"> 759 Add More 760 </a> 761 </div> 762 <div class="items msg" style="display: none;"> 763 <div class="m-0 cartDiv"> 764 <table class="table cartTable"> 765 <thead> 766 <tr> 767 <th colspan="2">Item Details</th> 768 <th class="text-right">Price</th> 769 <th style="width: 50px;"></th> 770 </tr> 771 </thead> 772 <tbody></tbody> 773 </table> 774 </div> 775 <div class="suggestCart mt-2 bg-gray p-2" style="display: none;"> 776 <h6>You may also be interested in</h6> 777 <div class="columns loading" id="cartRelatedCont"></div> 778 </div> 779 </div> 780 </div> 781 </div> 782 <div class="modal-footer"> 783 <div class="msg items clearfix"> 784 785 786 787 <div class="float-left text-gray"> 788 Note: Promo Codes can be applied after checkout 789 </div> 790 791 792 793 <div class="float-right"> 794 Total Amount 795 <span class="text-primary curr">â¹<span 796 class="totalAmount">0</span></span> 797 </div> 798 </div> 799 <div class="msg items clearfix mt-2"> 800 <a class="btn float-left" href="/s/store" amplitude-event="add_more_course_checkout"> 801 Add More 802 </a> 803 804 805 806 807 808 809 810 <a class="btn btn-primary float-right" href="/s/checkout" amplitude-event="checkout_tapped_course_checkout" amplitude-payload='{"currency": "INR" }'>Checkout</a> 811 </div> 812 </div> 813 </div> 814 </div> 815 <div class="modal" id="newCheckoutHtml" style="padding: 0; z-index: 10000;"> 816 <div id="newCheckoutLoader" class="loading loading-lg" style="position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5); z-index: 1000;display:none;"></div> 817 <!-- <a href="javascript:void(0);" class="modal-overlay close" 818 aria-label="Close"></a> 819 <div class="modal-container" style=""> --> 820 821 822 <iframe onload="hideCheckoutLoader()" id="newCheckoutIframe" sandbox="allow-top-navigation allow-modals allow-popups allow-presentation allow-orientation-lock allow-pointer-lock allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation allow-scripts allow-same-origin allow-forms" style = "width: calc(100% + 10px); height: 100%; border: none;" src=""></iframe> 823 824 <!-- </div> --> 825 </div> 826</div> 827
828<script type="text/template" id="cartItemTemplate"> 829 <tr data-id="<@- item.id @>" data-type="<@- item.type @>" data-title="<@- item.title @>" data-price="<@- item.price @>" data-coursecategory="<@- item.courseCategory @>"> 830 <@ var itemType = item.type; @> 831 <td style="width:150px;"> 832 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item.id +"/"+ item.id +"_scaled_cover.jpg?v=" + coverVersion; if(isNaN(coverVersion)) { curl = showCourseDefaultCover(null, item.id) } @> 833 <img alt="<@- item.title @> cover" style="width:100%;max-height:100px;" class="img-fit-contain lazy" onerror="showCourseDefaultCover(this, '<@- item.id @>')" 834 data-src='<@- curl @>' /> 835 </td> 836 <td class="itemTitle"><@- item.title @><@ if(item.description !== undefined) { @><div class='text-gray variantDescription'><@ print(item.description) @></div><@ } @></td> 837 <td class="text-right curr"><@ if(item.priceWithoutTax !== undefined && '' != '') { @><@ print(getDisplayAmount(item.priceWithoutTax)) @><br><small><@ print(getDisplayAmount(item.price)) @> incl. <@- item.gstRate @>% </small><@ } else { @><@ print(getDisplayAmount(item.price)) @> <@ if(item.gstRate > 0 && '' != '') { print("<br><small>incl. " +item.gstRate+"% </small>") } @><@ } @> 838 <@ if(item.pgChargesLearnerPercent !==undefined && getDisplayAmount(item.pgChargesLearnerPercent).includes('â¹')) {@> <br><small>Internet handling fees: <@print(getDisplayAmount(item.pgChargesLearnerPercent/100*item.price))@></small> <@} @> 839 </td> 840 <td>
840<button class="btn btn-sm btn-error btn-action circle removeItemBtn" data-url="/s/cart/remove/<@- item.id @>"><i class="material-icons">clear</i></button></td> 841 </tr> 842 </script>
vendor: 1 bytes, line 842
842
843<script type="text/template" id="cartcoursecard-template"> 844 <div class="column col-2 col-md-4 scourse <@- item['spayee:resource']['spayee:courseType'] @>" title="<@- item["spayee:resource"]["spayee:title"] @>"> 845 <a class="card" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"> 846 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item["spayee:resource"]["spayee:coverVersion"]; if(isNaN(item["spayee:resource"]["spayee:coverVersion"])) { curl = showCourseDefaultCover(null, item._id) } @> 847 <img style="width: 100%;" alt="<@- item['spayee:resource']['spayee:title'] @> cover" class="lazy" data-src="<@- curl @>" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 848 <div class="card-footer" style="padding: 0.2rem;"><span class="ctitle text-ellipsis d-block" style="color:#2f4f4f;font-size:small;"><@- item["spayee:resource"]["spayee:title"] @></span></div> 849 </a> 850 </div> 851 </script>
vendor: 1 bytes, line 851
851
852<script type="text/template" id="coursecard-template"> 853 <div class="column scourse <@- item['spayee:resource']['spayee:courseType'] @> hidePackageRibbon<@- item['spayee:resource']['spayee:hidePackageRibbon'] @>"> 854 855 856 857 <@ var itemCategory = (item['spayee:resource']['spayee:filter1'] !== undefined)? item['spayee:resource']['spayee:filter1'][0]:'' @> 858 859 <a class="card courseDiscId" style="height:100%" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" data-id="<@- item._id@>" data-dcid="<@-item._id@>" 860 amplitude-event="course_card_tapped_checkout" 861 amplitude-payload='{"<@- item['spayee:resource']['spayee:courseType']== 'package' ? "package_id" : "course_id" @>": "<@- item._id @>","is_a_package":"<@- item['spayee:resource']['spayee:courseType']== 'package' ? "true" : "false" @>","price_on_card":"<@- removeCurrencySymbol(getCourseDisplayPrice('â¹', '', item, '0.0', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable('', item) @>","wallet_coins_enabled_on_school":"false","category":"<@- itemCategory @>"}' 862 > 863 864 865 866 <div class="card-image relative <@ print(item["spayee:resource"]["spayee:availableForMembership"] ? 'includedInMembership' : '') @>"> 867 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id + "/" + item._id +"_scaled_cover.jpg?v=" + item["spayee:resource"]["spayee:coverVersion"]; if(isNaN(item["spayee:resource"]["spayee:coverVersion"])) { curl = showCourseDefaultCover(null, item._id); } @> 868 <div class="blurbg lazy" data-bg="<@- curl @>"></div> 869 <img alt="<@- item['spayee:resource']['spayee:title'] @> cover" class="lazy" data-src="<@- curl @>" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 870 </div> 871 <div class="card-body text-ellipsis"> 872 <span class="ctitle" style="color:#2f4f4f;text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;"><@- item["spayee:resource"]["spayee:title"] @></span><br> 873 874 <@ if(item.rating !== undefined) { @> 875 <span class="text-gray ratingIcons icon-text"> 876 <@ for(var i=1;i<6;i++) { @> 877 <@ if(item.rating.avgRating >= i) { @><i class="material-icons text-primary">star</i><@ }else if(item.rating.avgRating > i-1 && item.rating.avgRating < i) { @><i class="material-icons text-primary">star_half</i><@ }else { @> 878 <i class="material-icons">star_border</i> 879 <@ } } @></span><small class="d-inline-block pl-1 text-dark"><@ print(formatRating(item['rating']['avgRating'])) @> (<@- item['rating']['total'] @> ratings)</small> 880 <@ }else { @> <span class="text-gray ratingIcons icon-text"> </span> <@ } @> 881 <br> 882 <span class="text-gray"> 883 <@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @> 884 <@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses 885 <@ }else { @> 886 <@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?htmlEntities(item["spayee:resource"]["spayee:publisher"]):" ") @> 887 <@ } @> 888 </span> 889 </div> 890 <div class="card-footer"> 891 <@ print(getCourseDisplayPrice('â¹', '', item, '0.0', '', true)) @> 892 <span class="text-gray" style="font-size:small"> 893 <@ if(item['spayee:resource']['spayee:instalmentPlanId']!=null && item['spayee:resource']['spayee:instalmentPlanId'] !== "") { @> 894 <@ print(getCourseInstalmentDisplayPrice('', item))@> 895 <@ }else { @> 896 <@ " " @> 897 <@ } @> 898 </span> 899 </div> 900 <div style="padding: 0 0.8rem 0.8rem 0.8rem;"> 901 <span class="text-gray" style="font-size:small"> 902 <@ if(getMultiplePlanLabel('', item)>1) {@> 903 <i class="material-icons text-primary" style="font-size:small">discount</i> 904 <@ print(' Flexible pricing plans') } @> 905 </span> 906 </div> 907 </a> 908 </div> 909 </script>
909 910
911<script type="text/template" id="blogcard-template"> 912 <div class="column col-3 col-md-6 col-sm-6 col-xs-12 scourse" style="margin-bottom: 20px;"> 913 <a class="card" title="<@- item['spayee:resource']['spayee:title'] @>" href="/blog/<@- item['spayee:resource']['spayee:url'] @>"> 914 <div class="card-image relative"> 915 <@ if(item['spayee:resource']['spayee:cover'] !== undefined && item['spayee:resource']['spayee:cover']) { @> 916 <div class="blurbg lazy" data-bg="https://d502jbuhuh9wk.cloudfront.net/articles/<@- item._id @>/cover.jpg<@ print(item["spayee:resource"]["spayee:coverVersion"] !== undefined?"?v="+item["spayee:resource"]["spayee:coverVersion"]:"") @>"></div> 917 <img alt="<@- item['spayee:resource']['spayee:title'] @> cover" class="img-responsive centered relative lazy" style="max-height: 100%;" data-src="https://d502jbuhuh9wk.cloudfront.net/articles/<@- item._id @>/cover.jpg?v=<@- item['spayee:resource']['spayee:coverVersion'] @>" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 918 <@ }else { @> 919 <div class="blurbg lazy" data-bg="https://d502jbuhuh9wk.cloudfront.net/resources/images/defaultCourseCover.png"></div> 920 <img alt="<@- item['spayee:resource']['spayee:title'] @> cover" class="img-responsive centered relative lazy" style="max-height: 100%;" data-src='https://d502jbuhuh9wk.cloudfront.net/resources/images/defaultCourseCover.png'> 921 <@ } @> 922 </div> 923 <div class="card-body text-ellipsis"><span style="color:#2f4f4f;"><@- item["spayee:resource"]["spayee:title"] @></span></div> 924 <div class="card-footer" style="padding: 0.4rem;"> 925 <span class="text-gray float-left text-ellipsis" style="max-width: calc(100% - 110px);"><@ print(item["spayee:resource"]["spayee:author"]!==undefined?htmlEntities(item["spayee:resource"]["spayee:author"]):"") @></span> 926 <@ var pdate = item.createdDate.$date; if(item['spayee:resource']['spayee:publishDate'] !== undefined && item['spayee:resource']['spayee:publishDate'] !== '') { pdate = item['spayee:resource']['spayee:publishDate']; } @> 927 <time class="float-right text-warning"><@ print(formatDate(new Date(pdate))) @></time> 928 </div> 929 </a> 930 </div> 931 </script>
931 932 933
933<script type="text/javascript"> 934 var uuid = function (a) { 935 // https://github.com/amplitude/Amplitude-Javascript/blob/master/src/uuid.js 936 return a // if the placeholder was passed, return 937 ? // a random number from 0 to 15 938 ( 939 a ^ // unless b is 8, 940 ((Math.random() * // in which case 941 16) >> // a random number from 942 (a / 4)) 943 ) // 8 to 11 944 .toString(16) // in hexadecimal 945 : // or otherwise a concatenated string: 946 ( 947 [1e7] + // 10000000 + 948 -1e3 + // -1000 + 949 -4e3 + // -4000 + 950 -8e3 + // -80000000 + 951 -1e11 952 ) // -100000000000, 953 .replace( 954 // replacing 955 /[018]/g, // zeroes, ones, and eights with 956 uuid, // random hex digits 957 ); 958 }; 959 960 (function(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script") 961 ;r.type="text/javascript" 962 ;r.integrity="sha384-tzcaaCH5+KXD4sGaDozev6oElQhsVfbJvdi3//c2YvbY02LrNlbpGdt3Wq4rWonS" 963 ;r.crossOrigin="anonymous";r.async=true 964 ;r.src="https://cdn.amplitude.com/libs/amplitude-8.5.0-min.gz.js" 965 ;r.onload=function(){if(!e.amplitude.runQueuedFunctions){ 966 console.log("[Amplitude] Error: could not load SDK")}} 967 ;var i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i) 968 ;function s(e,t){e.prototype[t]=function(){ 969 this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));return this}} 970 var o=function(){this._q=[];return this} 971 ;var a=["add","append","clearAll","prepend","set","setOnce","unset","preInsert","postInsert","remove"] 972 ;for(var c=0;c<a.length;c++){s(o,a[c])}n.Identify=o;var u=function(){this._q=[] 973 ;return this} 974 ;var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"] 975 ;for(var p=0;p<l.length;p++){s(u,l[p])}n.Revenue=u 976 ;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut","setVersionName","setDomain","setDeviceId","enableTracking","setGlobalUserProperties","identify","clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","groupIdentify","onInit","logEventWithTimestamp","logEventWithGroups","setSessionId","resetSessionId"] 977 ;function v(e){function t(t){e[t]=function(){ 978 e._q.push([t].concat(Array.prototype.slice.call(arguments,0)))}} 979 for(var n=0;n<d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){ 980 e=(!e||e.length===0?"$default_instance":e).toLowerCase() 981 ;if(!Object.prototype.hasOwnProperty.call(n._iq,e)){n._iq[e]={_q:[]};v(n._iq[e]) 982 }return n._iq[e]};e.amplitude=n})(window,document); 983 984 amplitude.getInstance().init('e56929a4c3888c23e97a7e70e34ccf6c'); 985 amplitude.getInstance().setUserId(null); 986 //amplitude.getInstance().regenerateDeviceId(); 987 988 var userProperties = { 989 custom_domain: "www.baatenbazarki.com", 990 org_id: "6660462433c687521f1726b7", 991 default_google_login_enabled: 'true' == 'true', 992 personalized_google_login_enabled: '' != '' && 'true' == 'false' ? true : false, 993 facebook_login_enabled: '' == 'true' ? true : false 994 }; 995 amplitude.getInstance().setUserProperties(userProperties); 996 997/* var deviceId = uuid(); 998 amplitude.getInstance().setDeviceId(deviceId); 999 sessionStorage.setItem('amplitudeDeviceId', deviceId); */ 1000 </script>
1000 1001 1002
1002<script type="text/javascript"> 1003 window.signupParams = {source: "store", platform: "web", sourceId: null}; 1004 var showGraphyFomoFlag = ''; 1005 1006 showGraphyFomoFlag = '6660462433c687521f1726b7'; 1007 1008 </script>
1008 1009 1010
1010<script type="text/javascript"> 1011 function hideCheckoutLoader() { 1012 if(typeof window.hideLoader =="function") { 1013 window.hideLoader(); 1014 } 1015 } 1016 var checkoutRedirectGuestUsers = 'login'; 1017 </script>
1017 1018 1019 1020 1021 1022 1023
1024<script type="text/template" id="spcoursecard-2-template"> 1025 <div class="column third"> 1026 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 1027 <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;"> 1028 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 1029 <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 1030 <h4 class="size-21 text-ellipsis" style="text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;"><@- item['spayee:resource']['spayee:title'] @></h4> 1031 <p class="size-16"><@ if(item.rating !== undefined) { @> 1032 <span class="text-gray ratingIcons icon-text"> 1033 <@ for(var i=1;i<6;i++) { @> 1034 <@ if(item.rating.avgRating >= i) { @><i class="material-icons text-primary">star</i><@ }else if(item.rating.avgRating > i-1 && item.rating.avgRating < i) { @><i class="material-icons text-primary">star_half</i><@ }else { @> 1035 <i class="material-icons">star_border</i> 1036 <@ } } @></span><span><@ print(formatRating(item['rating']['avgRating'])) @> (<@- item['rating']['total'] @> ratings)</span> 1037 <@ }else { @> <span class="text-gray ratingIcons icon-text"> </span> <@ } @></p> 1038 <p class="size-16 text-ellipsis"><@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @><@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses<@ }else { @> 1039 <@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?item["spayee:resource"]["spayee:publisher"]:" ") @><@ } @></p> 1040 1041 <p class="size-18"><span style="color: rgb(21, 101, 192);"><@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '0.0', '', true)) @></span><br></p> 1042 <div style="margin:1em 0"></div> 1043 </a> 1044 </div> 1045 </script>
vendor: 1 bytes, line 1045
1045
1046<script type="text/template" id="spcoursecard-1-template"> 1047 <div class="column third"> 1048 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 1049 <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;"> 1050 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 1051 <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 1052 <h4 class="size-21 text-ellipsis" style="text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;"><@- item['spayee:resource']['spayee:title'] @></h4> 1053 <div class="size-16 text-ellipsis" style="max-height: 3rem;"><@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @></div> 1054 1055 <p class="size-18"><span style="color: rgb(21, 101, 192);"><@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '0.0', '', true)) @></span><br></p> 1056 <div style="margin:1em 0"></div> 1057 </a> 1058 </div> 1059 </script>
vendor: 1 bytes, line 1059
1059
1060<script type="text/template" id="spcoursecard-3-template"> 1061 <div class="column third"> 1062 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 1063 <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;"> 1064 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 1065 <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 1066 <h4 class="size-21 text-ellipsis" style="text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;"><@- item['spayee:resource']['spayee:title'] @></h4> 1067 <div class="size-16 text-ellipsis" style="max-height: 3rem;"><@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @></div> 1068 <p class="size-16 text-ellipsis"><@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @><@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses<@ }else { @> 1069 <@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?item["spayee:resource"]["spayee:publisher"]:" ") @><@ } @></p> 1070 <p class="size-18"><span style="color: rgb(21, 101, 192);"><@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '0.0', '', true)) @></span><br></p> 1071 <div style="margin:1em 0"></div> 1072 </a> 1073 </div> 1074 </script>
1074 1075
1076<script type="text/template" id="spcoursecard-4-template"> 1077 <div class="column third text-center" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 0px;"> 1078 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 1079 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 1080 <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;"> 1081 <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 1082 </a> 1083 <h3 class="size-18 text-center" style="text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;"><b class="text-primary"><@- item['spayee:resource']['spayee:title'] @></b></h3> 1084 <div class="discription"><@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @></div> 1085 <p class="size-18 price text-primary"><@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '0.0', '', true)) @></p> 1086 <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" class="buy-btn btn btn-primary" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}'>Buy now<br></a> 1087 </div> 1088 </script>
1088
1089<script type="text/template" id="spcoursecard-5-template"> 1090 <div class="column third" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 0px;"> 1091 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 1092 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 1093 <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;"> 1094 <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 1095 </a> 1096 <h3 class="sub-heading"><b class="size-18 text-primary"><@- item['spayee:resource']['spayee:title'] @></b></h4> 1097 <p class="size-16 description text-primary"> <@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @><@ print(item["courses-count"]!==undefined?item["courses-count"]:"0") @> Courses<@ }else { @> 1098 Instructor : <@ print(item["spayee:resource"]["spayee:publisher"]!==undefined?item["spayee:resource"]["spayee:publisher"]:" ") @><@ } @></p> 1099 <@if(item.rating){@> 1100 <p class="size-16 description text-primary">Rating: 1101 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 1102 <@if(item.rating){@> 1103 <@if(item.rating.avgRating){@> 1104 <@ if(item.rating.avgRating >= ratingsSize) {@> 1105 <i class="icon ion-android-star text-primary"></i> 1106 <@ } else if(item.rating.avgRating > ratingsSize-1 && item.rating.avgRating < ratingsSize) { @> 1107 <i class="icon ion-android-star-half text-primary"></i> 1108 <@ } @> 1109 <@}@> 1110 <@}@> 1111 <@}@> 1112 </p> 1113 <@}@> 1114 1115 <p class="size-18 price text-primary">Price : <@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '0.0', '', true)) @></p> 1116 <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" class="buy-btn btn btn-primary" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}'>Buy now</a> 1117 </div> 1118 </script>
1118 1119
1120<script type="text/template" id="spcoursecard-6-template"> 1121 <div class="column third"> 1122 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 1123 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 1124 1125 1126 <@ var itemCategory = (item['spayee:resource']['spayee:filter1'] !== undefined)? item['spayee:resource']['spayee:filter1'][0]:''@> 1127 1128 <@ if (item['spayee:resource']['spayee:availableForMarket']==="true" ) { @> 1129 <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="course_card_tapped_checkout" amplitude-payload='{"<@- item['spayee:resource']['spayee:courseType']== 'package' ? "package_id" : "course_id" @>": "<@- item._id @>","is_a_package":"<@- item['spayee:resource']['spayee:courseType']== 'package' ? "true" : "false" @>","price_on_card":"<@- removeCurrencySymbol(getCourseDisplayPrice('â¹', sessionCountry, item, '0.0', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable(sessionCountry, item) @>","wallet_coins_enabled_on_school":"<@- false @>","category":"<@- itemCategory @>"}'> 1130 <@ } else { @> 1131 <a title="<@- item['spayee:resource']['spayee:title'] @>" amplitude-event="course_card_tapped_checkout" amplitude-payload='{"<@- item['spayee:resource']['spayee:courseType']== 'package' ? "package_id" : "course_id" @>": "<@- item._id @>","is_a_package":"<@- item['spayee:resource']['spayee:courseType']== 'package' ? "true" : "false" @>","price_on_card":"<@- removeCurrencySymbol(getCourseDisplayPrice('â¹', sessionCountry, item, '0.0', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable(sessionCountry, item) @>","wallet_coins_enabled_on_school":"<@- false @>","category":"<@- itemCategory @>"}'> 1132 <@ } @> 1133 1134 1135 <img class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')" style="border-radius: 20px; margin-bottom: 0px; width: 100%; height: 190px;object-fit:cover;"> 1136 </a> 1137 <div style="font-weight: 800; line-height: 1.1; text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;" class="text-ellipsis"><@- item['spayee:resource']['spayee:title'] @></div> 1138 <p class="size-16 description text-primary"><@ if(item['spayee:resource']['spayee:courseType'] === 'package') { @> Courses<@ } @></p> 1139 <p class="size-18 price text-primary"><@ if (item['spayee:resource']['spayee:availableForMarket']==="true" ) @> <@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '0.0', '', false)) @></p> 1140 <@ if (item.isMembershipPage != undefined && !item.isMembershipPage) { @> 1141 1142 1143 <@ var itemCategory = (item['spayee:resource']['spayee:filter1'] !== undefined)? item['spayee:resource']['spayee:filter1'][0]:'' @> 1144 <@ if(isMultiplePlansAvailable(sessionCountry, item) === false) { @> 1145 <a title="<@- item['spayee:resource']['spayee:title'] @>" href="/single-checkout/<@- item['_id'] @>?pid=<@ print(getCoursePid(sessionCountry, item)) @>" class="buy-btn btn btn-primary" amplitude-event="course_buy_now_tapped_checkout" amplitude-payload='{"<@- item['spayee:resource']['spayee:courseType']== 'package' ? "package_id" : "course_id" @>": "<@- item._id @>","is_a_package":"<@- item['spayee:resource']['spayee:courseType']== 'package' ? "true" : "false" @>","price_on_card":"<@- removeCurrencySymbol(getCourseDisplayPrice('â¹', sessionCountry, item, '0.0', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable(sessionCountry, item) @>","wallet_coins_enabled_on_school":"<@- false @>","category":"<@- itemCategory @>"}' style="border: none;padding: 16px 61px; font-size: 16px; letter-spacing: 0.08px; line-height: 16px; font-weight: 600; text-decoration: none; display: block; text-align: center;"> 1146 Buy now 1147 </a> 1148 <@ } else { @> 1149 1150 <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" class="buy-btn btn btn-primary" amplitude-event="course_buy_now_tapped_checkout" amplitude-payload='{"<@- item['spayee:resource']['spayee:courseType']== 'package' ? "package_id" : "course_id" @>": "<@- item._id @>","is_a_package":"<@- item['spayee:resource']['spayee:courseType']== 'package' ? "true" : "false" @>","price_on_card":"<@- removeCurrencySymbol(getCourseDisplayPrice('â¹', sessionCountry, item, '0.0', '', false)) @>","currency":"INR","multiple_pricing_plans_exist":"<@- isMultiplePlansAvailable(sessionCountry, item) @>","wallet_coins_enabled_on_school":"<@- false @>","category":"<@- itemCategory @>"}' style="border: none;padding: 16px 61px; font-size: 16px; letter-spacing: 0.08px; line-height: 16px; font-weight: 600; text-decoration: none; display: block; text-align: center;"> 1151 Buy now 1152 </a> 1153 <@ } @> 1154 1155 1156 1157 <@ } @> 1158 </div> 1159 </script>
1159 1160 1161
1162<script type="text/template" id="spcoursecard-7-template"> 1163 <div class="column third course-mob-block"> 1164 <div class="inner-course-block"> 1165 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 1166 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 1167 <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none;"> 1168 <img class="lazy" data-style="width: 100%; height: auto;" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')" > 1169 </a> 1170 <div class="course-price-block"> 1171 <p class="text-ellipsis" title="<@- item['spayee:resource']['spayee:title'] @>" style="font-size: 18px; font-weight: 700; line-height: 1.3rem; width: 100%; margin-top: 0px; margin-bottom: 0px; min-height: 47px; text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;"> 1172 <@- item['spayee:resource']['spayee:title'] @> 1173 </p> 1174 <p class="text-primary" style="word-break: break-all; font-size: 14px; font-weight: 500; line-height: 1.5; margin-top: 16px; margin-bottom: 0px;"> 1175 <@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '0.0', '', false)) @> 1176 </p> 1177 </div> 1178 <a title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" class="buy-btn btn btn-primary" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; border: none; cursor: pointer; border-radius: 4px; padding: 13px 28px; line-height: 1.5; font-weight: 600; font-size: 14px; letter-spacing: 0.15px; margin-top: 28px;"> 1179 Enroll now 1180 </a> 1181 </div> 1182 </div> 1183</script>
1183 1184
1185<script type="text/template" id="spcoursecard-8-template"> 1186 <div class="row clearfix" style="margin-bottom: 24px; margin-top: 14px;"> 1187 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 1188 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 1189 <div class="column third center" style="padding-left: 0px; padding-right: 0px;"> 1190 <img 1191 class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')" 1192 style="margin-top: 0px; margin-bottom: 0px;" 1193 /> 1194 </div> 1195 <div class="column two-third course-block-mob" style="display: flex; flex-direction: column; justify-content: center;"> 1196 <div class="course-price-block"> 1197 <h3 style="color: rgb(255, 255, 255); font-size: 18px; font-weight: 700; line-height: 1.1; margin-bottom: 0px; margin-top: 0px; text-wrap: balance;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;"> 1198 <@- item['spayee:resource']['spayee:title'] @> 1199 </h3> 1200 <div class="sortDescription8"> 1201 <@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:"") @> 1202 </div> 1203 </div> 1204 1205 <a class="buy-btn btn btn-primary" title="<@- item['spayee:resource']['spayee:title'] @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" style="width: fit-content; text-align: left; display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; cursor: pointer; background-color: rgb(231, 215, 73); color: rgb(0, 0, 0);border-radius: 0px;padding: 16px 48px;line-height: 16px;font-weight: 700;font-size: 16px;letter-spacing: 0.08px;border-image: initial;"> 1206 Enroll for <@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '0.0', '', false)) @> 1207 </a> 1208 </div> 1209 </div> 1210 </script>
1210 1211 1212 1213 <!-- vegas TEMPLATE 9 NEW--> 1214
1214<script type="text/template" id="spcoursecard-9-template" > 1215 <div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 2rem; text-align:left;"> 1216 <div style="border:1px solid #D7D7D7; border-radius:24px; padding-bottom: 20px; height: 100%; display: flex; flex-direction: column;"> 1217 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 1218 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 1219 1220 <a style="color:black; text-align:left;" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}'> 1221 <img style="height:200px; width:100%; object-fit:fill; margin:0px 0px; border-top-left-radius:24px; border-top-right-radius:24px;" class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 1222 </a> 1223 1224 <div style="padding:10px 20px; flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content"> 1225 <h3 1226 class="size-18 text-left" 1227 title="<@- item['spayee:resource']['spayee:title'] @>" 1228 style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: black;" 1229 > 1230 <b style="color:black;"><@- item['spayee:resource']['spayee:title'] @></b> 1231 </h3> 1232 1233 <div 1234 class="size-16 text-ellipsis course-card-text" 1235 title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" 1236 style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;" 1237 > 1238 <@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @> 1239 </div> 1240 </div> 1241 1242 <div style="margin-top: auto; margin-left:10px;"> 1243 <a style="background-color:#FB5607 !important; border:0px !important; border-radius:62px !important; padding:10px 16px !important; width: fit-content; display: inline-block; text-decoration: none; color: white; padding: 12px 24px; font-weight: 600 !important; font-size: 16px;letter-spacing:0px; !important" 1244 class="buy-btn btn btn-primary" 1245 title="<@- item['spayee:resource']['spayee:title'] @>" 1246 amplitude-event="buy_now_tapped_course_checkout" 1247 amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 1248 href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"> 1249 Enroll for <@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '0.0', '', false)) @> 1250 </a> 1251 </div> 1252 </div> 1253 </div> 1254 </div> 1255</script>
1255 1256 1257 <!--Blaze Course nEW tEMPLATE 10--> 1258
1258<script type="text/template" id="spcoursecard-10-template"> 1259 <div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 10px;margin-top:10px; text-align:left;"> 1260 <div style="height: 100%; display: flex; flex-direction: column;"> 1261 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 1262 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 1263 1264 <a style="color:black; text-align:left;" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' style="text-decoration: none; color:black; font-size:24px;"> 1265 <img style="height:320px; object-fit:cover; margin:0px 0px;" class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 1266 </a> 1267 1268 <div style=" flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content"> 1269 <h3 1270 class="size-18 text-left" 1271 style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: white;" 1272 > 1273 <b title="<@= item['spayee:resource']['spayee:title'] @>" style="color:white;"> 1274 <@- item['spayee:resource']['spayee:title'] @> 1275 </b> 1276 </h3> 1277 1278 <div title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" class="size-16 text-ellipsis course-card-text" style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;color:white;"> 1279 <@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @> 1280 </div> 1281 1282 <div style="margin-top: auto;"> 1283 <a style="width:100% !important;font-weight:600 !important; letter-spacing:0px; color:black !important; background-color:#D8FD46 !important; border:0px !important; border-radius:0px !important; padding:20px 36px !important; width: fit-content; display: inline-block; text-decoration: none; transition: all 0.16s ease 0s; cursor: pointer; padding: 16px 28px; line-height: 16px; font-weight: 700; font-size: 16px; letter-spacing: 0px; border-image: initial;" 1284 class="buy-btn btn btn-primary" 1285 title="<@- item['spayee:resource']['spayee:title'] @>" 1286 amplitude-event="buy_now_tapped_course_checkout" 1287 amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 1288 href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"> 1289 Enroll for <@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '0.0', '', false)) @> 1290 </a> 1291 1292 </div> 1293 </div> 1294 </div> 1295 </div> 1296 </script>
1296 1297 1298 <!--Olive Course 11--> 1299
1299<script type="text/template" id="spcoursecard-11-template" > 1300 <@ 1301 // Calculate colors based on index 1302 var colorIndex = (typeof window.courseCardColorIndex === 'undefined') ? 0 : window.courseCardColorIndex; 1303 var colors = [ 1304 { bg: '#FFA46B', btnBg: '#361500' }, // Orange card â Dark brown button 1305 { bg: '#87A1F6', btnBg: '#001A71' }, // Blue card â Dark blue button 1306 { bg: '#B073DC', btnBg: '#34005A' } // Purple card â Dark brown button (default) 1307 ]; 1308 var currentColor = colors[colorIndex % 3]; 1309 window.courseCardColorIndex = colorIndex + 1; 1310 @> 1311 1312 <div class="column third text-center course-card course-card-fixed-height" style="padding: 0 15px; margin-bottom: 30px;"> 1313 <div class="course-card-wrapper" style="background-color: <@- currentColor.bg @>; height: 100%; border-radius: 32px; overflow: hidden;"> 1314 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; 1315 if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 1316 1317 <a class="course-image-link" style="display: block; padding: 16px;padding-bottom:0px" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"> 1318 <img style="height:320px; width:100%; object-fit:cover; border-radius: 32px;" class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 1319 </a> 1320 1321 <div style="padding: 20px;" class="course-card-content"> 1322 <h3 style="font-size:24px; text-transform:uppercase; color: black; margin: 0 0 15px 0; text-align: left;white-space:nowrap; overflow: hidden; text-overflow: ellipsis;width: 100%;display:block;"> 1323 <b title="<@= item['spayee:resource']['spayee:title'] @>"><@- item['spayee:resource']['spayee:title'] @></b> 1324 </h3> 1325 <div title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" class="size-16 text-ellipsis course-card-text" style="max-height: 3rem; min-height: 3rem; color:black; margin-bottom: 12px;text-align: left;"> 1326 <@ print(item['spayee:resource']['spayee:shortDescription']!==undefined?item['spayee:resource']['spayee:shortDescription']:" ") @> 1327 </div> 1328 <a class="enroll-button" 1329 style="display: block; 1330 background-color: <@- currentColor.btnBg @>; 1331 color: white !important; 1332 padding: 12px; 1333 text-align: center; 1334 font-weight: 600; 1335 text-decoration: none; 1336 border-radius: 32px;" 1337 href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"> 1338 Enroll for <@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '0.0', '', false)) @> 1339 </a> 1340 </div> 1341 </div> 1342 </div> 1343 1344 </script>
1344 1345 1346 1347 <!-- Nebula Course 12--> 1348
1348<script type="text/template" id="spcoursecard-12-template" > 1349 <div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 2rem; text-align:left;"> 1350 <div style="border:0px; border-radius:16px; padding-bottom: 20px; height: 100%; display: flex; flex-direction: column;"> 1351 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 1352 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 1353 1354 <a style="color:black; text-align:left;" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}'> 1355 <img style="height:240px; width:100%; object-fit:fill; margin:0px 0px; border-radius:16px; " class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 1356 </a> 1357 1358 <div style="padding:10px 0px; flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content"> 1359 <h3 1360 class="size-18 text-left" 1361 title="<@- item['spayee:resource']['spayee:title'] @>" 1362 style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: black;" 1363 > 1364 <b style="color:black;"><@- item['spayee:resource']['spayee:title'] @></b> 1365 </h3> 1366 1367 <div 1368 class="size-16 text-ellipsis course-card-text" 1369 title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" 1370 style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;" 1371 > 1372 <@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @> 1373 </div> 1374 </div> 1375 1376 <div style="margin-top: auto; margin-left:0px;"> 1377 <a style="background-color:#6715FF !important; border-radius:12px !important; padding:10px 16px !important; width: fit-content; display: inline-block; text-decoration: none; color: white; padding: 12px 24px; font-weight: 600 !important; font-size: 16px;letter-spacing:0px; !important" 1378 class="buy-btn btn btn-primary" 1379 title="<@- item['spayee:resource']['spayee:title'] @>" 1380 amplitude-event="buy_now_tapped_course_checkout" 1381 amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 1382 href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"> 1383 Enroll for <@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '0.0', '', false)) @> 1384 </a> 1385 </div> 1386 </div> 1387 </div> 1388 </div> 1389 </script>
1389 1390 1391 1392 1393 <!--Dusk Course-13--> 1394
1394<script type="text/template" id="spcoursecard-13-template" > 1395 <div class="column third text-center course-card-fixed-height" style="padding-left: 1rem; padding-right: 1rem; margin-bottom: 2rem; text-align:left;"> 1396 <div style="border:0px; border-radius:16px; padding-bottom: 20px; height: 100%; display: flex; flex-direction: column;"> 1397 <@ var curl = "https://d502jbuhuh9wk.cloudfront.net/courses/"+ item._id +"/"+ item._id +"_scaled_cover.jpg?v=" + item['spayee:resource']['spayee:coverVersion']; if(isNaN(item['spayee:resource']['spayee:coverVersion'])) { curl = showCourseDefaultCover(null, item._id); } @> 1398 <@ var planName = getCoursePlanName(sessionCountry, item), price = getCoursePrice(sessionCountry, item, '0.0', ''), isPackage = item['spayee:resource']['spayee.courseType'] == 'package', courseId = isPackage ? '' : item._id, packageId = isPackage ? item._id : ''; @> 1399 1400 <a style="color:black; text-align:left;" title="<@- item['spayee:resource']['spayee:title'] @>" href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>" amplitude-event="buy_now_tapped_course_checkout" amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}'> 1401 <img style="height:240px; width:100%; object-fit:fill; margin:0px 0px; border-radius:16px; " class="lazy" data-src="<@- curl @>" alt="<@- item['spayee:resource']['spayee:title'] @> cover" onerror="showCourseDefaultCover(this, '<@- item._id @>')"> 1402 </a> 1403 1404 <div style="padding:10px 0px; flex-grow: 1; display: flex; flex-direction: column;" class="course-card-content"> 1405 <h3 1406 class="size-18 text-left" 1407 title="<@- item['spayee:resource']['spayee:title'] @>" 1408 style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; margin-bottom: 12px; color: black;" 1409 > 1410 <b style="color:black;"><@- item['spayee:resource']['spayee:title'] @></b> 1411 </h3> 1412 1413 <div 1414 class="size-16 text-ellipsis course-card-text" 1415 title="<@= (item['spayee:resource']['spayee:shortDescription'] || ' ').replace(/<[^>]*>/g, '') @>" 1416 style="max-height: 3rem; min-height: 3rem; margin-bottom: 12px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;" 1417 > 1418 <@= (item['spayee:resource']['spayee:shortDescription'] || '').replace(/<[^>]*>/g, '') @> 1419 </div> 1420 </div> 1421 1422 1423 1424 <div style="margin-top: auto; margin-left:0px;"> 1425 <a style="background-color:#282400 !important;border:0px ; border-radius:41px !important; padding:10px 24px !important; width: fit-content; display: inline-block; text-decoration: none; color: white; padding: 12px 24px; font-weight: 600 !important; font-size: 16px;letter-spacing:0px; !important" 1426 class="buy-btn btn btn-primary" 1427 title="<@- item['spayee:resource']['spayee:title'] @>" 1428 amplitude-event="buy_now_tapped_course_checkout" 1429 amplitude-payload='{"plan_name": "<@- planName @>", "price": <@- price @>, "currency": "INR", "course_id": "<@- courseId @>", "is_package": <@- isPackage @>, "package_id": "<@- packageId @>"}' 1430 href="<@ print(getCourseLandingPageUrl(item._id, item['spayee:resource']['spayee:courseUrl'])) @>"> 1431 Enroll for <@ print(getCourseDisplayPrice('â¹', sessionCountry, item, '0.0', '', false)) @> 1432 </a> 1433 </div> 1434 </div> 1435 </div> 1436 </div> 1437 </script>
1437 1438 1439 1440 1441 1442 1443 1444 1445 1446 1447<!-- Curriculum 1st Template -->
1448<script type="text/template" id="coursecurr-1-template"> 1449 <table class="table courseContents"> 1450 <thead> 1451 <tr> 1452 <td style="width: 50px;"></td> 1453 <td style="width: 50px;"></td> 1454 <td></td> 1455 </tr> 1456 </thead> 1457 <tbody> 1458 <@ $.each(item, function(index, value) { @> 1459 <tr> 1460 <td><i class="material-icons courseItemIcon" data-type="<@- value.type @>"></i></td> 1461 <td colspan="2"> 1462 <@- value.title @> 1463 <@ if(value.type == 'aiheading') { @> 1464 <small>(coming soon)</small><@ } @> 1465 <@ if(assetInfo && value.type == 'video' && value.duration !== undefined && value.duration > 0) { @> 1466 <small>(<@ print(Math.floor(value.duration)) @>:00)</small><@ } @> 1467 <@ if(assetInfo && value.type == 'pdf' && value.pages !== undefined && value.pages > 0) { @> 1468 <small>(<@- value.pages @> pages)</small> 1469 <@ } @> 1470 </td> 1471 </tr> 1472 <@ if(value.items != undefined) { @> <@ $.each(value['items'], function(index1, value1) { @> 1473 <tr> 1474 <td></td> 1475 <td><i class="material-icons courseItemIcon" data-type="<@- value1.type @>"></i></td> 1476 <td> 1477 <@- value1.title @> 1478 <@ if(assetInfo && value.type == 'video' && value1.duration !== undefined && value1.duration > 0) { @><small>(<@ print(Math.floor(value1.duration)) @>:00)</small><@ } @> 1479 <@ if(assetInfo && value1.type =='pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @> 1480 <@ if(value1.type =='aiheading') { @><small>(coming soon)</small><@ } @> 1481 </td> 1482 </tr> 1483 <@ }); @> <@ } @> <@ }); @> 1484 </tbody> 1485 </table> 1486</script>
1486 1487 1488 1489<!-- Curriculum 2nd Template -->
1490<script type="text/template" id="coursecurr-2-template"> 1491 <div class="column full curriculum2" spellcheck="false"> 1492 <div class="course-content1" > 1493 <p style="font-size: 15px; font-weight: 400; margin-top: 0px;"> 1494 <@if(summary.modules && summary.modules>0){@> 1495 <@print(summary.modules)@> Modules <i class="icon ion-android-folder-open"></i> <@if(summary.sessions && summary.sessions>0 && curriculumAssetInfo){@>|<@}@> 1496 <@}@> 1497 <@if(summary.sessions && summary.sessions>0 && curriculumAssetInfo){@> 1498 <@print(summary.sessions)@> Sessions <i class="icon ion-android-laptop"></i> <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@>|<@}@> 1499 <@}@> 1500 <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@> 1501 <@print(millisecondsToHHMMSSStr(summary.durations))@> Total Time <i class="icon ion-ios-clock-outline"></i> 1502 <@}@> 1503 </p> 1504 </div> 1505 1506 1507 <@ $.each(item, function(index, value) { @> 1508 <div class="course-course-content-box" > 1509 <div class="course-content-blue-title <@if(value && value.contents){@> bg-primary <@}else if($('#'+id).closest('div.is-section').hasClass("is-bg-grey")){@>bg-white<@}else{@>is-bg-grey<@}@>" > 1510 <span class="title-icon"> 1511 <span class="material-icons <@if(value && !value.contents){@> text-primary <@}@>"><@ print(getCourseAssetIcon(value.type))@></span> 1512 </span> 1513 <div class="titl5b" > 1514 <h3 class="<@if(value && !value.contents){@> text-primary <@}@>"> 1515 <@print(value.title)@> <@ if(curriculumAssetInfo && value.type == 'pdf' && value.pages !== undefined && value.pages > 0) { @><small>(<@- value.pages @> pages)</small><@ } @> 1516 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@> 1517 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>-<@- courseId @>#<@print(value.id)@>" class="previewBtn"><span class="<@if(value && !value.contents){@> text-primary <@}@>">Preview</span></a> 1518 <@}@> 1519 </h3> 1520 <p class="<@if(value && !value.contents){@> text-primary <@}@>"><@if(value && value.contents && curriculumAssetInfo){@> 1521 Sessions: <@print(value.contents)@> 1522 <@}@> 1523 <@if(value.moduleDurations && curriculumAssetInfo){@><@if(value && value.contents){@>|<@}@> 1524 Time: <@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1525 <@}@> 1526 <@if(value && value.contents>0){@><span class="material-icons">expand_more</span><@}@> </p> 1527 </div> 1528 </div> 1529 <@if(value && value.items){@> 1530 <@ $.each(value['items'], function(index1, value1) { @> 1531 <div class="course-content-body <@if(index==0){@>showing<@ }@>" > 1532 <div class="desc1 " > 1533 <div class="is-box-9" > 1534 <div class="boxa1" > 1535 <span class="material-icons text-primary"><@ print(getCourseAssetIcon(value1.type))@></span> 1536 <p> <@print(value1.title)@> <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @> 1537 <@ if(value1.type == 'aiheading') { @><small>(coming soon)</small><@ } @> 1538 </p> 1539 1540 </div> 1541 </div> 1542 <div class="is-box-1" > 1543 <div class="boxa2" > 1544 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 1545 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>#<@print(value1.id)@>"> 1546 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 1547 </a> 1548 <@}@> 1549 </div> 1550 </div> 1551 <div class="is-box-2" > 1552 <div class="boxa2" > 1553 <p class="duration"><@if(value1.duration && curriculumAssetInfo){@><@print(millisecondsToHHMMSSStr(value1.duration))@><@}@></p> 1554 </div> 1555 </div> 1556 </div> 1557 </div> 1558 <@ }); @> 1559 <@}@> 1560 </div> 1561 <@ }); @> 1562 1563 </div> 1564</script>
1564 1565 1566 1567 1568 1569 1570<!-- Curriculum 3rd Template -->
1571<script type="text/template" id="coursecurr-3-template"> 1572 <div class="column full" spellcheck="false" data-gramm="false"> 1573 <div class="accordion-syllabus" > 1574 <@ $.each(item, function(index, value) { @> 1575 <div class="accordion-syllabus-item"> 1576 <header class="accordion-syllabus-header"> 1577 <h4 class="accordion-syllabus-header__title"> 1578 <span class="text-primary"> 1579 <@if(index<9){@> 1580 0<@print(index+1)@> 1581 <@ } else {@> 1582 <@print(index+1)@> 1583 <@ } @> 1584 </span> 1585 <p><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;"> 1586 <@if(value && value.items){@> 1587 <@ print(value.items.length) @> attachment(s) 1588 <@}@> 1589 <@if(value.moduleDurations && curriculumAssetInfo){@> 1590 <@if(value && value.contents){@> ⢠<@}@> 1591 <@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1592 <@}@> 1593 </span></p> 1594 1595 </h4> 1596 <div class="accordion-syllabus-header__info"> 1597 <p class="text-primary hide-sm"> 1598 <@if(value && value.items){@> 1599 <@ print(value.items.length) @> attachment(s) 1600 <@}@> 1601 <@if(value.moduleDurations && curriculumAssetInfo){@> 1602 <@if(value && value.contents){@> ⢠<@}@> 1603 <@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1604 <@}@> 1605 </p> 1606 <@if(value && value.items){@> 1607 <div class="accordion-syllabus-header__icon text-primary"> 1608 <i class="fa fa-angle-left" aria-hidden="true"></i> 1609 </div> 1610 <@}@> 1611 </div> 1612 </header> 1613 <@if(value && value.items){@> 1614 <div class="accordion-content" style=""> 1615 <div class="accordian-content-block"> 1616 <ul class="accordian-list"> 1617 <@ $.each(value['items'], function(index1, value1) { @> 1618 <li class="accordian-list__item"> 1619 <div class="accordian-content-card"> 1620 <div class="accordian-content-card__info"> 1621 <div class="accordian-content-card__ico"> 1622 <@ if(value1.type == 'code'){ @> 1623 <img src="/resources/images/CodeIcon.svg"> 1624 <@ } else { @> 1625 <span class="material-icons text-primary"> 1626 <@ print(getCourseAssetIcon(value1.type))@> 1627 </span> 1628 <@ } @> 1629 </div> 1630 <div class="accordian-content-card__title"> 1631 <@print(value1.title)@> <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @> 1632 <@ if(value1.type == 'aiheading') { @><small>(coming soon)</small><@ } @> 1633 </div> 1634 </div> 1635 <div class="accordian-content-card__link"> 1636 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 1637 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>-<@- courseId @>#<@print(value1.id)@>" class="previewBtn"> 1638 <span class="text-primary"> 1639 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @><span style="color:#000"><i class="fa fa-solid fa-arrow-up-right"></i></span> 1640 </span> 1641 </a> 1642 <@}@> 1643 </div> 1644 </div> 1645 </li> 1646 <@ }); @> 1647 </ul> 1648 </div> 1649 </div> 1650 <@ } @> 1651 </div> 1652 <@ }); @> 1653 </div> 1654 </div> 1655</script>
1655 1656 1657 1658 1659<!-- Curriculum 4th Template -->
1660<script type="text/template" id="coursecurr-4-template"> 1661 <div class="column full coursecurr4"> 1662 <@ $.each(item, function(index, value) { @> 1663 <div class="accordion-syllabus-item"> 1664 <header class="accordion-syllabus-header" > 1665 <h4 class="accordion-syllabus-header__title"> 1666 <span> 1667 <@if(index<9){@>0<@print(index+1)@><@ } else {@> <@print(index+1)@> <@ } @> 1668 </span> 1669 <div class="accordion-syllabus-header__title-block" > 1670 <p style="font-size: 20px; font-weight: 700;"> 1671 <@print(value.title)@> 1672 </p> 1673 <p class="text-primary" style="font-weight: 500; font-size: 14px; line-height: 150%; margin-top: 10px; "> 1674 <@if(value && value.type == 'aiheading'){@> 1675 (coming soon) 1676 <@}@> 1677 <@if(value && value.items){@> 1678 <@ print(value.items.length) @> attachment(s) 1679 <@}@> 1680 <@if(value.moduleDurations && curriculumAssetInfo){@><@if(value && value.contents){@> ⢠<@}@> 1681 <@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1682 <@}@> 1683 </p> 1684 </div> 1685 </h4> 1686 <@if(value && value.items){@> 1687 <div class="accordion-syllabus-header__info" > 1688 <div class="accordion-syllabus-header__icon" > 1689 <i class="fa fa-angle-left" aria-hidden="true"></i> 1690 </div> 1691 </div> 1692 <@ } @> 1693 </header> 1694 <@if(value && value.items){@> 1695 <div class="accordion-content" style=""> 1696 <div class="accordian-content-block" > 1697 <ul class="accordian-list"> 1698 <@ $.each(value['items'], function(index1, value1) { @> 1699 <li class="accordian-list__item"> 1700 <div class="accordian-content-card" > 1701 <div class="accordian-content-card__info" > 1702 <div class="accordian-content-card__ico" > 1703 <@ if(value1.type == 'code'){ @> 1704 <img src="/resources/images/CodeIcon.svg"> 1705 <@ } else { @> 1706 <span class="material-icons text-primary"> 1707 <@ print(getCourseAssetIcon(value1.type))@>262 1708 </span> 1709 <@ } @> 1710 </div> 1711 <div class="accordian-content-card__title" > 1712 <@print(value1.title)@> <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @><small>(<@- value1.pages @> pages)</small><@ } @> 1713 <@ if(value1.type == 'aiheading') { @><small>(coming soon)</small><@ } @> 1714 </div> 1715 </div> 1716 <div class="accordian-content-card__link" > 1717 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 1718 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,"-"))@>-<@- courseId @>#<@print(value1.id)@>" class="previewBtn"> 1719 <span class="text-primary"> 1720 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right"></i></span> 1721 </span> 1722 </a> 1723 <@ } @> 1724 </div> 1725 </div> 1726 </li> 1727 <@ }); @> 1728 </ul> 1729 </div> 1730 </div> 1731 <@ } @> 1732 </div> 1733 <@ }); @> 1734 </div> 1735 </script>
1735 1736 1737 <!-- vegas curriculum-5--> 1738
1738<script> 1739 // Simple responsive positioning 1740 function updatePosition() { 1741 const element = document.getElementById('totalTimeElement'); 1742 if(element){ 1743 if (window.innerWidth > 768) { 1744 element.style.position = 'absolute'; 1745 element.style.top = "5px"; 1746 element.style.right = '122px'; 1747 } else { 1748 element.style.position = 'static'; 1749 element.style.margin = '0 0'; 1750 } 1751 } 1752 } 1753 1754 // Run on load and resize 1755 window.addEventListener('load', updatePosition); 1756 window.addEventListener('resize', updatePosition); 1757 </script>
1757 1758
1758<script type="text/template" id="coursecurr-5-template"> 1759 <div class="total-time" id="totalTimeElement" style=" 1760 font-size: 18px; 1761 font-weight: 600; 1762 color: #FB5607; 1763 padding: 8px 12px; 1764 border-radius: 4px; 1765 white-space: nowrap;"> 1766 <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@> 1767 <@print(millisecondsToHHMMSSStr(summary.durations))@> 1768 <@}@> 1769</div> 1770 1771<div class="accordion-syllabus" style="max-width:1000px !important"> 1772 <@ $.each(item, function(index, value) { @> 1773 <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>"> 1774 <header class="accordion-syllabus-header" style="background:#F5F5F5 !important; border-radius:0px;box-shadow:none;padding:0.5rem !important"> 1775 <h4 class="accordion-syllabus-header__title"> 1776 <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 1777 <@if(index < 9) {@> 1778 Week <@print(index + 1)@>: 1779 <@ } else {@> 1780 Week <@print(index + 1)@>: 1781 <@ } @> 1782 </span> 1783 <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;"> 1784 <@if(value && value.items){@> 1785 <@ print(value.items.length) @> attachment(s) 1786 <@} else {@> 1787 1 attachment(s) 1788 <@}@> 1789 <@if(value.moduleDurations && curriculumAssetInfo){@> 1790 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1791 <@}@> 1792 </span></p> 1793 </h4> 1794 1795 <div class="accordion-syllabus-header__info"> 1796 <p class="text-primary hide-sm" style="color:#FB5607 !important;"> 1797 <@if(value && value.items){@> 1798 <@ print(value.items.length) @> attachment(s) 1799 <@} else {@> 1800 1 attachment(s) 1801 <@}@> 1802 <@if(value.moduleDurations && curriculumAssetInfo){@> 1803 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 1804 <@}@> 1805 </p> 1806 <div class="accordion-syllabus-header__icon text-primary"> 1807 <i class="fa fa-angle-left" aria-hidden="true" style="color:#FB5607;"></i> 1808 </div> 1809 </div> 1810 </header> 1811 <div class="accordion-content" style="filter:none;"> 1812 <div class="accordian-content-block" style="background:#F5F5F5 !important;box-shadow:none;padding:16px 66px 3px 69px !important;"> 1813 <ul class="accordian-list"> 1814 <@ var itemsCount = value['items'] ? value['items'].length : 0; @> 1815 <@ if(value['items'] && value['items'].length > 0) { @> 1816 <@ $.each(value['items'], function(index1, value1) { @> 1817 <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 1818 <style> 1819 @media (max-width: 768px) { 1820 .accordian-content-card { 1821 flex-direction: column !important; 1822 align-items: stretch !important; 1823 } 1824 1825 .accordian-content-card__top { 1826 flex-direction: row !important; 1827 justify-content: space-between !important; 1828 align-items: center !important; 1829 width: 100% !important; 1830 } 1831 1832 .accordian-content-card__title { 1833 flex: 1 !important; 1834 margin: 0 10px !important; 1835 white-space: nowrap; 1836 overflow: hidden; 1837 text-overflow: ellipsis; 1838 } 1839 1840 .accordian-content-card__bottom { 1841 flex-direction: row !important; 1842 justify-content: space-between !important; 1843 align-items: center !important; 1844 width: 100% !important; 1845 margin-top: 6px !important; 1846 } 1847 1848 .accordian-content-card__link { 1849 flex: 1 !important; 1850 min-width: 0 !important; 1851 text-align: left !important; 1852 } 1853 1854 .accordian-content-card__time { 1855 flex-shrink: 0 !important; 1856 text-align: right !important; 1857 } 1858 } 1859 </style> 1860 1861 <div class="accordian-content-card" 1862 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;"> 1863 1864 1865 <!-- Row 1: Icon + Title + Collapse Icon --> 1866 <div class="accordian-content-card__top" 1867 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 1868 1869 <!-- Icon --> 1870 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 1871 <@ if(value1.type == 'code'){ @> 1872 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 1873 <@ } else { @>
1874 <span class="material-icons text-primary" style="color:#FB5607; font-size: 24px;"> 1875 <@ print(getCourseAssetIcon(value1.type))@> 1876 </span> 1877 <@ } @> 1878 </div> 1879 1880 <!-- Title --> 1881 <div class="accordian-content-card__title" 1882 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 1883 <@print(value1.title)@> 1884 </div> 1885 1886 <!-- Collapse Icon (optional) --> 1887 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 1888 <!-- Example placeholder, add real icon if needed --> 1889 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 1890 </div> 1891 </div> 1892 1893 <!-- Row 2: Preview Button and Time --> 1894 <div class="accordian-content-card__bottom" 1895 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 1896 1897 <!-- Preview Button --> 1898 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 1899 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 1900 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>" 1901 class="previewBtn" 1902 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #FB5607; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;"> 1903 <span class="text-primary" style="color:#FB5607;"> 1904 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 1905 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#FB5607;"></i></span> 1906 </span> 1907 </a> 1908 <@}@> 1909 </div> 1910 1911 <!-- Time --> 1912 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 1913 <p class="text-primary course-asset-time" 1914 style="font-size: 14px; font-weight: 500; color:#FB5607 !important; margin: 0;"> 1915 <@ if(value1.duration && value1.duration > 0) { @> 1916 <@ print(millisecondsToHHMMSSStr(value1.duration)) @> 1917 <@ } else { @> 1918 -- 1919 <@ } @> 1920 </p> 1921 </div> 1922 1923 </div> 1924 </div> 1925 1926 1927 </li> 1928 <@ }); @> 1929 <@ } else { @> 1930 <li class="accordian-list__item" style="padding:0px 0px !important;"> 1931 <div class="accordian-content-card" 1932 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;"> 1933 1934 <!-- Row 1: Icon + Title + Collapse Icon --> 1935 <div class="accordian-content-card__top" 1936 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 1937 1938 <!-- Icon --> 1939 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 1940 <@ if(value.type == 'code'){ @> 1941 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 1942 <@ } else { @> 1943 <span class="material-icons text-primary" style="color:#FB5607; font-size: 24px;"> 1944 <@ print(getCourseAssetIcon(value.type))@> 1945 </span> 1946 <@ } @> 1947 </div> 1948 1949 <!-- Title --> 1950 <div class="accordian-content-card__title" 1951 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 1952 <@print(value.title)@> 1953 </div> 1954 1955 <!-- Collapse Icon (optional) --> 1956 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 1957 <!-- Example placeholder, add real icon if needed --> 1958 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 1959 </div> 1960 </div> 1961 1962 <!-- Row 2: Preview Button and Time --> 1963 <div class="accordian-content-card__bottom" 1964 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 1965 1966 <!-- Preview Button --> 1967 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 1968 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@> 1969 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>" 1970 class="previewBtn" 1971 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #FB5607; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
1972 <span class="text-primary" style="color:#FB5607;"> 1973 <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 1974 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#FB5607;"></i></span> 1975 </span> 1976 </a> 1977 <@}@> 1978 </div> 1979 1980 <!-- Time --> 1981 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 1982 <p class="text-primary course-asset-time" 1983 style="font-size: 14px; font-weight: 500; color:#FB5607 !important; margin: 0;"> 1984 <@ if(value.duration && value.duration > 0) { @> 1985 <@ print(millisecondsToHHMMSSStr(value.duration)) @> 1986 <@ } else { @> 1987 -- 1988 <@ } @> 1989 </p> 1990 </div> 1991 </div> 1992 </div> 1993 </li> 1994 <@ } @> 1995 </ul> 1996 1997 <@ if(itemsCount > 5) { @> 1998 <div style="text-align: center; margin-top: 10px;"> 1999 <button style="background-color: #FB5607; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 2000 onclick=" 2001 var parentAccordion = this.closest('.accordion-content'); 2002 parentAccordion.style.maxHeight = 'none'; 2003 this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 2004 this.style.display = 'none'; 2005 "> 2006 View All 2007 </button> 2008 </div> 2009 <@ } @> 2010 </div> 2011 </div> 2012 </div> 2013 <@ }); @> 2014 <@ if(item.length > 5) { @> 2015 <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;"> 2016 <button style="background-color: #FB5607; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 2017 onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';"> 2018 View All Sessions 2019 </button> 2020 </div> 2021 <@ } @> 2022</div> 2023 </div> 2024</script>
2024 2025 2026 2027<!--Blaze-Curriculum-6-->
2028<script type="text/template" id="coursecurr-6-template"> 2029 <div class="column full" spellcheck="false" data-gramm="false"> 2030 <div class="total-time" id="totalTimeElement" style=" 2031 font-size: 18px; 2032 font-weight: 600; 2033 color: #D8FD46; 2034 padding: 8px 12px; 2035 border-radius: 4px; 2036 white-space: nowrap; 2037 background: #232323; 2038 margin-bottom: 20px;"> 2039 <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@> 2040 <@print(millisecondsToHHMMSSStr(summary.durations))@> 2041 <@}@> 2042 </div> 2043 2044 <div class="accordion-syllabus"> 2045 <@ $.each(item, function(index, value) { @> 2046 <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>"> 2047 <header class="accordion-syllabus-header" style="background:#232323 !important; border-radius:0px;box-shadow:none;padding:20px 20px !important"> 2048 <h4 class="accordion-syllabus-header__title"> 2049 <span class="text-primary" style="font-size:18px ; font-weight:600; color:white;"> 2050 <@if(index < 9) {@> 2051 Week <@print(index + 1)@>: 2052 <@ } else {@> 2053 Week <@print(index + 1)@>: 2054 <@ } @> 2055 </span> 2056 <p style="font-size:18px ; font-weight:600;color:white;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;color:#D8FD46 !important;"> 2057 <@if(value && value.items){@> 2058 <@ print(value.items.length) @> attachment(s) 2059 <@} else {@> 2060 1 attachment(s) 2061 <@}@> 2062 <@if(value.moduleDurations && curriculumAssetInfo){@> 2063 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 2064 <@}@> 2065 </span></p> 2066 </h4> 2067 <div class="accordion-syllabus-header__info"> 2068 <p class="text-primary hide-sm" style="color:#D8FD46 !important;"> 2069 <@if(value && value.items){@> 2070 <@ print(value.items.length) @> attachment(s) 2071 <@} else {@> 2072 1 attachment(s) 2073 <@}@> 2074 <@if(value.moduleDurations && curriculumAssetInfo){@> 2075 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 2076 <@}@> 2077 </p> 2078 <div class="accordion-syllabus-header__icon text-primary"> 2079 <i class="fa fa-angle-left" aria-hidden="true" style="color:#D8FD46;"></i> 2080 </div> 2081 </div> 2082 </header> 2083 <div class="accordion-content" style="filter:none;background:#181818;"> 2084 <div class="accordian-content-block" style="box-shadow:none;padding:16px 20px !important;background:transparent !important;"> 2085 <ul class="accordian-list"> 2086 <@ var itemsCount = value['items'] ? value['items'].length : 0; @> 2087 <@ if(value['items'] && value['items'].length > 0) { @> 2088 <@ $.each(value['items'], function(index1, value1) { @> 2089 <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 2090 <style> 2091 @media (max-width: 768px) { 2092 .accordian-content-card { 2093 flex-direction: column !important; 2094 align-items: stretch !important; 2095 } 2096 2097 .accordian-content-card__top { 2098 flex-direction: row !important; 2099 justify-content: space-between !important; 2100 align-items: center !important; 2101 width: 100% !important; 2102 } 2103 2104 .accordian-content-card__title { 2105 flex: 1 !important; 2106 margin: 0 10px !important; 2107 white-space: nowrap; 2108 overflow: hidden; 2109 text-overflow: ellipsis; 2110 } 2111 2112 .accordian-content-card__bottom { 2113 flex-direction: row !important; 2114 justify-content: space-between !important; 2115 align-items: center !important; 2116 width: 100% !important; 2117 margin-top: 6px !important; 2118 } 2119 2120 .accordian-content-card__link { 2121 flex: 1 !important; 2122 min-width: 0 !important; 2123 text-align: left !important; 2124 } 2125 2126 .accordian-content-card__time { 2127 flex-shrink: 0 !important; 2128 text-align: right !important; 2129 } 2130 } 2131 </style> 2132 2133 <div class="accordian-content-card" 2134 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; "> 2135 2136 <!-- Row 1: Icon + Title + Collapse Icon --> 2137 <div class="accordian-content-card__top" 2138 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 2139 2140 <!-- Icon --> 2141 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 2142 <@ if(value1.type == 'code'){ @> 2143 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px; filter: invert(1);"> 2144 <@ } else { @>
2145 <span class="material-icons text-primary" style="color:#D8FD46; font-size: 24px;"> 2146 <@ print(getCourseAssetIcon(value1.type))@> 2147 </span> 2148 <@ } @> 2149 </div> 2150 2151 <!-- Title --> 2152 <div class="accordian-content-card__title" 2153 style="font-weight: 400; font-size: 14px; color: white; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 2154 <@print(value1.title)@> 2155 <!-- <@ if(curriculumAssetInfo && value1.type == 'pdf' && value1.pages !== undefined && value1.pages > 0) { @> 2156 <small style="color: #999;">(<@- value1.pages @> pages)</small> 2157 <@ } @> 2158 <@ if(value1.type == 'aiheading') { @> 2159 <small style="color: #999;">(coming soon)</small> 2160 <@ } @> --> 2161 </div> 2162 2163 <!-- Collapse Icon --> 2164 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 2165 </div> 2166 </div> 2167 2168 <!-- Row 2: Preview Button and Time --> 2169 <div class="accordian-content-card__bottom" 2170 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2171 2172 <!-- Preview Button --> 2173 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2174 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 2175 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>" 2176 class="previewBtn" 2177 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #D8FD46 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;"> 2178 <span class="text-primary" style="color:#D8FD46;"> 2179 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2180 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#D8FD46;"></i></span> 2181 </span> 2182 </a> 2183 <@}@> 2184 </div> 2185 2186 <!-- Time --> 2187 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 2188 <p class="text-primary course-asset-time" 2189 style="font-size: 14px; font-weight: 500; color:#D8FD46 !important; margin: 0;"> 2190 <@ if(value1.duration && value1.duration > 0) { @> 2191 <@ print(millisecondsToHHMMSSStr(value1.duration)) @> 2192 <@ } else { @> 2193 -- 2194 <@ } @> 2195 </p> 2196 </div> 2197 </div> 2198 </div> 2199 </li> 2200 <@ }); @> 2201 <@ } else { @> 2202 <li class="accordian-list__item" style="padding:0px 0px !important;"> 2203 <div class="accordian-content-card" 2204 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; "> 2205 2206 <!-- Row 1: Icon + Title + Collapse Icon --> 2207 <div class="accordian-content-card__top" 2208 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 2209 2210 <!-- Icon --> 2211 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 2212 <@ if(value.type == 'code'){ @> 2213 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px; filter: invert(1);"> 2214 <@ } else { @> 2215 <span class="material-icons text-primary" style="color:#D8FD46; font-size: 24px;"> 2216 <@ print(getCourseAssetIcon(value.type))@> 2217 </span> 2218 <@ } @> 2219 </div> 2220 2221 <!-- Title --> 2222 <div class="accordian-content-card__title" 2223 style="font-weight: 400; font-size: 14px; color: white; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 2224 <@print(value.title)@> 2225 </div> 2226 2227 <!-- Collapse Icon (optional) --> 2228 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 2229 <!-- Example placeholder, add real icon if needed --> 2230 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 2231 </div> 2232 </div> 2233 2234 <!-- Row 2: Preview Button and Time --> 2235 <div class="accordian-content-card__bottom" 2236 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2237 2238 <!-- Preview Button --> 2239 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2240 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@> 2241 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>" 2242 class="previewBtn" 2243 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #D8FD46 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;"> 2244 <span class="text-primary" style="color:#D8FD46;"> 2245 <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2246 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#D8FD46;"></i></span> 2247 </span> 2248 </a> 2249 <@}@> 2250 </div> 2251 2252 <!-- Time --> 2253 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 2254 <p class="text-primary course-asset-time" 2255 style="font-size: 14px; font-weight: 500; color:#D8FD46 !important; margin: 0;"> 2256 <@ if(value.duration && value.duration > 0) { @> 2257 <@ print(millisecondsToHHMMSSStr(value.duration)) @> 2258 <@ } else { @> 2259 -- 2260 <@ } @> 2261 </p> 2262 </div> 2263 </div> 2264 </div> 2265 </li> 2266 <@ } @> 2267 </ul> 2268 2269 <@ if(itemsCount > 5) { @> 2270 <div style="text-align: center; margin-top: 10px;"> 2271 <button style="background-color: #D8FD46; color: black; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 0px;" 2272 onclick=" 2273 var parentAccordion = this.closest('.accordion-content'); 2274 parentAccordion.style.maxHeight = 'none'; 2275 this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 2276 this.style.display = 'none'; 2277 "> 2278 View All 2279 </button> 2280 </div> 2281 <@ } @> 2282 </div> 2283 </div> 2284 </div> 2285 <@ }); @> 2286 <@ if(item.length > 5) { @> 2287 <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;"> 2288 <button style="background-color: #D8FD46; color: black; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 0px;" 2289 onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';"> 2290 View All Sessions 2291 </button> 2292 </div> 2293 <@ } @> 2294 </div> 2295 </div> 2296</script>
2296 2297
2298<script> 2299 // Simple responsive positioning (same as Vegas) 2300 function updatePosition() { 2301 const element = document.getElementById('totalTimeElement'); 2302 if(element){ 2303 if (window.innerWidth > 768) { 2304 element.style.position = 'absolute'; 2305 element.style.top = "5px"; 2306 element.style.right = '122px'; 2307 } else { 2308 element.style.position = 'static'; 2309 element.style.margin = '0 0'; 2310 } 2311 } 2312 } 2313 2314 // Run on load and resize 2315 window.addEventListener('load', updatePosition); 2316 window.addEventListener('resize', updatePosition); 2317</script>
2317 2318 2319 2320 2321 2322<!--Nebula Curriculum 7--> 2323 2324
2325<script> 2326 // Simple responsive positioning 2327 function updatePosition() { 2328 const element = document.getElementById('totalTimeElement'); 2329 if(element){ 2330 if (window.innerWidth > 768) { 2331 element.style.position = 'absolute'; 2332 element.style.top = "5px"; 2333 element.style.right = '122px'; 2334 } else { 2335 element.style.position = 'static'; 2336 element.style.margin = '0 0'; 2337 } 2338 } 2339 } 2340 2341 // Run on load and resize 2342 window.addEventListener('load', updatePosition); 2343 window.addEventListener('resize', updatePosition); 2344 </script>
2344 2345
2345<script type="text/template" id="coursecurr-7-template"> 2346 <div class="total-time" id="totalTimeElement" style=" 2347 font-size: 18px; 2348 font-weight: 600; 2349 color: #6715FF; 2350 padding: 8px 12px; 2351 border-radius: 4px; 2352 white-space: nowrap;"> 2353 <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@> 2354 <@print(millisecondsToHHMMSSStr(summary.durations))@> 2355 <@}@> 2356</div> 2357 2358<div class="accordion-syllabus" style="max-width:1000px !important"> 2359 <@ $.each(item, function(index, value) { @> 2360 <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>"> 2361 <header class="accordion-syllabus-header" style="background:#F1ECFB !important; border-radius16px;box-shadow:none;padding:20px !important"> 2362 <h4 class="accordion-syllabus-header__title"> 2363 <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 2364 <@if(index < 9) {@> 2365 Week <@print(index + 1)@>: 2366 <@ } else {@> 2367 Week <@print(index + 1)@>: 2368 <@ } @> 2369 </span> 2370 <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;"> 2371 <@if(value && value.items){@> 2372 <@ print(value.items.length) @> attachment(s) 2373 <@} else {@> 2374 1 attachment(s) 2375 <@}@> 2376 <@if(value.moduleDurations && curriculumAssetInfo){@> 2377 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 2378 <@}@> 2379 </span></p> 2380 </h4> 2381 2382 <div class="accordion-syllabus-header__info"> 2383 <p class="text-primary hide-sm" style="color:#6715FF !important;"> 2384 <@if(value && value.items){@> 2385 <@ print(value.items.length) @> attachment(s) 2386 <@} else {@> 2387 1 attachment(s) 2388 <@}@> 2389 <@if(value.moduleDurations && curriculumAssetInfo){@> 2390 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 2391 <@}@> 2392 </p> 2393 <div class="accordion-syllabus-header__icon text-primary"> 2394 <i class="fa fa-angle-left" aria-hidden="true" style="color:#6715FF;"></i> 2395 </div> 2396 </div> 2397 </header> 2398 <div class="accordion-content" style="filter:none;background:transparent !important;"> 2399 <div class="accordian-content-block" style="background:transparent !important;box-shadow:none;padding:16px 66px 3px 69px !important;"> 2400 <ul class="accordian-list"> 2401 <@ var itemsCount = value['items'] ? value['items'].length : 0; @> 2402 <@ if(value['items'] && value['items'].length > 0) { @> 2403 <@ $.each(value['items'], function(index1, value1) { @> 2404 <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 2405 <style> 2406 @media (max-width: 768px) { 2407 .accordian-content-card { 2408 flex-direction: column !important; 2409 align-items: stretch !important; 2410 } 2411 2412 .accordian-content-card__top { 2413 flex-direction: row !important; 2414 justify-content: space-between !important; 2415 align-items: center !important; 2416 width: 100% !important; 2417 } 2418 2419 .accordian-content-card__title { 2420 flex: 1 !important; 2421 margin: 0 10px !important; 2422 white-space: nowrap; 2423 overflow: hidden; 2424 text-overflow: ellipsis; 2425 } 2426 2427 .accordian-content-card__bottom { 2428 flex-direction: row !important; 2429 justify-content: space-between !important; 2430 align-items: center !important; 2431 width: 100% !important; 2432 margin-top: 6px !important; 2433 } 2434 2435 .accordian-content-card__link { 2436 flex: 1 !important; 2437 min-width: 0 !important; 2438 text-align: left !important; 2439 } 2440 2441 .accordian-content-card__time { 2442 flex-shrink: 0 !important; 2443 text-align: right !important; 2444 } 2445 } 2446 </style> 2447 2448 <div class="accordian-content-card" 2449 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;"> 2450 2451 2452 <!-- Row 1: Icon + Title + Collapse Icon --> 2453 <div class="accordian-content-card__top" 2454 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 2455 2456 <!-- Icon --> 2457 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 2458 <@ if(value1.type == 'code'){ @> 2459 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 2460 <@ } else { @>
2461 <span class="material-icons text-primary" style="color:#6715FF; font-size: 24px;"> 2462 <@ print(getCourseAssetIcon(value1.type))@> 2463 </span> 2464 <@ } @> 2465 </div> 2466 2467 <!-- Title --> 2468 <div class="accordian-content-card__title" 2469 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 2470 <@print(value1.title)@> 2471 </div> 2472 2473 <!-- Collapse Icon (optional) --> 2474 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 2475 <!-- Example placeholder, add real icon if needed --> 2476 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 2477 </div> 2478 </div> 2479 2480 <!-- Row 2: Preview Button and Time --> 2481 <div class="accordian-content-card__bottom" 2482 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2483 2484 <!-- Preview Button --> 2485 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2486 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 2487 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>" 2488 class="previewBtn" 2489 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #6715FF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;"> 2490 <span class="text-primary" style="color:#6715FF;"> 2491 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2492 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#6715FF;"></i></span> 2493 </span> 2494 </a> 2495 <@}@> 2496 </div> 2497 2498 <!-- Time --> 2499 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 2500 <p class="text-primary course-asset-time" 2501 style="font-size: 14px; font-weight: 500; color:#6715FF !important; margin: 0;"> 2502 <@ if(value1.duration && value1.duration > 0) { @> 2503 <@ print(millisecondsToHHMMSSStr(value1.duration)) @> 2504 <@ } else { @> 2505 -- 2506 <@ } @> 2507 </p> 2508 </div> 2509 2510 </div> 2511 </div> 2512 2513 2514 </li> 2515 <@ }); @> 2516 <@ } else { @> 2517 <li class="accordian-list__item" style="padding:0px 0px !important;"> 2518 <div class="accordian-content-card" 2519 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;"> 2520 2521 <!-- Row 1: Icon + Title + Collapse Icon --> 2522 <div class="accordian-content-card__top" 2523 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 2524 2525 <!-- Icon --> 2526 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 2527 <@ if(value.type == 'code'){ @> 2528 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 2529 <@ } else { @> 2530 <span class="material-icons text-primary" style="color:#6715FF; font-size: 24px;"> 2531 <@ print(getCourseAssetIcon(value.type))@> 2532 </span> 2533 <@ } @> 2534 </div> 2535 2536 <!-- Title --> 2537 <div class="accordian-content-card__title" 2538 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 2539 <@print(value.title)@> 2540 </div> 2541 2542 <!-- Collapse Icon (optional) --> 2543 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 2544 <!-- Example placeholder, add real icon if needed --> 2545 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 2546 </div> 2547 </div> 2548 2549 <!-- Row 2: Preview Button and Time --> 2550 <div class="accordian-content-card__bottom" 2551 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2552 2553 <!-- Preview Button --> 2554 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2555 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@> 2556 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>" 2557 class="previewBtn" 2558 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #6715FF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2559 <span class="text-primary" style="color:#6715FF;"> 2560 <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2561 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#6715FF;"></i></span> 2562 </span> 2563 </a> 2564 <@}@> 2565 </div> 2566 2567 <!-- Time --> 2568 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 2569 <p class="text-primary course-asset-time" 2570 style="font-size: 14px; font-weight: 500; color:#6715FF !important; margin: 0;"> 2571 <@ if(value.duration && value.duration > 0) { @> 2572 <@ print(millisecondsToHHMMSSStr(value.duration)) @> 2573 <@ } else { @> 2574 -- 2575 <@ } @> 2576 </p> 2577 </div> 2578 </div> 2579 </div> 2580 </li> 2581 <@ } @> 2582 </ul> 2583 2584 <@ if(itemsCount > 5) { @> 2585 <div style="text-align: center; margin-top: 10px;"> 2586 <button style="background-color: #6715FF; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 2587 onclick=" 2588 var parentAccordion = this.closest('.accordion-content'); 2589 parentAccordion.style.maxHeight = 'none'; 2590 this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 2591 this.style.display = 'none'; 2592 "> 2593 View All 2594 </button> 2595 </div> 2596 <@ } @> 2597 </div> 2598 </div> 2599 </div> 2600 <@ }); @> 2601 <@ if(item.length > 5) { @> 2602 <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;"> 2603 <button style="background-color: #6715FF; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 2604 onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';"> 2605 View All Sessions 2606 </button> 2607 </div> 2608 <@ } @> 2609</div> 2610 </div> 2611</script>
2611 2612 2613 2614 2615<!--Olive Curriculum 8-->
2616<script> 2617 // Simple responsive positioning 2618 function updatePosition() { 2619 const element = document.getElementById('totalTimeElement'); 2620 if(element){ 2621 if (window.innerWidth > 768) { 2622 element.style.position = 'absolute'; 2623 element.style.top = "5px"; 2624 element.style.right = '122px'; 2625 } else { 2626 element.style.position = 'static'; 2627 element.style.margin = '0 0'; 2628 } 2629 } 2630 } 2631 2632 // Run on load and resize 2633 window.addEventListener('load', updatePosition); 2634 window.addEventListener('resize', updatePosition); 2635 </script>
2635 2636
2636<script type="text/template" id="coursecurr-8-template"> 2637 <div class="total-time" id="totalTimeElement" style=" 2638 font-size: 18px; 2639 font-weight: 600; 2640 color: #064400; 2641 padding: 8px 12px; 2642 border-radius: 4px; 2643 white-space: nowrap;"> 2644 <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@> 2645 <@print(millisecondsToHHMMSSStr(summary.durations))@> 2646 <@}@> 2647</div> 2648 2649<div class="accordion-syllabus" style="max-width:1000px !important"> 2650 <@ $.each(item, function(index, value) { @> 2651 <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>"> 2652 <header class="accordion-syllabus-header" style="background:#E5E5E5 !important; border-radius16px;box-shadow:none;padding:20px !important"> 2653 <h4 class="accordion-syllabus-header__title"> 2654 <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 2655 <@if(index < 9) {@> 2656 Week <@print(index + 1)@>: 2657 <@ } else {@> 2658 Week <@print(index + 1)@>: 2659 <@ } @> 2660 </span> 2661 <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;"> 2662 <@if(value && value.items){@> 2663 <@ print(value.items.length) @> attachment(s) 2664 <@} else {@> 2665 1 attachment(s) 2666 <@}@> 2667 <@if(value.moduleDurations && curriculumAssetInfo){@> 2668 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 2669 <@}@> 2670 </span></p> 2671 </h4> 2672 2673 <div class="accordion-syllabus-header__info"> 2674 <p class="text-primary hide-sm" style="color:#064400 !important;"> 2675 <@if(value && value.items){@> 2676 <@ print(value.items.length) @> attachment(s) 2677 <@} else {@> 2678 1 attachment(s) 2679 <@}@> 2680 <@if(value.moduleDurations && curriculumAssetInfo){@> 2681 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 2682 <@}@> 2683 </p> 2684 <div class="accordion-syllabus-header__icon text-primary"> 2685 <i class="fa fa-angle-left" aria-hidden="true" style="color:#064400;"></i> 2686 </div> 2687 </div> 2688 </header> 2689 <div class="accordion-content" style="filter:none;background:transparent !important;"> 2690 <div class="accordian-content-block" style="background:transparent !important;box-shadow:none;padding:16px 66px 3px 69px !important;"> 2691 <ul class="accordian-list"> 2692 <@ var itemsCount = value['items'] ? value['items'].length : 0; @> 2693 <@ if(value['items'] && value['items'].length > 0) { @> 2694 <@ $.each(value['items'], function(index1, value1) { @> 2695 <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 2696 <style> 2697 @media (max-width: 768px) { 2698 .accordian-content-card { 2699 flex-direction: column !important; 2700 align-items: stretch !important; 2701 } 2702 2703 .accordian-content-card__top { 2704 flex-direction: row !important; 2705 justify-content: space-between !important; 2706 align-items: center !important; 2707 width: 100% !important; 2708 } 2709 2710 .accordian-content-card__title { 2711 flex: 1 !important; 2712 margin: 0 10px !important; 2713 white-space: nowrap; 2714 overflow: hidden; 2715 text-overflow: ellipsis; 2716 } 2717 2718 .accordian-content-card__bottom { 2719 flex-direction: row !important; 2720 justify-content: space-between !important; 2721 align-items: center !important; 2722 width: 100% !important; 2723 margin-top: 6px !important; 2724 } 2725 2726 .accordian-content-card__link { 2727 flex: 1 !important; 2728 min-width: 0 !important; 2729 text-align: left !important; 2730 } 2731 2732 .accordian-content-card__time { 2733 flex-shrink: 0 !important; 2734 text-align: right !important; 2735 } 2736 } 2737 </style> 2738 2739 <div class="accordian-content-card" 2740 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;"> 2741 2742 2743 <!-- Row 1: Icon + Title + Collapse Icon --> 2744 <div class="accordian-content-card__top" 2745 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 2746 2747 <!-- Icon --> 2748 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 2749 <@ if(value1.type == 'code'){ @> 2750 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 2751 <@ } else { @>
2752 <span class="material-icons text-primary" style="color:#064400; font-size: 24px;"> 2753 <@ print(getCourseAssetIcon(value1.type))@> 2754 </span> 2755 <@ } @> 2756 </div> 2757 2758 <!-- Title --> 2759 <div class="accordian-content-card__title" 2760 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 2761 <@print(value1.title)@> 2762 </div> 2763 2764 <!-- Collapse Icon (optional) --> 2765 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 2766 <!-- Example placeholder, add real icon if needed --> 2767 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 2768 </div> 2769 </div> 2770 2771 <!-- Row 2: Preview Button and Time --> 2772 <div class="accordian-content-card__bottom" 2773 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2774 2775 <!-- Preview Button --> 2776 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2777 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 2778 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>" 2779 class="previewBtn" 2780 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #064400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;"> 2781 <span class="text-primary" style="color:#064400;"> 2782 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2783 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#064400;"></i></span> 2784 </span> 2785 </a> 2786 <@}@> 2787 </div> 2788 2789 <!-- Time --> 2790 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 2791 <p class="text-primary course-asset-time" 2792 style="font-size: 14px; font-weight: 500; color:#064400 !important; margin: 0;"> 2793 <@ if(value1.duration && value1.duration > 0) { @> 2794 <@ print(millisecondsToHHMMSSStr(value1.duration)) @> 2795 <@ } else { @> 2796 -- 2797 <@ } @> 2798 </p> 2799 </div> 2800 2801 </div> 2802 </div> 2803 2804 2805 </li> 2806 <@ }); @> 2807 <@ } else { @> 2808 <li class="accordian-list__item" style="padding:0px 0px !important;"> 2809 <div class="accordian-content-card" 2810 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;"> 2811 2812 <!-- Row 1: Icon + Title + Collapse Icon --> 2813 <div class="accordian-content-card__top" 2814 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 2815 2816 <!-- Icon --> 2817 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 2818 <@ if(value.type == 'code'){ @> 2819 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 2820 <@ } else { @> 2821 <span class="material-icons text-primary" style="color:#064400; font-size: 24px;"> 2822 <@ print(getCourseAssetIcon(value.type))@> 2823 </span> 2824 <@ } @> 2825 </div> 2826 2827 <!-- Title --> 2828 <div class="accordian-content-card__title" 2829 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 2830 <@print(value.title)@> 2831 </div> 2832 2833 <!-- Collapse Icon (optional) --> 2834 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 2835 <!-- Example placeholder, add real icon if needed --> 2836 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 2837 </div> 2838 </div> 2839 2840 <!-- Row 2: Preview Button and Time --> 2841 <div class="accordian-content-card__bottom" 2842 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 2843 2844 <!-- Preview Button --> 2845 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 2846 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@> 2847 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>" 2848 class="previewBtn" 2849 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #064400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
2850 <span class="text-primary" style="color:#064400;"> 2851 <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 2852 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#064400;"></i></span> 2853 </span> 2854 </a> 2855 <@}@> 2856 </div> 2857 2858 <!-- Time --> 2859 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 2860 <p class="text-primary course-asset-time" 2861 style="font-size: 14px; font-weight: 500; color:#064400 !important; margin: 0;"> 2862 <@ if(value.duration && value.duration > 0) { @> 2863 <@ print(millisecondsToHHMMSSStr(value.duration)) @> 2864 <@ } else { @> 2865 -- 2866 <@ } @> 2867 </p> 2868 </div> 2869 </div> 2870 </div> 2871 </li> 2872 <@ } @> 2873 </ul> 2874 2875 <@ if(itemsCount > 5) { @> 2876 <div style="text-align: center; margin-top: 10px;"> 2877 <button style="background-color: #064400; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 2878 onclick=" 2879 var parentAccordion = this.closest('.accordion-content'); 2880 parentAccordion.style.maxHeight = 'none'; 2881 this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 2882 this.style.display = 'none'; 2883 "> 2884 View All 2885 </button> 2886 </div> 2887 <@ } @> 2888 </div> 2889 </div> 2890 </div> 2891 <@ }); @> 2892 <@ if(item.length > 5) { @> 2893 <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;"> 2894 <button style="background-color: #064400; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 2895 onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';"> 2896 View All Sessions 2897 </button> 2898 </div> 2899 <@ } @> 2900</div> 2901 </div> 2902</script>
2902 2903 2904 2905 2906<!--Dusk Curriculum 9-->
2907<script> 2908 // Simple responsive positioning 2909 function updatePosition() { 2910 const element = document.getElementById('totalTimeElement'); 2911 if(element){ 2912 if (window.innerWidth > 768) { 2913 element.style.position = 'absolute'; 2914 element.style.top = "5px"; 2915 element.style.right = '122px'; 2916 } else { 2917 element.style.position = 'static'; 2918 element.style.margin = '0 0'; 2919 } 2920 } 2921 } 2922 2923 // Run on load and resize 2924 window.addEventListener('load', updatePosition); 2925 window.addEventListener('resize', updatePosition); 2926 </script>
2926 2927
2927<script> 2928 // Simple responsive positioning 2929 function updatePosition() { 2930 const element = document.getElementById('totalTimeElement'); 2931 if(element){ 2932 if (window.innerWidth > 768) { 2933 element.style.position = 'absolute'; 2934 element.style.top = "5px"; 2935 element.style.right = '122px'; 2936 } else { 2937 element.style.position = 'static'; 2938 element.style.margin = '0 0'; 2939 } 2940 } 2941 } 2942 2943 // Run on load and resize 2944 window.addEventListener('load', updatePosition); 2945 window.addEventListener('resize', updatePosition); 2946 </script>
2946 2947
2947<script type="text/template" id="coursecurr-9-template"> 2948 <div class="total-time" id="totalTimeElement" style=" 2949 font-size: 18px; 2950 font-weight: 600; 2951 color: #282400; 2952 padding: 8px 12px; 2953 border-radius: 4px; 2954 white-space: nowrap;"> 2955 <@if(summary.durations && summary.durations>0 && curriculumAssetInfo){@> 2956 <@print(millisecondsToHHMMSSStr(summary.durations))@> 2957 <@}@> 2958</div> 2959 2960<div class="accordion-syllabus" style="max-width:1000px !important"> 2961 <@ $.each(item, function(index, value) { @> 2962 <div class="accordion-syllabus-item" style="<@ if(index >= 5) { @> display: none; <@ } @>"> 2963 <header class="accordion-syllabus-header" style="background:#F5F5F5 !important; border-radius:8px;box-shadow:none;padding:20px !important"> 2964 <h4 class="accordion-syllabus-header__title"> 2965 <span class="text-primary" style="font-size:18px ; font-weight:600; color:black;"> 2966 <@if(index < 9) {@> 2967 Week <@print(index + 1)@>: 2968 <@ } else {@> 2969 Week <@print(index + 1)@>: 2970 <@ } @> 2971 </span> 2972 <p style="font-size:18px ; font-weight:600;"><@print(value.title)@> <span class="text-primary show-sm" style="font-size: 14px;"> 2973 <@if(value && value.items){@> 2974 <@ print(value.items.length) @> attachment(s) 2975 <@} else {@> 2976 1 attachment(s) 2977 <@}@> 2978 <@if(value.moduleDurations && curriculumAssetInfo){@> 2979 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 2980 <@}@> 2981 </span></p> 2982 </h4> 2983 2984 <div class="accordion-syllabus-header__info"> 2985 <p class="text-primary hide-sm" style="color:#282400 !important;"> 2986 <@if(value && value.items){@> 2987 <@ print(value.items.length) @> attachment(s) 2988 <@} else {@> 2989 1 attachment(s) 2990 <@}@> 2991 <@if(value.moduleDurations && curriculumAssetInfo){@> 2992 ⢠<@print(millisecondsToHHMMSSStr(value.moduleDurations))@> 2993 <@}@> 2994 </p> 2995 <div class="accordion-syllabus-header__icon text-primary"> 2996 <i class="fa fa-angle-left" aria-hidden="true" style="color:#282400;"></i> 2997 </div> 2998 </div> 2999 </header> 3000 <div class="accordion-content" style="filter:none;background:transparent !important;"> 3001 <div class="accordian-content-block" style="background:transparent !important;box-shadow:none;padding:16px 66px 3px 69px !important;"> 3002 <ul class="accordian-list"> 3003 <@ var itemsCount = value['items'] ? value['items'].length : 0; @> 3004 <@ if(value['items'] && value['items'].length > 0) { @> 3005 <@ $.each(value['items'], function(index1, value1) { @> 3006 <li class="accordian-list__item" style="padding:0px 0px !important;<@ if(index1 >= 5) { @> display: none; <@ } @>"> 3007 <style> 3008 @media (max-width: 768px) { 3009 .accordian-content-card { 3010 flex-direction: column !important; 3011 align-items: stretch !important; 3012 } 3013 3014 .accordian-content-card__top { 3015 flex-direction: row !important; 3016 justify-content: space-between !important; 3017 align-items: center !important; 3018 width: 100% !important; 3019 } 3020 3021 .accordian-content-card__title { 3022 flex: 1 !important; 3023 margin: 0 10px !important; 3024 white-space: nowrap; 3025 overflow: hidden; 3026 text-overflow: ellipsis; 3027 } 3028 3029 .accordian-content-card__bottom { 3030 flex-direction: row !important; 3031 justify-content: space-between !important; 3032 align-items: center !important; 3033 width: 100% !important; 3034 margin-top: 6px !important; 3035 } 3036 3037 .accordian-content-card__link { 3038 flex: 1 !important; 3039 min-width: 0 !important; 3040 text-align: left !important; 3041 } 3042 3043 .accordian-content-card__time { 3044 flex-shrink: 0 !important; 3045 text-align: right !important; 3046 } 3047 } 3048 </style> 3049 3050 <div class="accordian-content-card" 3051 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;"> 3052 3053 3054 <!-- Row 1: Icon + Title + Collapse Icon --> 3055 <div class="accordian-content-card__top" 3056 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 3057 3058 <!-- Icon --> 3059 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 3060 <@ if(value1.type == 'code'){ @> 3061 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 3062 <@ } else { @>
3063 <span class="material-icons text-primary" style="color:#282400; font-size: 24px;"> 3064 <@ print(getCourseAssetIcon(value1.type))@> 3065 </span> 3066 <@ } @> 3067 </div> 3068 3069 <!-- Title --> 3070 <div class="accordian-content-card__title" 3071 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 3072 <@print(value1.title)@> 3073 </div> 3074 3075 <!-- Collapse Icon (optional) --> 3076 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 3077 <!-- Example placeholder, add real icon if needed --> 3078 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 3079 </div> 3080 </div> 3081 3082 <!-- Row 2: Preview Button and Time --> 3083 <div class="accordian-content-card__bottom" 3084 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 3085 3086 <!-- Preview Button --> 3087 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 3088 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value1.id)){@> 3089 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value1.id)@>" 3090 class="previewBtn" 3091 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #282400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;"> 3092 <span class="text-primary" style="color:#282400;"> 3093 <@ if(value1.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 3094 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#282400;"></i></span> 3095 </span> 3096 </a> 3097 <@}@> 3098 </div> 3099 3100 <!-- Time --> 3101 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 3102 <p class="text-primary course-asset-time" 3103 style="font-size: 14px; font-weight: 500; color:#282400 !important; margin: 0;"> 3104 <@ if(value1.duration && value1.duration > 0) { @> 3105 <@ print(millisecondsToHHMMSSStr(value1.duration)) @> 3106 <@ } else { @> 3107 -- 3108 <@ } @> 3109 </p> 3110 </div> 3111 3112 </div> 3113 </div> 3114 3115 3116 </li> 3117 <@ }); @> 3118 <@ } else { @> 3119 <li class="accordian-list__item" style="padding:0px 0px !important;"> 3120 <div class="accordian-content-card" 3121 style="display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 10px 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #eee;"> 3122 3123 <!-- Row 1: Icon + Title + Collapse Icon --> 3124 <div class="accordian-content-card__top" 3125 style="display: flex; align-items: center; justify-content: space-between; width: 100%;"> 3126 3127 <!-- Icon --> 3128 <div class="accordian-content-card__ico" style="flex-shrink: 0;"> 3129 <@ if(value.type == 'code'){ @> 3130 <img src="/resources/images/CodeIcon.svg" style="width: 24px; height: 24px;"> 3131 <@ } else { @> 3132 <span class="material-icons text-primary" style="color:#282400; font-size: 24px;"> 3133 <@ print(getCourseAssetIcon(value.type))@> 3134 </span> 3135 <@ } @> 3136 </div> 3137 3138 <!-- Title --> 3139 <div class="accordian-content-card__title" 3140 style="font-weight: 400; font-size: 14px; color: #333; margin: 0 10px; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"> 3141 <@print(value.title)@> 3142 </div> 3143 3144 <!-- Collapse Icon (optional) --> 3145 <div class="accordian-content-card__collapse" style="flex-shrink: 0;"> 3146 <!-- Example placeholder, add real icon if needed --> 3147 <!-- <i class="fa fa-chevron-down" style="font-size: 16px;"></i> --> 3148 </div> 3149 </div> 3150 3151 <!-- Row 2: Preview Button and Time --> 3152 <div class="accordian-content-card__bottom" 3153 style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 6px; flex-wrap: nowrap;"> 3154 3155 <!-- Preview Button --> 3156 <div class="accordian-content-card__link" style="flex: 1; min-width: 0; text-align: left;"> 3157 <@if(summary.sampleAvailable && summary.sampleSectionIds.includes(value.id)){@> 3158 <a href="/s/preview/courses/<@print(decodeURIComponent(summary.courseUrl).replace(/ /g,'-'))@>-<@- courseId @>#<@print(value.id)@>" 3159 class="previewBtn" 3160 style="font-size: 14px; font-weight: 500; text-decoration: none; color: #282400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;">
3161 <span class="text-primary" style="color:#282400;"> 3162 <@ if(value.type == 'video') { @> Watch <@ } else {@> Preview <@ } @> 3163 <span style="color:#000"><i class="fa fa-solid fa-arrow-up-right" style="color:#282400;"></i></span> 3164 </span> 3165 </a> 3166 <@}@> 3167 </div> 3168 3169 <!-- Time --> 3170 <div class="accordian-content-card__time" style="flex-shrink: 0; text-align: right;"> 3171 <p class="text-primary course-asset-time" 3172 style="font-size: 14px; font-weight: 500; color:#282400 !important; margin: 0;"> 3173 <@ if(value.duration && value.duration > 0) { @> 3174 <@ print(millisecondsToHHMMSSStr(value.duration)) @> 3175 <@ } else { @> 3176 -- 3177 <@ } @> 3178 </p> 3179 </div> 3180 </div> 3181 </div> 3182 </li> 3183 <@ } @> 3184 </ul> 3185 3186 <@ if(itemsCount > 5) { @> 3187 <div style="text-align: center; margin-top: 10px;"> 3188 <button style="background-color: #282400; color: white; padding: 4px 28px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 3189 onclick=" 3190 var parentAccordion = this.closest('.accordion-content'); 3191 parentAccordion.style.maxHeight = 'none'; 3192 this.closest('.accordian-content-block').querySelectorAll('.accordian-list__item').forEach(el => el.style.display = 'block'); 3193 this.style.display = 'none'; 3194 "> 3195 View All 3196 </button> 3197 </div> 3198 <@ } @> 3199 </div> 3200 </div> 3201 </div> 3202 <@ }); @> 3203 <@ if(item.length > 5) { @> 3204 <div style="text-align: center; margin-top: 10px;margin-bottom: 20px;"> 3205 <button style="background-color: #282400; color: white; padding: 8px 32px; border: none; cursor: pointer; font-size: 16px; border-radius: 24px;" 3206 onclick="document.querySelectorAll('.accordion-syllabus-item').forEach(el => el.style.display = 'block'); this.style.display = 'none';"> 3207 View All Sessions 3208 </button> 3209 </div> 3210 <@ } @> 3211</div> 3212 </div> 3213</script>
3213 3214 3215 3216 3217 3218 3219 3220<!-- Feedback Template First -->
3221<script type="text/template" id="widget-1-template"> 3222<div class="column full feedbackContainer feedback1 spectre"> 3223<@if(msg){@> 3224 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 3225<@}else{@> 3226<div class="avgratingbox"> 3227 <div class="flex-row" > 3228 <div class="is-box-2" > 3229 <p style="color: rgb(247, 247, 247); font-weight: 700!important; font-size: 40px!important; text-align: center; letter-spacing: 3px; padding-bottom: 0px; margin-bottom: 0px; line-height: 1; margin-top: 0px;"> 3230 <@ if(ratings && ratings.avgRating) {@> 3231 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 3232 <@}else{@> 3233 0 3234 <@}@> 3235 </p> 3236 <h5 class="ratings1" style="text-align: center; margin-bottom: 0px; margin-top: 0px; line-height: 1;"> 3237 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3238 <@if(ratings){@> 3239 <@ if(ratings.avgRating >= ratingsSize) {@> 3240 <i class="icon ion-android-star"></i> 3241 <@ } else if(ratings.avgRating > ratingsSize-1 && ratings.avgRating < ratingsSize) { @> 3242 <i class="icon ion-android-star-half"></i> 3243 <@ } else { @> 3244 <i class="icon ion-android-star-outline"></i> 3245 <@ } @> 3246 <@} else {@> 3247 <i class="icon ion-android-star-outline"></i> 3248 <@}@> 3249 <@}@> 3250 </h5> 3251 <p style="margin: 10px 0 0 !important;text-align: center;line-height: 1;font-size: 30px!important;"><i class="fa-light fa-users t-white"></i> </p> 3252 <p style="margin-bottom: 10px; margin-top: 0px; font-size: 12px!important; letter-spacing: 1px; font-weight: 500!important; color: rgb(247, 247, 247); text-align: center;"> 3253 Total <@ if(ratings){print(ratings.total) }else{0}@> Reviews 3254 </p> 3255 </div> 3256 <div class="is-box-9"> 3257 <@ for (i = 0; i < 5; i++) {@> 3258 <div class="box7878"> 3259 <div style="flex:1;"> 3260 <div class="meter <@print(ratingsPer[(parseInt(i)+1)+'-star'].cls)@> nostripes"> 3261 <span style="width: <@print(ratingsPer[(parseInt(i)+1)+'-star'].rates)@>%"></span> 3262 </div> 3263 </div> 3264 <div id="ratingbox"> 3265 <p class="ratings2" style=" line-height: 1;"> 3266 <@ for (ratingsSize = 5; ratingsSize >=1; ratingsSize--) {@> 3267 <@if(ratingsSize>i){@> 3268 <i class="fa fa-solid fa-star-sharp text-primary"></i> 3269 <@} else {@> 3270 <i class="fa fa-solid fa-star-sharp"></i> 3271 <@}@> 3272 <@}@> 3273 <span class="t-white"> 3274 <@ if(ratings && ratings.ratingsCount){print(ratings.ratingsCount[(parseInt(5)-i)+'-stars'])}else{0} @> 3275 </span> 3276 </p> 3277 3278 </div> 3279 </div> 3280 <@}@> 3281 </div> 3282 </div> 3283</div> 3284 <div class="bg-secondary" style="padding:15px 15px;border-radius:10px;border-top-right-radius: 0;border-top-left-radius: 0;" > 3285 <p 3286 style="font-size: 16px!important; font-weight: 500!important; letter-spacing: 1px;" class="text-primary"> 3287 Reviews 3288 </p> 3289 3290<div class="review-box" id="createCustomReview" style="display:none"> 3291<div class="flex-row"> 3292 <div class="is-box-2 centerbox"> 3293 <div class="spectre"> 3294 <figure data-initial="<@if(typeof SPUSER !== 'undefined'){print(SPUSER.email.substring(0, 1))}else{@>Me<@}@>" class="uppercase avatar avatar-lg figsize" > 3295 <img src="/s/profile/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ if(typeof SPUSER !== 'undefined'){print(SPUSER.mhash)} @>"> 3296 </figure> 3297 <@if(typeof SPUSER !== 'undefined'){ @><p class="review-name"><@ print(SPUSER.name) @> </p><@ } @> 3298 </div> 3299 </div> 3300 <div class="is-box-10"> 3301 <textarea rows="3" class="form-input" 3302 placeholder="Add your review here"></textarea> 3303 <div class="rating3"> 3304 <p id="rating-stars"> 3305 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <i 3306 class="fa fa-solid fa-star-sharp text-primary rating-star" data-value='<@- ratingsSize @>'></i> <@}@> 3307 </p> 3308 3309 <button class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>" 3310 data-reviewData="reviewlist" 3311 style="padding: 2px 28px; text-transform: uppercase; border-radius: 40px;">Post</button> 3312 </div> 3313 </div> 3314</div> 3315</div> 3316 3317 <div id="reviewlist"> 3318 <@ $.each(items, function(index, item) { @> 3319 <div class="review-box reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>"> 3320 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3321 <a class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 3322 <@ } @> 3323 <div class="flex-row"> 3324 <div class="is-box-2 centerbox"> 3325 <div class="spectre"> 3326 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3327 <figure data-initial="<@if(typeof SPUSER !== 'undefined'){print(SPUSER.email.substring(0, 1))}else{@>Me<@}@>" class="uppercase avatar avatar-lg figsize" > 3328 <img src="/s/profile/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ if(typeof SPUSER !== 'undefined'){print(SPUSER.mhash)} @>"> 3329 <@ } else {@> 3330 <figure data-initial="<@ print(getUserInitial(null, item.userName)) @>" class="uppercase avatar avatar-lg figsize" > 3331 <img src="/s/profile/<@- item.userId @>/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ item.mhash @>"> 3332 <@ } @> 3333 </figure> 3334 <p class="review-name"><@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @><@ print(SPUSER.name) @><@ } else {@> <@ print(item.userName) @><@ } @> </p> 3335 </div> 3336 </div> 3337 <div class="is-box-10"> 3338 <div class="rating4"> 3339 <p> 3340 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <@ 3341 if(item.rating >= ratingsSize) {@> 3342 <i class="fa fa-solid fa-star-sharp text-primary"></i> 3343 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 3344 <i class="fa fa-solid fa-star-sharp-half text-primary"></i> 3345 <@ } else { @> 3346 <i class="fa fa-solid fa-star-sharp"></i> 3347 <@}@> 3348 <@ }@> 3349 </p> 3350 <p 3351 style="font-size: 13px!important; color: rgb(174, 170, 170); font-weight: 600!important; margin-top: 4px;"> 3352 <time class="timestamp"
3353 datetime="<@ print((new Date(item.createdDate.$date)).toISOString()) @>"><@ 3354 print(parseDate(item.createdDate.$date)) @></time> 3355 </p> 3356 </div> 3357 <p class="reviewTxt" 3358 style="color: rgb(102, 102, 102); font-weight: 500!important; font-size: 13px!important; margin-bottom: 10px;"><@ 3359 print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @></p> 3360 <div class="comment-tag"> 3361 <@ if(item.isFeatured) {@><span>Featured Review </span><@ } @><@ if(item.isVerifiedPurchase) {@> <span>Verified Purchase </span><@ } @> 3362 </div> 3363 </div> 3364 </div> 3365 </div> 3366 <@ }); @> 3367 </div> 3368 <button class="bg-primary loadMoreReviewsBtn reviewLMbtn" data-itemTemplate="feedback-1-item-template" data-reviewData="reviewlist" >Load More Reviews</button> 3369</div> 3370<@}@> 3371</script>
3371 3372 3373
3374<script type="text/template" id="feedback-1-item-template"> 3375<div class="review-box reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>""> 3376<@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3377 <a class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 3378<@ } @> 3379<div class="flex-row"> 3380 <div class="is-box-2 centerbox"> 3381 <div class="spectre"> 3382 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3383 <figure data-initial="<@if(typeof SPUSER !== 'undefined'){print(SPUSER.email.substring(0, 1))}else{@>Me<@}@>" class="avatar avatar-lg figsize" > 3384 <img src="/s/profile/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ if(typeof SPUSER !== 'undefined'){print(SPUSER.mhash)} @>"> 3385 <@ } else {@> 3386 <figure data-initial="<@ print(getUserInitial(null, item.userName)) @>" class="avatar avatar-lg figsize" > 3387 <img src="/s/profile/<@- item.userId @>/thumb" alt="" class="review-pic" onerror="profileImageError(this)" data-mhash="<@ item.mhash @>"> 3388 <@ } @> 3389 </figure> 3390 <p class="review-name"><@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @><@ print(SPUSER.name) @><@ } else {@> <@ print(item.userName) @><@ } @> </p> 3391 </div> 3392 </div> 3393 <div class="is-box-10"> 3394 <div class="rating4"> 3395 <p> 3396 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <@ 3397 if(item.rating >= ratingsSize) {@> 3398 <i class="fa fa-solid fa-star-sharp text-primary"></i> 3399 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 3400 <i class="fa fa-solid fa-star-sharp-half text-primary"></i> 3401 <@ } else { @> 3402 <i class="fa fa-solid fa-star-sharp-outline"></i> 3403 <@}@> 3404 <@ } @> 3405 </p> 3406 <p 3407 style="font-size: 13px!important; color: rgb(174, 170, 170); font-weight: 600!important; margin-top: 4px;"> 3408 <time class="timestamp" 3409 datetime="<@ print((new Date(item.createdDate.$date)).toISOString()) @>"><@ 3410 print(parseDate(item.createdDate.$date)) @></time> 3411 </p> 3412 </div> 3413 <p class="reviewTxt" 3414 style="color: rgb(102, 102, 102); font-weight: 500!important; font-size: 13px!important; margin-bottom: 10px;"><@ 3415 print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @></p> 3416 <div class="comment-tag"> 3417 <@ if(item.isFeatured) {@><span>Featured Review </span><@ } @><@ if(item.isVerifiedPurchase) {@> <span>Verified Purchase </span><@ } @> 3418 </div> 3419 </div> 3420</div> 3421</div> 3422</script>
3422 3423 3424 3425<!-- Feedback Template Second -->
3426<script type="text/template" id="feedback-2-template"> 3427<div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;"> 3428<@if(msg){@> 3429 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 3430<@}else{@> 3431<@ if(total > 0 && ratings && ratings.avgRating) {@> 3432<div class="avgratingbox"> 3433<div class="column third"> 3434 <div class="is-card avgRatingContainer" > 3435 <div class="avgRatingInnerContainer"> 3436 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3> 3437 <div style="display: flex; flex-direction: row; align-items: center; justify-content: center;"> 3438 <i class="icon ion-android-star text-primary" style="font-size: 80px;"></i> 3439 <div style="margin-left: 25px;"> 3440 <span style="display: flex; justify-content: flex-start; align-items: baseline;"> 3441 <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: var(--themeColor); line-height: 1.3;"> 3442 <@ if(ratings && ratings.avgRating) {@> 3443 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 3444 <@}else{@> 3445 0 3446 <@}@> 3447 </h3> 3448 <p class="avgRatingReviews">/5</p> 3449 </span> 3450 <p class="avgRatingReviews"> 3451 <@ if(ratings){print(ratings.total) }else{0}@> reviews 3452 </p> 3453 </div> 3454 </div> 3455 </div> 3456 </div> 3457</div> 3458</div> 3459<@ } @> 3460<div id="feedback2Reviewlist" class="reviewslist"> 3461 <@ $.each(items, function(index, item) { @> 3462 <@ var template = _.template($("#feedback-2-item-template").html()); print(template({item: item})) @> 3463 <@ }); @> 3464 <@}@> 3465</div> 3466<div class="row clearfix"> 3467 <div class="column full"> 3468 <p class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-2-item-template" data-reviewData="feedback2Reviewlist" style="text-align: right; font-size: 14px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none;"> 3469 View more 3470 </p> 3471 </div> 3472</div> 3473</script>
3473 3474
3475<script type="text/template" id="feedback-2-item-template"> 3476 <div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>"> 3477 <div class="is-card avgRatingContainer"> 3478 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" > 3479 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3480 <a class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 3481 <@ } @> 3482 <p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 80px; max-height: 80px; overflow: hidden;"> 3483 <@ print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @> 3484 </p> 3485 <div class="reviewerName"> 3486 <p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px;"> 3487 <@ print(item.userName) @> 3488 </p></div> 3489 3490 <p style="margin: 0px;"> 3491 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3492 <@ if(item.rating >= ratingsSize) {@> 3493 <i class="fa fa-solid fa-star-sharp text-primary"></i> 3494 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 3495 <i class="fa fa-solid fa-star-sharp-half text-primary"></i> 3496 <@ } @> 3497 <@ }@> 3498 </p> 3499 3500 </div> 3501 </div> 3502 </div> 3503</script>
vendor: 1 bytes, line 3503
3503
3504<script type="text/template" id="feedback-2-createTemplate"> 3505 <div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>"> 3506 <div class="is-boxes"> 3507 <div class="is-box-centered"> 3508 <div class="is-container container" style="max-width: 940px;"> 3509 3510 <div class="review-box review-add-box"> 3511 <div class="is-container container is-content-800" > 3512 <div class="row clearfix" > 3513 <div class="column full" > 3514 <h1 style="text-align: center; font-size: 28px; line-height: 1.1; font-weight: 700; letter-spacing: 0px; color: var(--themeColor); margin-bottom: 44px;">Add a review</h1> 3515 </div> 3516 </div> 3517 <div class="textarea-cont"> 3518 <div class="review-star text-primary" style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;"> 3519 <span id="rating-stars"> 3520 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> <i 3521 class="fa fa-solid fa-star-sharp rating-star" data-value='<@- ratingsSize @>'></i> <@}@> 3522 </span> 3523 </div> 3524 <textarea class="add-review-textarea" id="reviewText" style="background: transparent;width: 100%; border-width: 0px; padding-right: 28px; padding-bottom: 28px; min-height: 150px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;" placeholder="Add your review here"></textarea> 3525 <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0) { @> 3526 <p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: rgba(255, 255, 255, 0.5); margin-top: 0px;"><@ print(SPUSER.name) @></p> 3527 <@ } @> 3528 </div> 3529 <div style="margin-top: 20px; display: flex; justify-content: flex-end;"> 3530 <button id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>" 3531 data-reviewData="feedback2Reviewlist" disabled >Submit</button> 3532 </div> 3533 </div> 3534 </div> 3535 </div> 3536 </div> 3537 </div> 3538</div> 3539</script>
3539 3540 3541<!-- Vegas 4th feedback Template--> 3542 3543
3544<script type="text/template" id="feedback-4-template"> 3545 <div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;"> 3546 <@if(msg){@> 3547 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 3548 <@}else{@> 3549 <@ if(total > 0 && ratings && ratings.avgRating) {@> 3550 <div class="avgratingbox"> 3551 <div class="column third"> 3552 <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;" > 3553 <div class="avgRatingInnerContainer"> 3554 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3> 3555 <div style="display: flex; flex-direction: row; align-items: center; justify-content: center;"> 3556 <i class="icon ion-android-star text-primary" style="font-size: 80px;"></i> 3557 <div style="margin-left: 25px;"> 3558 <span style="display: flex; justify-content: flex-start; align-items: baseline;"> 3559 <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: var(--themeColor); line-height: 1.3;"> 3560 <@ if(ratings && ratings.avgRating) {@> 3561 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 3562 <@}else{@> 3563 0 3564 <@}@> 3565 </h3> 3566 <p class="avgRatingReviews">/5</p> 3567 </span> 3568 <p class="avgRatingReviews"> 3569 <@ if(ratings){print(ratings.total) }else{0}@> reviews 3570 </p> 3571 </div> 3572 </div> 3573 </div> 3574 </div> 3575 </div> 3576 </div> 3577 <@ } @> 3578 <div id="feedback4Reviewlist" class="reviewslist"> 3579 <@ $.each(items, function(index, item) { @> 3580 <@ var template = _.template($("#feedback-4-item-template").html()); print(template({item: item})) @> 3581 <@ }); @> 3582 <@}@> 3583 </div> 3584 <div class="row clearfix"> 3585 <div class="column full" style="text-align: center;"> 3586 <a class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-4-item-template" data-reviewData="feedback4Reviewlist" style="text-align: center; font-size: 16px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none; background:#FB5607; color:white; padding:12px 28px; border-radius:24px;text-decoration:none;"> 3587 View All Reviews 3588 </a> 3589 </div> 3590 </div> 3591 </script>
3591 3592 3593
3593<script type="text/template" id="feedback-4-item-template"> 3594 <div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>"> 3595 <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:white; padding:20px; "> 3596 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" > 3597 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3598 <a style="color:#FB5607 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 3599 <@ } @> 3600 <p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 82px; max-height: 80px; overflow: hidden;"> 3601 <@ print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @> 3602 </p> 3603 <div class="reviewerName"> 3604 <p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px; opacity:0.5;"> 3605 <@ print(item.userName) @> 3606 </p></div> 3607 3608 <p style="margin: 0px;"> 3609 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3610 <@ if(item.rating >= ratingsSize) {@> 3611 <i class="fa fa-solid fa-star-sharp text-primary" style="color:#FB5607 !important;"></i> 3612 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 3613 <i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#FB5607 !important;"></i> 3614 <@ } @> 3615 <@ }@> 3616 </p> 3617 3618 </div> 3619 </div> 3620 </div> 3621 </script>
3621 3622
3622<script type="text/template" id="feedback-4-createTemplate"> 3623 <div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>"> 3624 <div class="is-boxes"> 3625 <div class="is-box-centered"> 3626 <div class="is-container container" style="max-width: 1200px;"> 3627 3628 <div class="review-box review-add-box"> 3629 <div class="is-container container is-content-1200" > 3630 <div class="row clearfix" > 3631 <div class="column full" > 3632 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1> 3633 </div> 3634 </div> 3635 <div class="textarea-cont"> 3636 <div style="display:flex; gap:30px;"> 3637 <div><h3 style="font-size:18px;font-weight:600;">Overall Rating</h3></div> 3638 <div class="review-star1 text-primary" 3639 style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important"> 3640 <span id="rating-stars" > 3641 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3642 <i class="fa fa-solid fa-star-sharp rating-star" 3643 data-value='<@- ratingsSize @>' 3644 style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i> 3645 <@}@> 3646 </span> 3647 </div> 3648 <style></style> 3649 3650 3651 </div> 3652 <textarea class="add-review-textarea" id="reviewText" style="background:#E5E5E5;width: 100%; border: 1px solid #E5E5E5; padding-right: 28px; padding-bottom: 28px; min-height: 180px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;border-radius:16px !important" placeholder="Add your review here"></textarea> 3653 <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0) { @> 3654 <p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: rgba(255, 255, 255, 0.5); margin-top: 0px;"><@ print(SPUSER.name) @></p> 3655 <@ } @> 3656 </div> 3657 <div style=" display: flex; justify-content: center;"> 3658 <button style="letter-spacing:0px !important ; background-color:#FB5607;padding:12px 28px !important;" id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>" 3659 data-reviewData="feedback4Reviewlist" disabled >Submit</button> 3660 </div> 3661 </div> 3662 </div> 3663 </div> 3664 </div> 3665 </div> 3666 </div> 3667 </script>
3667 3668 3669 3670 3671 3672<!-- Blaze 5th feedback Template-->
3673<script type="text/template" id="feedback-5-template"> 3674 <div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;"> 3675 <@if(msg){@> 3676 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 3677 <@}else{@> 3678 <@ if(total > 0 && ratings && ratings.avgRating) {@> 3679 <div class="avgratingbox"> 3680 <div class="column third"> 3681 <div class="is-card avgRatingContainer" style="background:#232323; border-radius:0px;padding:21px;" > 3682 <div class="avgRatingInnerContainer"> 3683 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;color:white;">Customer ratings</h3> 3684 <div style="display: flex; flex-direction: row; align-items: center; justify-content: center;"> 3685 <i class="icon ion-android-star text-primary" style="font-size: 80px;color:rgb(216, 253, 70);"></i> 3686 <div style="margin-left: 25px;"> 3687 <span style="display: flex; justify-content: flex-start; align-items: baseline;"> 3688 <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: rgb(216, 253, 70); line-height: 1.3;"> 3689 <@ if(ratings && ratings.avgRating) {@> 3690 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 3691 <@}else{@> 3692 0 3693 <@}@> 3694 </h3> 3695 <p class="avgRatingReviews" style="color:white;">/5</p> 3696 </span> 3697 <p class="avgRatingReviews" style="color:white;"> 3698 <@ if(ratings){print(ratings.total) }else{0}@> reviews 3699 </p> 3700 </div> 3701 </div> 3702 </div> 3703 </div> 3704 </div> 3705 </div> 3706 <@ } @> 3707 <div id="feedback5Reviewlist" class="reviewslist"> 3708 <@ $.each(items, function(index, item) { @> 3709 <@ var template = _.template($("#feedback-5-item-template").html()); print(template({item: item})) @> 3710 <@ }); @> 3711 <@}@> 3712 </div> 3713 <div class="row clearfix"> 3714 <div class="column full" style="text-align: center;"> 3715 <a class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-5-item-template" data-reviewData="feedback5Reviewlist" style="text-align: center; font-size: 16px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none; background:#D8FD46; color:black; padding:12px 28px; border-radius:0px;text-decoration:none;"> 3716 View All Reviews 3717 </a> 3718 </div> 3719 </div> 3720 </script>
3720 3721 3722 3723
3723<script type="text/template" id="feedback-5-item-template"> 3724 <style> 3725 .template5-review .reviewTxt{ 3726 color:white !important; 3727 } 3728 .template5-review .reviewerName p{ 3729 color:white !important; 3730 } 3731 </style> 3732 <div class="column third reviewcontainer template5-review <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> selfreview <@ } @>"> 3733 <div class="is-card avgRatingContainer" style="border:1px solid #232323;padding:20px;"> 3734 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;"> 3735 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3736 <a style="color:#D8FD46 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"> 3737 <i class="material-icons">delete</i> 3738 </a> 3739 <@ } @> 3740 <p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 82px; max-height: 80px; overflow: hidden;"> 3741 <@ print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @> 3742 </p> 3743 <div class="reviewerName"> 3744 <p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px; opacity:0.5; "> 3745 <@ print(item.userName) @> 3746 </p> 3747 </div> 3748 3749 <p style="margin: 0px;"> 3750 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) { @> 3751 <@ if(item.rating >= ratingsSize) { @> 3752 <i class="fa fa-solid fa-star-sharp text-primary" style="color:#D8FD46 !important;"></i> 3753 <@ } else if(item.rating > ratingsSize - 1 && item.rating < ratingsSize) { @> 3754 <i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#D8FD46 !important;"></i> 3755 <@ } @> 3756 <@ } @> 3757 </p> 3758 </div> 3759 </div> 3760 </div> 3761 </script>
3761 3762 3763
3763<script type="text/template" id="feedback-5-createTemplate"> 3764 <div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>"> 3765 <div class="is-boxes"> 3766 <div class="is-box-centered" style="background:#181818;"> 3767 <div class="is-container container" style="max-width: 1200px;"> 3768 3769 <div class="review-box review-add-box"> 3770 <div class="is-container container is-content-1200" > 3771 <div class="row clearfix" > 3772 <div class="column full" > 3773 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: white; ">Add a review</h1> 3774 </div> 3775 </div> 3776 <div class="textarea-cont" style="background:transparent"> 3777 <div style="display:flex; gap:30px;"> 3778 <div><h3 style="font-size:18px;font-weight:600; color:white;">Overall Rating</h3></div> 3779 <div class="review-star text-primary" 3780 style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important"> 3781 <span id="rating-stars" > 3782 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3783 <i class="fa fa-solid fa-star-sharp rating-star" 3784 data-value='<@- ratingsSize @>' 3785 style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i> 3786 <@}@> 3787 </span> 3788 </div> 3789 3790 3791 </div> 3792 <textarea class="add-review-textarea" id="reviewText" style="color:white;background:#232323;width: 100%; border: 1px solid #636363; padding: 28px; min-height: 180px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;border-radius:0px !important" placeholder="Add your review here"></textarea> 3793 <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0) { @> 3794 <p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: rgba(255, 255, 255, 0.5); margin-top: 0px;"><@ print(SPUSER.name) @></p> 3795 <@ } @> 3796 </div> 3797 <div style=" display: flex; justify-content: center;margin-top:20px;"> 3798 <button style="letter-spacing:0px !important ; background-color:#D8FD46;padding:12px 28px !important; border-radius:0px !important; color:black;" id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>" 3799 data-reviewData="feedback5Reviewlist" disabled >Submit</button> 3800 </div> 3801 </div> 3802 </div> 3803 </div> 3804 </div> 3805 </div> 3806 </div> 3807 </script>
3807 3808 3809 3810 3811 3812 3813 3814 3815 3816 3817 3818 3819 3820 3821 3822 3823<!-- Nebula Feedback 6--> 3824
3825<script type="text/template" id="feedback-6-template"> 3826 <div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;"> 3827 <@if(msg){@> 3828 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 3829 <@}else{@> 3830 <@ if(total > 0 && ratings && ratings.avgRating) {@> 3831 <div class="avgratingbox"> 3832 <div class="column third"> 3833 <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;" > 3834 <div class="avgRatingInnerContainer"> 3835 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3> 3836 <div style="display: flex; flex-direction: row; align-items: center; justify-content: center;"> 3837 <i class="icon ion-android-star text-primary" style="font-size: 80px; color: #6715FF !important;"></i> 3838 <div style="margin-left: 25px;"> 3839 <span style="display: flex; justify-content: flex-start; align-items: baseline;"> 3840 <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: #6715FF !important; line-height: 1.3;"> 3841 <@ if(ratings && ratings.avgRating) {@> 3842 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 3843 <@}else{@> 3844 0 3845 <@}@> 3846 </h3> 3847 <p class="avgRatingReviews">/5</p> 3848 </span> 3849 <p class="avgRatingReviews"> 3850 <@ if(ratings){print(ratings.total) }else{0}@> reviews 3851 </p> 3852 </div> 3853 </div> 3854 </div> 3855 </div> 3856 </div> 3857 </div> 3858 <@ } @> 3859 <div id="feedback6Reviewlist" class="reviewslist"> 3860 <@ $.each(items, function(index, item) { @> 3861 <@ var template = _.template($("#feedback-6-item-template").html()); print(template({item: item})) @> 3862 <@ }); @> 3863 <@}@> 3864 </div> 3865 <div class="row clearfix"> 3866 <div class="column full" style="text-align: center;"> 3867 <a class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-6-item-template" data-reviewData="feedback6Reviewlist" style="text-align: center; font-size: 16px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none; background:#6715FF; color:white; padding:12px 28px; border-radius:24px;text-decoration:none;"> 3868 View All Reviews 3869 </a> 3870 </div> 3871 </div> 3872 </script>
3872 3873 3874
3874<script type="text/template" id="feedback-6-item-template"> 3875 <div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>"> 3876 <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:white; padding:20px; "> 3877 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" > 3878 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 3879 <a style="color:#6715FF !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 3880 <@ } @> 3881 <p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 82px; max-height: 80px; overflow: hidden;"> 3882 <@ print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @> 3883 </p> 3884 <div class="reviewerName"> 3885 <p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px; opacity:0.5;"> 3886 <@ print(item.userName) @> 3887 </p></div> 3888 3889 <p style="margin: 0px;"> 3890 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3891 <@ if(item.rating >= ratingsSize) {@> 3892 <i class="fa fa-solid fa-star-sharp text-primary" style="color:#6715FF !important;"></i> 3893 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 3894 <i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#6715FF !important;"></i> 3895 <@ } @> 3896 <@ }@> 3897 </p> 3898 3899 </div> 3900 </div> 3901 </div> 3902 </script>
3902 3903
3903<script type="text/template" id="feedback-6-createTemplate"> 3904 <div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>"> 3905 <div class="is-boxes"> 3906 <div class="is-box-centered"> 3907 <div class="is-container container" style="max-width: 1200px;"> 3908 3909 <div class="review-box review-add-box"> 3910 <div class="is-container container is-content-1200" > 3911 <div class="row clearfix" > 3912 <div class="column full" > 3913 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1> 3914 </div> 3915 </div> 3916 <div class="textarea-cont" style="background:transparent"> 3917 <div style="display:flex; gap:30px;"> 3918 <div><h3 style="font-size:18px;font-weight:600;">Overall Rating</h3></div> 3919 <div class="review-star1 text-primary" 3920 style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important"> 3921 <span id="rating-stars" > 3922 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 3923 <i class="fa fa-solid fa-star-sharp rating-star" 3924 data-value='<@- ratingsSize @>' 3925 style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i> 3926 <@}@> 3927 </span> 3928 </div> 3929 <style></style> 3930 3931 3932 </div> 3933 <textarea class="add-review-textarea" id="reviewText" style="background:white;width: 100%; border: 1px solid #c3c0c0; padding-right: 28px; padding-bottom: 28px;padding-left:20px; min-height: 180px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;border-radius:16px !important" placeholder="Add your review here"></textarea> 3934 <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0) { @> 3935 <p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: grey; margin-top: 0px;"><@ print(SPUSER.name) @></p> 3936 <@ } @> 3937 </div> 3938 <div style=" display: flex; justify-content: center;"> 3939 <button style="letter-spacing:0px !important ; background-color:#6715FF;padding:12px 28px !important;margin-top:30px;" id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>" 3940 data-reviewData="feedback6Reviewlist" disabled >Submit</button> 3941 </div> 3942 </div> 3943 </div> 3944 </div> 3945 </div> 3946 </div> 3947 </div> 3948 </script>
3948 3949 3950 3951 3952 3953 3954<!-- Olive Feedback 7-->
3955<script type="text/template" id="feedback-7-template"> 3956 <div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;"> 3957 <@if(msg){@> 3958 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 3959 <@}else{@> 3960 <@ if(total > 0 && ratings && ratings.avgRating) {@> 3961 <div class="avgratingbox"> 3962 <div class="column third"> 3963 <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;" > 3964 <div class="avgRatingInnerContainer"> 3965 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3> 3966 <div style="display: flex; flex-direction: row; align-items: center; justify-content: center;"> 3967 <i class="icon ion-android-star text-primary" style="font-size: 80px; color: #064400 !important;"></i> 3968 <div style="margin-left: 25px;"> 3969 <span style="display: flex; justify-content: flex-start; align-items: baseline;"> 3970 <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: #064400 !important; line-height: 1.3;"> 3971 <@ if(ratings && ratings.avgRating) {@> 3972 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 3973 <@}else{@> 3974 0 3975 <@}@> 3976 </h3> 3977 <p class="avgRatingReviews">/5</p> 3978 </span> 3979 <p class="avgRatingReviews"> 3980 <@ if(ratings){print(ratings.total) }else{0}@> reviews 3981 </p> 3982 </div> 3983 </div> 3984 </div> 3985 </div> 3986 </div> 3987 </div> 3988 <@ } @> 3989 <div id="feedback7Reviewlist" class="reviewslist"> 3990 <@ $.each(items, function(index, item) { @> 3991 <@ var template = _.template($("#feedback-7-item-template").html()); print(template({item: item})) @> 3992 <@ }); @> 3993 <@}@> 3994 </div> 3995 <div class="row clearfix"> 3996 <div class="column full" style="text-align: center;"> 3997 <a class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-7-item-template" data-reviewData="feedback7Reviewlist" style="text-align: center; font-size: 16px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none; background:#064400; color:white; padding:12px 28px; border-radius:24px;text-decoration:none;"> 3998 View All Reviews 3999 </a> 4000 </div> 4001 </div> 4002 </script>
4002 4003 4004
4004<script type="text/template" id="feedback-7-item-template"> 4005 <div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>"> 4006 <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:white; padding:20px; "> 4007 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" > 4008 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 4009 <a style="color:#064400 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 4010 <@ } @> 4011 <p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 82px; max-height: 80px; overflow: hidden;"> 4012 <@ print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @> 4013 </p> 4014 <div class="reviewerName"> 4015 <p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px; opacity:0.5;"> 4016 <@ print(item.userName) @> 4017 </p></div> 4018 4019 <p style="margin: 0px;"> 4020 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 4021 <@ if(item.rating >= ratingsSize) {@> 4022 <i class="fa fa-solid fa-star-sharp text-primary" style="color:#064400 !important;"></i> 4023 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 4024 <i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#064400 !important;"></i> 4025 <@ } @> 4026 <@ }@> 4027 </p> 4028 4029 </div> 4030 </div> 4031 </div> 4032 </script>
4032 4033
4033<script type="text/template" id="feedback-7-createTemplate"> 4034 <div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>"> 4035 <div class="is-boxes"> 4036 <div class="is-box-centered"> 4037 <div class="is-container container" style="max-width: 1200px;"> 4038 4039 <div class="review-box review-add-box"> 4040 <div class="is-container container is-content-1200" > 4041 <div class="row clearfix" > 4042 <div class="column full" > 4043 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1> 4044 </div> 4045 </div> 4046 <div class="textarea-cont"> 4047 <div style="display:flex; gap:30px;"> 4048 <div><h3 style="font-size:18px;font-weight:600;">Overall Rating</h3></div> 4049 <div class="review-star1 text-primary" 4050 style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important"> 4051 <span id="rating-stars" > 4052 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 4053 <i class="fa fa-solid fa-star-sharp rating-star" 4054 data-value='<@- ratingsSize @>' 4055 style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i> 4056 <@}@> 4057 </span> 4058 </div> 4059 <style></style> 4060 4061 4062 </div> 4063 <textarea class="add-review-textarea" id="reviewText" style="background:#E5E5E5;width: 100%; border: 1px solid #E5E5E5; padding-right: 28px; padding-bottom: 28px;padding-left:20px; min-height: 180px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;border-radius:16px !important" placeholder="Add your review here"></textarea> 4064 <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0) { @> 4065 <p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: rgba(255, 255, 255, 0.5); margin-top: 0px;"><@ print(SPUSER.name) @></p> 4066 <@ } @> 4067 </div> 4068 <div style=" display: flex; justify-content: center;"> 4069 <button style="letter-spacing:0px !important ; background-color:#064400;padding:12px 28px !important;" id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>" 4070 data-reviewData="feedback7Reviewlist" disabled >Submit</button> 4071 </div> 4072 </div> 4073 </div> 4074 </div> 4075 </div> 4076 </div> 4077 </div> 4078 </script>
4078 4079 4080 4081 4082 4083 <!--Dusk Feedback-8--> 4084
4084<script type="text/template" id="feedback-8-template"> 4085 <div class="column full feedbackContainer feedback2 spectre <@- total @>" style="padding: 0;"> 4086 <@if(msg){@> 4087 <h4 style="letter-spacing: 2px; text-align: center;"><@print(msg)@></h4> 4088 <@}else{@> 4089 <@ if(total > 0 && ratings && ratings.avgRating) {@> 4090 <div class="avgratingbox"> 4091 <div class="column third"> 4092 <div class="is-card avgRatingContainer" style="border-radius:16px !important ; padding:20px ;border:1px solid #E5E5E5 !important;background:#F5F5F5;" > 4093 <div class="avgRatingInnerContainer"> 4094 <h3 style="font-weight: 800; font-size: 12px; line-height: 1.3; margin-bottom: 0px;">Customer ratings</h3> 4095 <div style="display: flex; flex-direction: row; align-items: center; justify-content: center;"> 4096 <i class="icon ion-android-star text-primary" style="font-size: 80px; color: #282400 !important;"></i> 4097 <div style="margin-left: 25px;"> 4098 <span style="display: flex; justify-content: flex-start; align-items: baseline;"> 4099 <h3 style="margin-top: 0px; margin-bottom: 0px; font-size: 32px; font-weight: 800; color: #282400 !important; line-height: 1.3;"> 4100 <@ if(ratings && ratings.avgRating) {@> 4101 <@ print(parseFloat(ratings.avgRating.toFixed(1))) @> 4102 <@}else{@> 4103 0 4104 <@}@> 4105 </h3> 4106 <p class="avgRatingReviews">/5</p> 4107 </span> 4108 <p class="avgRatingReviews"> 4109 <@ if(ratings){print(ratings.total) }else{0}@> reviews 4110 </p> 4111 </div> 4112 </div> 4113 </div> 4114 </div> 4115 </div> 4116 </div> 4117 <@ } @> 4118 <div id="feedback8Reviewlist" class="reviewslist"> 4119 <@ $.each(items, function(index, item) { @> 4120 <@ var template = _.template($("#feedback-8-item-template").html()); print(template({item: item})) @> 4121 <@ }); @> 4122 <@}@> 4123 </div> 4124 <div class="row clearfix"> 4125 <div class="column full" style="text-align: center;"> 4126 <a class="loadMoreReviewsBtn reviewLMbtn text-primary" data-itemTemplate="feedback-8-item-template" data-reviewData="feedback8Reviewlist" style="text-align: center; font-size: 16px; font-weight: 500;cursor: pointer;line-height: 1.5;display: none; background:#282400; color:white; padding:12px 28px; border-radius:24px;text-decoration:none;"> 4127 View All Reviews 4128 </a> 4129 </div> 4130 </div> 4131 </script>
4131 4132 4133
4133<script type="text/template" id="feedback-8-item-template"> 4134 <div class="column third reviewcontainer <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @>selfreview<@ } @>"> 4135 <div class="is-card avgRatingContainer" style="border:1px solid #E5E5E5 !important; border-radius:16px !important;background:#F5F5F5; padding:20px; "> 4136 <div style="text-align: center; display: flex; flex-direction: column; align-items: flex-start;" > 4137 <@ if(typeof SPUSER !== 'undefined' && item["userId"] === SPUSER.id) { @> 4138 <a style="color:#282400 !important;" class="btn btn-link float-right deleteCurrentReviewBtn" data-id="<@ print(item['_id']) @>"><i class="material-icons">delete</i></a> 4139 <@ } @> 4140 <p class="reviewTxt" style="font-size: 14px; font-weight: 400; line-height: 1.5; margin-bottom: 25px; margin-top: 0px; min-height: 82px; max-height: 80px; overflow: hidden;"> 4141 <@ print(item.reviewtext.replace(/</g,'<').replace(/>/g,'>')) @> 4142 </p> 4143 <div class="reviewerName"> 4144 <p style="font-size: 12px; font-weight: 500; line-height: 1.3; text-align: left; padding-top: 0px; margin:0px; opacity:0.5;"> 4145 <@ print(item.userName) @> 4146 </p></div> 4147 4148 <p style="margin: 0px;"> 4149 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 4150 <@ if(item.rating >= ratingsSize) {@> 4151 <i class="fa fa-solid fa-star-sharp text-primary" style="color:#282400 !important;"></i> 4152 <@ } else if(item.rating > ratingsSize-1 && item.rating < ratingsSize) { @> 4153 <i class="fa fa-solid fa-star-sharp-half text-primary" style="color:#282400 !important;"></i> 4154 <@ } @> 4155 <@ }@> 4156 </p> 4157 4158 </div> 4159 </div> 4160 </div> 4161 </script>
4161 4162
4162<script type="text/template" id="feedback-8-createTemplate"> 4163 <div data-cat="1" class="is-section is-box is-section-20" id="createCustomReview" style="display: none;" data-id="<@- parentId @>"> 4164 <div class="is-boxes"> 4165 <div class="is-box-centered"> 4166 <div class="is-container container" style="max-width: 1200px;"> 4167 4168 <div class="review-box review-add-box"> 4169 <div class="is-container container is-content-1200" > 4170 <div class="row clearfix" > 4171 <div class="column full" > 4172 <h1 style="text-align: left; font-size: 32px; line-height: 1.1; font-weight: 600; letter-spacing: 0px; color: black; ">Add a review</h1> 4173 </div> 4174 </div> 4175 <div class="textarea-cont"> 4176 <div style="display:flex; gap:30px;"> 4177 <div><h3 style="font-size:18px;font-weight:600;">Overall rating</h3></div> 4178 <div class="review-star1 text-primary" 4179 style="display: flex; flex-direction: row; align-items: center; padding-top: 0px; margin-top: 0px;margin-left:0px !important;margin:0px !important"> 4180 <span id="rating-stars" > 4181 <@ for (ratingsSize = 1; ratingsSize <= 5; ratingsSize++) {@> 4182 <i class="fa fa-solid fa-star-sharp rating-star" 4183 data-value='<@- ratingsSize @>' 4184 style="width: 20px; height: 20px; text-align: center; flex-shrink: 0; margin: 0; padding: 0;"></i> 4185 <@}@> 4186 </span> 4187 </div> 4188 <style></style> 4189 4190 4191 </div> 4192 <textarea class="add-review-textarea" id="reviewText" style="background:#E5E5E5;width: 100%; border: 1px solid #E5E5E5; padding-right: 28px; padding-bottom: 28px;padding-left:20px; min-height: 180px; font-size: 14px; font-weight: 500; line-height: 1.5; padding-top: 10px;border-radius:16px !important" placeholder="Add your review here"></textarea> 4193 <@ if(typeof SPUSER !== 'undefined' && SPUSER.name.length > 0) { @> 4194 <p style="font-weight: 400; font-size: 10px; line-height: 1.3; color: rgba(255, 255, 255, 0.5); margin-top: 0px;"><@ print(SPUSER.name) @></p> 4195 <@ } @> 4196 </div> 4197 <div style=" display: flex; justify-content: center;"> 4198 <button style="letter-spacing:0px !important ; background-color:#282400;padding:12px 28px !important;" id="reviewSubmitBtn" class="btn btn-primary <@ if(typeof SPUSER !== 'undefined'){ print('createCustomReviewBtn') }else { print('loginBtn') } @>" 4199 data-reviewData="feedback8Reviewlist" disabled >Submit</button> 4200 </div> 4201 </div> 4202 </div> 4203 </div> 4204 </div> 4205 </div> 4206 </div> 4207 </script>
4207 4208 4209 4210 4211<div class="spectre"> 4212<div class="modal" id="reviewModal"> 4213 <a href="javascript:void(0);" class="modal-overlay close" 4214 aria-label="Close"></a> 4215 <div class="modal-container"> 4216 <div class="modal-header"> 4217 <a href="javascript:void(0);" 4218 class="close btn btn-clear float-right" aria-label="Close"></a> 4219 <div class="modal-title h5">Review</div> 4220 </div> 4221 <div class="modal-body" style="max-height: 90vh;padding-top: 0;"> 4222 </div> 4223 </div> 4224 4225 4226 4227</div> 4228 4229 4230</div> 4231 4232 4233 4234 4235 4236 4237 4238 4239 4240 4241 4242 4243 4244 4245
4246<script> 4247 var created_date = `Created Date`; 4248 var uname_msg = `Name`; 4249 var email_msg = `Email`; 4250 var has_web_token = `Has Web Token`; 4251 var has_mobile_token = `Has Mobile Token`; 4252 var actions_msg = `Actions`; 4253 var delete_user = `Delete User`; 4254 var create_target_audience = `Create Target Audience`; 4255 var msg_now = `NOW`; 4256 var msg_now_2 = `Now`; 4257 var msg_scheduled = `SCHEDULED`; 4258 var msg_recurring = `RECURRING`; 4259 var msg_weeks = `weeks`; 4260 var msg_months = `month(s)`; 4261 var msg_days = `days`; 4262 var notification_screen = `Notification Screen`; 4263 var coursepackagelandingpage = `Course/Package landing page`; 4264 var search_course_name = `Search by course/package name`; 4265 var webinar_landing_page = `Webinar landing page`; 4266 var search_by_webinar_name = `Search by webinar name`; 4267 var categorypage = `Category Page`; 4268 var custompage = `Custom Page`; 4269 var blogpage = `Blog Page`; 4270 var customlink = `Custom Link`; 4271 var homepage_msg = `Homepage`; 4272 var search_category = `Search category`; 4273 var search_page_title = `Search by Page title`; 4274 var search_blog_title = `Search by Blog title`; 4275 var enter_the_link = `Enter the link`; 4276 var membership_page = `Membership page`; 4277 var pick_a_date = `Pick a date`; 4278 var pick_first_push_date = `Pick a first push date`; 4279 var every_msg = `Every`; 4280 var starting_msg = `Starting`; 4281 var msg_published = `Published`; 4282 var msg_unpublished = `Unpublished`; 4283 var msg_customize = `Customize`; 4284 var msg_edit = `Edit`; 4285 var msg_featured_image = `Featured Image`; 4286 var msg_preview = `Preview`; 4287 var msg_delete = `Delete`; 4288 var msg_unpublish = `Unpublish`; 4289 var msg_publish = `Publish `; 4290 var msg_question= `questions`; 4291 var try_new_coding_assignment= `Try new coding assignment`; 4292 var change_enrollment_date = `Change Enrollment Date`; 4293 var change_expiry = `Change Expiry`; 4294 var change_remanining_time = `Change Remaining Time`; 4295 var remove_from_course = `Remove From Course`; 4296 var reset_course_progress = `Reset Course Progress`; 4297 var complete_report = `Complete Report`; 4298 var msg_progress = `Progress`; 4299 var timetaken = `Time Taken`; 4300 var msg_user_details = `User Details`; 4301 var graphy_platform_fees_note = `Amount after deducting Graphy platform fees. This does not include your payment gateway charges.`; 4302 var final_price_note = `Final payable price by learners`; 4303 var save_alert_message = `Save progress before moving forward.`; 4304 var no_chapter_alert_message = `Please add at least one chapter in the course.`; 4305 var download_msg = `Download`; 4306 var revoke_msg = `Revoke`; 4307 var yes_msg = `Yes`; 4308 var no_msg = `No`; 4309 var details_hover = `Details`; 4310 var hide_notification = `Hide Notification`; 4311 var notify_learners_hover = `Notify Learners`; 4312 var search_course_package = `Search Courses to add in this package.`; 4313 var bulk_delete = `Bulk Delete`; 4314 var scheduled_msg = `Scheduled`; 4315 var inprogress_msg = `In Progress`; 4316 var completed_msg = `Completed`; 4317 var yes_all_caps = `YES`; 4318 var no_all_caps = `NO`; 4319 var discount_msg = `Discount`; 4320 var max_discount = `Max Discount`; 4321 var min_cart = `Min Cart`; 4322 var delete_bookmark = `Delete Bookmark`; 4323 var view_question = `View question`; 4324 var msg_free = `Free`; 4325 var membership_expiration_note = `Membership will be canceled on next billing date.`; 4326 var msg_active = `Active`; 4327 var msg_inactive = `Inactive`; 4328 var delete_hover = `Delete`; 4329 var view_hover = `View`; 4330 var coursewise = `Course Wise`; 4331 var learner_wise = `Learner wise`; 4332 var segment_wise = `Segment wise`; 4333 var unregistered_msg = `Unregistered`; 4334 var target_audience_deleted = `Target Audience Deleted`; 4335 var courses_msg = `course(s)`; 4336 var learners_msg = `learner(s)`; 4337 var unregistered_learners = `Unregistered Learner`; 4338 var all_learners = `All Learners`; 4339 var course_wise_learners = `Course wise Learners`; 4340 var segment_wise_learners = `Segment wise Learners`; 4341 var with_token = `with token`; 4342 var segments_msg = `segments`; 4343 var add_users_msg = `Add Users`; 4344 var approx_msg = `Approx`; 4345 var revoke_cancellation_request = `Revoke Cancellation request.`; 4346 var remove_scheduled_membership_cancellation = `Remove Scheduled Membership Cancellation`; 4347 var schedule_to_stop_subscription = `Schedule to stop Subscription`; 4348 var stop_subscription = `Stop subscription`; 4349 var available_for_review_all_caps = `AVAILABLE FOR REVIEW`; 4350 var reviewed_all_caps = `REVIEWED`; 4351 var rejected_all_caps = `REJECTED`; 4352 var preview_code = `Preview Code`; 4353 var approve_msg = `Approve`; 4354 var reject_msg = `Reject`; 4355 var history_msg = `History`; 4356 var message_hover= `Message`; 4357 var remove_msg= `Remove`; 4358 var enroll_msg= `Enroll`; 4359 var change_validity= `Change Validity`; 4360 var learners_selected= `learner(s) selected`; 4361 var select_all_msg= `Select all`; 4362 var do_you_want_to_delete_course= `Do you really want to delete this course?`; 4363 var do_you_want_to_revoke_this_certificate= `Do you really want to revoke this certificate?`; 4364 var do_you_want_to_revoke_entry= `Do you really want to revoke this entry?`; 4365 var do_you_want_to_edit_enrollment_date= `Do you really want to edit enrollment date of all learners?`; 4366 var do_you_want_to_edit_enrollment_date_for_selected= `Do you really want to edit enrollment date of selected learners?`; 4367 var do_you_want_to_edit_course_validity= `Do you really want to edit course validity of all learners?`; 4368 var do_you_want_to_edit_course_validity_for_selected= `Do you really want to edit course validity of selected learners?`; 4369 var do_you_want_to_remove_selected= `Do you really want to remove selected learners?`; 4370 var do_you_want_to_remove_all= `Do you really want to remove all learners?`; 4371 var do_you_want_to_create_zip= `Do you really want to create zip for this course?`; 4372 var do_you_want_to_deactivate= `Do you really want to deactivate?`; 4373 var successfully_done_alert= `Successfully Done.`; 4374 var please_select_atleast_1_learner= `Please select atleast 1 learner !`; 4375 var on_msg= `On`; 4376 var single_correct_option = `Single Correct Option`; 4377 var multiple_correct_options = `Multiple Correct Options`; 4378 var numerical_Fill_in_the_Blank = `Numerical/Fill in the Blank`; 4379 var match_the_Column = `Match the Column`; 4380 var subjective = `Subjective`; 4381 var your_target_audience_appear= `Your target audience user(s) will appear here`; 4382 var your_upcoming_campaign= `Your upcoming campaign will appear here`; 4383 var status_msg= `Status`; 4384 var stop_campaign= `Stop Campaign`; 4385 var copy_campaign= `Copy Campaign`; 4386 var platform_fee_tax = `platform fees including taxes`; 4387 var pg_fees_taxes = `payment gateway fees including taxes`; 4388 var msg_quiz = `Quiz`; 4389 var msg_livetest = `Live test`; 4390 var msg_heading = `Heading`; 4391 var msg_text = `Text`; 4392 var msg_form = `Form`; 4393 var msg_live_class = `Live class`; 4394 var msg_live_class_rec = `live class recording`; 4395 var msg_code = `Code`; 4396 var msg_assignment = `Assignment`; 4397 var msg_added = `added`; 4398 var msg_about = `About`; 4399 var msg_year = `year`;
4400 var msg_month = `Month`; 4401 var msg_day = `day`; 4402 //var msg_hour = `hh`; 4403 //var msg_minute = `mm`; 4404 //var msg_seconds = `seconds`; 4405 var msg_month_l = `month`; 4406 var msg_day_l = `day`; 4407 var msg_hour_l = `hour`; 4408 var msg_minute_l = `minute`; 4409 var msg_second_l = `second`; 4410 var mobile_number=`Mobile Number`; 4411 var status_android =`Status (ANDROID)`; 4412 var status_ios =`Status (IOS)`; 4413 var delivery_time=`Delivery Time`; 4414 var sure_unhide=`Are you sure you want to unhide this course ?`; 4415 var become_a_partner=`Become a Partner`; 4416 var failed_msg=`Failed`; 4417 var sent_msg=`Sent`; 4418 var pending_msg=`Pending`; 4419 var running_msg=`Running`; 4420 var add_pricing_plan = `Add pricing plan`; 4421 var msg_add = `Add`; 4422 var of_msg = `of`; 4423 var items_msg = `items` 4424 var ago_msg = `ago` 4425 var items_msg = `items`; 4426 4427 var january_msg = `January`; 4428 var february_msg = `February`; 4429 var march_msg = `March`; 4430 var april_msg = `April`; 4431 var may_msg = `May`; 4432 var june_msg = `June`; 4433 var july_msg = `July`; 4434 var august_msg = `August`; 4435 var september_msg = `September`; 4436 var october_msg = `October`; 4437 var november_msg = `November`; 4438 var december_msg = `December`; 4439 var sunday_msg = `Sunday`; 4440 var monday_msg = `Monday`; 4441 var tuesday_msg = `Tuesday`; 4442 var wednesday_msg = `Wednesday`; 4443 var thursday_msg = `Thursday`; 4444 var friday_msg = `Friday`; 4445 var saturday_msg = `Saturday`; 4446 var at_msg = `at`; 4447 var generate_outline = `Generate outline using AI`; 4448 var it_take_min = `It may take a min.`; 4449 var msg_ok = `OK`; 4450 var edit_pricing_plan = `Edit pricing plan`; 4451 4452</script>
4452 4453 4454 4455 4456 4457 4458 4459
4460<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-2.0.3.min.js"></script>
4460 4461
4462<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/underscore-min.js?v=1.9.1"></script>
4462 4463
4464<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.form.js"></script>
vendor: 1 bytes, line 4464
4464
4465<script async src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.noty.packaged.min.js"></script>
vendor: 1 bytes, line 4465
4465
4466<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-ui.min.js"></script>
vendor: 1 bytes, line 4466
4466
4467<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.timeago.js"></script>
vendor: 1 bytes, line 4467
4467
4468<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/js-webshim/minified/extras/modernizr-custom.js"></script>
vendor: 1 bytes, line 4468
4468
4469<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery.datetimepicker.js"></script>
4469 4470 4471 4472 4473 4474 4475 4476 4477
4478<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/aes.js"></script>
vendor: 1 bytes, line 4478
4478
4479<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/mode-ecb-min.js"></script>
vendor: 1 bytes, line 4479
4479
4480<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/pad-nopadding-min.js"></script>
4480 4481 4482<!--
4482<script src="https://unpkg.com/@popperjs/core@2"></script>
vendor: 1 bytes, line 4482
4482
4483<script src="https://unpkg.com/tippy.js@6"></script>
4483 -->
4484<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.3.3/umd/popper.js" integrity="sha512-jSMYzs1Iebw2Uew+Y9karoqkqTDEzbqkdttIkHJKh3auQ6aGV7p8b7A3Yo9k/LsMvUFqWt5AV66hfo1OwH4Jjg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
vendor: 1 bytes, line 4484
4484
4485<script src="https://cdnjs.cloudflare.com/ajax/libs/tippy.js/6.0.0/tippy-bundle.umd.js"></script>
4485 4486
4487<script type="text/javascript"> 4488 var passwordPolicyRequired = false; 4489 var checkoutV2 = true; 4490 var primaryFieldPhoneEnabled = true; 4491 var orgLanguageCode = ""; 4492 var SPEERESCDN = "https://d502jbuhuh9wk.cloudfront.net"; 4493</script>
4493 4494
4495<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/sutils_919c30bb7230024efec7b939763642a2.js"></script>
vendor: 1 bytes, line 4495
4495
4496<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/utils/dateUtils_f53456b03f1287667a7b24fb63b367ce.js"></script>
vendor: 1 bytes, line 4496
4496
4497<script type="text/javascript"> 4498 // Make org object globally available for dateUtils 4499 window.org = window.org || {}; 4500 window.org.currencyCode = "false"=='true'?'USD':'INR'; 4501 var websiteV3Org = false; 4502 var orgCreatedDate = {"$date":"2024-06-05T11:04:04.102Z"}; 4503</script>
4503 4504 4505
4505<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/talk_b564486691065235006e186474078666.js"></script>
4505 4506 4507 4508 4509 4510
4511<script type="text/javascript"> 4512 var trialExpired = "false"; 4513 var planCancelled = "false"; 4514 var isFreePlan = false; 4515 4516</script>
vendor: 1 bytes, line 4516
4516
4517<script type="text/javascript" id="dsf239df"> 4518 var ctx = "/s", 4519 isFirstLogin = "", cjs = CryptoJS; 4520 4521 var defaultCoreColor = "#5755d9", theme1CoreColor = "#572b7a", theme2CoreColor = "#3f51b5", theme3CoreColor = "#009051", 4522 theme4CoreColor = "#596439", theme5CoreColor = "#F0591D", theme6CoreColor = "#28a745", theme7CoreColor = "#1bbc9b", 4523 theme8CoreColor = "#f38f20", apkId = "6231373436231373432363038663465653864613523630386634656538646135", theme9CoreColor = "#c0af01", theme10CoreColor = "#e8d3a4", 4524 webColor = defaultCoreColor, 4525 CFCDN = "https://d502jbuhuh9wk.cloudfront.net", mobileNotification = true, webNotification = true, 4526 iosPlayVideo = true, 4527 chromeDrmPlayback = false, 4528 gaType = "ga4"; 4529 4530 4531 4532 $("#dsf239df").remove(); 4533</script>
4533 4534 4535 4536<!-- Google Tag Manager Integration --> 4537
4537<script>
vendor: 478 bytes, lines 4537-4544
4537(function (w, d, s, l, i) { 4538 w[l] = w[l] || []; w[l].push({ 4539 'gtm.start': 4540 new Date().getTime(), event: 'gtm.js' 4541 }); var f = d.getElementsByTagName(s)[0], 4542 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 4543 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); 4544 })(window, document, 'script', 'dataLayer', "
4544GTM-KTMHJJBL
vendor: 3 bytes, line 4544
4544");
4544</script>
4544 4545<!-- End Google Tag Manager Integration--> 4546 4547 4548 4549 4550 4551 4552 <a id="whatsappWidgetContainer" class="whatsapp-widget-container" href="#" target="_blank" > 4553 <div class="whatsapp-widget-icon"> 4554 <i class="fa-brands fa-whatsapp" aria-hidden="true"></i> 4555 </div> 4556 <div class="whatsapp-widget-contact">Contact us</div> 4557 </a> 4558 4559
4559<script> 4560 4561 const mobileNumber = "+919829104182"; 4562 const userMessage = "Hi, I have a query regarding your learning community."; 4563 4564 const WA_URL = "https://api.whatsapp.com/send?phone=" + encodeURIComponent(mobileNumber) + "&text=" + encodeURIComponent(userMessage); 4565 4566 document.getElementById("whatsappWidgetContainer").href = WA_URL; 4567 </script>
4567 4568 4569 4570 4571 4572 <input type="hidden" id="orgCurrencyCode" value="INR" /> 4573 4574 4575 4576 4577 4578
4578<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/detect-private-browsing.js"></script>
4578 4579
4579<script type="text/javascript"> 4580 detectPrivateMode( 4581 function(is_private) { 4582 if(typeof is_private !== 'undefined' && is_private) { 4583 $("input[name=privateMode]").val("private"); 4584 } 4585 } 4586 ); 4587 </script>
4587 4588 4589 4590 4591 4592 4593
4593<script type="text/javascript" 4594 src="https://d502jbuhuh9wk.cloudfront.net/resources/js/intlTelInput.min.js"></script>
4594 4595
4595<script type="text/javascript"> 4596 4597 var ipInfo = localStorage.getItem('ipInfo'); 4598 if(!ipInfo) { 4599 $.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) { 4600 if(resp) { 4601 var ipInfoStr = JSON.stringify(resp); 4602 var ipInfoField = document.getElementById("ipInfo"); 4603 var countryCode = (resp.country) ? resp.country : "in"; 4604 sessionStorage.setItem('countryCode', countryCode); 4605 if('statusText' in resp) { 4606 if((resp['statusText'] !== 'error') && ('ip' in resp)) { 4607 localStorage.setItem('ipInfo', ipInfoStr); 4608 if(ipInfoField) { 4609 ipInfoField.value = ipInfoStr; 4610 } 4611 } 4612 } 4613 else if('ip' in resp) { 4614 localStorage.setItem('ipInfo', ipInfoStr); 4615 if(ipInfoField) { 4616 ipInfoField.value = ipInfoStr; 4617 } 4618 } 4619 } 4620 }) 4621 } 4622 4623 $("#sphone").intlTelInput({ 4624 initialCountry: "auto", 4625 geoIpLookup: function(callback) { 4626 var scountryCode = sessionStorage.getItem('countryCode'); 4627 4628 if(scountryCode !== null) { 4629 callback(scountryCode); 4630 }else { 4631 $.get("https://ipinfo.io", function() {}, "jsonp").always(function(resp) { 4632 var countryCode = (resp && resp.country) ? resp.country : "in"; 4633 callback(countryCode); 4634 sessionStorage.setItem('countryCode', countryCode); 4635 }); 4636 } 4637 }, 4638 preferredCountries: ["in", "us"], 4639 separateDialCode: true, 4640 utilsScript: "/resources/js/intlUtils.js" 4641 }); 4642 4643 </script>
4643 4644 4645 4646 4647 4648<div class="spectre"> 4649 4650 4651 4652 4653 4654
4654<script type="text/javascript"> 4655 if(top != self) { 4656 //iframe 4657 $(".toast").remove(); 4658 } 4659 </script>
4659 4660 4661 4662</div> 4663 4664 4665 4666<input type="hidden" id="orgCreditAlias" 4667 value="Baaten Bazar Ki (BBK) Coins" /> 4668 4669 4670 4671 4672 4673 4674 4675 4676 4677 4678 4679 4680 4681 4682 4683 4684 4685 4686 4687
4688<script> 4689 4690 4691 4692 4693 var orgTaxLabel = ""; 4694 4695 4696 4697 var sessionCountry = ""; 4698 4699 $(document).ready(function() { 4700 $("input[name='userMobileVerify']").change(function(data){ 4701 var uniqueMobileSwitch = $('#uniqueMobileId'); 4702 if(data.target.value==='true'){ 4703 $('input[name=uniqueMobile]').prop('checked', true) 4704 $('#uniqueMobileLabelId').show(); 4705 }else{ 4706 $('input[name=uniqueMobile]').prop('checked', false) 4707 $('#uniqueMobileLabelId').hide(); 4708 } 4709 }); 4710 }); 4711 4712 4713 4714 4715 localStorage.removeItem('microserviceAuthToken'); 4716 4717 4718 4719 4720 4721 4722 localStorage.removeItem('communityToken'); 4723 4724 4725 4726 4727 4728 4729 localStorage.removeItem('chatRefreshToken'); 4730 4731 4732 4733 4734 4735 4736 localStorage.removeItem('refreshToken'); 4737 4738 4739 4740</script>
4740 4741 4742 4743<!-- amplitude script start --> 4744 4745 4746 4747
4747<script type="text/javascript"> 4748 window.localStorage.removeItem('loginAmplitudeEventSent'); 4749 </script>
4749 4750 4751 4752<!-- amplitude script end --> 4753 4754 4755 4756 <div id="template-container"></div> 4757 4758 4759
4759<script src="https://d502jbuhuh9wk.cloudfront.net/staticfiles/resources/scripts/sstore_5ffb558e86d7b5ef265e05fb0bfbef79.js"></script>
4759 4760 4761 4762
4762<script type="text/template" id="categoryTemplate"> 4763 <li class="menu-item"><a href="/s/store/courses/<@- label @>"><@- label @></a> 4764 </script>
4764 4765
4765<script type="text/javascript"> 4766 store.init(true); 4767 store.bindEvents(); 4768 </script>
4768 4769
4769<script type="text/javascript"> 4770 window.signupParams = {source: "store", platform: "web", sourceId: null}; 4771 </script>
4771 4772 4773 4774 4775 4776 4777 <div id="ui-notification-container" class="spectre"></div> 4778
4778<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-easing.js"></script>
4778 4779
4779<script src="https://d502jbuhuh9wk.cloudfront.net/resources/js/jquery-notification.js"></script>
4779 4780 4781 <!-- Import and configure the Firebase SDK --> 4782 <!-- These scripts are made available when the app is served or deployed on Firebase Hosting --> 4783 <!-- If you do not serve/host your project using Firebase Hosting see https://firebase.google.com/docs/web/setup --> 4784
4784<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
4784 4785
4785<script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-messaging.js"></script>
4785 4786 4787
4787<script> 4788 // Retrieve Firebase Messaging object. 4789 var firebaseConfig = {"apiKey":"AIzaSyCQ2wNyeXrIzifB0IKKVCalHXrDk7pg32w","authDomain":"live-stream-chat-efac5.firebaseapp.com","databaseURL":"https://live-stream-chat-efac5.firebaseio.com","projectId":"live-stream-chat-efac5","storageBucket":"live-stream-chat-efac5.appspot.com","messagingSenderId":"158909475587","appId":"1:158909475587:web:93ede0a9feef2b3f"}; 4790 // Initialize Firebase 4791 firebase.initializeApp(firebaseConfig); 4792 const messaging = firebase.messaging(); 4793 // Add the public key generated from the console here. 4794 messaging.usePublicVapidKey("BN3BYOmWjo3NAW7if4jCE5cG-yIOXAvmoKB9k53ZssAfgb7Z6ZZ-oAQWFK7j6EqHIG3f-G9QAVKLOIK7Vw3X0_k"); 4795 4796 // Callback fired if Instance ID token is updated. 4797 messaging.onTokenRefresh(function(){ 4798 messaging.getToken().then(function(refreshedToken){ 4799 // Indicate that the new Instance ID token has not yet been sent to the 4800 // app server. 4801 setTokenSentToServer(false); 4802 // Send Instance ID token to app server. 4803 sendTokenToServer(refreshedToken); 4804 // Display new Instance ID token and clear UI of all previous messages. 4805 resetUI(); 4806 // [END_EXCLUDE] 4807 })["catch"](function(err){ 4808 console.log('Unable to retrieve refreshed token ', err); 4809 showToken('Unable to retrieve refreshed token ', err); 4810 requestPermission(); 4811 }); 4812 }); 4813 4814 // Handle incoming messages. Called when: 4815 // - a message is received while the app has focus 4816 // - the user clicks on an app notification created by a service worker 4817 // `messaging.setBackgroundMessageHandler` handler. 4818 messaging.onMessage(function(payload){ 4819 console.log('Message received. ', payload); 4820 appendMessage(payload); 4821 }); 4822 4823 function resetUI() { 4824 clearMessages(); 4825 $(function(){ 4826 $("#ui-notification-container").notification(); 4827 }); 4828 // Get Instance ID token. Initially this makes a network call, once retrieved 4829 // subsequent calls to getToken will return from cache. 4830 messaging.getToken().then(function(currentToken) { 4831 if (currentToken) { 4832 sendTokenToServer(currentToken); 4833 updateUIForPushEnabled(currentToken); 4834 } else { 4835 // Show permission request. 4836 console.log('No Instance ID token available. Request permission to generate one.'); 4837 // Show permission UI. 4838 updateUIForPushPermissionRequired(); 4839 setTokenSentToServer(false); 4840 } 4841 })["catch"](function(err) { 4842 console.log('An error occurred while retrieving token. ', err); 4843 showToken('Error retrieving Instance ID token. ', err); 4844 setTokenSentToServer(false); 4845 }); 4846 // [END get_token] 4847 } 4848 4849 function showToken(currentToken) { 4850 // Show token in console and UI. 4851 console.log(currentToken); 4852 } 4853 4854 // Send the Instance ID token your application server, so that it can: 4855 // - send messages back to this app 4856 // - subscribe/unsubscribe the token from topics 4857 function sendTokenToServer(currentToken) { 4858 if (!isTokenSentToServer()) { 4859 console.log('Sending token to server...'); 4860 var packet = { 4861 url : "/public/v1/fcm/token", 4862 data: {token: currentToken}, 4863 success: function(data, params) { 4864 console.log("Token successfully sent") 4865 setTokenSentToServer(true); 4866 setTokenSentToServerUserId(window.userId); 4867 } 4868 }; 4869 postData(packet, {}); 4870 } else { 4871 console.log('Token already sent to server so won\'t send it again ' + 4872 'unless it changes'); 4873 } 4874 4875 } 4876 4877 function isTokenSentToServer() { 4878 return window.localStorage.getItem('sentToServer') === '1' && isTokenSentToServerWithUser(window.userId); 4879 } 4880 4881 function isTokenSentToServerWithUser(userId) { 4882 return window.localStorage.getItem('sentToServer-user') === userId; 4883 } 4884 4885 function setTokenSentToServer(sent) { 4886 window.localStorage.setItem('sentToServer', sent ? '1' : '0'); 4887 } 4888 4889 function setTokenSentToServerUserId(userId) { 4890 window.localStorage.setItem('sentToServer-user', userId); 4891 } 4892 4893 function requestPermission() { 4894 console.log('Requesting permission...'); 4895 // [START request_permission] 4896 Notification.requestPermission().then(function(permission) { 4897 if (permission === 'granted') { 4898 console.log('Notification permission granted.'); 4899 resetUI(); 4900 } else { 4901 console.log('Unable to get permission to notify.'); 4902 } 4903 }); 4904 // [END request_permission] 4905 } 4906 4907 function deleteToken() { 4908 // Delete Instance ID token. 4909 // [START delete_token] 4910 messaging.getToken().then(function(currentToken){ 4911 messaging.deleteToken(currentToken).then(function(){ 4912 console.log('Token deleted.'); 4913 setTokenSentToServer(false); 4914 // Once token is deleted update UI. 4915 resetUI(); 4916 })["catch"](function(err) { 4917 console.log('Unable to delete token. ', err); 4918 }); 4919 })["catch"](function(err) { 4920 console.log('Error retrieving Instance ID token. ', err); 4921 showToken('Error retrieving Instance ID token. ', err); 4922 }); 4923 4924 } 4925 4926 // Add a message to the messages element. 4927 function appendMessage(payload) { 4928 $("#ui-notification-container").notification("create", { 4929 title: payload.data.title, 4930 content: payload.data.message, 4931 customIcon: payload.data.customIcon, 4932 customImage: payload.data.customImage, 4933 link: payload.data.link 4934 }, 4935 { 4936 sticky: true 4937 }); 4938 } 4939 4940 // Clear the messages element of all children. 4941 function clearMessages() { 4942 const messagesElement = document.querySelector('#ui-notification-container'); 4943 while (messagesElement.hasChildNodes()) { 4944 messagesElement.removeChild(messagesElement.lastChild); 4945 } 4946 } 4947 4948 function updateUIForPushEnabled(currentToken) { 4949 showToken("Token update ui: " + currentToken); 4950 } 4951 4952 function updateUIForPushPermissionRequired() { 4953 console.warg("Push notification permission is requred") 4954 } 4955 4956 window.userId = ""; 4957 resetUI(); 4958 4959 4960 </script>
4960 4961 4962
4962<script src="https://d502jbuhuh9wk.cloudfront.net/static/files/lazyload.min.js"></script>
4962 4963
4963<script type="text/javascript"> 4964 var lazyLoadInstance = new LazyLoad({ 4965 unobserve_entered: true, 4966 callback_enter: function(element) { 4967 resizeCdnImage(element); 4968 } 4969 }); 4970 </script>
4970 4971</body> 4972</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.